無論網頁或是移動 WordPress APP 的設計,很重要的一點是如何能在小而美和功能複雜性之間找到平衡點。本文就移動 WordPress APP 表單設計進行淺析,看設計師是如何在設計與互動體驗之間做到小而美的平衡。
一. 極致的減法
這是一個異於常規設計思路而得的登入框產物,這不是通常意義上的登入窗。它僅僅保留了多用户名稱的輸入,只需按回車便可確定,跳出了登入介面設計中的條條框框,配色方面也足夠醒目與簡單。
二. 引人注目的多用户介面
1. 模糊背景
近,模糊背景的運用如雨後春筍般冒了出來,因為模糊背景的運用不僅讓整個網站顯得更加人性化,並且在很大程度上烘托出網站所要表現的氛圍。以下介紹的案例是個迷人的登陸介面,在模糊的背景上面用極簡的圖示與細線來設計,背景圖的色調與按鈕的顏色很有心的挑選了同一色系,讓介面融洽地結合成一個整體。
2. 暗色調背景
當我們一眼看到下面的案例時,明亮的輸入框吸引了所有的注意力。暗調處理過的背景圖使登入的表單成了頁面的視覺中心,沒有任何東西可以分散多用户的注意力。這不僅是優質的感官體驗,更是舒適的多用户體驗。
3. 扁平化的純色背景
我着迷於以下案例中的扁平化設計。基本的樣式本該顯得單調無聊,但是如果在色彩上精心搭配,扁平化的登入介面將變得活潑俏皮起來。
三. 清晰的視覺縱線
人的視覺瀏覽一般呈 “L” 型視線,意指從上到下,從左至右。而設計表單介面很注重對多用户的引導作用,當一個介面沒有過多的強調元素,那麼表單的視覺瀏覽順序符合 “L” 型規律就基本符合多用户的心理預期。那麼,多用户就不用過多思考和尋找,能簡單高效的執行完表單項的填寫和提交。
四. 注重多用户體驗設計
登陸和登錄檔單的使用率非常高,一個表單的設計其實也不是簡單的事情,多用户體驗是必須要考慮的事情。有的喜歡把註冊和登陸都放在一個頁面,有的喜歡用 AJAX 無重新整理效果來展示,反正很多花樣了,總之,一切以理想多用户體驗為出發。設計永無止境!哪怕是一個登錄檔單,也值得再細心研究。如果不重視多用户體驗,就會致使網站流失大量多用户。
1. 減少多用户輸入
一般説來,登錄檔中每增加一個欄位,註冊率就會相應的下降。
多用户在註冊時被要求填寫郵箱地址兩次或重複輸入密碼是非常麻煩的,特別是在手機上。其實多用户一般都會使用自己的常用郵箱和密碼註冊,所以不那麼容易忘記。採用輸入一次密碼完成註冊更符合人們的期望,但是為了防止密碼輸入和多用户的預期密碼不同,可以採用允許多用户檢視明文密碼的方式。假設哪天多用户忘記密碼了可以通過郵箱找回,再多此一舉填寫兩次反而更加容易導致多用户流失
2. 資訊化註冊提示
為終端多用户提供有效的資訊提示是多用户體驗設計中的知名方式,尤其是在多用户註冊填寫資訊具有多個輸入域,而在需要填寫的欄位互相可能產生歧義的時候,這些信息提示可以減少多用户的思考和猜測時間。提示資訊的展現形式有多種,可以在頁面的頂部閃爍小便籤,或是讓隱藏起來的信息跳出氣泡框。
設計表現賦予登錄檔單以特質,而介面設計正是多用户所感受到的體驗。更多的提示可以防止多用户因為輸入錯誤而需要進行再次輸入。
3. 減少多用户的強制性操作
多用户在登入或註冊時是否驗證?我覺得如果安全性沒有大問題的話儘量不採取。可以在多用户輸入錯誤一定次數時才會出現驗證碼。(不是一開始就有驗證碼,也不是多用户輸入錯誤多了就禁止登入)。但好像您的技術搭檔絕大部分時候都會告訴您 “安全性” 有大問題,所以很多時候我們不能 “為了細節的良好體驗而縱容了系統的安全受挫”…
4. 錯誤密碼輸入記憶
當多用户次輸入一個錯誤的密碼時,系統在判斷錯誤後同時把多用户輸入的錯誤密碼儲存記憶,當多用户再次輸入這個錯誤密碼時,系統會自動在客户端提示 “密碼錯誤” 。這樣做減少了多用户的一次誤操作同時也減少了一次提交給服務器端的任務。因為:密碼的輸入顯示是*並非能直接看到您確切的輸入結果,有很多時候的確是多用户記錯或輸錯了。
AnyForWeb 在為客户建立更具吸引力的 Web 表單時,我們總是在不斷的問自己:我有填寫表單的耐心嗎?有什麼可以讓表單對多用户來説更輕鬆呢?這些問題並不會總能找到的答案,但如果不斷的思考這些問題,站在多用户的角度上體驗我們的設計,那麼我們相信至少方向是對的。總之,登入註冊就是 “一扇門”,一扇讓產品和多用户真正互通的門,讓產品可以給多用户體現出更多價值的門。
所以這個門一定要: 夠寬、門檻夠低、一直開着、記憶每次進出…