첫 피그마(Figma) 프로젝트

Chaeeun Lee·2022년 8월 25일
0
post-thumbnail

피그마를 사용하여 달콤커피의 웹페이지를 구현해보았다. 처음이라 부족한 부분이 많지만 의도한 기능을 구현할 수 있어서 뿌듯했다. 프로젝트 주소는 여기! 계속해서 수정해 나갈 예정이다.

22.08.24까지 만들었던 것을 바탕으로 UI/UX를 분석해보았다.

UI 분석


사용한 UI 디자인 패턴

탭 (Tab) : 컨텐츠를 분리해서 제공할 수 있도록 탭 패턴 사용하였다. 호버기능을 사용하여 해당 탭에 연관된 컨텐츠만 보일 수 있게 구분하였다.

아코디언 (Accordion) : 메뉴바를 사용하기 위한 용도로 사용하였다.

캐러셀 (Carousel) : 회사의 다양한 컨텐츠 및 이벤트를 소개하기 위하여 사용하였다. 사용자가 원하는 컨텐츠를 클릭할 수 있도록 버튼 배치 예정이다.

GNB (Global Navigation Bar), LNB (Local Navigation Bar) : 페이지 최상단에 Navigation Bar를 배치함으로써 사용자가 원하는 컨텐츠에 쉽게 접근할 수 있도록 디자인하였다.

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

사용할 예정

UX 분석


피터 모빌의 UX 7요소

  1. 유용성 : 회사에 대한 정보를 제공하고자 하는 의도에 충실하였다.
  2. 사용성 : 단순하고 직관적이기 때문에 사용자가 서비스를 이용하기 쉽다.
  3. 매력성 : 이미지 브랜딩이 사용자에게 긍정적인 감정을 불러일으킴
  4. 신뢰성 : 과장 없이 실제 제품을 홍보함으로써 신뢰성을 높혔다.
  5. 접근성 : 구현하지 못했다
  6. 검색가능성 : 정보 검색 기능은 구현하지 못했지만 네비게이션 바를 구현하여 컨텐츠를 직관적으로 배치하였다.
  7. 가치성 : 모든 요소들을 충족하지 못하였기 때문에 높은 가치를 제공하였다고 보기 어렵지만, 개선하기위해 노력 중이다.
profile
나는야 뚝딱이 개발자야

0개의 댓글