UX란?

eunseok·2023년 12월 20일

프론트엔드

목록 보기
1/2

🤔UI / UX란?

  • UI부터 얘기해보자면 UI는 User Interface의 약자이다.
    즉 눈에 보이는 디자인적인 요소를 UI라고 할 수 있다. (폰트, 컬러, 간격 등)
  • UX는 User Experience(사용자 경험)으로써 UI 디자인을 통해서 만들어진 서비스를 사용자들이 사용하면서 겪는 경험, 감정들을 UX라고 한다.

🤔UX를 왜 신경써야할까?

굉장히 간단했던 예전 웹과 달리 요즘 우리가 겪는 웹은 굉장히 복잡하다. 여러 애니메이션과 이벤트들이 많기 때문에 UX를 신경쓰지 않으면 사용자가 웹을 경험할 때 불편하고 복잡하게 느껴질 수 있다.
그렇기 때문에 UX를 신경써서 웹을 제작해야한다.

🤗UX를 향상시키기 위한 법칙들

🟠제이콥의 법칙

  • 사용자는 새로운 경험을 이해하기 위해 기존 경험을 활용한다.
  • 사용자는 다른 웹사이트를 통해 축적된 경험을 바탕으로 디자인 관례에 대한 기대치를 형성하는 경향을 보인다.
    -> 우리는 보통 웹 사이트에서 자신의 프로필 페이지로 가고싶으면 우측 상단 (모바일 뷰는 우측하단)을 확인하게 된다. 이는 많은 웹사이트들이 프로필 페이지 버튼을 우측 상단 혹은 하단에 두기 때문에 사용자는 자연스럽게 그 부분을 맨 처음 확인하게 된다.

🔴피츠의 법칙

  • 터치 대상의 크기는 사용자가 정확하게 선택할 수 있도록 충분히 커야하며, 터치 대상 사이에 충분한 거리를 확보해야한다.
    -> 터치 대상의 크기가 작으면 사용성이 떨어진다는 인상을 받게된다.

🟡힉의 법칙

  • 의사결정에 걸리는 시간은 선택지의 개수와 복잡성과 비례해 늘어난다.
    -> 선택지가 많아지면 결정하기까지 고민하는 시간도 길어진다.
  • 의사 결정 시간이 반응 시간에 큰 영향을 받을 때는 선택지의 개수를 최소화하자.

🟠피크엔드 법칙

  • 인간은 마지막 순간에 느낀 감정을 바탕으로 경험을 판단하는 경향이 있다.
  • 따라서 사용자 경험 중 절정의 순간과 가장 마지막 순간을 세심하게 신경쓰자.
  • 사람들은 긍정적인 순간보다 부정적인 순간을 더 생생하게 기억한다.

🔴폰 레스토프 효과

  • 비슷한 사물이 여러개있으면 그 중에서 가장 차이가 나는 한가지만 기억할 가능성이 크다.
    -> 중요한 정보나 핵심 버튼은 시각적으로 눈에 띄게 한다.
  • 단, 색맹이나 저시력인 사용자가 배제되지않게 조심한다.

🟡도허티 임계

  • 시스템의 반응 속도는 전체 사용자 경험을 좌우하는 중요한 요소이다.
  • 처리 시간이 도허티 임계가 규정한 시간 (0.4초)보다 더 많이 걸려도 개선할 방법이 없을 때는
    사용자에게 처리 시간에 관한 시각적인 피드백을 주면 좋다.
    -> Skeleton UI 나 이미지 블러 처리, 프로그레스 바 등을 통해 사용자에게 사이트가 느리다는 느낌을 덜어줄 수 있다.

출처: UX/UI의 10가지 심리학 법칙

1개의 댓글

comment-user-thumbnail
2024년 1월 19일

좋은 글 감사합니다 팔로우할게요

답글 달기