오늘은 아고다의 UI/UX를 리뷰해보고자 한다.
1. UI 분석
1) 사용중인 UI 디자인 패턴
- 네비바, 검색탭, 여행지 소개부분을 반복하여 사용하였다. 그리하여 확장성, 유지보수, 코드 재사용이 용이하다.
- 사용된 패턴은 모달, 탭, 자동완성, 드롭다운, 캐러셀.
2) 컬럼 그리드 시스템 사용 여부
12의 약수(3,4,6)으로 컬럼이 정렬되어있다. 그리하여 이는 컬럼 그리드 시스템을 사용한 것이다.2. UX 분석
1) 피터 모빌의 UX 7요소 충족 여부
- 유용성 : 10점 예약 관리를 위한 정보 전달 사이트이다. 원하는 정보를 검색할 수 있고 리뷰를 볼 수 있다.
- 사용성 : 7점
flow가 직관적이나 검색 결과 텍스트가 많아 피로도가 높다.
- 매력성 : 6점
정직한 그리드로 깔끔한 느낌을 준다.
- 신뢰성 : 8점
검색결과로 다양한 정보, 리뷰로 인해 신뢰성이 높다.
- 접근성 : 5점
돋보기 기능은 가능하나, 음성안내 기능에 대한 안내가 없다.
- 검색가능성 : 10점
당연하다. 검색엔진 사이트다.
- 가치성 : 8점
이를 종합해보았을때 어느하나에 치우치지 않고있다.
2) User flow 그려보기
3. 사용성 평가
제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부
-
시스템 상태의 가시성 : T.
검색 로딩화면, 예약 진행상황이 표시된다.
-
시스템과 현실 세계의 일치 : F.
리스트형식으로 가시성을 높였으나 실제 예약가능 상품 패키지 책자와 일치하지는 않는다. -
사용자 제어 및 자유 : T.
예약 취소, 변경이 가능하다. -
일관성 및 표준 : T.
대부분의 섹션이 통일되어있는 컴포넌트를 사용한다. -
오류 방지 : F.
확인할 방법이 없음
-
기억보다는 직관 : T.
검색 내역을 저장하여 최근 검색한 여행지를 다시 검색 가능 -
사용의 유연성과 효율성 : F.
해당 사용성을 필요로 하는 성격의 사이트가 아님 -
미학적이고 미니멀한 디자인: T.
디자인 자체는 미니멀하나, 정보의 양이 맥시멈함.
-
오류의 인식, 진단, 복구를 지원 : T.
사이트가 인식하지 못하는 텍스트를 유사한 검색결과를 보여줌 -
도움말 및 설명 문서 : T.
검색의 유사한 결과를 미리 보여줌.(자동완성)
