✍🏻

Works

Search
썸네일

Background

엘리스LXP는 올인원 교육 플랫폼으로 학습관리 시스템, 실습환경, 라이브 강의실 등 다양한 기능을 제공합니다. 최근 플랫폼에 커뮤니티 기능이 추가되면서 레이아웃이 복잡해지고 있습니다. 4개의 브레이크포인트를 통해 5개의 뷰포트를 제공하며 반응형 웹을 대응하고 있지만, 레이아웃의 복잡성이 증가함에 따라 기존 레이아웃 시스템으로 각 해상도에 최적화된 경험을 제공하는 데 어려움을 겪고 있습니다.
유저 해상도 분포도

Problem Definition

•
디바이스별 사용자 경험이 최적화되지 않아 저해상도 디바이스의 학습 경험이 좋지 않습니다. 특히, 앞으로 비즈니스의 주요 타겟 중 K12(초, 중, 고등학생)의 비율이 높아질 예정인데, 이들의 주요 디바이스는 태블릿과 크롬북 같은 저해상도의 디바이스입니다.
•
또한, 최근 SLM 기반의 학습 도우미인 AI 헬피가 추가 되었습니다. 기존 헬프센터보다 답변 속도가 월등히 빨라지며 학습 중 실시간으로 상호 작용할 수 있는 경험이 중요해졌습니다. 하지만, 저해상도 디바이스는 실시간으로 헬피와 상호 작용하기 어렵습니다. (플로팅 버튼 클릭 → 커뮤니티 패널 오픈 후 헬피 이용)

Goal

•
테블릿 해상도에 최적화된 레이아웃을 제공하여 초,중,고 유저에게 최상의 학습 경험 제공하기 위해 레이아웃 시스템 개선을 진행했습니다.
Layout System 개선
Design System
LXP
Platform Designer
2024/05/27 → 2024/05/31