내가 생각하는 좋은 Web UI

동동·2021년 4월 21일
0

1. WWW은 왜 탄생하였는가

The WorldWideWeb (W3) is a wide-area hypermedia information retrieval initiative aiming to give universal access to a large universe of documents.

http://info.cern.ch/hypertext/WWW/TheProject.html

광범위한 문서에 대한 보편적 접근 권한을 부여하는 것을 목적으로 한다.

  1. 광범위한 문서: 네트워크 단위로 보면 각 로컬 네트워크에 존재하는 모든 문서에 대한 접근
    웹사이트 단위로 보면 해당 웹사이트 내의 모든 문서에 접근

  2. 보편적 접근 권한:

    • 누구든지 접근 가능해야 한다. 마우스만으로도, 키보드만으로도.
    • 손쉽게 접근가능하여야 한다. 꽁꽁 숨겨놓지 않는다.
      • 해당 페이지에 도달하기 위한 depth가 낮다.
      • 현재 viewport에서 다른 페이지로 이동하는 링크가 손쉽게 보여진다.
      • position: sticky

https://youtu.be/RP_f5dMoHFc

Best Practice

??!!

2. 선택권은 항상 사용자에게

  • 사용자에게 보여지는 것을 강제하지 않는다.
  • 사용자에게 전적으로 자유도를 줘라
  • 사용자의 자유도는 해치지 않으면서, 보여주고 싶은 것을 자연스럽게 유도

Best Practice

3. 초기 로딩속도를 최소화

https://youtu.be/cpE1dwJgS4c

4. 엌ㅋㅋ스터디

  • 맥도날드는 왜 매장에서 식사 vs 테이크 아웃을 먼저 띄우는가?
    • 쉬운 선택을 먼저 한번 하게 하고 어려운 선택(메뉴)를 하게 하는거 아닌가?
  • 노브랜드는 왜 메뉴를 먼저 선택하게 하는가?
    • 가장 중요한 것을 먼저 선택하게 하는 것인가?
  • 롯데리아는 왜 결제수단(카드/쿠폰/현금)을 먼저 보여주는가?
    • 계열사에서 많은 쿠폰을 뿌리니까?
    • 전국적으로 분포하고 있기 때문에, 상대적으로 키오스크 사용에 어려움을 겪는 계층이 제일 많이 이용하므로. 키오스크 사용의 가장 어려움은 결제.

중요한 걸 먼저? 쉬운 걸 먼저?

사용자를 생각하게 하지마

https://book.naver.com/bookdb/book_detail.nhn?bid=8399135

인클루시브 디자인 패턴 접근성 있는 웹디자인하기

https://book.naver.com/bookdb/book_detail.nhn?bid=15975120

profile
작은 실패, 빠른 피드백, 다시 시도

0개의 댓글