産品特色
編輯推薦
1. 現在有很多書都教人如何做齣成功的設計,但是對於成功的定義眾說紛紜,成功的法則亦莫衷一是。在眼花繚亂之際,不妨將目光轉嚮那些“搞砸瞭”的設計,看看它們有什麼共通之處,從失敗中尋求成功之道。
2. 從廣義上講,人想要達到某個目的時,人與目的之間的媒介都可以稱為UI(用戶界麵)。生活中處處是UI,每個人都可能成為UI設計者和選擇者。而BAD UI 就是指那些不能幫助用戶達到目的,有時甚至可能會阻礙目的達成的UI。仔細觀察身邊的事物,你會發現BAD UI也隨處可見。
3.本書正是一本BAD UI 案例集,作者經過瞭長期的積纍,收集瞭近200個BAD UI案例,比如搞不清是推開還是拉開的大門、讓人進錯洗手間的男女標識、不得不一遍遍重新填寫的錶格、令人不知所措的自動售票機界麵或Web頁麵等,旨在結閤照片挖掘這些失敗案例背後的原因,使讀者以它們為參考,學習什麼樣的設計會造成用戶不便,進而設計齣或選擇到更好的UI。
內容簡介
從廣義上講,人想要達到某個目的時,人與目的之間的媒介都可以稱為UI(用戶界麵)。生活中處處是UI,每個人都可能成為UI設計者和選擇者。而BAD UI就是指那些不能幫助用戶達到目的,有時甚至可能會阻礙目的達成的UI。本書是一本BAD UI案例集,作者經過瞭長期的積纍,收集瞭近200個BAD UI 案例,比如搞不清是推開還是拉開的大門、讓人進錯洗手間的男女標識、不得不一遍遍重新填寫的錶格、令人不知所措的自動售票機界麵或Web頁麵等。旨在結閤照片挖掘這些失敗案例背後的原因,使讀者以它們為參考,學習什麼樣的設計會造成用戶不便,進而設計齣或選擇到更好的UI。
本書適閤所有領域的設計人員和對設計感興趣的讀者閱讀。
作者簡介
中村聰史(作者)
明治大學綜閤數理學院副教授
1976年齣生於日本長崎縣。大阪大學工學院本科畢業後,於2004年完成同誌社大學的工科博士課程,取得博士學位(工科)。曾擔任信息通信研究機構研究員、京都大學特聘副教授,從2013開始擔任明治大學綜閤數理學院副教授。專業是用戶界麵,從事使人們生活更便捷的搜索引擎、生活軌跡、信息泄露預防、平均文字等的研究。平時愛好收集BAD UI和觀察周圍的人事物,目前將興趣運用到瞭上課、演講、連載等方麵。
鄔佳笑(譯者)
畢業於上海外國語大學日語專業,現就職於某日係電子研發公司,從事項目管理工作。平時比較注重産品用戶界麵的可操作性。
目錄
前言:歡迎來到BAD UI的世界 ix
你有這樣的經曆嗎? xii
何謂UI? xiii
“我又不是設計師,跟我沒關係!”真的是這樣嗎? xv
即使不進行設計也有需要選擇的時候 xvii
為什麼是BAD UI? xix
本書的結構 xxi
第1章?綫索 1
導緻錯誤行為的綫索 2
門的綫索:拉開?推開? 2
一樣的綫索:應該從哪邊推開? 3
浴室的UI:要怎麼放齣熱水? 4
洗手池的UI:要怎麼放水? 5
車票的插入口:請不要插入交通卡!! 6
自動售票機的語言切換:要怎麼切換語言? 7
可憐的烘手機:由於他人的行為而變成瞭…… 9
機場的指示牌:3號和18號哪個更近? 10
綫索過於薄弱 11
淋浴花灑和水龍頭之間的切換:要怎麼從淋浴花灑放齣熱水? 11
計算機的電源按鈕:要怎麼啓動? 13
無綫LAN的開/關:要怎麼打開? 15
提示頁麵可以滾動:其他信息在哪裏? 16
平闆電腦的操作:切換成攝像模式的方法是? 18
悲劇的咖啡機:杯子應該放在哪裏? 20
綫索和標識 21
總結 22
練習 22
第2章 反饋 23
無法傳達信息的反饋 24
自動售票機的Error:為什麼不能買票? 24
數碼相機的Error:為什麼一張照片也保存不瞭? 25
Web服務的營業時間:馬上就要到停止營業的時間瞭,但是…… 26
HDD錄像機的陷阱:為什麼預約錄像會失敗? 27
讓人發慌的自動取票機:不處理兩張卡! 28
自動售票機的注意事項:買錯票就會被罰款,但是卻…… 29
iPhone的電子計算器:2500÷50=? 30
自動售券機上的燈:為什麼會誤以為餐券都賣完瞭? 31
關掉聲音的按鈕:怎樣解除呼叫? 32
提示信息內容的重要性 33
輸入格式的Error:所謂的無法識彆的字符是指什麼? 33
確認類型的提示信息:真的可以按下“OK”嗎? 35
取消按鈕的意思:“要取消嗎?”“取消/OK?” 36
店鋪門前的提示闆:今天的營業結束瞭? 37
信息發送錯誤:超過字數限製瞭! 37
信息傳達時機的重要性 38
惱人的ATM搜索係統:先選擇町再選擇丁目再選擇番地…… 38
惱人的預約係統:滿座!滿座!那個也滿座! 40
狀態/狀況的可視化 42
暖爐的開關:為什麼會忘記關掉暖爐? 42
自動售券機的操作順序:購買拉麵應該如何操作? 44
洗手間的門鎖:上廁所時會被人看到的洗手間 46
浴室自動放水係統:以為浴缸裏已經放滿水瞭,但是…… 48
心理模型和無力感 49
總結 50
練習 50
第3章 對應關係 51
一對一的對應關係 52
開關和燈之間的對應關係:為什麼會關錯燈? 52
有難度的記憶遊戲:為什麼會選擇錯誤的對象? 54
菜品和按鈕的對應關係:那道菜對應的是哪個按鈕? 55
外包裝和獨立包裝的對應關係:為什麼會選擇錯誤的味道? 56
位置上的對應關係 57
電梯和操作麵闆:這個操作麵闆是控製哪部電梯的? 57
洗手間標識的左邊和右邊:哪個是男用哪個是女用? 58
洗手間標識的含義:男女共用的洗手間? 60
錶格裏的單選按鈕:這個按鈕和哪個選項對應? 61
鏇轉方嚮上的對應關係 62
切換開關:為什麼明明想要刷牙結果卻“洗瞭個澡”? 62
控製溫度的開關:要怎麼放齣熱水? 64
對應關係相關信息的缺失 65
酒店的房卡:入住的房間是幾號房? 65
外包裝和內容的對應關係:下一捲是哪一本呢? 66
多色圓珠筆的按鈕:哪個是紅色的呢? 67
女洗手間的指引圖:為什麼要在這裏提示? 68
“前注意特性”和色彩通用設計 69
總結 71
練習 71
第4章 分類 73
哪個和哪個是一類的? 74
讓人發愁的指引牌:洗手間在哪裏? 74
自動售券機的按鈕:選擇大碗的方法是什麼? 76
公用書架:那本書在哪裏? 77
根據相似點進行分類 78
電梯按鈕的排列:微笑著關上瞭電梯門 78
兩扇門:一扇是電梯的門,那麼另一扇呢? 79
計算機主機上的按鈕:想要打開蓋子卻讓計算機重啓瞭,這是為什麼? 80
換乘指示:換乘地鐵的公交車站是哪個? 81
讓人不知所措的標識:從這裏開始是自行車道/自行車道到這裏結束 82
使用劃綫的方式進行分類 83
時刻錶裏的組閤:為什麼要乘的那輛公交車一直不來? 83
圖書搜索係統:要怎麼搜索? 84
格式塔心理學和分類法則 85
相近法則 86
相似法則 87
連續法則 88
封閉原則 89
共同命運法則 90
從分類法則和布局關係中讀齣的含義 91
總結 92
練習 92
第5章 使用習慣 93
形狀與認知上的差異 94
用於判斷性彆的標識:哪個是男洗手間哪個是女洗手間? 94
形似垃圾箱的某物:這不是○× 96
卡片的設計:為什麼會搞錯卡片的插入方嚮? 98
顔色與認知上的差異 100
用於判斷性彆的標識:為什麼會誤以為沒有男洗手間? 100
開關上指示燈的顔色:綠色和紅色哪個錶示打開? 102
文字和顔色的組閤:綠色的拖鞋是女性用的! 104
指鏇鎖的角度:水平方嚮和垂直方嚮哪個方嚮是上鎖? 105
與各種“普通”之間的差異 106
英數字的羅列:308B房間在幾樓? 106
數碼相機的按鈕:為什麼想要拍照卻關閉瞭電源? 108
手機上的撥號按鈕:撥號按鈕在左邊還是右邊? 110
智能手機的接聽按鈕:接聽按鈕在左邊還是右邊? 111
頁麵導航:為什麼沒能進入下一頁? 112
Slip、Lapse、Mistake 115
總結 116
練習 116
第6章 一緻性 117
顔色、形狀、方嚮和格式的一緻性 118
開關的一緻性:怎樣關閉所有照明? 118
相鄰兩物的一緻性:綠燈點亮錶示打開還是關閉? 120
門的一緻性:洗手間裏的哪個隔間正在使用中? 121
行為體係中的一緻性:推開?還是拉開? 122
輸入錶格的一緻性:為什麼會齣現輸入錯誤? 123
按鈕的含義:本想進行關閉操作,為什麼進行的卻是放大操作? 124
順序的一緻性 125
地名的排序:東京在哪裏? 125
國傢的排序:西班牙在哪裏? 126
數字的排序:和這個號碼的鑰匙對應的鎖櫃是哪一個? 128
標準化 130
指南 132
總結 134
練習 134
第7章 製約 135
物理性製約 136
電池安裝方嚮的製約:電池要朝哪個方嚮安裝? 136
插入方嚮的製約:應該哪一麵朝上插入? 138
玻璃門的製約:應該從哪裏齣入? 139
插入位置的製約:票要靠右插入! 140
各種各樣的製約 141
車載導航儀上的輸入係統:聯想候選項的選擇方法是? 141
投幣式儲物櫃上的箭頭:為什麼會搞錯操作方嚮? 142
洗手間的標識:為什麼完全沒有女性使用女洗手間? 143
很難使用的自動售票機:怎樣買5.25美元的車票? 145
輸入數字型的自動售貨機:怎樣購買12號商品? 147
教學大綱注冊係統:應該輸入什麼樣的數值? 149
防止齣錯的錶格:不允許自由填寫! 150
使用時/不使用時的狀況 151
洗手盆和烘手機的位置:沒辦法洗手! 151
推薦候選項的提示場所:不能輸入目的地! 152
讓人發愁的飲水機:怎樣放齣熱水? 153
筆上的按鈕:明明正想寫字呢! 154
移動電源上的按鈕:為什麼電量耗盡瞭? 155
空調和開關:在調節溫度時為什麼會關閉照明? 156
行為的7個階段理論 157
物理性製約、常識性製約、文化性製約、邏輯性製約 158
總結 160
練習 160
第8章 維護 161
年久失修導緻的BAD UI 162
洗手間裏的兩個水龍頭:哪個能放齣水? 162
門把手:為什麼門打不開? 164
自然的力量:公交車站在哪裏? 165
手機和充電座:為什麼不能充電瞭? 166
文化方麵的改變導緻的BAD UI化 168
公共浴場裏的洗手間:錯入女浴室瞭?! 168
電梯上的文字提示:為什麼沒能按下去其他樓層的按鈕? 169
洗手間的文字標識:D和H哪個錶示男性哪個錶示女性? 170
受過去影響的BAD UI 172
自動門鎖的呼叫號碼:2-B應該怎麼呼叫? 172
擴建的不易之處:去會議室要怎麼走? 174
復雜的路綫圖:去目的地應該乘哪輛公交車? 176
飛機裏的煙灰缸:明明是全麵禁煙為什麼還會有煙灰缸? 177
DIY維護 178
總結 184
練習 184
第9章 苛求用戶的BAD UI 185
考驗記憶力的BAD UI 186
旅館裏周到的說明:必須要鎖哪扇門? 186
食物的名稱:想要購買的菜品是哪個? 187
關於養老金的的申請:23年以後彆忘瞭提交哦! 188
用於認證的安全提示問題:五十多年前學會的第一道菜是? 189
讓人心纍的BAD UI 190
數值的輸入方法:3萬億日元是誰的錯? 190
不好用的轉賬頁麵:怎樣使用半角片假名輸入? 192
礻申Excel:請按照1格1字書寫,控製在200字以內 194
BAD UI申請書:請注意填寫時不要齣錯! 196
錶格的製作時間和填寫時間 198
驗證碼:你不是人! 200
候選單詞和發送按鈕:為什麼會打字打到一半郵件就發送齣去瞭? 201
緊急齣口的重要性:要怎麼取消? 202
自動修改:為什麼會被修改得偏離瞭原本的意圖? 204
具有欺騙性的UI 205
在數量上糊弄人的摺綫圖:B的支持率的下降速度緩慢? 205
在數量上糊弄人的3D餅圖:本公司的市場占有率更多? 206
確認的重要性:隻是在查看候選時間,但是卻被罰錢瞭 208
按鈕型廣告:明明按下的是下載按鈕,但是為什麼…… 209
一不小心就會有疏忽的閤約:可以免費解約的隻有2年後的1個月內 210
BAD UI和10個可用性原則 211
總結 212
練習 212
後記:有趣的BAD UI的世界 213
前文迴顧 213
為什麼會齣現BAD UI 214
不存在完美的UI 215
BAD UI和趣味 216
將BAD UI融入教育之中 218
寫在最後 219
緻謝 219
UI相關的圖書 220
前言/序言
搞砸瞭的設計 隨處可見的BAD UI 下載 mobi epub pdf txt 電子書 格式