UI UX 분석 / 어플리케이션 '코끼리'

https://wwit.design/2021/05/04/elephant/

 

🐘 디자인 패턴

사용중인 UI/UX 디자인 패턴

1. 시작페이지
   1-1 온보딩: 스플래시
   1-2 로그인 페이지: 버튼
   1-3 가입 페이지: 드롭다운, 버튼
   1-4 시작 설정: 캐러셀, 데이트픽커
2. 홈
   2-1. 가로 스크롤, 캐러셀
3. 오늘(명상)
   3-1 카드: 태그, 스크롤
4. 스트리밍
   4-1 슬라이더(재생 바) 4-2 하트(토글)
5. My
   5-1 자주묻는 질문: 탭, 아코디언
   5-2 앱설정-배경음악설정: 토글
   5-3 내계정-계정설정: 드롭다운

 

---

 

🐘 컬럼 그리드

컬런 그리드 사용

사용중이나, 전체보기 버튼이 마진 안에 있다.

 

 

---

 

🐘 UX 피터모빌 7요소

유용성(8)

• 명상, 수면에 도움을 줄 수 있다.

사용성(9)

• 기능주제별 탭 메뉴가 분류가 잘 되어 있다.
• 기능이 단순하고 편리하다.

매력성(7)

• 색감과 코끼리 캐릭터, 앱 이름으로 궁금증을 자극한다.
• 신비롭고 몽환적인 분위기로 명상과 수면을 돕는다.

신뢰성(7)

• 셀럽이 제작에 참여한 어플로, 셀럽의 이미지가 앱의 전반적인 신뢰도에 영향을 줄 수 있다.
• 여러 전문가들이 콘텐츠 크리에이터로 참여해서 신뢰가 된다.

접근성(4)

• 연령 / 장애 여부에 따라 사용이 제한된다.
• 글자 크기 키울 수 없다.
• 음성 안내, 음성 콘텐츠에 대한 시각 자료 없다.

검색 가능성(6)

• 검색어 저장으로 이전 검색어를 쉽게 찾아볼 수 있다.
• 사용자가 즐겨찾는 검색어 순위를 노출시켜서 콘텐츠를 찾기 쉽게 돕는다.
• 콘텐츠를 직관적으로 배치하여 사용자가 원하는 것을 찾기 쉽게 도와준다.
• 자동완성 기능이 없어 불편하다.
• 네비게이션 바가 큰 주제 4 개로 나뉘어 직관적이다. (홈, 명상, 검색, 마이)

가치성(7)

유용성, 사용성, 매력성, 검색 가능성이 있지만, 신뢰성의 변동 여부가 있고, 접근성이 낮다는 면에서 다소 아쉽다.

 

 

👾 개선을 위해 노력할 점

• 시작페이지, 마이페이지에서 글자 크기를 조절할 수 있게 한다.
• 명상을 위한 시각자료(영상, 음성 컨텐츠에 대한 텍스트 자료 - 별도의 태그를 붙여 접근성을 높인다)
• 스크롤 시 상단 헤더를 고정한다.

 

 

 

 

---

🐘 User Flow

https://www.figma.com/file/eMtgeHVK93I2PxgVKrGKkH/%EC%BD%94%EB%81%BC%EB%A6%AC-userflow-%EC%8B%9C%EB%9D%BC-%EC%84%9C%ED%9D%AC?node-id=0%3A1 

Figma

 

 

 

 

 

 

 

 

---

🐘 분석 개선

 

https://www.figma.com/file/uRk2ImjC2yL4udW56ivpYR/%EC%8B%9C%EB%9D%BC%EC%99%80-%EC%84%9C%ED%9D%AC%EC%99%80-%EC%BD%94%EB%81%BC%EB%A6%AC?node-id=0%3A1 

Figma

페이지로 개선 전, 후를 나눴다.