[UX/UI Design]UI구성요건 벤치마킹

 

1. 학습의 용이성 

 

*헤라

https://www.hera.com/kr/ko/index.html

검색어 입력창 타이핑효과와 

아래 #추천검색어 보기로 작성하여 누구나 쉽게 검색할 수 있으며 

원하는 물품을 찾을 수 있는 예시를 주어줌

 

*vimeo

https://vimeo.com

오른쪽 상단에 +아이콘과 Join아이콘을 강조하여 

처음 회원가입을 하는 사람들에게 빠르게 회원가입 메뉴로 

이동할 수 있도록 하며 더보기 메뉴라는 인식을 잘 살렸음

 

2. 사용의 효율성

 

*초록우산 어린이재단

https://www.childfund.or.kr

오른쪽 상단의 ‘후원하기, ‘기부금 영수증’ 버튼을 

카테고리 목록에서 단일화하여 가장 많이 찾는 목록에

쉽고 빠르게 접근할 수 있도록 하였음

 

*쿠팡

https://login.coupang.com

로그인 창에 자동로그인 체크기능이 있어

자주 들어오는 사이트 내에 아이디와, 비밀번호를 저장할 수 있음

 

*국민은행

https://obank.kbstar.com/quics?page=C055068&QSL=F#loading

아이디 인증 이외에 금융, 공동인증서 로그인, 스마트폰인증 등이 가능하며 

로그인 설정을 통하여 사용자가 자주 쓰는 로그인 방식에 대해 선택이 가능

 

3. 오류의 최소화 

 

*캠퍼스픽

https://www.campuspick.com/login

로그인 페이지에 ‘에브리타임 아이디’ 라고 명시해두어 

에브리타임 계정을 통해 로그인 할 수 있다는 점을 알려줌

 

4. 기억의 용의성

 

*네이버

https://www.naver.com

검색했던 기록을 최근검색어에 저장하여 차후 검색기록에 대해 

지속적으로 확인이 가능하게 하며 자동저장 끄기 기능을 추가하여 

원치 않는 저장을 방지할 수 있음

 

*티몬

https://login.tmon.co.kr

로그인 페이지에 로그인했던 아이디와 비밀번호를 기억하여 

간단한 선택만으로 접속이 가능하게 함 

 

*레츠코레일

https://www.letskorail.com/

사용자가 원하는 시간대, 열차좌석, 인원수를 미리 선택한 후 

필터링을 거쳐 선택요소에 적합한 선택지들을 제시해 줌

 

5. 사용자 만족 

 

*랄라블라

https://m.lalavla.com/service/main

홈페이지 접속시 ‘모바일앱으로 이동’을 표시하여 

사용에게 모바일앱으로 사용을 할것인지 웹으로 계속할것인지 

선택적 판단을 가능하게 함