플러스프로젝트 배경
1. 문제점
기존 퀴즈 플랫폼들은 모바일 사용자 중심의 UX가 부족하고 정보 계층이 복잡하여 사용자가 퀴즈 작성이나 참여에 불편을 느끼는 경우가 많았습니다. 특히 실시간 참여 구조에 맞지 않는 시각적 흐름과 제한된 편집 기능은 서비스 몰입도를 낮추는 요인이었습니다.
2. 프로젝트 목표
출제자와 풀이자가 각자의 역할에 맞춰 쉽게 접근하고 활용할 수 있는 직관적인 인터페이스를 제공하는 것이 목표였습니다. 또한, 퀴즈의 게임성과 실용성을 모두 만족시키기 위한 UX 중심 디자인 개선이 요구되었습니다.
3. 주안점
불필요한 시각적 요소를 최소화하고, 시선 분산 없이 핵심 정보에 집중할 수 있도록 설계하였습니다. 퀴즈 편집 및 풀이의 흐름을 간결하게 구성하고, 각 단계마다 사용자에게 필요한 인터랙션을 제공하는 데 주안점을 두었습니다.
기존 퀴즈 플랫폼들은 모바일 사용자 중심의 UX가 부족하고 정보 계층이 복잡하여 사용자가 퀴즈 작성이나 참여에 불편을 느끼는 경우가 많았습니다. 특히 실시간 참여 구조에 맞지 않는 시각적 흐름과 제한된 편집 기능은 서비스 몰입도를 낮추는 요인이었습니다.
2. 프로젝트 목표
출제자와 풀이자가 각자의 역할에 맞춰 쉽게 접근하고 활용할 수 있는 직관적인 인터페이스를 제공하는 것이 목표였습니다. 또한, 퀴즈의 게임성과 실용성을 모두 만족시키기 위한 UX 중심 디자인 개선이 요구되었습니다.
3. 주안점
불필요한 시각적 요소를 최소화하고, 시선 분산 없이 핵심 정보에 집중할 수 있도록 설계하였습니다. 퀴즈 편집 및 풀이의 흐름을 간결하게 구성하고, 각 단계마다 사용자에게 필요한 인터랙션을 제공하는 데 주안점을 두었습니다.
프로젝트 성과
출제자/풀이자 통일 UI 설계
퀴즈 출제와 풀이 화면의 디자인 톤을 통일하여 사용 흐름의 일관성을 확보하고 몰입도를 높임
퀴즈 생성 플로우 간소화
슬라이드 방식 편집 화면을 도입하여 퀴즈 출제를 보다 직관적이고 빠르게 수행 가능하도록 구성
실시간 현황 시각화
정답 여부, 시간 제한, 참여 인원 등 실시간 데이터를 화면 내 명확히 표현해 사용자 반응 유도
반응형 UX 구조 수립
모바일 우선의 반응형 UI 구조 설계를 통해 다양한 디바이스에서도 일관된 사용 경험 제공
디자인 시스템 구축
타이포그래피, 컬러 시스템 등 일관된 디자인 시스템을 정립해 향후 확장성과 유지보수를 고려한 기반 마련
핵심 기능
퀴즈 생성 및 편집 화면 구성
슬라이드 기반의 직관적 편집 환경을 제공하여 출제자가 문제와 정답을 손쉽게 구성할 수 있는 인터페이스를 설계
실시간 퀴즈 풀이 화면 설계
풀이자가 참여자 현황과 제한 시간, 정답 여부를 한눈에 파악할 수 있도록 시각적으로 구성된 메인 풀이 화면 구현
진행 단계
Kick-off
2022.10.
클라이언트 니즈 분석, 벤치마킹 및 초기 UX 방향성 수립
Define – 기능 정의 및 정보 설계
2022.10.
퀴즈 생성/참여 플로우 정의, 편집 기능과 UI 요소들의 우선순위 및 정보 구조 설계
Design – UI/UX 설계
2022.10.
출제자와 풀이자 화면 각각에 최적화된 레이아웃 설계 및 반응형 디자인 시안 제작
Delivery – 가이드 및 산출물 전달
2022.10.
디자인 시스템 정리, 디자인 가이드 및 시안 전달
프로젝트 상세
1. 포트폴리오 소개
익스퀴즈미는 실시간 참여형 퀴즈 플랫폼 서비스로, 사용자가 퀴즈를 직접 생성하고 참가자들과 실시간으로 문제를 풀며 경쟁할 수 있는 구조입니다. 교육, 게임, 이벤트 등 다양한 목적의 퀴즈 활용을 염두에 둔 서비스이며, 본 프로젝트에서는 반응형 웹 기반 UI/UX 디자인을 담당하였습니다.
2. 작업 범위
모바일과 웹에서 모두 사용 가능한 반응형 구조를 중심으로, 퀴즈 생성자와 참여자의 화면을 통합적이고 직관적으로 설계했습니다. 디자인 가이드 제작, 디자인 시스템 수립, 사용성 개선 중심의 퍼블리싱 시안까지 전반적인 UX/UI 디자인을 수행하였습니다.
3. 주요 작업
- 출제자와 풀이자 화면을 통일된 디자인 언어로 설계
- 퀴즈 생성 및 편집 플로우 단순화 및 시각적 구성 정비
- 정답/오답 시각 요소 및 결과 시각화 설계
- 실시간 참여자 수, 시간 제한 등 실시간 요소의 가시적 표현
- 편집 화면 내 사이드바/슬라이드 등 인터랙션 요소 설계
4. 주안점
다수 사용자의 동시 접근 및 반응을 고려하여 실시간성과 가독성을 강조하였고, 정보 계층의 정리와 명확한 어포던스 제공을 중심으로 UI 구성에 집중했습니다. 특히 ‘즐거운 학습 경험’이라는 사용 목적에 부합하도록 게임성과 편의성을 결합한 구조를 설계했습니다.
익스퀴즈미는 실시간 참여형 퀴즈 플랫폼 서비스로, 사용자가 퀴즈를 직접 생성하고 참가자들과 실시간으로 문제를 풀며 경쟁할 수 있는 구조입니다. 교육, 게임, 이벤트 등 다양한 목적의 퀴즈 활용을 염두에 둔 서비스이며, 본 프로젝트에서는 반응형 웹 기반 UI/UX 디자인을 담당하였습니다.
2. 작업 범위
모바일과 웹에서 모두 사용 가능한 반응형 구조를 중심으로, 퀴즈 생성자와 참여자의 화면을 통합적이고 직관적으로 설계했습니다. 디자인 가이드 제작, 디자인 시스템 수립, 사용성 개선 중심의 퍼블리싱 시안까지 전반적인 UX/UI 디자인을 수행하였습니다.
3. 주요 작업
- 출제자와 풀이자 화면을 통일된 디자인 언어로 설계
- 퀴즈 생성 및 편집 플로우 단순화 및 시각적 구성 정비
- 정답/오답 시각 요소 및 결과 시각화 설계
- 실시간 참여자 수, 시간 제한 등 실시간 요소의 가시적 표현
- 편집 화면 내 사이드바/슬라이드 등 인터랙션 요소 설계
4. 주안점
다수 사용자의 동시 접근 및 반응을 고려하여 실시간성과 가독성을 강조하였고, 정보 계층의 정리와 명확한 어포던스 제공을 중심으로 UI 구성에 집중했습니다. 특히 ‘즐거운 학습 경험’이라는 사용 목적에 부합하도록 게임성과 편의성을 결합한 구조를 설계했습니다.
