close

UI設計范式之一:輸入口語化數據格式 - 網頁設計

http://webdesign.zoapcon.com

問題綜述

用戶需要能用生活化的語言或短語迅速把數據輸入系統。然后反過來系統也能識別用戶的輸入信息。

舉例

適用范圍

當表單的選擇框,單選按鈕,復選框對于用戶輸入的數據格式要求過高時,使用戶不得不通過一個復雜的過程來提供這些格式化數據,以至于讓用戶會整個系統都倒了胃口的時候
當表單填寫預計所需的時間超出用戶的耐心極限時。
當你需要收集的信息是有關一個特定主題時。比如某個地點或特定時間的一場party
當你希望用戶填寫的數據能被后臺系統程序很方便處理的時候。
千萬別畫蛇添足,使用戶反而不知道你想要他干嗎。切記,要用在必須用的地方,且表達明確!

解決方案
在該字段的旁邊注明你希望用戶輸入的數據樣子。可能的話,直接把一個實際例子貼在那里,用戶肯定會鼓掌歡迎的。

該范式的主要目的是把界面問題轉化為程序問題。留給用戶一個干凈易懂的使用界面,程序員則埋頭苦干……把得到的符合生活化語言表達習慣的文字轉化為計算機可存儲與分析的標準數據格式。

更多例子


backpackit.com 上添加新事件的表單字段


30 boxes.com.上添加新事件的表單字段

原理總結

使用此范式能使表單更簡單易懂,讓冷冰冰的電腦屏幕和枯燥的表格變的溫暖起來。挑戰在于該范式被廣泛使用以后,后臺數據解析程序會越來越難以開發。所以該范式使用成功取決于你要哪樣的數據(譯者:過于復雜會增加程序開發的負擔),是否給了用戶充分的提示。

(譯者:界面設計的成功在于設計師和程序員的共同努力。)


arrow
arrow
    文章標籤
    網頁設計 web design
    全站熱搜
    創作者介紹
    創作者 inspirr 的頭像
    inspirr

    inspirr

    inspirr 發表在 痞客邦 留言(0) 人氣()