다른 서비스
NEW
기획
디자인
개발
프로덕트
아웃소싱
프리랜싱
비즈니스
최근 검색어
전체 삭제
최근 검색어가 없습니다.

디자인

UX측면에서 잘 만들어진 B2C사례: 1부, 디터람스 제품 디자인

UX 측면에서 잘 만든 사례 소개 첫 번째 시간, 

 

디터 람스의 “Physical product & UX”
#Physical product #Product design #Usability #Simplity  

 

클라이언트 혹은 사용자들을 설득할 수 있는 논거는 크게 데이터 측면, 심리학적 측면으로 나뉩니다. 그 밖에도, IA, 내비게이션, 마이크로 카피, 마이크로 인터렉션 같은 장치를 통해 UX관점에서 잘 설계되어있는 프로덕트를 만나실 수 있습니다.

 

이번 연재는 제품, 금융 앱, 모빌리티, 교통, 이커머스 등, 각각의 파트에서 좋은 사례를 NINA와 함께 확인해보는 시간 가져보겠습니다. 특히, 첫 번째 편에서 UX를 탄생시킨 도널드 노먼의 논점과 디터 람스의 디자인 원칙을 토대로 UX 사용자 경험에서 좋은 제품은 어떤 것일까 고민해보는 시간 가져 보셨으면 좋겠습니다.

 

 

먼저, 디자이너의 디자이너 ‘디터 람스’를

여러분께 소개해드립니다

 

디터 람스는 산업디자인, 그래픽 디자인 등 현대 디자인의 시초라 할 수 있는 바우하우스에서 공부한 독일 출신 제품 디자이너입니다.

 

그의 작품들, 즉 대부분의 디자인은 독일의 브라운사에서 만들어졌습니다.

 

<출처: Designer Industrial Dieter RamsVitsoe at English Wikipedia>

디터 람스의 디자인은 "좋은 디자인의 사례"로 누누이 언급됩니다. 마치 김연아 선수의 퍼포먼스는 매우 교과서적이다.라는 평과 비슷한 선상 같아요. 조형미, 칼라 선택, 정겨움, UX, 무엇 하나 질리지 않습니다. 서유럽 지역에서 특히 많이 본 듯한, 디자인의 표본과도 같은 느낌이 물씬 듭니다.

 

Comparison of Jon Ive and Dieter Rams works, Author Braun / Apple>

조너선 아이브 및 MUJI의 후쿠사와 나오토의 멘토이기도 한 이 분, 제품 디자이너로서 영향력이 대단하고, 그를 따르는 후배 디자이너들도 그에게서 많은 영감을 얻으니, 그가 곧 영감의 원천입니다. 세상 아래 특별한 것이 없으니 재편집하고 새로운 스토리텔링을 부과하며 조합하는 것이 디자인이라고도 하죠. 조너선 아이브의 제품 디자인도 디터 람스의 브라운사 제품에서 영향을 받은 것을 종종 알 수 있습니다.

 

디터 람스의 좋은 디자인 원칙 10가지 또한 UX의 기본 원리와 같습니다. 제품 디자인과 UX의 상관성이 높아서인가요? 서양에서는 그래픽 디자인보다 산업디자인 전공자가 더 UX석사 학위를 이수하거나, 관련 일자리로 사회 진출이 더 많은 편이었습니다.

 

 

Less is More: 적은 것이 더 많은 것이다

-디터 람스 월간 <디자인> 인용

 

디터 람스는, 겉보다 디자인 철학의 중요성을 강조합니다. 디자인 철학은 문화적이며 예술적 충동을 담고 있으며, 그것은 너무도 조용히 존재해 오히려 사람들의 관심을 끈다.라는 말이 인상적입니다.

 

“더 적거나 더 많아야 진정한 가치가 발현된다는 명제는 이미 세상에서 검증된 지 오래다.

그러나 이러한 명제가 더 이상 진화하지 못하고 반복되는 느낌도 든다.

그렇기 때문에 50년 전 디터 람스가 보고 느낀 가치가 현재까지 유효한 것이다.”

 

- 조수용 <크리에이티브 디렉터, 카카오 대표이사>

 

 

그러나 말 그대로 무조건 축소하고,

적은 것으로 최선이라고 이해하시면 곤란합니다.

디자인도 제품과 사람과의 소통, 컴퓨터와의 사람과의 소통이라는 맥락으로 해석해보았을 때, 지나친 줄임과 비약은 어떤 문제를 일으킬까? 디자인 사조 중에, 이른바 "미니멀리즘"이라는 것이 있지만, 궁극의 최소화가 정답은 아닙니다. 자연이 끝내 지향하는 것은 "중용"입니다. 단순함의 반대급부에 선 "복잡함"의 존재의 이유에 대해 UX의 창시자 도널드 노먼의 견해를 잠깐 보시고 가겠습니다.

 

복잡한 세상의 디자인: 복잡함이 필요한 이유.

복잡한 서재에도 나름대로의 질서와 기본구조(Underlying structure)가 있습니다. 조정사가 보는 조종실의 cockpit은 일반인이 보기에는 복잡하지만, 조종사들에게는 그렇지 않습니다. 조종사들은 모듈화 된 구조, 파일럿 교육, 명확한 정보 체계 이 세 가지로 복잡함에 익숙해지며, 그것은 분명 혼란스러움(*사람이 받아들이는 마음의 상태)와 다릅니다. 즉, 체계와 구조, 학습이 있다면 혼란스러움으로 받아들여지지 않다는 이야기!

<좌: 비행기 조종 Cockpit, 우: 디터 람스의 Braun regie >

단순한 제품이 짜증을 불러일으키는 경우도 많습니다. 저 또한 얼마 전 구입한 소형 녹음기 버튼이 있는데, 많은 기능을 1-2개의 하드웨어 버튼으로 모두 동작시켜야 하니 지금 그 순간 필요한 특정 기능을 수행하는 데 있어 시간이 조금 더 걸렸습니다.

 

"심리학자들은 인간이 단순한 것보다도 적절한 복잡함을 선호한다고 한다.

너무 단순하면 지루하고, 너무 복잡하면 혼란스럽다. 음악이나 문학, 영화 등 예술

분야에서 일하는 사람들은 자신의 일에 정통할수록 복잡한 것을 선호한다."

 

- 도널드 노먼-

 

 

단순함은 생각하기 나름이다!

개념적 모델 conceptual model란, 무엇이 어떻게 작동하는지 머릿속에 근본적으로 구조화된 것을 말합니다. 단순함은 지루함, 복잡함이 어느 정도 있을 것을 선호하나 적절함이라는 건 문화마다 심리적으로 다릅니다.

 

단순하게 한 두 번의 과정을 통해 전자제품을 작동시키는 걸 좋아하는 사람보다 실제 대중은 기능이 복잡하고 성능을 확인해보고 직접 조작하는 것을 선호하는 쪽이 더 많다고 한다. 단순함을 좋아하나, 역설적으로 추가 기능이나 다양한 사양을 포기하고 싶지 않습니다. 그래서, 핸들에 수많은 기능 옵션이 붙어있는지도 모르겠습니다.

<녹음기 TS45 출처: Oliver Kurmis>

오디오, 라디오, 스피커의 위치를 자유롭게 배열해 쓸 수 있도록 모듈 형식으로 구성돼 있다. 
버튼, 서체 등 부수 요소에는 일정한 규칙이 있다. 
버튼의 윗면은 누르기 쉽게 약간 오목하고, 폰트가 작다 
‘사용자 경험(user experience)’을 통해 분석된 사용 경로와 일치한다. 

 

 

좋은 디자인은 제품을 이해하기 쉽게 한다

좋은 디자인은 제품의 구조를 명확하게 합니다. 나아가 사용자의 직감을 활용해 제품 스스로 기능을 드러내게 만들고, 제품 스스로 설명하게 합니다.

 

Innovation: 좋은 디자인은 혁신적이다

혁신의 가능성은 결코 사라지지 않습니다. 기술적 진보는 언제나 혁신적 디자인의 배경이 된다. 그러나 혁신적 디자인은 항상 혁신적 기술과 함께 발전하며, 그 자체가 목적이 될 수는 없습니다.

<휴대용 오디오 tp1, 출처: Benjamin Heinecke - Eigenes WerkEin Kurzwellenempfaenger: Braun T 1000 CD>

여러 버튼이 가로세로줄에 맞춰 정렬됐고, 앞에는 덮개를 달아 사용하지 않을 때는 덮개를 덮어 내부가 보이지 않게 보관하며, 덮개 홈에 설명서를 넣어 수납성이 좋다. 기능성에만 충실해도 심미성을 동시에 잡은 좋은 예시다.

 

 

Usability: 좋은 디자인은 제품을 유용하게 한다

사람들은 제품을 쓰려고 산다. 제품은 기능적, 심리적, 미적인 기준을 모두 만족시켜야 하며, 좋은 디자인은 제품의 유용성을 강조하며, 그것을 방해할 만한 모든 것을 무시합니다.

<휴대용 오디오 tp1, 출처: midcenturyhome.com>

소니 워크맨보다 20년이나 앞선 브라운의 제품으로, 아이팟의 심플한 디자인의 모티브가 되었다.
발열이 심하고 부피를 많이 차지하던 기존 진공관을 대체하여 제품의 크기를 줄이고,
바늘이 아래쪽에서 레코드 판에 닿게 해 사용자의 이동시 불편함을 개선하여 사용성이 증가되었다.

 

 

좋은 디자인은 불필요한 관심을 끌지 않는다

제품은 도구처럼 자기 목적을 수행합니다. 제품은 장식품도, 예술 작품도 아니므로 중립적이고 절제된 디자인으로 사용자가 자신을 표현할 수 있는 여지를 남겨둬야 합니다.

 

좋은 디자인은 오래간다

좋은 디자인은 유행을 타지 않으며, 시대에 뒤처져 보이지 않습니다. 유행을 타는 디자인과 달리, 좋은 디자인은 빨리 소비되는 현대사회에서도 오래 지속되고 있습니다.

 

"내 사무실에도 50년 전의 브라운 제품이 가득하다. 오브제가 아닌 일상생활에서 사용하는 것으로, 어디에 두어도 잘 어울린다. 오늘날처럼 빨리 소비되고 쉽게 싫증 나는 디자인 홍수 속에서 디터 람스의 디자인은 본질을 보여주고 있다. 진정으로 지속 가능한 디자인을 실현한 사례라고 할 수 있다.

 

- 마영범 <소갤러리 대표>

 

< 606 Universal Shelving System, 1960, Vitsoe at English Wikipedia >

606 유니버셜 쉘빙 시스템은 기술이 업데이트되며, 현재도 사용되고 있는 제품이다.
작은 선반 하나부터 전체 라이브러리까지 다양한 모듈의 조합과 구입이 가능하다.
쉬운 설치, 가변성, 이동성 측면에서 사용성이 높다. 이렇듯, 좋은 디자인은 지속성이 높다

좋은 디자인은 환경을 보호하는 데 중요한 역할을 한다. 제품의 수명이 다할 때까지 물리적 시각적 공해를 최소화하고, 자원을 아끼는 데 일조합니다.

 

이번 편은, 산업 디자이너의 대부로 불리는 디터 람스가 디자인한 Braun사 제품을 사용자 관점에서 분석, 분해해보았습니다. 좋은 디자인의 기준이라고 불리는 디터 람스의 제품들은 4560 스튜디오에서 전시물로 확인해보실 수 있다고 합니다. 부디 직접 오감으로 느껴 보시길 바라며 이번 편, 이만 줄이겠습니다.

댓글 0

NINA.C

UX를 전공하고 UXUI, 서비스 기획자, 강사, 작가 활동을 하는 NINA입니다. 대중성 있는 UX를 연구하며 디자인 비즈니스를 구상하고 있습니다.

당신이 사인하기 전에 알아야 할 것들: ②일을 맡길 때

아웃소싱

당신이 사인하기 전에 알아야 할 것들: ①일을 할 때

아웃소싱

2022년 주목해야 할 IT 키워드 10가지

기획

비정규 직원과 커뮤니케이션 툴로 협업하는 방법

아웃소싱

UX측면에서 잘 만들어진 B2C사례 9부, 텍스트 콘텐츠 플랫폼의 UX는?

디자인

초보자를 위한 스토리보드 작성 팁

기획

외주 잘 맡기는 방법 3부: 외부 업체와 Co-working 하기

아웃소싱

ERP 중심의 물류전산화 2부, ERP 제품 집중 분석

프로덕트

UX측면에서 잘 만들어진 B2C사례: 8부, 피그마와 캔바

디자인

UX측면에서 잘 만들어진 B2C사례: 7부, 노인을 위한 UX는 있다

디자인

UX측면에서 잘 만들어진 B2C사례: 6부, 테슬라의 경험디자인

기획

외주 잘 맡기는 방법 2부: 분쟁과 리스크를 줄이는 9가지 팁

아웃소싱

기획 용어 10부, JD로 보는 직무 개념 및 용어

기획

기획 용어 9부, AI 음성인식 기획 기초 용어

기획

ERP 중심의 물류 전산화 1부, ERP 가볍게 다가가기

프로덕트

기획 용어 8부, 팝업과 오류 유형 정리

기획

기획 용어 7부, 메뉴 혹은 내비게이션 개념 정리

기획

기획 용어 6부: 시작하기 프로세스 기초개념 알기

기획

외주 잘 맡기는 방법 1부: 외주 계약 전에 꼭 보세요!

아웃소싱

코로나로 인해 고용 및 비즈니스 환경은 어떻게 변화하고 있을까?

아웃소싱

UX측면에서 잘 만들어진 B2C사례: 5부, 교통서비스와 길안내

디자인

화면 정의와 기능 정의 3부, 유용한 상세 가이드 꿀팁

기획

기획 용어 5부: 인터랙션/제스처 알아가기

기획

‘아웃소싱’ 하기 전에 꼭 알아야 할 것들

아웃소싱

어디까지 왔나요? AI 적용사례

개발

프리랜서가 겪는 문제와 해결방안

프리랜싱

알아두면 좋을 IT관련 웹사이트들: 5부, IT 채용 정보 웹사이트

아웃소싱

화면 정의와 기능 정의 2부, 기획자를 위한 디스크립션 작성 원칙

기획

UX측면에서 잘 만들어진 B2C사례: 4부, 나이키 러닝 NRC & Fitbit

디자인

알아두면 좋을 IT관련 웹사이트들: 4부, UX디자이너가 포트폴리오를 만들 때

디자인

기획 용어 4부: 검색 기획/설계를 위한 기본 용어 알고 가기

기획

왜 아웃소싱인가?

아웃소싱

알아두면 좋을 IT관련 웹사이트들: 3부, 기획자의 웹사이트 10개

기획

UX측면에서 잘 만들어진 B2C사례: 3부, 카카오 모빌리티와 이브이패스

기획

화면 정의와 기능 정의 1부, 기획자를 위한 화면 정의 원칙

기획

알아두면 좋을 IT관련 웹사이트들: 2부, IT 트렌드 세터를 위한 웹사이트 추천

기획

자율주행 기술의 현황: 3부, 자율주행차 디자인이 다른 점은?

개발

알아두면 좋을 IT관련 웹사이트들: 1부, 성장러를 위한 IT 웹사이트

기획

기획 용어 3부: 이커머스 페이지 기획 시 알아야 하는 기본 용어

기획

자율주행 기술의 현황: 2부, 움직이는 스마트폰, 무인 자동차!

개발

UX측면에서 잘 만들어진 B2C사례: 2부, 토스와 기업은행 아이원뱅킹

기획

기획 용어 2부: UI 기획 시 알아야 하는 기초 용어

기획

기획 용어 1부: 웹, 앱 UI 설계 전 알아야 하는 기본 개념

기획

자율주행 기술의 현황: 1부, 완전 초짜들을 위한 자율주행 이해하기!

개발

프리랜서와의 프로젝트를 안정감 있게 이어가려면

기획

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.

일주일에 한 번! 전문가들의 요즘IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.