[UI/UX] 분석 및 개선

클론한 웹사이트 : https://appknot.com/

UI 분석

1. 사용중인 UI 디자인 패턴 :

• 모달 : 우측 상단에 메뉴 아이콘을 이용하여, 기존 컨텐츠를 오버레이하여 네비게이션을 보여준다.

• 무한스크롤 : 데이터가 무한하지 않아서 최하단에서 멈추지만, 각각의 컴포넌트들 최하단까지 스크롤이 내려감.

• 캐러셀 : Career 카테고리 하단에 위치해있다. 사내 분위기를 보여주는 사진들을 캐러셀로 표현했다.

2. 컬럼 그리드 시스템 사용 여부 : 사용

⬆️ 컬럼 8개

화면의 크기의 변화와 무관하게 컨텐츠 자체의 마진을 이용하여 컬럼 그리드 시스템 사용을 확인할 수 있다.

UX 분석

1. 피터 모빌의 UX 7요소 충족 여부

• 유용성 : 해당 웹사이트의 목적은 홍보와 영업으로 생각 된다

• 사용성 : 사용자들에게 익숙한 모달과 네비게이션이 있다.

• 매력성 : 깔끔한 디자인과 컨텐츠를 정렬한 방식, 애니메이션이 적재적소에 들어가 사이트가 매력적이고, 프로패셔널함이 느껴진다.

• 신뢰성 : 이 회사가 신뢰성 구축을 위해서 어떤 노력을 하는지 보여주고, 어떤 일을 어떻게 진행했는지, 어떤 회사들이 우리랑 협업을 진행했는지 잘 정리하여 보여준다.

• 접근성 : 영어가 더 편한 유저들을 위해서 영문 번역 페이지가 존재한다.

• 검색 가능성 : 모달 메뉴를 사용해서 내비게이션에 쉽게 접근할 수 있다. 굳이 모달을 사용하지 않아도 한 화면에서 다 접근이 가능하다.

• 가치성 : UI/UX , 솔루션, 디지털 홍보를 하는 회사의 영업 페이지이다 보니, 빡빡하게 힘을 꽉 주지 않을까? 라는 물음에 갖춰야 하는 건 다 갖추고 심플하게 표현한 방식이 오히려 더 프로페셔널 해보였다. 클라이언트 입장에서 이 사이트를 찾게 되었을 때, 무조건 연락을 할 거 같다.

2. User flow 그려보기 :