上文《從用戶需求到產(chǎn)品需求，產(chǎn)品經(jīng)理的苦逼開始》提到了登錄注冊(cè)的例子，從用戶角度看，這種需求的背后是身份認(rèn)同。但登錄注冊(cè)的需要，還有更多的內(nèi)在原因，暫不展開討論。
這次我們來(lái)看看，產(chǎn)品經(jīng)理如何寫登錄注冊(cè)的需求，讓程序員哥哥們愉快地實(shí)現(xiàn)（呃，好吧，這個(gè)……一言難盡）
產(chǎn)品需要提供登錄注冊(cè)的功能，可以這么考慮：
產(chǎn)品是用戶移動(dòng)端還是Web端？
登錄注冊(cè)需要用戶填寫哪些信息？
正常流程有哪些步驟？
異常情況有哪些？網(wǎng)絡(luò)的、用戶操作的、服務(wù)器的
如果情況復(fù)雜，是否需要畫流程圖？
線框圖需要涉及到哪些元素？元素如何布局？
交互設(shè)計(jì)，元素在正常和異常情況下如何交互？狀態(tài)如何轉(zhuǎn)變？轉(zhuǎn)變的條件是什么？
這里我們簡(jiǎn)化一下，假定這樣的場(chǎng)景，產(chǎn)品用在Web端，用戶注冊(cè)需要提供郵箱和密碼，因?yàn)樾枰獙?duì)用戶郵箱的有效性進(jìn)行驗(yàn)證，還增加了驗(yàn)證碼的輸入。
頁(yè)面元素
很自然的，頁(yè)面元素包括郵箱輸入框、密碼輸入框、驗(yàn)證碼發(fā)送按鈕、驗(yàn)證碼輸入框、信息提示文本、注冊(cè)按鈕。
元素布局
元素布局，除了要考慮美觀，更要考慮合理性。
下面兩個(gè)布局，B會(huì)顯得好些，一是錯(cuò)誤信息提示的位置更容易讓用戶定位，二是發(fā)送驗(yàn)證碼緊接在郵箱輸入后，更能體現(xiàn)信息的親密性，并且眼球從上往下瀏覽信息，發(fā)送驗(yàn)證碼無(wú)須對(duì)密碼的正確性進(jìn)行校驗(yàn)。
注冊(cè)流程
用戶輸入郵箱——>發(fā)送驗(yàn)證碼——>郵箱收到驗(yàn)證碼——>輸入驗(yàn)證碼——>輸入密碼——>注冊(cè)
我們看到，用戶發(fā)送驗(yàn)證碼后，需要登錄之前輸入的郵箱去獲取驗(yàn)證碼，然后回來(lái)輸入驗(yàn)證碼繼續(xù)后面的流程。這意味著用戶不得不離開當(dāng)前頁(yè)面，操作的連貫性被割裂，因此是有損用戶體驗(yàn)的。
為了驗(yàn)證用戶郵箱的有效性而犧牲用戶體驗(yàn)，需要進(jìn)行權(quán)衡。
比如這個(gè)有效性驗(yàn)證是否必要？如果是，還有別方式可行？又或者是不采用郵箱，而使用手機(jī)驗(yàn)證？畢竟手機(jī)接收驗(yàn)證碼，起碼不需要登錄郵箱，接收也及時(shí)。但另一方面，手機(jī)接收驗(yàn)證碼，意味著要借助運(yùn)營(yíng)商短信服務(wù)，是否必要？
在網(wǎng)絡(luò)信號(hào)不好的情況下，騰訊郵箱會(huì)告知用戶，以簡(jiǎn)化版的方式顯示內(nèi)容，這是典型的功能優(yōu)先的思路。很簡(jiǎn)單，產(chǎn)品都沒法用了，你給用戶多漂亮的界面有啥用？這就是騰訊產(chǎn)品經(jīng)理權(quán)衡的結(jié)果。
交互設(shè)計(jì)
確定好了注冊(cè)流程，現(xiàn)在需要考慮信息、操作的交互了。
用戶一進(jìn)入注冊(cè)頁(yè)面，我們會(huì)想著如何盡量減少用戶的操作，去除干擾因素，讓用戶以最短的路徑達(dá)到注冊(cè)的目的。
就像網(wǎng)絡(luò)購(gòu)物，一旦到了支付階段，步驟都是非常簡(jiǎn)潔的，目的很明確，就是讓用戶支付下單，即使用戶此時(shí)返回，還一再挽留提示。
在這個(gè)頁(yè)面，要考慮：
首先光標(biāo)會(huì)自動(dòng)Focus在郵箱輸入框，這樣用戶就不需要移動(dòng)鼠標(biāo)，然后在這里點(diǎn)擊了；
用戶輸入時(shí)，郵箱的格式需要進(jìn)行合法性判斷，郵箱是否已被注冊(cè)，是否為空；
對(duì)于郵箱的判斷，是由發(fā)送驗(yàn)證碼按鈕觸發(fā)判斷？還是由注冊(cè)按鈕判斷？還是兩者兼之？
驗(yàn)證碼輸入框初始狀態(tài)置灰，在發(fā)送按鈕點(diǎn)擊前不可用，可以有效規(guī)范用戶操作的先后順序；
點(diǎn)擊發(fā)送按鈕，先對(duì)郵箱進(jìn)行判斷，可減少無(wú)效的郵件發(fā)送，也能告知用戶郵箱輸入出了問題；
發(fā)送按鈕點(diǎn)擊后，郵件是不是一定能夠到達(dá)用戶郵箱，有可能因?yàn)榫W(wǎng)絡(luò)狀態(tài)或者郵件服務(wù)器的問題，導(dǎo)致沒法送到，這時(shí)候需要重新發(fā)送；
重新發(fā)送，是不是馬上就能再次點(diǎn)擊，如果是這樣，用戶就有可能不停地點(diǎn)擊按鈕，導(dǎo)致多余郵件；那么中間需要時(shí)間間隔，多久才合理？
驗(yàn)證碼是由什么組成？字母？數(shù)字？多少位的？以什么規(guī)則生成？
每一次的發(fā)送，驗(yàn)證碼是不同的還是相同的？如果是相同的，那驗(yàn)證碼的有效時(shí)長(zhǎng)是多久？
密碼是由什么組成？字母？數(shù)字？能包含哪些特殊字符？長(zhǎng)度范圍如何？
以上種種，還沒考慮網(wǎng)絡(luò)狀態(tài)、服務(wù)器狀態(tài)、用戶信息填寫到一半，從瀏覽器返回，或者刷新頁(yè)面的情況。
有人說，產(chǎn)品經(jīng)理大概是需要人格分裂的，為啥？因?yàn)橐环矫嬉裥“子脩粢粯?，想著產(chǎn)品如何簡(jiǎn)潔好用，讓用戶無(wú)須思考，還要用得爽，另一方面又得思考產(chǎn)品的內(nèi)在邏輯，為什么這么做？這樣做是正確的嗎？有更好的嗎？怎么取舍？整個(gè)產(chǎn)品設(shè)計(jì)，是邏輯完備的嗎？凡此種種。
這其實(shí)需要費(fèi)很大的功夫，追求產(chǎn)品的簡(jiǎn)潔，追求對(duì)用戶的友好，是需要深入復(fù)雜之后，真正了解隱藏的挑戰(zhàn)，去除多余，保留精華后給出的解決方案。
簡(jiǎn)潔是終極的復(fù)雜。
——喬布斯
總結(jié)
最近嘮嘮叨叨，寫用戶需求、寫產(chǎn)品需求，再到舉例如何寫用戶需求文檔和交互設(shè)計(jì)，都圍繞以用戶為中心的基本思路。
根據(jù)《用戶體驗(yàn)要素——以用戶為中心的設(shè)計(jì)》的觀點(diǎn)，產(chǎn)品要圍繞用戶體驗(yàn)而設(shè)計(jì)，好的用戶體驗(yàn)要從五個(gè)層次去考慮——戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層、表現(xiàn)層。以這五個(gè)層次對(duì)應(yīng)產(chǎn)品經(jīng)理的工作，大概是這樣的：
戰(zhàn)略層，進(jìn)行用戶研究和用戶需求分析；
范圍層，進(jìn)行產(chǎn)品需求提煉；
結(jié)構(gòu)層，對(duì)產(chǎn)品進(jìn)行概念設(shè)計(jì)和信息架構(gòu)；
框架層，對(duì)產(chǎn)品進(jìn)行界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)、信息設(shè)計(jì)，輸出產(chǎn)品線框圖；
表現(xiàn)層，產(chǎn)出產(chǎn)品交互原型，通常是一些高保真原型。
從用戶需求到產(chǎn)品需求，最后輸出產(chǎn)品需求文檔，勢(shì)必要經(jīng)過以上從抽象到具體的過程。這樣，產(chǎn)品經(jīng)理對(duì)于產(chǎn)品的理解，才有可能一以貫之地體現(xiàn)以用戶為中心。即，
以用戶的角度看待產(chǎn)品，關(guān)注產(chǎn)品如何被用戶使用，綜合考慮用戶的使用環(huán)境和場(chǎng)景，從用戶的心理感受和行為出發(fā)，考慮用戶有可能采取的每一個(gè)行動(dòng)的每一個(gè)可能性，并試著去理解這個(gè)過程中用戶的期望值。
正如加瑞特說的，
成功的用戶體驗(yàn)，就是能預(yù)知用戶期望并將其納入設(shè)計(jì)之中。
