實踐為王——手機驗證設計感悟
實踐為王——手機驗證設計感悟-移動閱讀二維碼

本次談論的手機驗證流程如下:

這個流程是一個子流程,從流程上看,沒有什么特別的地方,這類流程的設計已經很常見了。但是這個驗證有個額外需求,需要在這個驗證流程中讓用戶填入邀請人的id或用戶名,非必填,但得有這一步。我們先不考慮這一步放在這個流程中是否合適,就按這種情況來考慮,那么這樣一來就帶來一些問題了。這一步放在什么地方合適,怎么讓他不影響驗證流程,又保證人們會注意到而且不覺得反感?

下面是作為分析材料的設計初稿:



分析:

從這個設計頁面中,主要發現兩個問題。
第一是邀請步驟放在輸入手機號之后,把輸入驗證碼的步驟給隔斷了,驗證流程被打斷。
第二是提示性文字過多,影響視覺效果,而且提示效果不理想。
修改:
接下來,是我的修改版,總體流程分為三步。
第一步:

第二步:

第三步:

分析:
首先說一下這么修改的思路。
1. 填寫邀請人步驟被放到最后一步的成功頁面。目的是想弱化這個步驟對驗證流程的影響,同時也可以保證有足夠的吸引力讓用戶不會忽略,因為成功頁面中用戶的任務量不大,只有這么一個可能需要填寫的地方。
2.第三步頁面中的”完成驗證”按鈕表示流程的正常結束。點擊后觸發邀請人id/會員名保存事件,并關閉頁面。
3.輸入手機號和輸入驗證碼被獨立開來分為了兩步。這么做是為了平衡流程重心。因為還有一個填寫邀請人的步驟,如果把那兩個任務放在同一個頁面,那么主要流程任務都在第一步被完成,驗證成功頁面再加上填寫邀請人步驟,就顯得不倫不類了。用戶會覺得前面的任務都完成了,怎么這里還有事要做?不符合用戶的預期,其情緒有可能被影響。而且,如果第一步把驗證的任務完成了,最后一步只是為了顯示驗證的結果,一個以消息顯示為主要目的的流程也不適合加上填寫任務。
4.添加了重新發送和修改手機號碼兩個步驟。這是為了把流程正向逆向都流通起來。重新發送是重做發送驗證碼短信這一步驟,修改手機號碼可返回第一步,重新填寫手機號碼。
以上是設計修改的一些思路。完成了我自己的版本后,我看了其他一些童鞋的修改作品,各有千秋。真的是像我說的那樣,只有做完后去總結去對比,才會發現自己的不足和盲點。

總結:
本次設計修改只是一個簡單的子流程,并不復雜??删褪沁@么簡單一個流程,真正做的時候要考慮的東西也不少,真正要做好更是要花一番心思。實踐為王,產品設計最終還是要落到實地上的,多動手做出東西,然后再思考,有利于我們在產品設計的道路上走得更輕快。

 

本文鏈接:http://www.casaleticia.com/mobile-phone-validate-the-design-feeling.html
本文標簽: , ,