WebApp最佳實踐之使用者體驗篇 Forms

2021-06-03 02:57:30 字數 522 閱讀 4845

在移動環境下設計和開發優秀的forms是一件非常有挑戰性的事。在一流的瀏覽器中,forms能夠模仿桌面版本的風格,但是對於其他的瀏覽器,forms往往無法達到他們期望的樣子。但是乙個更大的挑戰是,對使用者而言,forms通常很難控制,內容新增也很麻煩。所以頭號規則就是:在移動環境中,要限定使用的forms。

自由文字輸入控制項

雖然在forms不可避免地需要使用者輸入資訊,盡量避免使用文字框和文字區域。對於使用者來說,在文字框或是文字區域這些自由文字輸入控制項中輸入內容是一件相當麻煩的事情。取而代之的是,可以使用單選按鈕,選擇框,甚至是鏈結列表來減少使用者的文字輸入。

預設輸入模式

可以使用wireless css 或是css-mp定義輸入掩碼或輸入模式,這樣就能限定輸入的資料型別了,因此,使用者就可以更加方便地在空閒文字區域中輸入資訊了。

移動裝置鍵盤的輸入模式(字母或是數字)能夠根據輸入需要自動地切換。下面的例子就是限定只能輸入數字:

下面的例子限定輸入的首字母必須大寫:

WebApp最佳實踐使用者體驗篇之移動設計

有三個元素是打造優秀的移動使用者體驗不可或缺的 環境,資訊架構,以及視覺設計。這一章重點關注視覺設計部分。視覺設計是你的所有設計的乙個最直觀的表現 它關係到使用者對你的應用的第一印象。好的設計能夠提公升使用者對你的 或是應用程式的期望值 而壞的設計將導致使用者降低對你的服務的期待。這給移動設計提出了...

大話餐廳之使用者體驗

2013已然逝去,2014正在邁起有力腳步。新的一年,新的起點,奮力前衝!在2013年最後一天,我們幾個朋友一起聚餐,一起跨年。去的是蓮花國際廣場的湘樂匯,朋友已經早到了。我在門口問xx定的包間是哪個?服務員去查了查就帶我到了包間,這個服務還算不錯。菜已經點了一些並且陸續上了,我們要加菜,找不到人,...

使用者體驗之使用者需求知多少?

中國的使用者從心底裡是懶惰的了,這是網路運營人員乙個非常普遍的共識,因此呢?也就在首頁的設計上迎合使用者懶惰的思維,在首頁上擺放很多的東西,供使用者去了解 查詢,但是我想問設計師,你的網頁上還能再放多少東西,滿足使用者的需要呢?眾所周知,高600 寬1000的首頁,已經是最大的尺度了,它就那麼寬,最...