?登錄表單

一些應用把：賬號輸入框示辈、密碼輸入框胜蛉、登錄按鈕闹啦、忘記密碼沮明、注冊按鈕 設計在一個頁面

一些應用先讓你選登錄還是注冊，選了之后進入下一個頁面進行輸入表單窍奋。

應有隱藏密碼/顯示密碼的按鈕荐健。

一些應用：在引導頁一直顯示登錄注冊按鈕。

可采用標簽導航琳袄。tab1登錄 tab2注冊

第三方登錄

金融領域流行的登錄模式：只需要輸入密碼江场。用戶身份在安裝應用時即可得到驗證。

不一定使用應用的第一步就是登錄窖逗。讓他先用址否，等到想要購買/收藏等時再叫他去登錄。

?注冊表單

可采用灰色提示文本碎紊，但開始輸入后用戶可能忘了這要輸入的是什么佑附。可用小氣泡懸浮仗考。

實時反饋音同。在我輸入完賬號或者郵箱就告訴我是否已被注冊。不能只說錯誤了痴鳄，要告訴用戶該怎么做

注冊表單要簡短瘟斜，表單長度最好在一屏之內(nèi)，操作按鈕要放在可視范圍內(nèi)痪寻。清楚地說明輸入要求螺句，可利用實時反饋加快注冊過程，并讓用戶了解當前狀況橡类。要考慮到所有用戶的使用情況蛇尚。

Dropbox漂亮的解決方案：一旦識別出我的郵箱已存在，它會推測我是想登錄而不是注冊顾画。因為我很可能需要找回密碼的指引取劫，所以它會預先在找回密碼的頁面填好我的郵箱地址匆笤，這樣我只需點擊“發(fā)送”即可等待恢復賬號了。

?個性化注冊表單（選擇感興趣的領域/查找通訊錄朋友之類）

常用的是宮格布局（陳列館式）谱邪，點擊選中的交互炮捧。

?多步驟表單

在網(wǎng)頁端，多步驟注冊過程經(jīng)常使用進程欄（process bar）1指示用戶他們所處的位置惦银，并提示下一步操作咆课。在標題顯示，與進度條（progress bar）區(qū)別扯俱。用在手機上缺點的太擁擠了书蚪。

解決方案：在頁腳或頁頭顯示第幾步（1/3）之類。減少文字描述迅栅。

?結賬表單

技巧1：同時提供登錄殊校、注冊和客人用戶選項

你完全可以在用戶完成支付后提示他們?nèi)?chuàng)建賬號。

技巧2：簡化流程

棄用進程欄读存，把分屏步驟融合進一個結賬頁为流。用層級導航。

技巧3：提供省時的快捷方式

銀行卡掃描得到卡號宪萄。

技巧5：忘掉網(wǎng)頁端

?計算表單

體重艺谆。稅款榨惰。雖然這些表單可以采用自定義控件和布局拜英，但是遵循基本的設計規(guī)范以保證表單的易讀性依然十分重要。對齊方式琅催、標簽居凶、字體、按鈕位置藤抡、對比及顏色侠碧，這些全部都是影響移動表單易用性的因素。

數(shù)據(jù)實時可視化缠黍。圖表等弄兜。

?搜索表單（添加篩選條件）

實時顯示有多少條結果。

“最近搜索”小功能

一邊輸入一邊自動提示

?長表單

一屏滾動比分頁好瓷式。下一步按鈕和返回按鈕放在哪替饿？ ios和安卓建議頂部操作欄，window phone建議底部贸典。

??我的想法

在閱讀這部分內(nèi)容時视卢，不斷回憶起參與并負責UXUI的一個記賬app項目中的登錄注冊和錄入賬目表單。

登錄注冊想到記住賬號和密碼的現(xiàn)代人痛點廊驼，直接設計成用手機號接收驗證碼据过，這樣一來不必區(qū)分登錄or注冊惋砂，也不需要找回密碼的操作。也放置了第三方登錄绳锅。在流程上和架構上都比較簡潔西饵。這是我身為設計者的想法。個人打開一個應用鳞芙，對注冊真的沒耐心罗标。不過站在公司業(yè)務的角度上，免去繁雜的注冊步驟是否對公司留存用戶資料有一定影響积蜻？項目是課內(nèi)作業(yè)闯割，或許還是缺少商業(yè)角度的考量。

但是錄入賬目的設計竿拆，當時糾結了很久宙拉。基于產(chǎn)品特點的緣故丙笋，賬目的錄入算是多步驟表單的設計谢澈。我在頂部放置了進程欄，分為兩步御板。返回和保存按鈕放置在頂部的左右上角锥忿。第一步用一個頁面，采用了層級導航設計怠肋，需要強調(diào)推薦錄入的信息采用了輸入框敬鬓。第二步主要是復選控件，底部有實時反饋提示笙各。因為進程欄不能放太多文字钉答，當時在信息設計上也改了好幾次，擔心表意不明¤厩溃現(xiàn)在想想数尿，當時的一個敗筆應該是下一步按鈕。在第一步的時候放置在頂部右上角惶楼，后又擔心不明顯右蹦，在表單下方也添加了一個，然后進程欄（當時我稱為tab導航）也是可以點擊切換到下一步歼捐。

但是否真的如作者所說何陆，用戶不需要進程欄，僅僅一個one of three steps的提示就足夠了窥岩？也許文字過長或者表意不明的時候甲献，寧可不要，但能說清楚且設計簡潔的話颂翼，也未嘗不可晃洒。

一屏滾動真的比分頁好嗎慨灭？以前我認為“是的”。但前幾日填寫了一位師姐的調(diào)查問卷球及，平時都是一屏滾動氧骤，又臭又長。但師姐的問卷分了頁吃引，竟然驚喜地給了我一種減輕任務負擔的心理筹陵？大的任務，化整為零也是一種思路镊尺？此外朦佩，那份問卷的下一步在后面加上（1/3）應該會更好。

但當我瀏覽網(wǎng)頁的微博時庐氮，我就感受到分頁帶來的困擾语稠。我瀏覽信息流就圖一個爽，它還老需要我費神去點擊下一頁弄砍？為何如此仙畦？