한 걸음씩

[Web] UX & UI 본문

Web

[Web] UX & UI

winter17 2023. 3. 8. 11:30

► UX

  • User Experience
  • 제품이나 서비스를 사용하는 사람들이 느끼는 전체적인 경험과 만족도를 개선하고 최적화하기 위한 디자인과 개발 분야
  • 일반적으로 기업에서 기획자 역할 (UX Researcher, User Researcher) 
  • 예시 
    • 러쉬 매장 근처만 가도 맡을 수 있는 러쉬 향기
    • 백화점 1층에서 느껴지는 좋은 향수 향기
    • 원하는 음악을 검색할 때 검색 기능이 적절하게 작동하고 검색 결과가 정확하게 나오는 것
  • 설계
    • 사람들의 마음과 생각을 이해하고 정리해서 제품에 녹여내는 과정이 필요
    • 유저 리서치, 데이터 설계 및 정제, 유저 시나리오, 프로토타입 설계 등이 필요

► UI

  • User Interface
  • 서비스와 사용자 간의 상호작용을 가능하게 하는 디자인 요소들을 개발하고 구현하는 분야
  • 일반적으로 기업에서 디자이너 역할(Product Designer, Interation Designer)
  • 예시
    • 리모컨 : 사용자가 버튼을 누르면 tv가 켜지고, 채널을 변경하거나 볼륨을 조절할 수 있음
    • ATM : 사용자가 터치스크린을 통해 사용자 정보를 입력하고, 원하는 금액을 선택할 수 있음
    • 웹 사이트 : 사용자가 로그인 버튼을 누르면, 이동하는 화면의 디자인 및 레이아웃
  • 설계
    • 예쁜 디자인보다는 사용자가 더 쉽고 편리하게 사용할 수 있도록 고려
    • 이를 위해서는 디자인 시스템, 중간 산출물, 프로토타입 등이 필요

► 읽어보면 좋은 글

https://developer.apple.com/kr/design/tips/

 

UI 디자인 기본 원칙 - Apple Developer

콘텐츠 형식 지정 기기 화면에 맞는 레이아웃을 생성하십시오. 사용자가 기본 콘텐츠를 확대/축소 또는 가로로 스크롤하지 않고 볼 수 있어야 합니다. 더 알아보기(영문)

developer.apple.com

 

► UX/UI GAME

https://cantunsee.space/

 

Can't Unsee

A game where you need to pick the design that is most correct. Test your attention to details!

cantunsee.space

 

https://userinyerface.com/

 

User Inyerface - A worst-practice UI experiment

Hi and welcome to User Inyerface, a challenging exploration of user interactions and design patterns. To play the game, simply fill in the form as fast and accurate as possible. NO Please click HERE to GO to the next page

userinyerface.com

 

'Web' 카테고리의 다른 글

[web][css] typography  (0) 2023.05.12
[web][css] mediaquery  (0) 2023.05.12
[Web] Grid system for responsive web design  (0) 2023.03.08
[Web] Fundamentals of Bootstrap  (0) 2023.03.06
[Web] Semantic Web  (0) 2023.03.02