移動設備的表單設計
移動設備的表單設計相比桌面受到很多限制:屏幕小、網絡慢、輸入困難等。因此在設計移動應用和網站時,應盡量減少表單的數量。同時如果某些地方確需要用戶輸入,應多嘗試讓他們通過點擊選擇,比如多選項、復選框、選擇菜單、列表等,替代易用性差的文本框。
限制往往能帶來創新,移動表單也不例外。移動設備的局限促使開發人員和設計師尋找更好的方式提供快捷和易用的輸入方式。這些領域的創新反過又被應用于桌面互聯網,和更廣泛的領域。
下面我們來看一些成功的創新:
1. 放大輸入框
問題:鑒于移動設備的屏幕過小,用戶很難看清并及時糾正輸入過程中的錯誤
解決:當用戶選中表單的輸入框后,系統將表單的輸入框放大至整個屏幕,方便用戶看清輸入的內容
2. 隱藏密碼
很多表單涉及到輸入密碼,為防止其他人偷窺,表單設計通常自動把輸入的密碼變為*號。這個設計表面上確保了安全,卻帶來可用性問題:輸入密碼時如果你的視線不小心移開了一下,就得重新輸入。
Iphone的設計:當你輸入密碼時,并不立即變為*號,而是停留1、2秒之后,讓你可以看到輸入的內容。
btw:關于這個被廣泛采用的設計,可用性大師Nielsen 似乎不以為然,大師說:
提供及時反饋和當前狀態指示是基本的可用性準則,隱藏密碼的設計導致用戶更容易犯錯誤
3. 彈出菜單控件
下拉框是比較難用的輸入類型之一,首先你得點擊菜單打開它——通過長長的列表找到目標——移動光標到目標上——點擊它。
Web上的解決方案是:當你瀏覽下拉框里的列表項時,光標一直跟隨,光標離開時,下拉框關閉。即使有經驗的互聯網用戶,也常常會丟失目標,重新來一次。對移動設備的交互來說,這更是個挑戰,我們需要尋找新的方式。
看看Iphone的設計:用戶點擊菜單后,屏幕下方出現列表,你可以通過觸摸操作中的拖拽、輕彈、推,控制滾動列表的速度,找到目標,為方便點擊,目標也被設計地很大。
4. 復合菜單
彈出菜單控件同樣可以應用到復合菜單。比如選擇年、月、日時,我們可以把3個下拉菜單合并在一個區域完成。
Google的Android系統也使用了復合菜單,不同于Iphone的基于觸摸,它使用了可見的界面元素,通過“+”“-”定位。
5. 本機輸入控件
除了復合菜單,各種操作系統還為開發者提供了其他定制的輸入控件,滑塊、評分、對合按鈕都可以讓用戶更容易地輸入。
6. 旋轉界面
現實生活中,人們使用手機時,可以豎向,也可以橫向,移動表單也可以根據屏幕空間的不同調整。Google的Android操作系統發郵件功能正是這樣設計:
豎向時,屏幕顯示3個輸入框,和一些動作按鈕。橫向時,email的輸入框被放大,屏幕只留下右側的一個按鈕,最大限度地利用了空間。
7. 語音輸入
Google推出的Nexus one手機更先進,它允許用戶在任何地方使用語音輸入,用戶可以通過內置的虛擬鍵盤切換輸入模式,徹底解決了手持設備的輸入難題。
下面是一段演示視頻,Google對中文語音的支持已經很強大:
Popout
接下來
移動市場正在高速增長,隨著更多的開發人員和設計師進入這一領域,相信在移動表單設計上會出現更多創新,讓我們拭目以待。
源地址:http://www.mobilefocus.net/?p=211
- 目前還沒評論,等你發揮!