[강의학습일지] UXUI 디자인 입문 1주차 강의

UX

감정을 일으키거나 특정한 경험을 할 수 있도록 이끄는 것

브랜드를 이용할 때 느끼는 모든 경험

HCI (Human Computer Interaction)

인간과 컴퓨터 간의 상호작용에 대해 연구하는 분야

사람이 컴퓨터를 더 쉽게 사용할 수 있게 개선

CX (Customer Experience)

브랜드를 경험하면서 받는 느낌이나 인상

CX에는 고객서비스(CS)가 포함됨

BX (Brand Experience)

브랜드와 상호작용할 때 갖는 전반적 인식, 감정 등

CX, UX가 BX에 포함됨

이름, 로고, 컬러, 슬로건 등 브랜드 아이덴티티

나이키: 스우시 로고, Just Do It 슬로건, 조던 =BX

UI 디자이너 (GUI 디자이너/Graphic)

화면의 전체적 구조와 시각적 요소를 디자인

UX 디자이너

기획 및 설계, 사용자 분석과 조사의 비중이 크다.

프로덕트 디자이너

UXUI 포함 제품 전반의 경험을 디자인

다양한 직군과 같이 일하기 때문에 사람을 잘 설득해야 함

하나의 제품을 계속해서 개선해 나가면서 답을 찾아나간다.

PM(Product Manager) 기획자

디자인 가이드라인=디자인 시스템=스타일 가이드

브랜드 아이덴티티를 유지할 수 있음

일관된 사용자 경험을 얻을 수 있음

사용자 경험을 위해 인터페이스를 설계하는 기본원칙(설명서)을 배울 수 있다.

운영체제 리소스를 다운로드해서 활용가능

Human Interface Guidelines | Apple Developer Documentation

 

HIG는 애플 가이드라인을 지켜야 앱 등록이 가능하다. (아이콘도 규격에 맞게 등록해야 함)

앱 아이콘 규격 확인

모달 (Modal)

iOS에서 주로 사용하는 컴포넌트

사용자에게 콘텐츠를 임시로 보여주고 특정 작업을 수행하게 할 때 사용

Material Design

접근성 (Accessibility)

누구에게나 평등하면서 사용성이 높은 제품을 만들어야 한다.

(아티클스터디에서 3번에 해당되는 내용)

[아티클스터디] UX/UI 레벨테스트

 

Mobile - Compact

Pad - Medium

Desktop - Expanded

디바이스에 따라 Navigation, Body의 위치가 달라짐

Elevation

레이어 간의 높이를 사용해 플랫디자인의 입체감을 살림

리얼 메타포(Real metaphor)

실제 물건을 모방해 디자인

스큐어모피즘(Skeuomorphism)

실제물건처럼 디자인해 어려움 없이 사용할 수 있도록 의도함

플랫디자인(Flat Design)

스큐어모피즘에 비해 리소스를 줄일 수 있음

뉴모피즘(Neumorphism)

단순하지만 그림자를 사용해 대상 구분함