教育行業每一個設計作品都舉世無雙

當前位置:主頁 > 成功案例 > 教育行業 >

探討交互設計快速入門之手機篇

日期:2015-10-09 / 人氣:

當拇指和食指的操作習慣還停留在桌面時代時,應該如何進行交互設計?交互設計師Josh Clark為你講解在移動端觸摸屏的交互設計中,設計師應該如何思考問題,應該怎樣打造“手指交互友好型”界面。
偉大的移動端界面設計,要做的不僅僅是將視覺元素裝進小小的屏幕中,還要考慮到交互問題。在觸摸屏不斷完善、市場占有率不斷提高的背景下,越來越多 的用戶主用手指進行交互操作,關于手指的一些人機工程學,也應該作為設計的考量。新的交互形式,需要設計師不再局限于視覺和信息層級方向的設計,要把眼光 放得長遠,多多借鑒工業設計中人機交互的一些觀點。觸摸屏不僅僅是視覺交互,還包含了很多人機工程學的因素:用戶在用手指操作時,感覺如何?

拇指法則針對觸摸屏的設計需要深思熟慮,其中的一個問題便是:手指,通常在屏幕上的哪個部位進行操作?
例如,單手持握手機,除非你的手指天生長得特別特別長,一般你都會用拇指進行點擊操作。因此,對于手機來說,為觸摸進行交互設計,主要針對的就是拇指。

因為拇指,人類才具有具有精確的抓握能力,從而在進化中脫穎而出,成為智慧的物種,但在手機操作中,拇指的可控范圍有限,缺乏靈活度。當然,如果你 竭盡全力,拇指還是能夠在整個屏幕上進行滑動操作的。但是在大屏手機上,拇指的可控范圍還不到整個屏幕的三分之一——主要集中在屏幕底部、與拇指相對的另 外一邊。
將主要操作目標放在拇指的熱區。例如,當用右手持握手機的時候,拇指的熱區如下圖所示,在左下角呈現一個弧形。這就是為什么,工具欄和導航條一般都在手機界面的下邊緣——這跟我們在桌面界面中的慣例截然相反。這正是由于拇指可控范圍有限導致的,在觸摸屏上的界面設計與傳統慣例相反,導航條和主要操作目標被放到了底部。

針對屏幕底部,拇指的熱區進行設計,解決了很多用戶的問題。這比“左撇子”用戶的問題更加重要。因為這個社會上,右撇子還是占據大多數的。而幾乎每個用戶在使用手機時,都有過“單手持握,拇指操作”的經歷。(公交車上,一只手扶好欄桿,另一只手操作手機)而屏幕底部的拇指法則,無論那只手進行操作,都適用。與此同時,它也給予設計師一些暗示:要怎樣組織操作目標的視覺層級,以給予用戶最便捷舒適的體驗。例如,按iOS的設計慣例,一般把編輯按鈕放在右上角,即明顯,又能避免因為誤碰而導致界面突然改變。

作者:admin


久久免费视频-久久精品视频