TIL) UX/UI 관점에서 니콘내콘 분석하기

📌 UX/UI 관점에서 니콘내콘 분석하기
사용하지 않는 기프티콘 아까운데.. 좀 더 싸게 기프티콘으로 물건을 구매하고싶은데..

사용하지 않는 기프티콘이 고민인 사용자와 필요한 기프티콘을 저렴하게 구매하고 싶은 사용자의 니즈를
해결해주는 기프티콘 중고거래 플랫폼 니콘내콘! 중고거래 하면 가장 먼저 떠오르는 것은 당근마켓이지만,
아무래도 기프티콘은 디지털 재화라서 판매자가 사용한 기프티콘을 허위로 판매할까봐 우려되는 점이 있다.
니콘내콘은 판매자&구매자 사이에서 기프티콘을 검증하고 따로 소통 할 필요 없이 구매할 수 있도록 한다.

즉, 검증된 기프티콘을 저렴하게 그리고 일반 기프티콘 구매의 플로우를 따른다! 

고물가 불황인 경기에서 알뜰한 소비를 원하는 고객에게 안성맞춤인 서비스이다!⭐️⭐️⭐️⭐️
니콘내콘을 쓰게된 후로 프랜차이즈에서 소비할 때 항상 저렴한 기프티콘이 있나 먼저 찾아본다ㅎ..
요즘 애용하고 있는 서비스이기 때문에 니콘내콘을 UX/UI 관점에서 분석해보려고 한다!

 

 1. 홈 화면 분석  

홈 진입시 보이는 화면, 복잡한 기능 없이 원하는 기프티콘 찾기가 가능하다.
필요한 기능에만 쏙쏙 접근하기 쉽다.

 2. 검색 화면 분석  

풀 다운 버튼
기본 인터페이스에서 눈에 띄는 위치가 필요하지 않은 항목을 표시하려면 자세히 풀다운 버튼을 사용하는 것이 좋습니다.
더보기 버튼은 공간이 제한된 다양한 항목을 제공하는 데 도움이 될 수 있지만 검색 가능성을 방해할 수도 있습니다.
사람들은 일반적으로 자세히 버튼이 현재 컨텍스트와 관련된 추가 기능을 제공한다는 것을 이해하지만 줄임표 아이콘이
반드시 내용을 예측하는 데 도움이 되는 것은 아닙니다. 효과적인 더보기 버튼을 디자인하려면 크기의 편리함과
검색 가능성에 미치는 영향을 비교하여 앱에서 작동하는 균형을 찾으세요. 기호를 사용하여 자세히 버튼을 만듭니다.
ellipsis.circle
https://developer.apple.com/design/human-interface-guidelines/pull-down-buttons#iOS-iPadOS

 

 

버튼 구성이 (상품명 + X) 일 때 X(삭제)를 눌러 삭제하고자했으나
상품명이 클릭되어 원치 않게 구매 영역으로 넘어간 경험이 있다.
혹시 그런 경험을 고려해서 삭제 기능을 풀 다운 영역에 넣은건 아닐까?

 

 

 3. 컬러 활용 분석  

https://m3.material.io/styles/color/roles

"게임이 아닌 앱에서는 색상을 아껴서 사용하세요."

게임이 아닌 앱에서 색상을 과도하게 사용하면 의사소통이 덜 명확해지고 사람들의 주의가 산만해질 수 있으니, 중요한 정보에 주의를 환기시키거나 인터페이스 부분 간의 관계를 표시하려면 색상 터치를 사용하는 것이 좋다.

 

 

Primary
FAB, 강조 버튼, 활성 상태 등
UI 전체에서 가장 눈에 띄는 기본 요소에 기본 역할을 사용!

 

Secondary
필터 칩과 같이 UI에서 눈에 띄지 않는 구성 요소에는
보조 역할을 사용!

 

표면과 표면 색상에 대한 텍스트 및 아이콘 
*표면과 아이콘과 텍스트가 분리되어 정보가 명확히 전달되어야함!

 

 

🟢 좋은 점
- 정말 핵심 기능 하나를 명확하게 따라갈 수 있도록 만들었다는 생각이 든다.
- 마이 페이지에 내가 받은 혜택을 숫자와 그래프로 크게 명시해줘서 앱의 장점을 직관적으로 전달한다.

🔴 아쉬운 점
- 아쉬운 점이라기보다 궁금한 점인데 주요 컬러가 붉은 톤이라 오류시에는 어떻게 조치했을까
- 검색창과 최근 검색어 타이틀 사이의 간격이 왜 넓을까?
- 홈 화면 상단 바의 하트, 내 쿠폰, 판매 아이콘의 사이즈가 작고 간격이 좁아 누를 때 한번 더 집중하게된다.