如何在表單UI設(shè)計中考慮用戶的情感

　　但是它們也應(yīng)該是令人愉快的。
 

　　當然，我們知道最新的iPhone或精美的在線購物體驗需要喚起驚喜和愉悅的感覺但是，本質(zhì)上更實用的產(chǎn)品又如何呢?喜歡...形式嗎?他們也會感到驚訝和高興嗎?
 

　　我對此的簡短回答是：是的。
 

　　它所需要的只是一點想象力。
 

　　讓我們進入：
 

　　非傳統(tǒng)形式元素
 

　　表單的UX流
 

　　設(shè)計好玩的形式的技巧
 

　　探索UI元素的潛力
 

　　表單設(shè)計應(yīng)該是一致的，但這并不意味著它不能融合一點驚喜。通過使用非標準的UI元素(如可單擊的圖像和切換的滑塊)，您可以使表單填充令人愉快且直觀。
 

　　(使用InVision Craft輕松將設(shè)計移至原型。)
 

　　這種思路構(gòu)成了我們產(chǎn)品JotForm Cards中某些功能的基礎(chǔ)。
 

　　“表單設(shè)計應(yīng)該是一致的，但這并不意味著它不能融合一點驚喜。”
 

　　當然，設(shè)計本身看起來很酷，但是填充表格的經(jīng)驗又如何呢?用戶能否以更加動態(tài)，互動的方式表達自己的答案?我們是這樣認為的。
 

　　通過拖動藍色點或單擊灰色點，受訪者可以在指尖看到答案的變化。
 

　　向左滑動。向右滑動。

        表情符號滑塊
 

　　用戶可以使用表情符號滑塊代替刻度來表達自己的滿意程度。討厭這個活動嗎?哭的臉!超級開心?愛心的眼睛。
 

　　表情符號滑塊可讓表單填寫者以青少年的母語回答。是-否切換
 

　　這很令人滿意，很簡單，很決定性。
 

　　當我們觀看用戶測試視頻時，很明顯，這些新功能使人們微笑。對于我們來說很幸運，這樣的響應(yīng)對于我們來說很容易并且很有趣。
 

　　良好的UX用戶體驗流程
 

　　任務(wù)，很容易和滿足于完成后會平靜的用戶進入狀態(tài)流程：巔峰享受，高度集中注意力。最好的情況下很難做到這一點，如果用戶遇到障礙和錯誤，那是絕對不可能的。
 

　　我們需要努力創(chuàng)建一條通暢的完成路徑，而這只需要用戶付出最小的努力。成功的定義是最大程度地減少痛點并預見沮喪的時刻。
 

　　“簡單而令人滿意的任務(wù)將使用戶陷入混亂的狀態(tài)：享受高峰，集中注意力。”
 

　　推動行動
 

　　高認知負荷是成功填寫表格的敵人。當人們不得不思考或做更多不必要的事情時，就會發(fā)生這種情況。運動動作對大腦的“負荷強度”要比那些煩人的認知動作(這有點使筆記本電腦變慢的軟件類型)少。
 

　　這就是每個UI元素理想情況下都應(yīng)該包含動作(例如，單擊鼠標)而不是認知動作(涉及思維和打字的任何動作)的原因。

　　您可以在哪里偷工減料以減少打字的需要?考慮預定義的答案，自動填充，智能默認設(shè)置和郵政編碼查找-根據(jù)Google的規(guī)定，這些功能可幫助人們將表單填寫速度提高30%。無論谷歌和香菜提供的JavaScript API為您的網(wǎng)站代碼，以減少輸入。
 

　　“高認知負荷是成功填寫表格的敵人。”
 

　　減少點擊
 

　　好的，因此您已將每個操作轉(zhuǎn)換為可點擊的內(nèi)容。現(xiàn)在是時候減少盡可能多的點擊了。當Microsoft將其關(guān)閉提示從可單擊的關(guān)閉圖標更改為下拉框時，他們發(fā)現(xiàn)關(guān)閉計算機的人數(shù)減少了—只是由于另外兩次單擊。
 

　　始終使用復選框，并使用單選按鈕而不是下拉菜單。切勿在字段中拼寫電話號碼或生日。
 

　　最重要的是減少字段。盡可能減少更多，然后再減少更多。Expedia在預訂單上再問了一個問題，就損失了1200萬美元。不要跟隨他們的腳步。
 

　　較短的Web表單為用戶減少了摩擦，從而增加了轉(zhuǎn)換的機會。Hubspot的一項研究發(fā)現(xiàn)，將表單字段的數(shù)量從四個減少到三個，可以將轉(zhuǎn)換率提高50%。
 

　　正如數(shù)學家布萊斯·帕斯卡爾(Blaise Pascal)所說的那樣：“我比平常更長了，因為我沒有時間將其縮短。”
 

　　表單設(shè)計，要使其有趣
 

　　大腦喜歡玩耍和實驗。有很多方法可以利用動量的力量來游戲化表格填充的經(jīng)驗。并在動畫中添加幽默感，使體驗更人性化。
 

　　游戲化
 

　　這是我們希望傳達的鼓勵類型，以幫助我們的用戶填寫表格。
 

　　例如，JotForm Cards的多階段布局遵循的理論是，用戶在感覺前進時更有可能繼續(xù)前進。與靜態(tài)地停留在一頁上相比，始終移至下一步會產(chǎn)生動感。
 

　　“動畫將美與情感與功能結(jié)合在一起。”
 

　　我們用一個進度點來說明這一點，該進度點顯示已經(jīng)完成了多少個問題，還剩下多少個問題。僅當用戶將鼠標懸停在該點上時，該點才會出現(xiàn)。用戶可以輕松切換到概覽模式，該模式使他們可以在編號的問題之間切換，并可以像地圖一樣使用自由的水平滾動。
 

　　動畫化
 

　　動畫將美與情感與功能結(jié)合在一起。與靜態(tài)屏幕相比，它可以使界面更生動，吸引用戶的注意力并以更明亮，更吸引人的方式說明錯誤或說明。
 

　　如果用戶輸入錯誤，屏幕會搖動“否”以通知他們。每一步都應(yīng)使用戶感到仿佛正朝著目標邁進。
 

　　最后的想法
 

　　為獲得良好的用戶體驗而進行的設(shè)計所涉及的不僅僅是使產(chǎn)品可用。可用性是使人們能夠?qū)崿F(xiàn)目標的原因，而經(jīng)驗則使您的產(chǎn)品令人難忘。
 

　　優(yōu)秀的UX之所以令人滿意，是因為它經(jīng)過精心設(shè)計。它讓您沉浸其中，并激發(fā)您的熱情，例如游戲，應(yīng)用程序或電影。而且沒有理由為什么表格不能在所有這些相同的方框中打勾。
 

　　請記住，用戶體驗不僅與可用性有關(guān)，還與感覺有關(guān)。因此，通過將感覺與功能聯(lián)系起來，使您的形式使用起來很愉快。這篇文章的表單情感UI設(shè)計內(nèi)容你學到了嗎，更多資訊請持續(xù)關(guān)注AAA教育~