2016-12-2 ui設(shè)計分享達(dá)人
如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,?請點(diǎn)這里
不論是網(wǎng)頁設(shè)計師還是UI設(shè)計師,登錄和注冊頁面的設(shè)計是必然經(jīng)歷過的工作內(nèi)容。登錄界面的設(shè)計說難不難,說容易也不是那么輕松就可以做好的,要在安全和可用性之間找到登錄界面的平衡點(diǎn),還是需要相當(dāng)?shù)慕?jīng)驗來支撐的。那么,具體怎么去把握好這個平衡點(diǎn)呢?
(1)輕松不費(fèi)力。通常,我們打開登錄界面,并不是為了查看登錄表單本身,而是由此登錄賬戶。表單本身僅僅只是獲取個人信息的一個手段,而非目的。從這一點(diǎn)來看,登錄體驗應(yīng)該輕松而不費(fèi)力,一切設(shè)計都應(yīng)盡力降低干擾,剪除障礙,讓你更輕松完成登錄這一任務(wù),而不用進(jìn)行任何多余的操作。
(2)登錄按鈕的回歸。畢竟在今天,輸入完帳號密碼之后按回車鍵登錄是一件自然而然的事情,有沒有登錄按鈕似乎影響不大。但是,當(dāng)我們觀察實際用戶操作之后才意識到,有許多用戶寧可點(diǎn)擊按鈕提交表單也不愿點(diǎn)擊回車鍵。所以,登錄按鈕該有還是要有的。
(3)占位符和標(biāo)簽。占位符在表單中的展現(xiàn)形式應(yīng)該如何選,是一件非常棘手的事情。從設(shè)計的角度上來看,占位符很不錯。但是要用好并不容易,尤其是需要兼顧到可訪問性和表單那自動填充的時候。如果你使用HTML來實現(xiàn)占位符,那么當(dāng)用戶輸入的時候,占位符會消失,其結(jié)果是有的用戶此刻會忘記他真正要輸入的是什么。更麻煩的是,如果你的瀏覽器會自動填充之前的信息的話,那么你永遠(yuǎn)看不到這個地方占位符。
(4)驗證和建議。正如同我們在之前的文章中所說的,之前的設(shè)計非常容易打錯登錄郵箱和用戶名,直到提交的時候才收到系統(tǒng)提醒,輸入的密碼或者帳號有誤。
(5)尷尬的安全特性。最開始我們使用代碼來控制這些標(biāo)簽和占位符的時候,并不復(fù)雜:每當(dāng)表單中內(nèi)容改變的時候,檢測其中的內(nèi)容;如果內(nèi)容為空,占位符標(biāo)簽在表單中顯示;如果不為空,那么就移動出去。當(dāng)頁面剛剛加載的時候,系統(tǒng)會自動檢測若干次,檢測瀏覽器是否有自動填充內(nèi)容。
用戶體驗和UI設(shè)計并非一成不變的東西,它們會隨著時間和地區(qū)的改變而不停地調(diào)整。
藍(lán)藍(lán)設(shè)計( sillybuy.com?)是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計?、 cs界面設(shè)計?、 ipad界面設(shè)計?、 包裝設(shè)計?、 圖標(biāo)定制?、 用戶體驗 、交互設(shè)計、?網(wǎng)站建設(shè)?、平面設(shè)計服務(wù)
藍(lán)藍(lán)設(shè)計的小編 http://sillybuy.com