구판을 도서관에서 보고
뭐라고 했나 가볍게 보려고 빌렸는데
'원칙'답고 아는 이야기도 재미있어서 신기하다.
각 챕터 별 글이 길지 않지만
감탄스러울 정도로 쉽고 정확한 문장을 사용해서
뇌에서 사르르 녹는 기분이 든다.
글 쓰신 분과 번역하신 분들의 깊은 마음과 내공이 느껴짐 (감사합니다!)
아직 읽는 중인데, 개정판도 궁금하다.
UX 원칙 - UXer를 위한 101가지 원칙
윌 그랜트 저자(글) · 심규대 번역
에이콘출판
#1 누구나 UX 전문가가 될 수 있다
#2 두 가지 이상의 서체를 사용하지 마라
#3 사용자의 컴퓨터에 설치된 폰트를 사용하라
#4 글자 크기를 사용해서 정보 체계를 표현하라
#5 본문에는 합리적인 기본 크기를 사용하라
#6 줄임표를 사용해서 다음 단계가 있다는 것을 알려라
#7 버튼을 버튼처럼 보이게 만들어라
#8 버튼을 적절한 크기로 만들고, 기능에 따라 그룹핑하라
#9 텍스트만이 아니라 버튼 전체가 클릭 가능하게 만들어라
#10 새로운 컨트롤을 제멋대로 만들지 마라
#11 검색은 입력 필드와 '검색'이라고 적힌 버튼으로 구성돼야 한다
#12 슬라이더는 수량화할 수 없는 값에만 사용해야 한다
#13 정확한 숫자를 위해서는 숫자 입력 필드를 사용하라
#14 옵션이 많지 않다면 드롭다운 메뉴를 사용하지 마라
#15 사용자가 파괴적인 액션을 취소할 수 있게 하라
#16 스크린에서 살짝 벗어난 것들을 고려하라
#17 피드 스타일의 콘텐트에서만 '무한 스크롤'을 사용하라
#18 콘텐트에 시작, 중간, 끝이 있다면 페이지 번호 매김을 사용하라
#19 무한 스크롤을 사용해야 한다면, 사용자의 위치를 기억하고 그곳으로 돌려보내라
#20 '빈 공간'을 단순한 백지 상태 이상의 것으로 만들어라
#21 '시작하기' 팁은 닫기 쉽게 만들어라
#22 사용자가 피드를 '새로고침'하면, 읽지 않은 가장 최신 항목으로 이동시켜라
#23 항목들을 '햄버거' 메뉴 속에 숨기지 마라
#24 링크를 링크처럼 보이게 만들어라
#25 메뉴 항목을 하위 섹션으로 나눠서 사용자가 긴 목록을 기억할 필요가 없게 하라
#26 대부분의 사용자에게는 '고급' 설정을 감춰라
#27 메뉴 항목을 바닥글이나 뷰 하단에 반복 배치하라
#28 제품 전반에서 일관된 아이콘을 사용하라
#29 한물간 아이콘을 사용하지 마라
#30 기존 아이콘으로 신규 아이디어를 표현하려고 하지 마라
#31 아이콘 위에 텍스트를 쓰지 마라
#32 항상 아이콘에 텍스트 레이블을 제공하라
#33 이모티콘은 세상에서 가장 널리 알려진 아이콘이다
#34 가급적 기기의 기본 입력 기능을 사용하라
#35 필드에서 비밀번호를 숨기되, '비밀번호 표시' 토글을 제공하라
#36 비밀번호 필드에 붙여넣기를 허용하라
#37 이메일 주소를 인증하려고 하지 마라
#38 명확한 요구가 있지 않다면 사용자가 입력한 데이터를 절대 지우지 마라
#39 여러 줄의 입력 필드에 맞는 적절한 크기를 선택하라
#40 사용자가 사용하려고 할 때 UI가 움직여선 안 된다
#41 한 가지의 데이트 피커 컨트롤을 일관되게 사용하라
#42 '비밀번호 찾기' 필드에서 사용자 이름을 미리 채워라
#43 대소문자를 구분하지 마라
#44 좋은 폼 경험을 제공한다면, 사용자들은 당신의 제품을 사랑하게 될 것이다
#45 가능한 한 빨리 데이터 입력을 검증하라
#46 폼을 검증하지 못한다면, 어떤 필드에 주의를 기울여야 하는지를 사용자에게 보여라
#47 너그러워져라 - 사용자는 어떤 데이터를 넣어야 하는지 모른다(그리고 신경도 안 쓴다)
#48 작업에 적합한 컨트롤을 선택하라
#49 사용자가 원하는 대로 전화번호를 입력할 수 있게 하라
#50 날짜 입력에서 드롭다운을 현명하게 사용하라
#51 지불 카드 정보를 요구할 때에는 최소한의 정보만 받아라
#52 우편 또는 ZIP 코드 입력을 쉽게 만들어라
#53 통화 입력에서 소수 자리를 덧붙이지 마라
#54 사용자가 어려움 없이 이미지를 추가할 수 있게 하라
#55 소요 시간이 확실한 태스크라면 '직선 형태의' 진행 표시줄을 사용하라
#56 소요 시간을 가늠할 수 없는 태스크라면 '스피너'를 보여 줘라
#57 애니메이션되고 반복되는 진행 표시줄은 절대로 사용하지 마라
#58 진행 표시줄에 숫자로 된 인디케이터를 제공하라
#59 명암비는 당신 편이다
#60 '플랫 디자인'을 사용해야 한다면 컨트롤에 시각적 어포던스를 추가하라
#61 애매모호한 기호를 피하라
#62 링크는 콘텍스트와 분리해도 의미가 통하게 만들어라
#63 헤더와 내비게이션 위에 '콘텐트로 건너뛰기' 링크를 추가하라
#64 컬러만 사용해서 정보를 전달하지 마라
#65 메타 태그를 써서 기기의 줌 기능을 끄는 것은 악랄한 행위다
#66 내비게이션 요소에 타당한 탭 순서를 부여하라
#67 컨트롤에 명확한 레이블을 적어라
#68 사용자가 특정 알림을 끌 수 있게 하라
#69 탭 가능 영역을 손가락 크기로 만들어라
#70 사용자 여정에는 시작, 중간, 끝이 있어야 한다
#71 사용자는 모든 여정에서 자신이 어느 단계에 있는지 항상 알아야 한다
#72 이동 경로 내비게이션을 사용하라
#73 사용자가 선택적 여정 중이라면 '건너뛰기' 컨트롤을 제공하라
#74 사용자들은 당신의 회사에 관심이 없다
#75 e-커머스의 표준 패턴을 따르라
#76 사용자의 작업이 저장되지 않았다면 타이틀 바에 인디케이터를 표시하라
#77 사용자에게 앱을 평가하라고 괴롭히지 마라
#78 무의미한 스플래시 화면을 사용하지 마라
#79 당신의 파비콘을 독특하게 만들어라
#80 '기존에서 만들기' 흐름을 추가하라
#81 사용자가 쉽게 지불할 수 있도록 만들어라
#82 검색 결과를 섹션으로 분류하라
#83 사용자들은 파일 시스템을 이해하지 못할 것이다
#84 말하지 말고 보여 줘라
#85 용어를 일관되게 사용하라
#86 '로그 인'과 '로그 아웃'이 아닌 '사인 인'과 '사인 아웃'을 사용하라
#87 '등록'보다 '사인 업'이 더 낫다
#88 애매한 말이 아닌 '비밀번호 찾기'를 사용하라
#89 사람이 쓴 것처럼 작성하라
#90 수동태보다 능동태 동사를 선택하라
#91 검색 결과 페이지 맨 위에 가장 관련성이 높은 결과를 표시해야 한다
#92 알맞은 기본값을 선택하라
#93 사용자의 기대에 어긋나지 마라
#94 적절한 기본값을 사용해서 사용자가 완료해야 하는 태스크의 수를 줄여라
#95 기존 메타포를 기반으로 만들어라 - 이건 절도가 아니다
#96 인터랙션이 명확해야 하는지, 쉬워야 하는지 아니면 가능해야 하는지 결정하라
#97 '모바일에서 작동하는가?'라는 말은 구식이다
#98 메시징은 이미 해결된 문제다
#99 브랜드는 다 헛소리다
#100 어둠의 세력에 합류하지 마라
#101 실제 사용자들과 함께 테스트하라
보너스 - 단순함을 위해 노력하라
기회가 되면 개정판도 보고 싶다.
목차
UX 실무
__1장. 누구나 UX를 잘 할 수 있다
__2장. 원칙을 전략적으로 사용하라
__3장. 간단한 제품의 출시를 두려워 마라
__4장. 누군가에게는 복잡성이 좋을 수도 있다
__5장. A/B 테스트를 사용해서 아이디어를 검증하라
__6장. 실제 사용자와 함께 테스트하라
__7장. 아무도 브랜드에 관심 없다
서체
__8장. 두 가지 이상의 서체를 사용하지 마라
__9장. 사용자의 컴퓨터에 설치된 글꼴을 사용하라
__10장. 글자 크기와 굵기를 사용해서 정보 체계를 표현하라
__11장. 본문에는 합리적인 기본 크기를 사용하라
컨트롤
__12장. 줄임표를 사용해서 다음 단계가 있다는 것을 알려라
__13장. 인터랙티브 요소를 명확하고 쉽게 찾을 수 있게 만들어라
__14장. 버튼을 적절한 크기로 만들고 기능에 따라 그룹핑하라
__15장. 텍스트뿐만 아니라 버튼 전체를 클릭 가능하게 만들어라
__16장. 새로운 컨트롤을 제멋대로 만들지 마라
__17장. 검색은 텍스트 필드와 '검색'이라고 적힌 버튼으로 구성돼야 한다
__18장. 슬라이더는 수량화할 수 없는 값에만 사용해야 한다
__19장. 정확한 숫자를 위해서는 숫자 입력 필드를 사용하라
__20장. 옵션이 많지 않다면 드롭다운 메뉴를 사용하지 마라
__21장. 사용자가 파괴적인 액션을 취소할 수 있게 하라
__22장. 인터페이스를 모바일에 최적화시켜라
콘텐츠
__23장. 무한 스크롤은 피드 스타일의 콘텐츠에서만 사용하라
__24장. 콘텐츠에 시작, 중간, 끝이 있다면 페이지 번호 매김을 사용하라
__25장. 사용자가 한 번의 클릭으로 쿠키를 허용 또는 차단하게 하라
__26장. 사용자가 '텅 빈 상태'에서 다음 단계를 파악할 수 있도록 도와라
__27장. '시작하기' 팁은 닫기 쉽게 만들어라
__28장. 사용자가 피드를 새로 고침하면 읽지 않은 최신 항목으로 이동시켜라
내비게이션
__29장. '햄버거' 메뉴 속에 항목을 숨기지 마라
__30장. 링크를 링크처럼 보이게 만들어라
__31장. 메뉴 항목을 하위 섹션으로 나눠서 사용자가 긴 목록을 기억할 필요가 없게 하라
__32장. 설정을 이해하기 쉽게 분류하라
__33장. 메뉴 항목을 바닥글이나 뷰 하단에 반복 배치하라
아이코노그래피(iconography)
__34장. 제품 전반에서 일관된 아이콘을 사용하라
__35장. 시대에 뒤처진 아이콘을 사용하지 마라
__36장. 기존 아이콘으로 신규 아이디어를 표현하려고 하지 마라
__37장. 아이콘 위에 텍스트를 쓰지 마라
__38장. 항상 아이콘에 텍스트 레이블을 제공하라
입력
__39장. 가급적 기기의 기본 입력 기능을 사용하라
__40장. 비밀번호 생성 및 입력을 간소화하라
__41장. 비밀번호 필드에 붙여 넣기를 허용하라
__42장. 이메일 주소를 인증하려고 하지 마라
__43장. 사용자가 입력에 쏟은 시간과 노력을 존중하라
__44장. 여러 줄의 입력 필드에 맞는 적절한 크기를 선택하라
__45장. UI에서 애니메이션은 주의해서 사용하라
__46장. 한 가지 날짜 피커 컨트롤을 일관되게 사용하라
__47장. '비밀번호 찾기' 필드에서 사용자 이름을 미리 채워라
__48장. 대소문자를 구분하지 마라
__49장. 챗봇은 별로다
서식
__50장. 서식이 좋으면 제품도 좋다
__51장. 되도록 빨리 데이터 입력을 검증하라
__52장. 서식을 검증하지 못한다면 어떤 필드에 주의해야 하는지를 사용자에게 보여 줘라
__53장. 사용자는 데이터 포맷을 모른다(그리고 신경도 안 쓴다)
__54장. 작업에 적합한 컨트롤을 선택하라
사용자 데이터
__55장. 사용자가 원하는 대로 전화번호를 입력할 수 있게 하라
__56장. 날짜 입력에서 드롭다운을 센스 있게 사용하라
__57장. 결제 카드 정보를 요구할 때에는 최소한의 정보만 받아라
__58장. 우편 또는 ZIP 코드 입력을 쉽게 만들어라
__59장. 통화 입력에서 소수자리를 덧붙이지 마라
__60장. 사용자가 어려움 없이 이미지를 추가할 수 있게 하라
진척
__61장. 소요 시간이 확실한 태스크라면 '직선 모양'의 진행 표시줄을 사용하라
__62장. 진행 표시줄에 숫자로 된 인디케이터를 제공하라
__63장. 소요 시간을 가늠할 수 없는 태스크라면 '스피너'를 표시하라
접근성을 고려한 디자인
__64장. 명암비는 당신 편이다
__65장. '플랫 디자인'을 사용해야 한다면 컨트롤에 시각적 어포던스를 추가하라
__66장. 모호한 기호를 피하라
__67장. 링크는 콘텍스트와 분리해도 의미가 통하게 만들어라
__68장. 헤더와 내비게이션 위에 '콘텐츠로 건너뛰기' 링크를 추가하라
__69장. 컬러만 사용해서 정보를 전달하지 마라
__70장. 메타 태그를 써서 기기의 줌 기능을 끄는 것은 악랄한 행위다
__71장. 내비게이션에 타당한 탭 순서를 부여하라
__72장. 컨트롤에 명확한 레이블을 작성하라
__73장. 탭 가능 영역을 손가락 크기로 만들어라
여정과 상태
__74장. 사용자가 특정 알림을 끌 수 있게 하라
__75장. 사용자 여정의 모든 측면에는 시작과 끝이 있어야 한다
__76장. 사용자는 모든 여정에서 자신이 어느 단계에 있는지 항상 알아야 한다
__77장. 이동 경로 내비게이션을 사용하라
__78장. 사용자는 당신의 회사에 전혀 관심이 없다
__79장. e-커머스의 표준 패턴을 따르라
__80장. 사용자의 작업이 저장되지 않았다면 인디케이터를 표시하라
__81장. 피드백을 제공하되 사용자를 귀찮게 하지 마라
__82장. 무의미한 스플래시 화면을 사용하지 마라
__83장. 파비콘을 독특하게 만들어라
__84장. '기존 항목에서 만들기' 흐름을 추가하라
__85장. 사용자가 쉽게 결제할 수 있게 만들어라
__86장. 검색 결과를 사용자가 필터링할 수 있게 하라
__87장. 사용자는 파일 시스템을 이해하지 못할 것이다
__88장. 말하지 말고 보여 줘라
용어
__89장. 용어를 일관되게 사용하라
__90장. '로그 인'과 '로그 아웃' 말고 '사인 인'과 '사인 아웃'을 사용하라
__91장. 가입인지 사인 인인지 명확하게 밝혀라
__92장. 비밀번호 재설정 경험을 표준화하라
__93장. 사람이 쓴 것처럼 작성하라
__94장. 수동태보다 능동태 동사를 선택하라
기대
__95장. 검색 결과 페이지 최상단에 가장 관련성이 높은 결과를 표시해야 한다
__96장. 알맞은 기본값을 선택하라
__97장. 액션을 막으려면 모달 뷰만 사용하라
__98장. 사용자가 기대하는 경험을 제공하라
__99장. 인터랙션이 명확해야 하는지, 쉬워야 하는지 또는 가능해야 하는지 결정하라
__100장. '모바일에서 작동하는가?'라는 말은 구식이다
UX 철학
__101장. 악의 유혹에 빠지지 마라
__보너스. 단순함을 위해 노력하라