DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 移動設備的交互設計:避免輸入
移動設備的交互設計:避免輸入
編輯:關於網頁技巧     

常有用戶常抱怨iPhone的輸入按鍵太小,難以點擊,手機的輸入速度一直是個難點。因此手機交互設計如要出現輸入框,要重點考慮如何減少輸入,提升用戶操作的流暢度。另外,手機的顯示能力有限,不能像網頁那樣提供大量的選項供用戶選擇,每個界面都必須提供最有價值的信息。

提供選項。對於用戶經常輸入的字符可以提煉為熱門選項,便於用戶選擇。

比如使用手機購買數字點卡,對於購買量大的的熱門點卡(魔獸和Q幣等),QVGA(240*320像素)的手機可以提供10個選項。如用戶已購買過某類商品時,可替換熱門點卡的數據,采用購買記錄和熱門點卡相結合的方法。數字點卡屬於用戶重復消費的商品,而機票、電影票和圖書不是重復消費的商品,如將此類購買記錄放置在首頁夠用戶選擇就沒有意義。

熱門選項的必須夠“熱門”,如10個選項的點擊率為30%,那就可以減少30%的用戶輸入,那就達到熱門選項的目的。但是如熱門選項的點擊率不到10%,那對於手機有限的顯示空間來說,這就是一種浪費。

選項過多則不便查找,還不如直接輸入。

控件記憶性。將用戶輸入的字符記錄在輸入框中,iPhone的輸入框可以加入“書簽”功能,可以記住用戶輸入的所有字符。點擊“書簽”,進入table view或者自定義彈出框,顯示的順序按輸入的時間順序依次排列。

輸入的數據要有個過濾的過程,對於無價值的輸入字符不予保存。如手機充值功能中用戶填寫10位的手機號碼,點擊“充值”按鈕,手機客戶端提醒用戶輸入手機號碼格式錯誤,此時這10位手機號碼不應記錄。

利用手機系統信息。手機的通訊錄包含姓名、手機號碼和地址等信息,在填寫表格時可以調用這些信息。如當為朋友手機充值時,需通訊錄中找到手機號碼,然後背下來,打開程序找到手機充值功能再輸入手機號碼。如能調用手機的通訊錄,點擊手機號碼輸入框右邊的圖標,進入通訊錄後選擇好友的手機號碼即可。

快速查找。iPhone的通訊錄有按姓名首字母查找姓名的功能,便於從大量數據中搜索。如購買飛機票要搜索城市,可提供城市便宜首字母搜索的功能,輸入“N”,過濾出“南京”和“南寧”等城市。

數據的重復利用。對於同類的字符可以重復利用,如填寫機票的乘客信息時,需要輸入的手機號碼,可以調用手機充值功能中已經輸入過的有效手機號碼。

如輸入無法避免,可引導用戶輸入,如告知用戶輸入數據有什麼作用。在輸入之後提供用戶有效的信息,讓用戶感覺耽擱一些時間去輸入是有價值的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved