플러스프로젝트 배경
비상교육은 출판사이자 글로벌 교육 전문 기업으로, 디지털 매체가 발달하고 있는 현 흐름에 맞춰 IT 기술을 활용한 독자적 스마트러닝 플랫폼을 통해 선생-학생 쌍방향 수업 컨텐츠를 제공하며, 스마트한 교육환경을 통해 다양한 연령층에 최적화된 신개념 글로벌 교육 컨텐츠를 제공하고 있습니다. 본 프로젝트에서는 스마트보드(전자칠판)와 패드 기반의 스마트러닝 플랫폼 비상교육 Wings 의 아동 대상 영어 학습 프로그램 EnglishEye의 리딩스마트학습 전체 UI를 디자인하였습니다.
본 프로젝트는 학습 효율성을 높이는 동시에, 초등 저학년부터 고학년까지 다양한 연령대가 직관적으로 사용할 수 있는 인터페이스를 구현하는 데 초점을 두었습니다. 디자인 과정에서는 가독성과 학습 몰입도를 가장 중요한 원칙으로 삼았습니다. 영어 텍스트 중심의 학습 환경에서 아이들이 부담을 덜 느끼도록, 화면은 청량한 블루 톤과 부드러운 그라데이션을 기반으로 구성했습니다. 여기에 구름, 그림자, 입체 버튼 등 시각적 오브젝트를 활용해 공간감과 친근함을 더했으며, 어린이 사용자에게 익숙하면서도 과도하게 유치하지 않은 비주얼 밸런스를 유지했습니다.
특히 인터랙션 요소의 명확한 구분에 주력하였는데, 버튼과 비활성 요소는 색상, 그림자, 아이콘 스타일을 체계적으로 차별화하여 학습 과정에서 불필요한 혼동을 줄이고 사용자가 ‘어디를 눌러야 하는지’ 직관적으로 인식할 수 있도록 설계했습니다. 또한 문항 풀이, 단어 학습, AI 리딩 등 다양한 학습 모드 간 일관된 UI 구조를 유지하여, 학습 흐름이 끊기지 않도록 했습니다.
텍스트와 시각 자료가 함께 제시되는 화면에서는 학습 콘텐츠와 시각적 몰입 요소의 균형을 고려했습니다. 예를 들어, 단어 학습 화면에서는 이미지와 단어가 직관적으로 연결되도록 배치하고, 선택지 버튼은 명확한 대비와 시각적 피드백을 제공하도록 디자인했습니다. 독해 학습 화면에서는 영어 문장, 번역, 보충 설명이 단계적으로 드러나며, 사용자가 자연스럽게 이해 과정을 따라갈 수 있도록 정보 위계를 세심하게 조정했습니다.
결과적으로 본 프로젝트는 학습 경험을 방해하지 않으면서도 즐겁게 몰입할 수 있는 UI/UX를 구현하는 데 중점을 두었습니다. 교육 현장에서 실제 아동들이 사용하는 과정을 고려한 가독성, 직관성, 시각적 안정감을 담보한 디자인을 통해, 교육적 효과와 사용자 만족도를 동시에 높이는 결과물을 완성할 수 있었습니다.
본 프로젝트는 학습 효율성을 높이는 동시에, 초등 저학년부터 고학년까지 다양한 연령대가 직관적으로 사용할 수 있는 인터페이스를 구현하는 데 초점을 두었습니다. 디자인 과정에서는 가독성과 학습 몰입도를 가장 중요한 원칙으로 삼았습니다. 영어 텍스트 중심의 학습 환경에서 아이들이 부담을 덜 느끼도록, 화면은 청량한 블루 톤과 부드러운 그라데이션을 기반으로 구성했습니다. 여기에 구름, 그림자, 입체 버튼 등 시각적 오브젝트를 활용해 공간감과 친근함을 더했으며, 어린이 사용자에게 익숙하면서도 과도하게 유치하지 않은 비주얼 밸런스를 유지했습니다.
특히 인터랙션 요소의 명확한 구분에 주력하였는데, 버튼과 비활성 요소는 색상, 그림자, 아이콘 스타일을 체계적으로 차별화하여 학습 과정에서 불필요한 혼동을 줄이고 사용자가 ‘어디를 눌러야 하는지’ 직관적으로 인식할 수 있도록 설계했습니다. 또한 문항 풀이, 단어 학습, AI 리딩 등 다양한 학습 모드 간 일관된 UI 구조를 유지하여, 학습 흐름이 끊기지 않도록 했습니다.
텍스트와 시각 자료가 함께 제시되는 화면에서는 학습 콘텐츠와 시각적 몰입 요소의 균형을 고려했습니다. 예를 들어, 단어 학습 화면에서는 이미지와 단어가 직관적으로 연결되도록 배치하고, 선택지 버튼은 명확한 대비와 시각적 피드백을 제공하도록 디자인했습니다. 독해 학습 화면에서는 영어 문장, 번역, 보충 설명이 단계적으로 드러나며, 사용자가 자연스럽게 이해 과정을 따라갈 수 있도록 정보 위계를 세심하게 조정했습니다.
결과적으로 본 프로젝트는 학습 경험을 방해하지 않으면서도 즐겁게 몰입할 수 있는 UI/UX를 구현하는 데 중점을 두었습니다. 교육 현장에서 실제 아동들이 사용하는 과정을 고려한 가독성, 직관성, 시각적 안정감을 담보한 디자인을 통해, 교육적 효과와 사용자 만족도를 동시에 높이는 결과물을 완성할 수 있었습니다.
프로젝트 성과
초등 저학년부터 고학년까지 다양한 연령대가 직관적으로 사용할 수 있는 인터페이스를 구현
청량한 블루 톤과 부드러운 그라데이션을 기반으로 구성하여 구름, 그림자, 입체 버튼 등 시각적 오브젝트를 활용해 공간감과 친근함을 더했으며, 어린이 사용자에게 익숙하면서도 과도하게 유치하지 않은 밸런스 유지
인터랙션 요소의 명확한 구분
버튼과 비활성 요소는 색상, 그림자, 아이콘 스타일을 체계적으로 차별화하여 학습 과정에서 불필요한 혼동을 줄이고 사용자가 ‘어디를 눌러야 하는지’ 직관적으로 인식할 수 있도록 설계
핵심 기능
스마트보드(전자칠판)와 패드 기반의 스마트러닝 플랫폼으로 영어 텍스트 중심의 학습 환경 제공
교육 현장에서 실제 아동들이 사용하는 과정을 고려한 가독성, 직관성, 시각적 안정감을 담보한 디자인을 통해, 교육적 효과와 사용자 만족도를 동시에 높이는 결과물을 완성
진행 단계
기획 및 요구사항 수령 - 디자인 컨셉 시안 - 전체 디자인 진행 - 컨펌
2018.07.
레퍼런스 리서치 후 디자인 시안 전달, 이후 전체 디자인 시안 전달 및 컨펌, 디자인 진행
프로젝트 상세
비상교육은 출판사이자 글로벌 교육 전문 기업으로, 디지털 매체가 발달하고 있는 현 흐름에 맞춰 IT 기술을 활용한 독자적 스마트러닝 플랫폼을 통해 선생-학생 쌍방향 수업 컨텐츠를 제공하며, 스마트한 교육환경을 통해 다양한 연령층에 최적화된 신개념 글로벌 교육 컨텐츠를 제공하고 있습니다. 본 프로젝트에서는 스마트보드(전자칠판)와 패드 기반의 스마트러닝 플랫폼 비상교육 Wings 의 아동 대상 영어 학습 프로그램 EnglishEye의 리딩스마트학습 전체 UI를 디자인하였습니다.
본 프로젝트는 학습 효율성을 높이는 동시에, 초등 저학년부터 고학년까지 다양한 연령대가 직관적으로 사용할 수 있는 인터페이스를 구현하는 데 초점을 두었습니다. 디자인 과정에서는 가독성과 학습 몰입도를 가장 중요한 원칙으로 삼았습니다. 영어 텍스트 중심의 학습 환경에서 아이들이 부담을 덜 느끼도록, 화면은 청량한 블루 톤과 부드러운 그라데이션을 기반으로 구성했습니다. 여기에 구름, 그림자, 입체 버튼 등 시각적 오브젝트를 활용해 공간감과 친근함을 더했으며, 어린이 사용자에게 익숙하면서도 과도하게 유치하지 않은 비주얼 밸런스를 유지했습니다.
특히 인터랙션 요소의 명확한 구분에 주력하였는데, 버튼과 비활성 요소는 색상, 그림자, 아이콘 스타일을 체계적으로 차별화하여 학습 과정에서 불필요한 혼동을 줄이고 사용자가 ‘어디를 눌러야 하는지’ 직관적으로 인식할 수 있도록 설계했습니다. 또한 문항 풀이, 단어 학습, AI 리딩 등 다양한 학습 모드 간 일관된 UI 구조를 유지하여, 학습 흐름이 끊기지 않도록 했습니다.
텍스트와 시각 자료가 함께 제시되는 화면에서는 학습 콘텐츠와 시각적 몰입 요소의 균형을 고려했습니다. 예를 들어, 단어 학습 화면에서는 이미지와 단어가 직관적으로 연결되도록 배치하고, 선택지 버튼은 명확한 대비와 시각적 피드백을 제공하도록 디자인했습니다. 독해 학습 화면에서는 영어 문장, 번역, 보충 설명이 단계적으로 드러나며, 사용자가 자연스럽게 이해 과정을 따라갈 수 있도록 정보 위계를 세심하게 조정했습니다.
결과적으로 본 프로젝트는 학습 경험을 방해하지 않으면서도 즐겁게 몰입할 수 있는 UI/UX를 구현하는 데 중점을 두었습니다. 교육 현장에서 실제 아동들이 사용하는 과정을 고려한 가독성, 직관성, 시각적 안정감을 담보한 디자인을 통해, 교육적 효과와 사용자 만족도를 동시에 높이는 결과물을 완성할 수 있었습니다.
본 프로젝트는 학습 효율성을 높이는 동시에, 초등 저학년부터 고학년까지 다양한 연령대가 직관적으로 사용할 수 있는 인터페이스를 구현하는 데 초점을 두었습니다. 디자인 과정에서는 가독성과 학습 몰입도를 가장 중요한 원칙으로 삼았습니다. 영어 텍스트 중심의 학습 환경에서 아이들이 부담을 덜 느끼도록, 화면은 청량한 블루 톤과 부드러운 그라데이션을 기반으로 구성했습니다. 여기에 구름, 그림자, 입체 버튼 등 시각적 오브젝트를 활용해 공간감과 친근함을 더했으며, 어린이 사용자에게 익숙하면서도 과도하게 유치하지 않은 비주얼 밸런스를 유지했습니다.
특히 인터랙션 요소의 명확한 구분에 주력하였는데, 버튼과 비활성 요소는 색상, 그림자, 아이콘 스타일을 체계적으로 차별화하여 학습 과정에서 불필요한 혼동을 줄이고 사용자가 ‘어디를 눌러야 하는지’ 직관적으로 인식할 수 있도록 설계했습니다. 또한 문항 풀이, 단어 학습, AI 리딩 등 다양한 학습 모드 간 일관된 UI 구조를 유지하여, 학습 흐름이 끊기지 않도록 했습니다.
텍스트와 시각 자료가 함께 제시되는 화면에서는 학습 콘텐츠와 시각적 몰입 요소의 균형을 고려했습니다. 예를 들어, 단어 학습 화면에서는 이미지와 단어가 직관적으로 연결되도록 배치하고, 선택지 버튼은 명확한 대비와 시각적 피드백을 제공하도록 디자인했습니다. 독해 학습 화면에서는 영어 문장, 번역, 보충 설명이 단계적으로 드러나며, 사용자가 자연스럽게 이해 과정을 따라갈 수 있도록 정보 위계를 세심하게 조정했습니다.
결과적으로 본 프로젝트는 학습 경험을 방해하지 않으면서도 즐겁게 몰입할 수 있는 UI/UX를 구현하는 데 중점을 두었습니다. 교육 현장에서 실제 아동들이 사용하는 과정을 고려한 가독성, 직관성, 시각적 안정감을 담보한 디자인을 통해, 교육적 효과와 사용자 만족도를 동시에 높이는 결과물을 완성할 수 있었습니다.
