|
-- 會員 / 註冊 --
|
|
|
|
搞砸了的設計 隨處可見的BAD UI ( 簡體 字) |
作者:[日] 中村聰史 | 類別:1. -> 程式設計 -> UI/UX |
譯者: |
出版社:人民郵電出版社 | 3dWoo書號: 44780 詢問書籍請說出此書號!【缺書】 NT售價: 395 元 |
出版日:7/1/2016 |
頁數:221 |
光碟數:0 |
|
站長推薦: |
印刷:全彩印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787115428059 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: |
內容簡介: 從廣義上講,人想要達到某個目的時,人與目的之間的媒介都可以稱為UI(用戶界面)。生活中處處是UI,每個人都可能成為UI設計者和選擇者。而BAD UI就是指那些不能幫助用戶達到目的,有時甚至可能會阻礙目的達成的UI。本書是一本BAD UI案例集,作者經過了長期的積累,收集了近200個BAD UI 案例,比如搞不清是推開還是拉開的大門、讓人進錯洗手間的男女標識、不得不一遍遍重新填寫的表格、令人不知所措的自動售票機界面或Web頁面等。旨在結合照片挖掘這些失敗案例背后的原因,使讀者以它們為參考,學習什么樣的設計會造成用戶不便,進而設計出或選擇到更好的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
|
序: |
|