당신은 주제를 찾고 있습니까 “직관적 인 디자인 – [인디자인특강] 인디자인 CC 2019 프로그램 기초 강좌 실무 강의 책만들기 표지등 사용법 배우기.“? 다음 카테고리의 웹사이트 https://you.charoenmotorcycles.com 에서 귀하의 모든 질문에 답변해 드립니다: https://you.charoenmotorcycles.com/blog. 바로 아래에서 답을 찾을 수 있습니다. 작성자 IB 96 이(가) 작성한 기사에는 조회수 199,507회 및 좋아요 4,377개 개의 좋아요가 있습니다.
직관적 인 디자인 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 [인디자인특강] 인디자인 CC 2019 프로그램 기초 강좌 실무 강의 책만들기 표지등 사용법 배우기. – 직관적 인 디자인 주제에 대한 세부정보를 참조하세요
☞ IB96 채널 은 컴퓨터 프로그램과 스마트폰 IT 모바일 기기 사용법 응용능력 기능 을
알려드리는 교육 채널입니다 _
IB96 채널 영상은 https://www.ib96.com 에서 제공받았습니다
IB96 구독및 멤버쉽 회원 [가입]을 해주시면 좀더 좋은 컨텐츠로 보답하겠습니다
감사합니다
#인디자인프로그램배우기 #어도비인디자인강좌 #Indesign인쇄출판
직관적 인 디자인 주제에 대한 자세한 내용은 여기를 참조하세요.
직관적 디자인(Intuitive Design) – 오래가는 UX 디자인
직관적 디자인(Intuitive Design)은 디자이너의 직관과 통찰력을 중심으로 제품을 개발하는 디자인 방식이다. 직관적 디자인은 이전에 없던 전혀 새로운 …
Source: bahns.net
Date Published: 10/9/2021
View: 1868
UX 디자인을 위한 7가지 원칙 – 디지털 인사이트
모바일앱 디자인에서 직관적 디자인은 어떤 것을 의미할까? 사전적 의미를 살펴보면 ‘판단이나 추리 따위의 사유 작용을 거치지 않고 대상을 직접적으로 …
Source: ditoday.com
Date Published: 11/2/2022
View: 3272
라이트브레인, 간결하고 직관적인 디자인으로 사용자의 편의를 …
UI/GUI 디자인이 생소할 수 있는 구직자들을 위해 개념 설명 부탁 드립니다. UI(User Interface Design)는 사용자를 고려한 설계를 뜻하는 것이며, GUI( …
Source: www.jobkorea.co.kr
Date Published: 4/3/2022
View: 8920
UX/UI 디자인의 기본 (1) 사용자를 고민에 빠뜨리지 말라
▷ 직관적인 디자인을 사용하세요. (버튼은 버튼답게!) 사용자는 우리 생각과 아주 많이 다르게 움직인다. 사용자는 웹 페이지를 읽지 않는다. 훑.
Source: media.fastcampus.co.kr
Date Published: 5/28/2021
View: 4849
주제와 관련된 이미지 직관적 인 디자인
주제와 관련된 더 많은 사진을 참조하십시오 [인디자인특강] 인디자인 CC 2019 프로그램 기초 강좌 실무 강의 책만들기 표지등 사용법 배우기.. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
![[인디자인특강] 인디자인 CC 2019 프로그램 기초 강좌 실무 강의 책만들기 표지등 사용법 배우기.](https://i.ytimg.com/vi/1rDnIEHotpw/maxresdefault.jpg)
주제에 대한 기사 평가 직관적 인 디자인
- Author: IB 96
- Views: 조회수 199,507회
- Likes: 좋아요 4,377개
- Date Published: 최초 공개: 2019. 3. 11.
- Video Url link: https://www.youtube.com/watch?v=1rDnIEHotpw
UX 디자인을 위한 7가지 원칙
UX 디자인은 알면 알수록 재미있지만 한편으론 알면 알수록 어렵다.
“열 길 물속은 알아도 한 길 사람 속은 모른다.”
열 명의 사람에겐 열 가지 생각이, 백 명의 사람에겐 백 가지 생각이 존재한다. UX 디자이너는 사람들의 마음과 생각을 이해하고 파악해 디자인해야 하는 사람이다. 하지만 내 마음도 잘 모르는데 남의 마음을 아는 게 어디 쉬운 일인가? 그 마음을 이해하고 파악해 그들이 지갑을 열기까지는 그야말로 산 넘어 산이다.
UX 디자인을 심미적인 측면에서만 접근한다면 당신은 UX 디자인의 기본을 다시 터득해야 할 필요가 있다. UX 디자인은 공부하면 공부할수록 디자인 감각만 있는 사람보다 디자인 감각을 가진 수학자, 물리학자 혹은 심리학자, 작가, 건축가에게 더 적합한 직종이라는 생각이 든다. UX 디자이너는 자신이 디자인한 화면에 대한 합당한 이유와 화면 흐름을 논리적으로 설명할 수 있어야 한다. UX 디자이너는 디자인 요소, 아이콘 요소 하나하나의 존재 이유, 치수까지 자신이 세운 가설을 토대로 디자인적으로 구현해야 하는 사람이다.
사실 UX 디자이너와 UI 디자이너는 엄연히 다른 역할을 하는 사람들이다.
대학원에 다닐 때 ‘노년층’을 대상으로 한 연구를 진행했다. 노년층의 삶을 향상하기 위한 공간을 위한 디자인 가이드라인을 주로 연구했고 그들의 육체적, 심리적 변화에 대한 리서치를 진행했다.
그 당시에는 노년층을 대상으로 하는 연구 주제가 마음에 들지 않았다. 남들처럼 반짝거리는 뭔가를 디자인하고 싶었고 누구나 “우와”하고 감탄할 만한 연구 주제를 진행하고 싶었다. 그렇게 석사, 박사 과정이 끝났을 때만 해도 연구 주제나 연구 대상에 대한 애착이 많지 않았다. 그래서 수년간 공부했던 시간을 잠시 접어 둔 채 디자인 리서처의 길이 아닌 다른 길을 기웃거렸다. 다른 길을 간 것을 후회하지는 않지만 시간이 지날수록 오랫동안 공부했던 것들에 대한 미련이 생기기 시작했다. 그제야 나는 처음부터 다시 시작한다는 마음으로 UX 디자인 공부를 하기 시작했다.
실제로 (모바일을 기반으로 하는) UX 디자인 분야는 모바일 기기가 발전하는 속도만큼 디자인 트렌드의 속도도 빠르게 변화한다. 새로운 툴이 계속 생겨나고 디자인 트렌드는 해마다 바뀐다. 현업에 있는 사람들도 꾸준히 공부하지 않으면 금세 뒤쳐지는 분야가 UX 디자인 분야다. 때문에 나는 거의 처음부터 다시 배우는 마음으로 UX 디자인을 공부했다. 내가 가진 지식 외에 배워야 할 것들이 많았다. 그렇게 UX 디자인을 다시 공부하기 시작하면서 깨닫게 된 것은 오래 전 노년층을 대상으로 했던 연구가 디자인 철학에 큰 디딤돌이 되고 있다는 것이었다.
관련이 없는 점들 속에서 새로운 가능성을 찾을 수 있다.
(이미지출처: https://www.saysamyang.com/212)
과거 진행했던 노년층에 대한 연구는 공간과 사람에 집중했지만 노년층의 육체적, 심리적, 정신적 상태에 대한 리서치는 공간을 넘어 모바일 기기까지 연결됐고 모바일 기기에 익숙하지 않은 계층을 이해하는 데 큰 도움이 됐다.
내가 만난 노년층의 대부분은 지각 수용자 그룹 중에서도 가장 늦게 수용하는 사용자가 많았다.
전반적으로 봤을 때 노년층은 기계 습득이 느리거나 대부분의 테크놀로지를 가장 마지막에 받아들이는 계층에 속한다. 노년층을 대상으로 한 스마트폰 설문조사 결과를 살펴보면 그들의 활동능력을 살펴볼 수 있다. 아래의 그래프에서 볼 수 있듯 노년층은 기본적인 스마트폰 활용 능력(전화 걸기, 문자 보내기, 사진 찍기 등)을 제외한 부가 기능에 대한 습득 능력은 상대적으로 느린 것을 알 수 있다.
새로운 기계 혹은 기능을 익히는 것은 노년층에게는 또 다른 스트레스이자 어려움으로 다가온다. 나이에 따라서 변화하는 인지적인 반응도 있지만 개인적인 실수로 개인 정보나 금전이 유출이 되는 등 실질적인 피해를 입을 수 있다는 막연한 두려움도 분명 있다.
이미지출처: https://www.idaegu.co.kr/news/articleView.html?idxno=298302
실제로 필자가 엄마(만 65세 이상)와 스마트폰에 앱 하나를 설치하기 위해선 아래와 같은 대화가 오고 간다.
나: 엄마, 앱스토어에서 ‘상호명’ 앱 깔면 돼.
엄마: 앱스토어가 어딘데?
나: (앱스토어의 링크를 복사해서 카톡 대화창에 공유한 후) 엄마, 그냥 이거 눌러서 설치하면 돼.
엄마: (앱을 설치하면서도) 이거 설치하면 돈 빠져나가고 개인 정보 유출되는 거 아니니?
나: 그런 거 아니야. 그냥 클릭해서 설치하면 돼.
엄마: 설치는 다 했는데 어떻게 열면 되니?
나: 그냥 앱을 누르면 돼.
엄마: 아이디와 비밀번호를 입력하라는데 뭘 눌러야 돼?
나:………..
이런 대화가 비단 우리 엄마에게만 해당되는 대화는 아닐 것이다. 스마트폰에 익숙하지 않고 한 번도 앱을 설치해보지 않은 노년층 혹은 사용자라면 충분히 발생할 수 있는 문제다.
대학원에서 만난 노년층, 그리고 내 주변의 노년층 혹은 모바일 기기에 익숙하지 않은 사용자들과 이야기를 나누고 그들의 행동을 관찰하면서 앞으로 UX 디자인을 할 때 어떤 철학을 가지고 디자인을 해야 하는지 고민하게 됐다. 인터넷을 조금만 검색해 봐도 UX 디자인의 원칙들은 쉽게 찾아볼 수 있지만 필자의 학문적인 경험, 개인적인 경험을 토대로 필자가 추구하는 UX 디자인의 7가지 원칙은 다음과 같다.
1. 단순해야 한다
2. 직관적이어야 한다
3. 쉽고 간결한 언어를 구사한다
4. One thing per page
5. 시각적 일관성을 유지한다
6. 친절하고 또 친절하게 반응하자
7. 에러 메시지를 정확하게 전달한다
1. 단순해야 한다
디자인하다 보면 필요 이상으로 디자인 할 때가 있다. 글을 쓸 때도 마찬가지다. 분량이 많아야 글을 좀 쓴 것 같고 아는 게 많은 것 같아서 내용보다 분량에 집중할 때가 많다(대학교 레포트를 쓸 때 장평과 폰트 크기를 키워봤던 경험이 있는 사람들이라면 이 의미를 알 것이다).
초창기 앱이나 웹사이트 대표 화면은 그 회사가 제공하는 서비스를 최대한 많이 보여주는 것을 목표로 했다. 다양한 사람들이 들어오는 장소인 만큼 다양성을 존중한다는 취지에서 최대한 많은 서비스를 넣어 소비자의 필요를 충족시켰다.
그런 회사에 반기를 든 대표적인 회사가 구글이다. 구글은 검색을 하는 사용자의 니즈 하나에 집중했고 검색 기능을 제외한 모든 기능을 제거했다. 처음에 사용자는 아무것도 없는 허허벌판이 어색하게 느껴졌지만 이내 단순하게 검색에만 집중한 구글의 검색창을 이용하기 시작했다.
검색에만 집중할 수 있게 디자인 된 구글 검색창
모든 회사가 구글 검색창처럼 핵심 상품을 하나만 보여주고 판매하기는 힘들다. 여기서 강조하고 싶은 것이 있다. 앱 디자인은 한 번에 많은 서비스를 보여주기보단 때로는 그 기업이 전달하고 싶은 핵심 ‘가치’를 한두 가지만 효과적으로 전달해도 소비자들은 그 기업을 선택하게 된다는 것이다.
2. 직관적이어야 한다
해외 모바일앱 디자인 사례를 분석할 때 가장 많이 언급되는 단어 중 하나가 ‘직관적(intuitive)’이라는 단어이다.
모바일앱 디자인에서 직관적 디자인은 어떤 것을 의미할까? 사전적 의미를 살펴보면 ‘판단이나 추리 따위의 사유 작용을 거치지 않고 대상을 직접적으로 파악하는 것’(출처: 표준국어대사전)으로 나와 있다. 영어의 사전적 의미는 ‘Using or based on what one feels to be true even without conscious reasoning’ 정도로 해석이 된다. 한 마디로 직관적인 기능은 그 기능을 보는 순간 설명하지 않아도 바로 알아차리는 것이라 할 수 있겠다.
하지만 직관적인 디자인을 할 때 조심해야 하는 것이 있다. 바로 직관적 디자인이 디자인의 목표가 되어서는 안 된다. 이 말은 ‘직관적’이라는 단어는 사람들마다 다른 의미로 다가올 수 있다는 것이다. 즉, 10대에게 ‘직관적’이라고 생각한 제품이 60대에겐 ‘직관적’이지 않을 수 있다.
위의 필자의 예처럼 필자에게 앱스토어 아이콘은 직관적인 아이콘으로 다가오지만 60대 엄마에게는 직관적이지 않고 앱스토어에서 앱을 사서 설치한다는 개념부터 익숙하지 않았다.
직관적인 디자인은 사용하는 나이, 성별, 문화적 차이, 문화적 배경에 따라서 달라질 수 있기 때문에 디자이너 입장에서는 사용하기 쉬워야 한다는 개념만 적용해서는 안 된다. 내가 디자인하려는 제품의 대상을 철저히 이해하고 디자인할 필요가 있다.
사용하는 세대층이 넓은 앱일 경우, 각 아이콘에 대한 문자적 설명을 넣어주는 것이 바람직하다.
3. 쉽고 간결한 언어를 구사한다
누구나 쉽게 읽을 수 있는 글을 쓰는 것은 중요하다. 나 혼자 보는 글이 아니라면 같은 글을 여러 번 고치고 고쳐서 쉽게 쓰는 연습을 해야 한다.
마크 트웨인(Mark Twain)은 ‘톰 소년의 모험’을 쓴 미국의 유명한 소설가다. 글쓰기에서 필요 없는 군더더기를 제거하는 것의 중요성을 설명할 때 그의 인용어를 종종 사용한다.
I apologize for such a long letter – I didn’t have time to write a short one.
(바빠서) 긴 편지를 보내서 죄송합니다.
평소에 자주 사용하지 않은 단어와 어려운 한자를 섞어 사용하는 글은 스스로 글쓰기 실력을 쌓는 데는 도움 될지는 몰라도 대상이 정해진 글쓰기에서는 바람직하지 않다. UX 디자인의 글쓰기는 철저히 사용자에게 맞춰야 한다. 사용자 중에서도 모바일에 익숙하지 않은 사용자에게 맞춰야 한다. 실제로 대중을 위한 글쓰기 난이도는 중학교 2학년 수준의 글쓰기로 유지하는 것이 좋다는 말도 있다.
호흡이 긴 문장보다는 간결한 문장을, 어려운 단어보다는 쉬운 단어로 모두가 이해할 수 있는 글을 쓰는 능력은 UX 디자이너에게도 반드시 필요한 능력이다.
4. One thing per page
모바일이라는 작은 화면 안에서 사용자에게 한꺼번에 너무 많은 정보를 강요할 때 사용자는 쉽게 이탈해 버리거나 두려움을 느낀다. 따라서 한 화면에 한 가지 행동만 집중하게 하는 디자인은 매우 단순하지만 강력하다.
개인적으로 한 페이지에서 한 가지 행동에 집중하게 해주는 One thing per page 원칙을 선호한다. 모바일에 익숙하지 않은 사용자로 하여금 행동에 확신을 얻을 수 있고 앱을 사용하는데 편안함을 느낄 수 있게 해주는 것이 중요하기 때문이다.
영국의 모바일 뱅킹 회사인 레볼루트(Revolut)의 회원 등록 과정
One thing per page 원칙은 금융과 관련된 모바일앱에서 쉽게 발견할 수 있다. 그중 UX 디자인이 정말 깔끔하다고 생각했던 앱이 있는데, 영국의 대표적인 모바일뱅킹 앱인 레볼루트(Revolut)의 개인 등록 정보 절차 과정이었다.
최근 대부분의 앱이 소셜 로그인을 유도하는 것과 달리 모바일 뱅킹은 회원가입부터 개인의 상세한 정보가 들어가야 하는 앱 중의 하나다. 따라서 회원가입 시 사용자의 이탈률을 막는 것이 중요한 이슈다.
레볼루트 앱의 회원 가입 과정은 약 열네 단계로 이뤄져 있다. 숫자로만 보면 매우 긴 과정으로 보이지만 One thing per page 원칙을 적용해 쉬운 회원가입을 유도한다.
<그림 8-1>, <그림 8-2>, <그림 8-3>
우선 고객 스스로 입력해야 하는 항목을 최소화하기 위해 자동으로 제공되는 정보들이 많았다. 개인 전화번호를 입력한 후 6 digit code를 입력할 땐 자동으로 번호가 제공되어 왔고(그림 8-1), 집 주소를 적을 땐 전화번호를 기반으로 현재 국가가 자동으로 표시된다(그림 8-2), 이메일을 입력해야 하는 항목 역시 휴대폰에 입력된 이메일 주소가 제공돼 별다른 수고 없이 이메일 입력이 가능하다(그림 8-3).
화면 상단의 바를 통해 회원 가입 절차 진행 과정을 볼 수 있었기 때문에 사용자들은 회원가입 여정을 눈으로 식별할 수 있었다. 필요하지만 건너뛸 수 있는 정보들 역시 한 화면에 하나씩 이해하기 쉽게 전달함으로써 사용자의 이탈을 막기 위해 신경쓰고 있었다.
모든 모바일앱에서 One thing per page 법칙을 적용하기는 힘들다. 적어도 결제 프로세스가 들어가는 과정이나 회원가입을 해야 하거나 개인의 최소한의 정보를 얻어야 하는 상황에선 한 페이지에 한 가지의 행동에 집중하는 것이 필요하며 이런 디자인은 사용자의 이탈률을 낮추거나 결제 구매율을 높이는 좋은 수단이 될 수 있다. 또한 모바일앱에 익숙하지 않은 노년층을 대상으로 하는 앱이라면 더욱더One thing per page원칙을 세우는 것이 좋다.
5. 시각적 일관성을 유지한다
처음 디자인을 할 때 쉽게 하는 실수 중 하나가 디자이너의 욕심을 과하게 반영하는 것이다. 대표적으로 폰트와 색상 디자인을 꼽을 수 있다. 하나의 폰트만 사용하는 것은 너무 밋밋해 보여서 강조할 수 있는 곳에 새로운 폰트를 추가하고 또 추가한다. 하나의 색상만 사용하는 것 또한 디자이너의 손길이 들어간 느낌이 없어서 색을 더하고 또 더한다. 사용할 때는 모든 것이 필요해 보이지만 막상 모든 것을 한 곳에 모아 놓았을 때 매치되기란 쉽지 않다.
옷을 입을 때를 생각해보자. 옷을 잡 입고 못 입는 사람들의 차이는 어떻게 구별할 수 있을까? 나름 패셔너블하다는 사람들의 패션은 한 가지 주제로 통일을 하되 그 속에 포인트를 살리는 패션을 연출하는 사람이 많다. 반대로 옷을 잘 입지 못하는 사람들의 경우, 마음에 드는 모든 패션을 머리부터 발끝까지 장착한다. 나는 잘 느끼지 못하지만 남들은 확연히 느끼게 되는 그런 패션 스타일을 선호하는 사람들. 내 주변에도 그런 사람이 있는가?
모바일앱의 성격에 따라서 다양한 폰트 디자인과 사이즈, 색상이 어울리는 앱이 있을 수 있다. 하지만 내 모바일의 성격이 정보 전달 혹은 일관성을 유지해야 하는 내용을 다룬다면 폰트는 두 개 이상을 넘기지 않는 것이 좋다. 화면을 디자인할 때도 멋진 그래픽을 구현하기 이전에 내 디자인이 얼마나 시각적으로 일관성이 있는지를 고민하고 따져봐야 한다.
6. 친절하고 또 친절하게 반응하자
사용자에게 친절한 앱은 어떤 앱일까? 사용하기 쉬운 앱일 수도 있지만 필요한 상황에 적절한 반응을 보여주는 앱이라고 생각한다. 사용자와 실시간으로 피드백을 주고 받아야 한다.
그 시작은 회원가입에서부터 시작된다. 회원가입을 할 때 내가 등록한 이메일이 올바른 이메일인지, 미리 등록된 이메일이 아닌지를 설명해주는 것은 기본이다. 비밀번호를 생성할 때도 실컷 다 만들어 놓은 비밀번호를 평가해주기보단 실시간으로 비밀번호가 제대로 만들어지고 있다는 것을 알려주는 것이 좋다.
비밀번호를 입력할 때 실시간 반응을 보여주는 것이 필요하다.
물건을 장바구니에 담았을 때 담았다는 신호를 보내거나, 결제를 완료했을 때 완료했다는 신호를 주는 것, 로딩하는 과정에서 로딩 시간을 보여주는 것 역시 사용자 입장에서는 친절한 디자인으로 느낄 수 있다.
7. 에러 메시지를 정확하게 전달한다
우리가 생각하는 UX 디자인은 물 위에 떠 있는 빙산의 모습일 것이다. 하지만 물속에 더 큰 빙산이 있다는 것은 디자인을 마친 후 출시와 운영을 해 본 사람만 느낄 수 있는 세계가 아닐까?
처음 디자인을 할 때는 간과하게 되는 부분 중 하나가 문제가 발생했을 때 대처하는 에러 메시지 디자인이다. 만드는 입장에서는 실수에 대한 생각을 잘하지 못한다. 수개월 동안 디자인했기 때문에 디자인이 완벽해 보이지만 세상에 완벽한 디자인은 없다. 예상치 못하는 순간에 사용자는 실수를 하고 에러 메시지를 경험한다. 그런 순간에 ‘얼마나 적절한 조치를 위트 있게 전달하느냐’는 좋은 디자인을 하는 것보다 중요하다.
OS X의 Human Interface Guideline에서 알림(alert)는 다음과 같이 설명하고 있다.
상황을 명확하고 간결하게 설명할 것.
‘에러가 발생했습니다.’와 같은 알림 메시지는 사용자를 혼란스럽게 만들고 짜증스럽게 만들 수 있다. 결과에 대해서 상세하게 설명하는 유익한 텍스트를 쓰고, 가능한 해결책이나 대안을 제시해야 한다. 왜 사용자가 해당 상황에 대해 신경을 써야 하는지를 설명하기 위해 필요한 정보를 제공해야 한다. 유익한 텍스트는 문제 해결을 위한 선택지를 함께 제공하는 것이 가장 좋다. 모든 것을 사용자의 언어로 표현해야 한다.
많은 회사에서 경고 메시지, 에러 메시지는 프로덕트 매니저나 UX 디자이너, 개발자가 주로 카피를 작성한다. 하지만 구글이나 페이스북, 애플과 같은 글로벌 회사에서는 에러 메시지만 전문적으로 쓰는 UX 라이터가 존재하고 더 많은 기업에서 전문 UX 라이터를 채용하고 있다.
점점 더 많은 회사에서 UX 라이터를 고용하고 있다.
UX 디자이너가 에러 메시지까지 써야 하는 상황이라면 문제에 대해서 최대한 이해하기 쉽고 간결한 메시지를 전달할 수 있어야 한다.
Thomas Fuchs가 쓴 ‘How to write a great error message’에 따르면 에러 메시지를 쓸 때 주의해야 하는 사항은 다음과 같다.
1. 불필요한 정보에 알림 창을 무분별하게 사용하지 말라.
(Don’t abuse alerts for upselling or showing superfluous information. People will stop reading the messages that are actually important.)
2. 사용자가 메시지의 내용을 알고 있다고 섣불리 가정하지 말라. 사용자가 이해하기에 충분한 정보를 항상 포함하라.
(Don’t just assume people know about the context of a message. They might toggle between apps and see your message days after it happened. Always include enough information for users to make sense of it.)
3. 친근하고 비기술적이며 위협적이지 않은 목소리를 사용하라.
(Use a friendly, non-technical, non-threatening tone of voice.)
마치며
지금까지 필자가 추구하는 UX 디자인 원칙을 나눠 소개했다. 위에 언급된 원칙들은 이미 UX 디자인에서 많이 사용되고 있다. 특별할 것도 특이할 것도 없다. 위에 언급된 원칙 외에도 더 많은 UX 원칙이 UX 디자인에 적용된다.
모두가 아는 원칙을 한 번 더 설명을 하는 첫 번째 이유는 나 자신을 위해서다. UX 디자인을 할 때 원칙을 생각하면서 디자인해야 한다는 스스로를 위한 다짐이 크다. 두 번째 이유는 UX 디자인 세계에 입문하는 사람들을 위한 당부이자 부탁의 메시지다. 처음 UX 디자인을 시작하는 디자이너라면 UX 디자인의 ‘디자인’에 집중하기보다는 ‘UX(user centred)-사용자 중심’에 집중해 사용자의 마음을 헤아리고 이해하는 UX 디자이너가 될 수 있기를 바란다.
Favorite
© DIGITAL iNSIGHT 디지털 인사이트. 무단전재 및 재배포 금지 뉴스콘텐츠는 저작권법 제7조 규정된 단서조항을 제외한 저작물로서 저작권법의 보호대상입니다. 본 기사를 개인블로그 및 홈페이지, 카페 등에 게재(링크)를 원하시는 분은 반드시 기사의 출처(로고)를 붙여주시기 바랍니다. 영리를 목적으로 하지 않더라도 출처 없이 본 기사를 재편집해 올린 해당 미디어에 대해서는 합법적인 절차(지적재산권법)에 따라 그 책임을 묻게 되며, 이에 따른 불이익은 책임지지 않습니다.
Tags
JOBKOREA
보안정책에 의하여 잡코리아
이용이 일시적으로 중지되었습니다.
서비스를 계속 이용하시려면보안문자를 입력해 주시기 바랍니다.
짧은 시간 동안 과도한 접속 시도
프로그램을 통한 사이트 접근 시도
약관 및 서비스 정책에 위배되는 이용이 의심되는 경우
캡차보안문자입력 사용하고 계신 IP는 14.252.149.181 입니다. 보안문자가 보이지 않을 경우 잠시만 기다려 주시기 바랍니다. 계속 문제가 발생할 경우 고객센터로 문의해 주세요. TEL : 1588-9350
e-메일 : [email protected]
전화상담시간 : [월-금] 09:00~19:00 [토] 09:00~15:00
보안문자 입력 후 다시 이용 가능합니다.
UX/UI 디자인의 기본 (1) 사용자를 고민에 빠뜨리지 말라
마케팅비를 쏟아서 서비스로 유입은 어찌어찌 시켰는데 바닥을 치는 체류 시간, 치솟는 이탈률에 고민이신가요? 사실은 콘텐츠의 워딩, 디자인의 보기 좋음의 문제가 아닐 수 있습니다. 내 웹 혹은 모바일 서비스를 다른 서비스보다 많은 유저가, 자주 찾는 서비스로 만들고 싶다면 UX/UI 디자인에 주목하세요.
당장 능력 있는 UX/UI 디자이너를 채용할 여력이 없다고 수많은 잠재 고객들을 포기하실 필요는 없습니다. UX/UI 디자인을 처음 들어본 분들도 우리 서비스에 쉽게 접목해볼 수 있도록 UX 디자인 방법론의 Bible이라고 불리는 스티브 크룩의 <(사용자를) 생각하게 하지마!>의 내용을 간단하고 알기 쉽게 정리해보았습니다.
사용자를 고민에 빠뜨리지 말 것.
어디서부터 봐야 하지?
상품 검색은 어디서 해야 하지?
이 메뉴는 이름이 왜 이러지?
이 버튼은 클릭할 수 있는 게 맞나?
유저들은 당신이 생각하는 것보다 참을성이 없습니다. 디자인적으로 아무리 아름다운 서비스라고 하더라도 ‘내가 원하는 것’을 찾지 못하면 다신 찾지 않죠. 내 웹/앱 페이지에서 유저들이 원하는 정보 혹은 상품을 바로 찾도록 하고 원하는 것을 찾기 전에 이탈하지 않게 하려면 ‘누구나 알아볼 수 있도록 명확하게’ 만들어야 합니다. 이게 UX/UI 디자인의 시작이죠.
▷ 직관적인 단어를 사용하세요.
▷ 직관적인 디자인을 사용하세요. (버튼은 버튼답게!)
사용자는 우리 생각과 아주 많이 다르게 움직인다.
사용자는 웹 페이지를 읽지 않는다. 훑.어.본.다.
웹은 도구에 불과해
다 읽을 필요 없잖아?
사용자는 훑어보기에 익숙하다.
웹은 도구에 불과하다는 것이 무슨 뜻일까요? 유저에게 웹은 마치 공기와 같다는 것입니다. 우리가 숨을 쉴 때 무의식으로 호흡하지 ‘어, 이건 질소잖아? 그래, 이게 산소구나!’하고 호흡하지 않는 것과 같습니다. 웹은 그저 도구일 뿐이고 유저에게는 그저 원하는 정보를 찾기 위해 돌아다니는 공간 정도라는 것입니다. 그렇기 때문에 유저는 원하는 정보를 찾기 위해 모든 정보를 읽을 필요성을 느끼지 않습니다.
다시 말해, 훑어보았을 때 내가 원하는 정보를 찾을 수 없다면 유저는 미련 없이 떠나게 됩니다. 기획자/디자이너는 유저가 모든 항목을 세세하게 볼 것이라 생각하고 작은 부분까지 심혈을 기울이지만, 그 단계 전에 유저가 필요로 할 정보를 한눈에 찾을 수 있는지 UX 디자인 측면을 먼저 체크하는 것이 필요합니다.
사용자는 최선의 선택을 하지 않는다. 최소 조건만 충족되면 만족한다.
사용자는 놀랍게도 ‘최소 조건’만 충족되면 만족한다고 합니다. 소방관의 의사결정을 생각하면 쉬운데요. 소방관은 어떤 결정을 내릴지 길게 생각하지 않고, 기준을 만족하는 선에서 가장 먼저 떠오른 대안을 최선의 안이라고 믿고 실행에 옮깁니다. 그런 빠른 판단 덕에 생명을 살릴 수 있게 되는 거죠.
기획자/생산자 입장에서는 유저들이 오목조목 여러 가지 가능성을 체크하고 상호 비교해서 가장 좋은 안을 선택할 것이라고 생각하지만 실제로는 가장 먼저 보이는 것, 내가 얻고자 했던 것에 근접한 정보 이 두 가지 조건을 충족하는 것에서 멈추거나 클릭을 합니다. 왜 그럴까요?
사용자는 보통 시간에 쫓긴다.
웹상에서는 시행착오로 인한 불이익이 별로 없다.
신중하게 비교하고 결정해도 결과가 나아지리라는 보장이 없다.
추측하는 것이 더 재미있다.
웹상에서는 시행착오로 인한 손해가 없기 때문입니다. 클릭해 들어갔다가 내가 원하는 정보가 없는 것처럼 보이면 그저 ‘X’ 혹은 ‘뒤로 가기’를 하면 그만입니다. 사용자는 이 사실을 너무나 잘 알고 있고 그렇기 때문에 더욱 직감에 따라 과감하게 선택할 수 있는 것이죠.
사용자는 작동 방식까지 이해하려 하지 않는다. 적당히 임기 응변한다.
청소기를 샀다고 생각해봅시다. 상자를 열자마자 주저앉아서 청소기에 딸려온 매뉴얼을 정독하고 계신 분 있으신가요? 정말 생전 처음 만나보는 유형의 물건이 아니라면 내가 아는 상식대로 사용해보고 내가 예상한 대로 작동하고 고장이 나지 않는 한 우리는 그저 편대로 사용하게 됩니다. 유저도 마찬가지입니다. 잘 몰라도 이것저것 원하는 대로 눌러가며 우리가 제공한 웹 혹은 모바일 앱을 사용할 것입니다.
그래서 ‘사용자가 딱 보고 알만한 사이트’를 만들어야 합니다.
그럼 이렇게 만들 수 있죠.
사용자가 찾던 것을 쉽게 발견한다.
우연히 유입된 사용자가 필요한 정보를 찾고도 더 장시간 머물게 된다.
노출되기를 바라는 콘텐츠 쪽으로 사용자를 유도할 가능성이 커진다.
사용자는 스스로 똑똑하다고 느끼게 되는 사이트, 막힘없이 척척 쓸 수 있는 사이트의 단골이 된다.
다음 글 보기 | UX/UI 디자인의 기본 (2) 유저의 이탈을 막는 질문 작성법 ▶
웹디맨의 웹기획론 웹디맨의 웹기획론
우리는 너무 포장하려고 노력하고 감추려고 노력한다.
내 마음을 들키기 싫은 짝사람처럼 기획하려고 하고 디자인 하려고 하는듯 하다.
기획하는 나에게 있어서도 뭔가 숨기고 그것을 발견하게 하려는 노력을 했던듯 싶다.
이벤트를 하더라도 안보이는 곳에 아이템을 숨켜놓고 그것을 찾았을때 포인트를 주는 형태의 이벤트 기획을 한적이 있다.
지금 생각해보면 얼굴부터 빨게지는것 같다.
취지는 어릴적 소풍갔을때 나무 가지 사이로 숨겨놨던 보물을 찾는 보물찾기 게임을 생각한것인데…
이건 고객을 이해한것이 아닌 나만을 위한 기획을 하게 된것이다.
그럴듯하게 보물찾기 이벤트를 했을때 얼마나 많이 찾았을까 몇날을 기다렸다 결과는 내 예상과 정반대로 이벤트 참여율이 기존의 평이한 이벤트보다 못한것으로 나왔다. 실패다.
어떤 이유에서 일까?
고객을 이해하지 못한것이다.
고객의 성향을 이해하지 못하고 내가 좋아하는 기획을 한것이다.
고객을 이해한다면 직관적인 기획을 해라
내 기획의도를 고객이 바로 알아볼 수 있도록 해라.
직접적인 표현을 해도 좋다.
직관적인 기획이 왜 좋은가에 대한 답은 애플의 제품에서 답을 찾을 수 있다.
애플의 제품을 간단하게 직관적인 디자인(Genius Design)이라고 얘기 한다.
처음 프로그램을 어떻게 uninstall 해야 하는지 몰랐다.
윈도우에서는 Uninstall 프로세스를 밟아야 하는데 맥OS에선 안그랬다. 그냥 휴지통에 넣어서 비우면 된다.
바로 프로그램들이 Unintall 된다.
얼마나 직관적인가?
Dock 에서 아이콘을 뽑는것도 참 간단하다 아이콘을 밖으로 빼면 된다.
얼마나 직관적인가?
거기에 없어질때 먼지처럼 없어지는 효과까지… 직관적인 디자인이다.
이런것들이 오늘의 애플을 이끌지 않았을까 한다.
기획도 마찬가지다.
직관적인 기획만이 살아 남는다.
누구나 경험이 있을것이다. 방에서 불켜기 위해서 스위치를 켜다가 보면 한두번씩 켰다가 껐다가.
다른방이나 다른곳의 불이 켜지게 마련…
그런것을 없애기 위해서 얼마나 직관적인 기획을 했는지…
고객의 입장에서 바라보고 직관적인 기획을 해라 그럼 그 기획은 의도한데로 가게 될것이다.
[세계 디자인 어워드] 빠르고 정확하게 꿰뚫는 힘, 직관
농푸 스프링의 마테 차 Nongfu Spring, matcha tea
중국의 대표 음료 브랜드에서 출시한 마테 차 패키지 디자인이다. 소비자 타깃은 매일 바쁜 삶을 사는 현대적인 소비 패턴을 가진 젊은이들로 쉽고 빠르게, 그러나 좋은 재료로 잘 만든 음료를 즐기기 원하는 니즈를 잘 파악해야 했다. 이에 디자인을 맡은 마우스그래픽스는 제품의 구조부터 말차를 젓는 대나무 차선 형태로 만들어 웰빙 다도의 느낌을 자아냈다. 또 한자의 차(茶)에 영어의 티(tea)에서 ‘t’를 차용하는 언어적 요소를 통해 제품의 아이덴티티를 더욱 확실하게 부각시켰다.
디자인 마우스그래픽스(Mousegraphics)
클라이언트 농푸 스프링(Nongfu Spring)
2015 독일 디자인 어워드 스페셜 멘션, 2014 펜타어워드 실버 수상작
페이퍼 스킨 The Paper Skine
유서 깊은 제지 회사 페드리고니가 라이카(Leica) 카메라와 협업한 X2 시리즈의 한정판 패키지다. 페드리고니의 125주년을 기념하기 위한 이들의 협업은 ‘종이 카메라’를 콘셉트로 카메라 몸체에 페드고리니 종이를 입히는 것이었다. 패키지 디자인은 이러한 고유의 특징을 보여줄 수 있는 한 권의 책처럼 제작했다. 세상에서 단 하나뿐인 ‘종이로 만든 카메라’의 특징을 같은 재질의 종이로 포장해 강조했다는 점, 값비싼 고급 제품을 종이로 패키징했다는 점에서 본질을 꿰뚫는 해석이 돋보인다.
디자인 지오메트리 글로벌(Geometry Global)
클라이언트 페드리고니(Fedrigoni)
2014 레드닷 커뮤니케이션 디자인 베스트 오브 베스트 수상작
노르웨이지안 브레드 Norwegian Bread
오랜 베이킹 전통에 따라 빵을 만들고 브레드 커팅 보드도 제작하는 베이커스 사의 ‘노르웨이지안 브레드’ 패키지다. 빵 이름 역시 노르웨이 민간 설화에 나오는 인물들의 이름에서 따온 만큼 국가성, 지역성을 충실하게 반영하고 있다. 패키지 디자인은 소박하면서도 정직한 노르웨이 고유의 빵과 브레드 커팅 보드를 표현한 것으로 컬러는 블랙으로 제한하고 오래된 목판을 배경으로 사용했다. 시각적으로 선명한 글자체와 거친 느낌의 포장지에서도 장인의 손길이 물씬 느껴지는 디자인이다.
디자인 스칸디나비안 디자인 그룹(Scandinavian Design Group)
클라이언트 베이커스 노르웨이지안 브레드(Bakehuset Norwegian Bread)
2014 팬타어워드 골드 수상작
뮤즈와인 Musewine
전 세계 어느 박물관에서든 브랜드화할 수 있는 와인 패키지 디자인으로 현재 열리고 있는 전시나 소장하고 있는 컬렉션의 작품을 패키지 그 자체로 보여준다. 박물관의 아이덴티티를 직접적으로 드러내는 작품의 그래픽에 중점을 뒀기 때문에 기프트 숍에서 기념품이나 선물로도 판매가 가능하다. 이번 프로젝트는 부다페스트의 박물관 뮤지엄 오브 어플라이드 아트가 의뢰한 것으로 도시에서 멀지 않은 곳의 와이너리에서 생산된 독특한 풍미의 지역 와인을 사용했다.
디자인 다이오 디자인 컨설팅(Dio′ Design Consulting)
클라이언트 뮤지엄 오브 어플라이드 아트(Museum of Applied Arts)
2014 레드닷 어워드 커뮤니케이션 디자인 수상작
Interview
조제프 카즈마(Jo′zsef Csa′szma), 사볼츠 비그(Szabolcs Vigh) 다이오 디자인 컨설팅 디자이너
“박물관 아이덴티티를 표현하기 위해 예술을 디자인으로 재해석했다.”
각 박물관의 문화 선교에 디자인 포커스를 맞추었다. 우리는 박물관을 일종의 지역 문화 센터라 생각하고 지역적 특산물에 예술적 가치를 매칭시켰다. 작업 과정에서 어플라이드 아트 뮤지엄과 좋은 관계를 맺은 덕분에 전문가의 도움을 받아 패키징에 적합한 작품을 고를 수 있었다. 특히 자기와 글라스 부분의 수장인 미술사가 가브리엘라 발라(Gabriella Balla)의 도움이 컸다. 디자이너로서 이번 프로젝트는 예술이라는 원재료를 디자인으로 해석했다는 점에서 흥미진진한 도전이었다. 진보적 관점으로 예술 작품을 재해석할 수 있었던, 뜻깊은 기회였다.
키워드에 대한 정보 직관적 인 디자인
다음은 Bing에서 직관적 인 디자인 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 [인디자인특강] 인디자인 CC 2019 프로그램 기초 강좌 실무 강의 책만들기 표지등 사용법 배우기.
- 인디자인
- 인디자인강좌
- 인디자인강의
- 인디자인교육
- 인디자인배우기
- 인디자인책만들기
- 인디자인cs6
- 인디자인cc2019
- 인디자인프로그램
- 인디자인다운로드
- 어도비인디자인
- 인디자인독학
- Indesign CC 2018
- Indesign
- Indesign강좌
- Indesign프로그램
- Indesign독학
- Indesign기초
- 인디자인기초
- 인디자인편집
- 인디자인레이아웃
- 인디자인인쇄
- 인디자인출판
- 인디자인CC2019
YouTube에서 직관적 인 디자인 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 [인디자인특강] 인디자인 CC 2019 프로그램 기초 강좌 실무 강의 책만들기 표지등 사용법 배우기. | 직관적 인 디자인, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.
