UXUI 디자인 입문 1주차 과제

내가 자주 쓰는 서비스 뜯어보기

 

카카오톡

 

1. 네비게이션 바 뱃지

01

badges 참고

 

좋은 점

- 구분되는 색

아이콘, 라벨과 명확히 구분되는 색을 이용하여 알아보기 쉽다.

 

- 탭 페이지와 대응됨

각 뱃지가 포함된 탭으로 이동하면 같은 형식의 뱃지가 포함된 버튼이 있어

어느 부분에 새로운 항목이 있는지 확인하기 쉽다.

 

 

---

 

 

2. 선물하기 검색 창

01

카카오톡 검색 창

 

Search Field 와 Search 참고

 

좋은 점

- 클리어 버튼을 포함

사용자가 한번에 검색어를 빠르게 지울 수 있는 버튼을 포함하고 있다.

 

- 검색 경험을 개선하기 위한 대안 포함

최근 검색어와 추천 검색어를 텍스트 필드 바로 아래에 배치하여 사용자의 입력 횟수를 줄여준다.

 

아쉬운 점

- 개인정보 고려

검색 기록을 보여지는 것을 좋아하지 않는 사람이 있을 수 있는데

이 점을 고려해 스코프 바를 이용하거나 검색 기록 숨기기 기능이 있으면 좋을 것 같다.

 

---

 

 

3. 채팅 탭 설정 버튼(세그먼트 버튼)

01

 

Segmented Button 참고

 

좋은 점

- 직관적임

아이콘만 사용하거나 라벨 텍스트가 간결하여 선택지가 명확하게 전달된다.

 

- 스와이프 하면 버튼이 활성화 됨

좌우로 스와이프하면 버튼이 활성화 되고 버튼을 설정하면 다시 사라지는 방식이라 

설정 이후에 시각적으로 방해가 되지 않는다.

 

아쉬운 점

- 명암비가 3:1이 되지 않음

일부 버튼은 명암비가 3:1이 되지 않으므로

다양한 사람을 고려하여 버튼의 명암비를 수정하는게 좋을 것 같다.