[UX/UI 디자인 입문] 영어공부 어플 스픽 UX/UI 관점에서 분석하기

스파르타 내일배움캠프 UX/UI 과정 / 2024. 2. 26. (월) 

 

분석할 화면

• 영어공부 어플 스픽의 AI 프리톡 페이지
• Community와 Topics 2가지 카테고리로 공부할 수 있음

잘된 점 / 아쉬운 점

---

잘된 점(Button, 버튼)

• 반응형 레이아웃에 따라 달라지는 버튼 컨테이너 너비
• 중요도에 따라 색상으로 구별된 버튼 컨테이너
• 단색으로 채워진 버튼은 FAB와 같이 시각적으로 주는 영향이 크므로, 이를 흐름을 완료하는 중요한 최종 액션에 잘 사용하였음(시작하기/나만의 시나리오 만들기 또는 저장/지금 참여/확인)

구글 Material Design 참고

---

아쉬운 점(Tab, 탭)

• 서체의 명도 차이로만 구분된 상단 탭의 라벨
• 오직 텍스트로만 이루어져 있어서, 다른 선택지를 누를 수 있다는 인식이 생기지 않았음
• 실제로 어플 화면을 분석하는 오늘까지도 Topics 카테고리는 선택을 하지 못하고 있었음

---

개선 방안 

• 확실한 아웃라인을 표시해준다
• 라벨 밑에 구분선인 디바이더(Diveder)를 삽입한다
• 아이콘을 함께 사용한다

애플 Human-interface-guidelines, 구글 Material Design 참고