UI/UX 분석 및 개선
평가항목
UI 분석
- 사용중인 UI 디자인 패턴
- 컬럼 그리드 시스템 사용 여부
UX 분석
- 피터 모빌의 UX 7요소 충족 여부
- User flow 그려보기
사용성 평가
- 제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부
분석할 홈페이지: 아고다(https://www.agoda.com/?cid=1844104)
UI 분석
- 사용중인 UI 디자인 패턴: 모달, 탭, 자동완성, 드롭다운, 캐러셀.
- 컬럼 그리드 시스템: 대부분의 요소가 2, 3, 4, 6 개로 이루어짐, 즉, 컬럼에 맞추기 위해 수를 조절했다고 유추할 수 있음
UX 분석
- 유용성 : 숙소와 항공권을 검색하고 예약해줌
- 사용성 : flow가 직관적이나 검색후의 결과가 직관적이지 못하여 사용자에게 혼란을 줄 수 있음.
- 매력성 : 깔끔하고 심플한 디자인
- 신뢰성 : 충분히 신뢰가 가는 브랜드. 그러나 초특가로 유인하고나서 이것저것 조건을 붙이는 식의 마케팅에서 신뢰성이 하락
- 접근성 : 수많은 클릭과 복잡한 UI, 젊은 층은 쉬우나 고령층은 적응이 어려워 보임
- 검색가능성 : 여행지와 여행일수만 입력하면 원하는 숙소를 찾아줌. 그런데 아고다의 목적이 애초에 검색이잖아...
- 가치성 : 숙소 검색이라는 기능은 충실하게 이행함. 그러나 접근성에서 개선점이 필요함.
간단한 user flox
제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부
- 시스템 상태의 가시성 : T. 검색 로딩화면, 예약 진행상황 표시
- 시스템과 현실 세계의 일치 : F. 리스트형식으로 가시성을 높였으나 실제 예약가능 상품 패키지 책자와 일치하지는 않는다.
- 사용자 제어 및 자유 : T. 예약 취소, 변경이 가능하다.
- 일관성 및 표준 : T. 대부분의 섹션이 통일되어있는 컴포넌트를 사용한다.
- 오류 방지 : F. 확인할 방법이 없음
- 기억보다는 직관 : T. 검색 내역을 저장하여 최근 검색한 여행지를 다시 검색 가능
- 사용의 유연성과 효율성 : F. 해당 사용성을 필요로 하는 성격의 사이트가 아님
- 미학적이고 미니멀한 디자인: T. 디자인 자체는 미니멀하나, 정보의 양이 맥시멈함.
- 오류의 인식, 진단, 복구를 지원 : T. 사이트가 인식하지 못하는 텍스트를 유사한 검색결과를 보여줌
- 도움말 및 설명 문서 : T. 검색의 유사한 결과를 미리 보여줌.(자동완성)
느낀 점
제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부나 피터 모빌의 UX 7요소 충족 여부를 따져 보았을 때 상당히 잘 만들어졌음을 알 수 있었다. 그러나 평소에도 느낀 점 이지만, 고령층이 접근하기가 너무 어렵다는 점이 아쉬웠다. UI를 좀 더 직관적으로 만들었다면 어땠을까 생각한다. 아고다 뿐 아니라 일상에서 접하기 쉬운 맥도날드 키오스크 또한 접근성이 너무 떨어진다는 느낌을 받았는데, 나중에 무언가 어플리케이션을 만든다면 다른건 몰라도 접근성은 확실하게 잡고 가고 싶다.
