無論網(wǎng)頁或是移動(dòng)APP的設(shè)計(jì)，很重要的一點(diǎn)是如何能在小而美和功能復(fù)雜性之間找到平衡點(diǎn)。本文就移動(dòng)APP表單設(shè)計(jì)進(jìn)行淺析，看設(shè)計(jì)師是如何在設(shè)計(jì)與交互體驗(yàn)之間做到小而美的平衡。
一.極致的減法
這是一個(gè)異于常規(guī)設(shè)計(jì)思路而得的登錄框產(chǎn)物，這不是通常意義上的登錄窗。它僅僅保留了用戶名的輸入，只需按回車便可確定，跳出了登錄界面設(shè)計(jì)中的條條框框，配色方面也足夠醒目與簡單。
二.引人注目的用戶界面
1.模糊背景
最近，模糊背景的運(yùn)用如雨后春筍般冒了出來，因?yàn)槟：尘暗倪\(yùn)用不僅讓整個(gè)網(wǎng)站顯得更加人性化，并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。以下介紹的案例是個(gè)迷人的登陸界面，在模糊的背景上面用極簡的圖標(biāo)與細(xì)線來設(shè)計(jì)，背景圖的色調(diào)與按鈕的顏色很有心的挑選了同一色系，讓界面融洽地結(jié)合成一個(gè)整體。
2.暗色調(diào)背景
當(dāng)我們一眼看到下面的案例時(shí)，明亮的輸入框吸引了所有的注意力。暗調(diào)處理過的背景圖使登錄的表單成了頁面的視覺中心，沒有任何東西可以分散用戶的注意力。這不僅是優(yōu)質(zhì)的感官體驗(yàn)，更是舒適的用戶體驗(yàn)。
3.扁平化的純色背景
我著迷于以下案例中的扁平化設(shè)計(jì)。基本的樣式本該顯得單調(diào)無聊，但是如果在色彩上精心搭配，扁平化的登錄界面將變得活潑俏皮起來。
三.清晰的視覺縱線
人的視覺瀏覽一般呈“L”型視線，意指從上到下，從左至右。而設(shè)計(jì)表單界面很注重對(duì)用戶的引導(dǎo)作用，當(dāng)一個(gè)界面沒有過多的強(qiáng)調(diào)元素，那么表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預(yù)期。那么，用戶就不用過多思考和尋找，能簡單高效的執(zhí)行完表單項(xiàng)的填寫和提交。
四.注重用戶體驗(yàn)設(shè)計(jì)
登陸和注冊(cè)表單的使用率非常高，一個(gè)表單的設(shè)計(jì)其實(shí)也不是簡單的事情，用戶體驗(yàn)是必須要考慮的事情。有的喜歡把注冊(cè)和登陸都放在一個(gè)頁面，有的喜歡用AJAX無刷新效果來展示，反正很多花樣了，總之，一切以最佳用戶體驗(yàn)為出發(fā)。設(shè)計(jì)永無止境!哪怕是一個(gè)注冊(cè)表單，也值得再細(xì)心研究。如果不重視用戶體驗(yàn)，就會(huì)致使網(wǎng)站流失大量用戶。
1.減少用戶輸入
一般說來，注冊(cè)表中每增加一個(gè)字段，注冊(cè)率就會(huì)相應(yīng)的下降。
用戶在注冊(cè)時(shí)被要求填寫郵箱地址兩次或重復(fù)輸入密碼是非常麻煩的，特別是在手機(jī)上。其實(shí)用戶一般都會(huì)使用自己的常用郵箱和密碼注冊(cè)，所以不那么容易忘記。采用輸入一次密碼完成注冊(cè)更符合人們的期望，但是為了防止密碼輸入和用戶的預(yù)期密碼不同，可以采用允許用戶查看明文密碼的方式。假設(shè)哪天用戶忘記密碼了可以通過郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。
2.信息化注冊(cè)提示
為終端用戶提供有效的信息提示是用戶體驗(yàn)設(shè)計(jì)中的最好方式，尤其是在用戶注冊(cè)填寫信息具有多個(gè)輸入域，而在需要填寫的字段互相可能產(chǎn)生歧義的時(shí)候，這些消息提示可以減少用戶的思考和猜測時(shí)間。提示信息的展現(xiàn)形式有多種，可以在頁面的頂部閃爍小便簽，或是讓隱藏起來的消息跳出氣泡框。
設(shè)計(jì)表現(xiàn)賦予注冊(cè)表單以特質(zhì)，而界面設(shè)計(jì)正是用戶所感受到的體驗(yàn)。更多的提示可以防止用戶因?yàn)檩斎脲e(cuò)誤而需要進(jìn)行再次輸入。
3.減少用戶的強(qiáng)制性操作
用戶在登錄或注冊(cè)時(shí)是否驗(yàn)證?我覺得如果安全性沒有大問題的話盡量不采取。可以在用戶輸入錯(cuò)誤一定次數(shù)時(shí)才會(huì)出現(xiàn)驗(yàn)證碼。 (不是一開始就有驗(yàn)證碼，也不是用戶輸入錯(cuò)誤多了就禁止登錄)。但好像你的技術(shù)搭檔絕大部分時(shí)候都會(huì)告訴你“安全性”有大問題，所以很多時(shí)候我們不能“為了細(xì)節(jié)的良好體驗(yàn)而縱容了系統(tǒng)的安全受挫”...
4.錯(cuò)誤密碼輸入記憶
當(dāng)用戶第一次輸入一個(gè)錯(cuò)誤的密碼時(shí)，系統(tǒng)在判斷錯(cuò)誤后同時(shí)把用戶輸入的錯(cuò)誤密碼保存記憶，當(dāng)用戶再次輸入這個(gè)錯(cuò)誤密碼時(shí)，系統(tǒng)會(huì)自動(dòng)在客戶端提示“密碼錯(cuò)誤”。這樣做減少了用戶的一次誤操作同時(shí)也減少了一次提交給服務(wù)器端的任務(wù)。因?yàn)椋好艽a的輸入顯示是*并非能直接看到你確切的輸入結(jié)果，有很多時(shí)候的確是用戶記錯(cuò)或輸錯(cuò)了。
AnyForWeb在為客戶建立更具吸引力的Web表單時(shí)，我們總是在不斷的問自己：我有填寫表單的耐心嗎?有什么可以讓表單對(duì)用戶來說更輕松呢?這些問題并不會(huì)總能找到完美的答案，但如果不斷的思考這些問題，站在用戶的角度上體驗(yàn)我們的設(shè)計(jì)，那么我們相信至少方向是對(duì)的。總之，登錄注冊(cè)就是“一扇門”，一扇讓產(chǎn)品和用戶真正互通的門，讓產(chǎn)品可以給用戶體現(xiàn)出更多價(jià)值的門。
所以這個(gè)門一定要： 夠?qū)挕㈤T檻夠低、一直開著、記憶每次進(jìn)出...