內容提要
《觸類旁通:多終端時代的觸屏界面設計》深入觸屏人機互動構成的核心,以大量的用戶調研數據為基礎,分析了多終端時代觸屏設備用戶使用習慣的變化及其對設計的影響,總結出了觸屏界面設計原則和規律,並給出了具體的設計案例。
這是一本立足現在、面向未來的優秀設計範本,值得每一位界面設計師及希望進入產品設計行業的讀者珍藏並作為案頭參考。
目錄
1 實體化界面/1
數字與工業設計的融合/3
人們怎樣使用手機/4
人們怎樣使用平板手機/7
平板電腦:螢幕更大,變數更多/11
混合型設備:帶有鍵盤的觸屏/13
觸屏設備界面布局設計/17
手機的界面布局/20
平板手機的界面布局/30
平板電腦的界面布局/38
混合型設備的界面布局/41
2 靠不住的螢幕/45
靠螢幕尺寸判斷輸入方式?沒那么簡單/46
假設所有設備都有觸屏/49
同時面向觸屏和滑鼠進行設計/50
7毫米=足夠大 /56
位置,位置,位置:目標元素尺寸與布局的關係/57
互動元素的最小尺寸:44(像素、點、dp) /58
關於em /60
避免擁擠/61
像素與視口/62
3 高效的觸屏界面/67
即時呈現/68
控制內容的高度/73
被濫用的輪播/75
精簡表單/81
真的需要鍵盤嗎/85
選擇正確的鍵盤類型/87
<select>下拉列表 /89
手勢vs.確認對話框 /93
解放雙手/95
4 手勢 /99
基礎手勢/100
麻煩的按鈕/104
以現實世界為指引/115
將手勢作為捷徑/121
混亂與疏導/124
在網頁中實現手勢操作的複雜性/130
聚焦click事件 /132
在相冊和輪播中通過CSS實現滑動瀏覽 /133
瀏覽器中的觸控事件/137
300毫秒的延遲問題 /141
指針事件帶來的希望與困擾/143
怎樣發現手勢/146
5 手勢的可發現性 /149
與實際行動脫節的前置教學/149
擬物化設計:“我知道該怎樣使用它”/151
界面被拍平之後/154
不要過於擬真/156
多玩些遊戲/158
路漫漫其修遠/169
鳴謝 /171