搞砸瞭的設計 隨處可見的BAD UI 下載 mobi epub pdf 電子書 2024

☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

産品特色

編輯推薦

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 電子書 格式

評分☆☆☆☆☆

書的質量很好，送貨速度快

評分☆☆☆☆☆

碼農選來學的，還沒開始看

評分☆☆☆☆☆

很好

評分☆☆☆☆☆

書的質量很好，送貨速度快

評分☆☆☆☆☆

正版書籍，非常實用，工作好幫手。

評分☆☆☆☆☆

在傢裏麵是啥

評分☆☆☆☆☆

說好的電子發票一直沒有給我！

評分☆☆☆☆☆

學習中

評分☆☆☆☆☆

東西不錯，而且送貨快，很好！

類似圖書 點擊查看全場最低價