본문 바로가기

UX 디자인

7_레이블 네이밍 비법 간단한 설명도 없이 사용자에게 입력을 요구해서는 안된다. 체크박스나 라디오 버튼도 마찬가지다. 어려운 레이블은 좀 더 명확한 말로 수정하거나 간단한 설명을 추가해야 한다 디자인을 완성할 때까지 반복해서 레이블을 수정해야 한다. 사용자 중심으로 레이블을 디자인하려면, 사용자는 개발자와 다르다는 걸 항상 염두에 둬야 한다. 사용자는 프로그램에 대해 잘 모르기 때문에 친절하게 설명해줘야 한다. 사용자에게 명쾌한 레이블을 제공하고, 도움말 링크나 설명을 곁들여보자. 출처:31가지 사용자 경험 시나리오로 배우는 실전 UX 디자인, 로버트후크만 주니어 지음, 고태호 옮김 더보기
6_핵심어를 고르는 기술 사용성 전문가 제이콥닐슨은 "사용자는 읽지 않는다. 그저 훑어볼 뿐이다."라고 말했다. 설명이 길수록 사용자는 무시한다. 간결하고 유용한 문구로 사용자를 사로잡아야 한다. 한눈에 슬적 보고도 요점을 파악할 수 있어야 한다. 뉴스사이트에서는 긴 글도 천천히 읽어 본다. 하지만 일반적인 사이트의 텍스트는 대충 훑어 본다. 사용자는 어떤 기능이 있는지, 무엇에 관한 사이트인지만 빨리 살펴보려고 한다. 텍스트를 꼼꼼히 읽기보다는 이것저것 클릭하고 스크롤해보고 싶어한다. 홈페이지는 책처럼 읽기만 하는 게 아니기 때문이다. 구구절절 설명할 필요가 없다. 사이트의 목적과 특징, 사용법을 한마디로 심플하게 표현하는 게 중요하다. 잘쓰인 여러 문장보다 깔끔한 한 문장이 더 효과적이다. 내용이 얼마나 많은가는 중요하지 않.. 더보기
5_제대로 배우는 태그 태그 클라우드 플리커에서 사용하면서 널리 알려졌다. 글자의 크기나 색상으로 정보의 양과 인기도를 알려준다. 대부분의 사라들은 태그의 글자 모양이 왜 제각각인지 잘 모르고 클릭한다. 크기와 색상이 왜 다른지 알고 있는 사용자도 거의 없을뿐더러, 그 의미를 생각해보는 사용자도 많지 않다. 대부분의 소규모 사이트에서는 태그의 개수를 다 합해도 몇 개 되지 않는다. 정보의 양과 인기도를 파악하려는 본래의 목적도 소용이 없어진다. 사용자는 인터페이스를 유심히 들여다보면서 의미를 파악하려고 고민하지 않는다. 플리커에 올라오는 사진은 한두 장이 아니다 전 세계의 사용자가 서로 공유하는 사진이 엄청나게 많다. 이런 경우에는 태그가 매우 유용하기 때문에 조금 신경써서 태그를 이해하는 것도 필요하다.태그 클라우드를 슬적 .. 더보기
4_정보를 지배하는 링크 간접적 정보전달(Ambient Signifiers)_로스 하워드 간접적 정보전달 방식은 일부러 기억하지않아도 무의식적으로 필요한 정보를 찾을 수 있게 하는 요소를 말한다. 무의식중에 얻은 정보는 매우 중요하다. 간접적인 정보로 사용자가 필요한 내용을 빠르게 찾을 수 있는 경우는 무척 많다. 출처:31가지 사용자 경험 시나리오로 배우는 실전 UX 디자인, 로버트후크만 주니어 지음, 고태호 옮김 더보기
3_내비게이션의 미학 웹 애플리케이션을 처음 사용할 때, 필요한 메뉴를 쉽게 찾으려면 사이트가 어떻게 구성되어 있는지 잘 알아야 한다. 사이트에 적응하는 몇 분간은 첫인상이 결정되는 중요한 순간이다. 메뉴의 이름만 보고도 원하는 기능을 쉽고 빠르게 찾을 수 있어야 한다. 사이트에 처음 접속한 사용자의 활동 패턴 어떤 메뉴가 있는지 대충 사이트를 둘러본다. 홈페이지의 회사 정보를 찾는 사용자라면 '회사소개'라든가 '안내' 같은 메뉴를 찾아볼것이다. 관련 없는 메뉴는 건너뛰면서 탐색하다가 필요한 정보를 찾으면 좀 더 자세히 살펴보게 된다. 일단 페이지를 전체적으로 훑어보면서 원하는 정보가 있을 법한 부분을 찾는다. 특정영역은 좀 더 깊이 들여다 보면서 필요한 내용을 찾아본다. 이렇게 탐색하다보면 찾고 있던 정확한 정보를 발견하게.. 더보기
2_개성의 탄생 개성을 효과적으로 표현하려면 사용자에게 전달하려는 메시지를 브랜드화해야 한다. 명확한 인상을 주는 일관성 있는 디자인 사이트의 일관성을 유지하려면 캐릭터(character)가 필요하다. 전달하려는 메시지를 명쾌하게 표현해 사용자의 관삼을 사로잡아야 한다. 사이트만의 로고와 캐릭터는 사용자에게 브랜드 경험을 제공하는 훌륭한 방법이다. 세심한 주의를 기울여 브랜드 로고와 캐릭터를 디자인하면 홈페이지만의 개성이 살아나 사용자에게 깊은 인상을 줄 수 있다. 출처:31가지 사용자 경험 시나리오로 배우는 실전 UX 디자인, 로버트후크만 주니어 지음, 고태호 옮김 더보기
1_사용자를 사로잡는 첫인상 누구나 쉽게 적응할 수 있게 염두해야할 점 - 사용자에게 좋은 첫인상을 제공한다. - 필요한 정보를 찾을 수 있는 명확한 경로를 알려준다. - 사용자가 쉽게 적응하도록 친숙하게 디자인한다. - 처음 방문한 사용자를 고객이 되도록 유도한다. 레이아웃 레이아웃은 웹 디자인의 가장 기본적인 요소다. 레이아웃은 만든느 것이 아니라 찾는 것이다. 컨텐츠의 중요도에 따라 논리적으로 구성하다 보면 레이아웃은 자연스럽게 그 모습을 드러낸다. 사용자 시선 유도 구텐베르크의 법칙 구텐베르크의 디자인 패턴 '대각성 균형(diagonal balance)' 중력때문에 물건은 위에서 아래로 떨어진다. 웹페이지를 볼 때는 시선이 좌측상단에서 우측하단으로 떨어진다. 책을 볼 때 왼쪽에서 오른쪽으로, 위에서 아래로 읽기 때문이다. 좌.. 더보기