오래가는UX 디자인

1414905 이서현

모바일 시대의 제품 디자인 기본 원칙

목 차

UX 디자인01. PART

01. UX 디자인이란?

02. 시대별 사용자 경험

인터랙션 디자인02. PART

03. 인터랙션 디자인 방식

04. 인터랙션 기반 설계

05. 인터랙션 구조 설계

인터랙션 표현 설계

UX 디자인이란

01

01. UX 디자인이란

사용자 경험이란?사용자 경험(UX: User Experience)이란 사용자가 기업, 서비스, 기업의 제품과 상호작용하면서 얻는 모든 측면의 경험을 의미한다.

훌륭한 사용자 경험을 만드는 조건

1. 고객의 요구를 정확하게 만족시킨다.

2. 고객이 직접 필요하다고 말하는 것 이상을 제공해야 한다.

3. 체크리스트에 나열된 기능을 제공하는 수준을 넘어서야 한다.

UI, UX, 인터랙션 디자인인터페이스(Interface): 서로 다른 두가지의 주제나 시스템, 성분이 만날 때 그 두 요소 사이에 생기는 경계면. (사용자와 시스템 사이)

API(Application Programming Interface): 시스템과 시스템 간에 생기는 경계면.

UI: 사용자와 기기, 사용자와 웹사이트 및 애플리케이션이 만나는 접점

UI 디자인: 사람과 만나는 시스템의 외형과 화면구조, 버튼 모양 등을 설계하는 것

사용자와 시스템이 만나는 면이 UI(사용자 인터페이스)이고, 사용자가 인터페이스를 통해 시스템을 이용하는 일련의 상호작용이 인터랙션(Interaction)이다.

사용자 경험(UX): 인터랙션과는 다르게 제품을 사용할 때 사람들이 마주하는 다양한 경험을 설명하는 용어. 사용자 경험을 좁은 의미에서 설명할 때는 보통

사용자가 제품을 직접 사용하면서 느끼는 경험을 의미한다.

01. UX 디자인이란

그림1. 인터페이스라는 용어를 함께 사용하는 UI와 API

인터페이스는 두 요소 사이의 경계면을 뜻하는 용어이다.

그림2. UI, UX, 인터랙션의 관계. UX는 UI와 인터랙션을

합한 이상의 다양한 경험적 요소를 포함한다.

01. UX 디자인이란

그림3. 디지털 제품의 디자인 절차와 UX 디자인 조직. UX 디자인 조직은 주로 사용자 중심 디자인을 적용하는 조직으로 구성된다.

디지털 제품 디자인을 위한 UX 디자인 조직

01. UX 디자인이란

그림4. 웹/애플리케이션 제품의 디자인 절차와 UX 디자인 조직. 산업 디자인 역할이 빠지고 UI 개발 조직이 추가된다.

웹/애플리케이션 디자인을 위한 UX 디자인 조직

01. UX 디자인이란

그림4. 웹/애플리케이션 제품의 디자인 절차와 UX 디자인 조직. 산업 디자인 역할이 빠지고 UI 개발 조직이 추가된다.

웹/애플리케이션 디자인을 위한 UX 디자인 조직

이 그림은 이전의 디지털 제품의 디자인 절차 그림을 일부 수정한 것이다.

차이점을 보자면, 디지털 제품의 외형 디자인과 관련되는 산업 디자인 부분이 웹, 애플리케이션

분야의 소프트웨어 개발에는 필요 없으므로 생략됐다. 대신에 개발과 디자인의 중간적인 위치

를 차지하는 UI 개발 조직이 추가되었고, 개발이 UI 개발과 백엔드 개발로 세분되었다.

01. UX 디자인이란

제품 디자인의 3가지 관점: 기술, 기능, 경험

경험

기술 기능

기술 중심 디자인:

- 새 기술이 나오면 가능한 기술을 조합해서 제품을 만든다.

- 최고 기술을 적용한 제품이 좋은 제품이라 생각한다.

- 기기 제조사의 접근방법

- 사용자가 기기와 기술의 세부사항을 알아야 한다.

기능 중심 디자인:

- 필요한 기능이 있으면 기능을 모아서 제품을 만든다.

- 좋은 기능을 많이 제공하는 제품이 최고라고 생각한다.

- 소프트웨어 개발사의 접근 방법

- 사람들이 익혀서 사용하는 기능의 수에는 한계가 있다.

경험 중심 디자인:

- 제공할 경험의 수준을 정하고 구현 가능하면 제품을 만든다.

- 최고의 경험을 제공하는 제품이 최고의 제품이라 생각한다.

- 엔터네인먼트 기획사의 접근 방법

- 경험을 구현할 기술을 찾는 데 많은 노력과 시행착오가 필요하다.

시대별 사용자 경험

02

02. 시대별 사용자 경험

메인프레임을 사용하던 90년대 초반은 일반인에게 PC(개인용 컴퓨

터)가 알려지는 시기이기도 했다. 가정용 8비트 컴퓨터가 먼저 나왔

고 그 후엔 좀 더 성능이 뛰어난 16비트 컴퓨터가 나오면서 여러 분야

에서 PC를 사용했다.

하지만 표준이 제대로 마련되지 않아서 개발자마다 다르게 데이터 구

조를 설계하다 보니 한 프로그램에서 만들어진 문서와 파일을 다른

프로그램에서 사용할 수 없을 때가 많았다. 이 시기에는 압축 파일,

문서 파일, 그림 파일 등이 프로그램마다 호환되지 않았기 때문에 컴

퓨터를 하기에 아주 혼란스러운 시기였다.

1. 기계가 최고의 가치였던 메인프레임 시대 2. 첨퓨터로 처리할 수 있는지가 중요했던 PC 도입기

초기 컴퓨팅 시대인 1990년대에는 컴퓨터가 무엇보다 중요한 자

산이었다. 이 시대의 프로그램은 모두 컴퓨터의 효율성에 맞춰 설

계되고 구현되었다. 개발자들은 컴퓨터가 더 빨리, 더 많은 일을

동시에 처리할 수 있게 하는 데 모든 노력을 집중했다.

당시에는 기술의 완성도가 높지 않아서 컴퓨터의 처리 효율을 높

이느라 사람이 사용하기 편하고 배우기 쉽게 프로그램을 만드는

노력을 할 여럭이 없었기 때문에 실제 개발된 시스템은 복잡하고

사용하기 어려우며 컴퓨터 내부 구조를 잘 알아야 사용할 수 있었

다.

02. 시대별 사용자 경험

문자 기반의 사용자 인터페이스는 컴퓨터 기술의 발전과 함께 자

연스럽게 그래픽 사용자 인터페이스(GUI: Graphic User

Interface)로 발전했다. 마이크로소프트도 그래픽 사용자 인터페

이스를 채용한 MS윈도우 시리즈를 발표했는데 이 시리즈가 사람

들의 관심을 끈 것은 1992년부터였다. 그 후 윈도우가 도스를 대

체하는 운영체제 역할을 한 것은 시간이 더 지나 윈도우 95와 원

도우 98부터였다.

1990년대 이후 컴퓨터 기술의 발전 속도는 눈부셔서 1990년대 초

반과 이로부터 20여년이 지난 최근의 환경을 비교해보면 상상하

기 어려울 정도로 많은 변화가 있었다.

3. 사람이 중요해지는 PC 발전기, 성숙기

01. UX 디자인이란

기술의 발전으로 이전의 제약이 사라지고 있다.

심미적이고 감성적이 측면이 강조된다.

제품의 성능이 높아지면 디자인의 중요성은 커진다.

기기가 작아지면 디자인의 중요성이 커진다.

모바일 제품을 만들 때 사용자 경험 디자인이 주목받는 이유:

1)

2)

3)

4)