UX & UI

UX & UI

UX (User Experience)

✔ 유저와 가장 가까이에 있는 분야, 데이터를 기반으로 유저를 조사하고 분석해서 개발자, 디자이너가 이해할 수 있도록 소통
✔ 유저가 느끼는 느낌, 태도 그리고 행동을 디자인

좋은 UX를 설계하기 위해서는...

✔ 유저 리서치, 데이터 설게 및 정제, 유저 시나리오, 프로토 타입 설계 등이 필요

UI (User Interface)

✔ 유저에게 보여지는 화면을 디자인
✔ UI를 고려한 디자인을 반영, 이 과정에서 기능 개선 혹은 추가가 필요한 경우 Front-end 개발자와 가장 많이 소통

Interface

✔ 서로 다른 두 개의 시스템, 장치 사이에서 정보나 신호를 주고 받는 경우의 접점
✔ 사용자가 기기를 쉽게 동작 시키는데 도움을 주는 시스템
✔ CLI, GUI

좋은 UI를 설계하기 위해서는

✔ 심미적인 부분뿐만 아니라 사용자의 경험도 함께 고려
✔ 통일된 디자인을 위한 디자인 시스템, 소통을 위한 중간 산출물, 프로토타입 등이 필요
✔ 가장 중요한 것은 협업

[참고] Can't Unsee

Cant't Unsee

UX/UI HCI

✔ GUI: 유저가 보는 일반적인 시각적인 디자인
✔ UI: 유저가 보거나 듣는 등 비시각적인 부분까지 포함한 디자인
✔ UX: 유저가 겪는 모든 경험(컴퓨터와 관련이 없는 부분까지 포함)
✔ HCI(Human Computer Interaction): 인간과 컴퓨터 사이의 상호작용에 대한 학문

Prototyping

Sortware prototyping

✔ 애플리케이션의 프로토타입을 만드는 것
✔ 개발 중인 소프트웨어 프로그램의 완성되기 전 버전을 만드는 것

Figma

✔ 인터페이스 디자인을 위한 협업 웹 애플리케이션
✔ 협업에 중점을 두면서 UI/UX 설계에 초점

Why Figma?

✔ 웹 기반 시스템(매우 가벼운 실행 환경, 모든 작업 내역 웹에 저장)
✔ 실시간으로 팀원들이 협업 할 수 있는 기능 제공
✔ 직관적이고 다양한 디자인 툴
✔ 다양한 플러그인
✔ 대부분의 기능 무료로 제공

프로젝트를 시작하기 전에..

✔ 개발부터 시작하지 말고 반드시 충분한 기획을 거칠 것
✔ 우리가 완성하고자 하는 대략적인 모습을 그려보는 과정이 필요(프로톹 타입)
✔ 이러한 과정을 통해서 기획에서 빠진 화면이나 API등을 확인
✔ 설계와 기획이 끝난 후 개발을 시작해야 체계적인 진행 가능