Noah_Developer
Developer Noah
Noah_Developer
전체 방문자
오늘
어제
  • 전체보기 (87)
    • Programmers (33)
      • Level1 (33)
    • FRONT-END (3)
      • React (2)
      • HTML (0)
      • CSS (0)
      • JavaScrpit (1)
    • BACK-END (23)
      • JAVA (14)
      • C (0)
      • Spring (5)
    • DATABASE (11)
      • MySQL (3)
      • Oracle (0)
    • IDE (2)
      • IntelliJ (2)
      • Eclipse (0)
      • VSCode (0)
    • Android (1)
    • 용어 (2)
      • 금융 (2)
    • Developer Diary (5)
      • Web (1)
    • 자격증 (1)
    • Operating System (3)
      • Linux (2)
    • Info (2)

블로그 메뉴

  • 홈
  • 방명록
  • 포트폴리오
  • 깃허브

공지사항

  • 🙏 방문 감사합니다.

인기 글

태그

  • 자바 알고리즘 연습문제
  • 프로그래머스 레벨1
  • 코딩테스트 문제
  • 카카오 블라인드 테스트
  • programmers
  • 프로그래머스
  • 코딩테스트 준비
  • 카카오공채
  • 알고리즘 예제
  • level1
  • 크레인 인형뽑기 풀이
  • MySQL
  • programmers level 1
  • 알고리즘 연습문제
  • 알고리즘 문제
  • 알고리즘 쉬운문제
  • 카카오 블라인드
  • 프로그래머스 코딩연습
  • 크레인 인형뽑기
  • 알고리즘 블로그
  • 초보자 알고리즘
  • 알고리즘 풀이
  • 자바 쉬운 알고리즘
  • 프로그래머스 연습문제
  • 코딩테스트 문제 풀이
  • 프로그래머스 문제풀이
  • 크레인 인형뽑기 정답
  • 개발일기
  • 코딩테스트
  • String StringBuilder 차이

최근 댓글

최근 글

티스토리

250x250
hELLO · Designed By 정상우.
Noah_Developer

Developer Noah

UI와 UX의 차이점
Developer Diary/Web

UI와 UX의 차이점

2022. 4. 7. 17:06
728x90
더보기

한번 보고 뒤돌아서면 잊게 되는 UI UX 차이점,

🎁 '선물상자'의 비유로 다시는 까먹지 않는 개념 학습을 할 수 있다.

면접에서도 나올 수 있는 예상 질문.

UI

User Interface

 

개념 : 사용자가 마주하는 디자인, 레이아웃, 기술적인 부분을 말한다.

디자인의 구성 요소인 폰트, 색깔, 줄 간격 등 상세한 요소가 포함되고,

기술적 부분은 반응형이나 애니메이션 효과 등이 포함된다.

 

구글에 선물 상자라고 검색만 하더라도 수백 수천만 가지의 선물상자가 나온다.

그중에서도 UI는 선물 상자 포장지를 생각해보면 정말 다양한 디자인, 특이한 모양, 리본 묶는 기술들이 있다.

 

🎁

 

UX

User eXperience

 

개념 : 주로 사용하는 사용자들의 경험을 분석하여 더 편하고 효율적인 방향으로 프로세스가 진행 될 수 있도록 만드는 것이다.

 

예시로 결제 시스템을 떠올려 보면 어느 사이트에서 결제 할땐 3~4번 화면을 걸쳐 결제를 해야 할 수 있는 반면

단 한두번의 터치로 결제가 완료되는 심플한 프로세스가 있다.

 

이것은 통계 자료나 데이터를 기반으로 유저들의 특성을 분석하여 상황과 시점에 맞도록 변화 시킬 수 있다는 의미다.

 

UX를 선물상자에 비유하자면 내용물이다.

선물을 주려는 사람이 어느 것을 좋아하는지, 정말 필요한 물건인지 확인하고 선물할 내용물을 선택하기 때문이다.

 

728x90
저작자표시 (새창열림)
    Noah_Developer
    Noah_Developer
    개발 기록 목적을 가진 블로그입니다.

    티스토리툴바