01
손 그림으로 세 가지 조작 안내
볼륨, 재생·일시정지, 다음 곡을 서로 다른 색상과 손 그림으로 구분했습니다. 시작 화면에는 제스처 조작을 소개하는 문구를, 메인 화면에는 안내와 시작 버튼을 배치했습니다.
DESIGN CASE / Magic Finger
손짓 하나로, 미디어를 제어하다.
손 제스처를 미디어 조작으로 연결하는 iOS 프로토타입. 브랜드부터 UI와 ML 개발까지 참여했습니다.
- 본인 역할
- 기획 · 디자인 · ML 개발 참여
- 기간·상태
- 2024.08 · 2인 팀 · 프로토타입
- 사용자
- 손 제스처로 미디어를 조작하려는 사용자
- 책임 범위
- 브랜딩 · 앱 UX/UI · Create ML · Xcode
01 / CONTEXT
해결하려던 문제.
미디어를 조작하는 방법을 화면 터치 밖으로 확장할 수 있을까? 손의 움직임을 입력으로 삼는 앱을 기획하고, 사용자가 제스처 기반 조작을 이해할 수 있는 첫 화면을 설계했습니다.
02 / DESIGN DECISIONS
결과물 뒤의 선택.
03 / THE WORK
화면으로 살펴보기.
화면을 선택하면 확대됩니다. 캡션에 디자인·구현 단계를 표시했습니다.
시작 화면과 메인 화면
앱의 소개 문구와 제스처 안내, 시작 버튼을 담은 화면입니다.
세 가지 제스처 안내
볼륨, 재생·일시정지, 다음 곡을 서로 다른 색상과 손 그림으로 표현한 안내 카드입니다.
04 / OUTCOME & REFLECTION
작업 결과.
2인 팀에서 앱 기획과 디자인, ML 개발에 참여했습니다. Figma·Create ML·Xcode를 활용한 프로토타입 작업입니다. 여기서는 시작·안내·제스처 카드 디자인을 소개하며, 인식 실행 화면이나 모델 성능 평가 자료는 포함하지 않았습니다.
Jules Verne Museum ↗
낭트 쥘 베른 박물관 웹사이트의 정보 구조와 탐색 흐름을 검토한 2020년 UX/UI Audit · 재설계 제안.