工作幾年，開(kāi)始遇到自己第一個(gè)瓶頸，好像工作狀態(tài)開(kāi)始進(jìn)入一種機(jī)械式的狀態(tài)，找出一種固定的思維模式，按照一種做事流程，然后混一混，日子好像就可以這么過(guò)去了，工作好像也就可以交差了，可是內(nèi)心卻彌漫著一種非常不安的感覺(jué)，沒(méi)有一種剛?cè)肼殘?chǎng)的那種踏實(shí)感。對(duì)的，相信自己的直覺(jué)，自己確實(shí)陷入了一種偷懶的境地，一種慣性的行為中，這樣的生活并沒(méi)有讓自己的實(shí)力真正的提升，所以?xún)?nèi)心感到了一種恐慌和焦慮，感覺(jué)越強(qiáng)烈就意味著自己思維越機(jī)械化。然而這并不是一件壞事，有人為了擺脫這種焦慮會(huì)選擇跳槽，新的環(huán)境會(huì)刺激自己去適應(yīng)新的游戲規(guī)則，同時(shí)也帶給自己一個(gè)新的看世界的角度，這種視角有可能相對(duì)變高或者變低，也有可能是同一水平的不同方向，但在你的世界里，有了新鮮的血液，也是帶來(lái)相應(yīng)或大或小的改變，這里說(shuō)的是改變，不一定是進(jìn)步。而有的人還是在這樣的不安中繼續(xù)忍受與煎熬著，如果一直這樣下去，我相信就算再過(guò)幾年，頂著工作十年的經(jīng)驗(yàn)?zāi)玫降囊仓荒苁侨杲?jīng)驗(yàn)的薪水，這將會(huì)帶來(lái)什么樣的后果，估計(jì)蕓蕓大眾的網(wǎng)友們會(huì)比我更有資格來(lái)談?wù)撨@個(gè)問(wèn)題。
還有人則從現(xiàn)有的環(huán)境中主動(dòng)出擊，通過(guò)看書(shū)、逛論壇、于同行進(jìn)行交流，重新思考現(xiàn)有的工作，從思維模式，做事態(tài)度、方式等等方面出發(fā)，一點(diǎn)點(diǎn)琢磨與鉆研，一步步積累著自己，等待著蛻變的那一天，樓主欣賞這樣的人，也希望做這樣能從自身出發(fā)，不逃避，不躲不藏，帶著霸道的勇氣采用溫柔的態(tài)度靜靜地綻放的人。
所以今天說(shuō)的重點(diǎn)不是登錄系統(tǒng)怎么做，而想從登錄系統(tǒng)這項(xiàng)基本的工作上來(lái)說(shuō)說(shuō)作為一個(gè)交互設(shè)計(jì)師，應(yīng)該提高自己思維的深度，反思自己工作的提高點(diǎn)在哪。
第一次做登錄系統(tǒng)的時(shí)候，腦袋中也只考慮這樣幾個(gè)事情，拋磚引玉，大伙也可以看看作為新手設(shè)計(jì)師的思維漏洞在哪：
一.功能點(diǎn)有哪幾個(gè)：注冊(cè)、登錄、找回密碼。
二.主題流程有哪些
于是腦袋中開(kāi)始構(gòu)思用戶(hù)操作的主要場(chǎng)景：首先用戶(hù)使用一個(gè)新的APP的時(shí)候絕大多數(shù)情況下是沒(méi)有賬號(hào)的，于是這個(gè)時(shí)候注冊(cè)系統(tǒng)會(huì)顯得很必要，也會(huì)是常使用的功能點(diǎn)之一。那么接著分別考慮注冊(cè)和登陸的時(shí)候有哪些元素進(jìn)行考慮。
注冊(cè)：賬號(hào)設(shè)定和密碼設(shè)定。賬號(hào)設(shè)定是考慮使用郵箱呢還是是在國(guó)內(nèi)用戶(hù)習(xí)以為常的手機(jī)號(hào)+驗(yàn)證碼的登錄方式。最后考慮再三使用手機(jī)號(hào)和密碼登錄，為什么沒(méi)用驗(yàn)證碼，自以為是每次收驗(yàn)證碼需要的等對(duì)用戶(hù)來(lái)說(shuō)是一件很不耐煩的事情，新階段市場(chǎng)上使用手機(jī)號(hào)加驗(yàn)證碼的登錄方式多為買(mǎi)東西的平臺(tái)，用戶(hù)的聯(lián)系方式是非常重要的，而我們現(xiàn)在設(shè)計(jì)的APP是工具屬性的基礎(chǔ)上做社交平臺(tái)，對(duì)手機(jī)號(hào)碼的需求沒(méi)有那么強(qiáng)烈，如果我們使用手機(jī)號(hào)+自動(dòng)保存密碼的方式會(huì)不會(huì)更好？用戶(hù)不需要消耗接二連三的等待時(shí)間也能保證用戶(hù)不需要一直記得密碼，如果忘記就使用找回密碼的途徑重設(shè)密碼。密碼的設(shè)定條件是至少為6位字符。因?yàn)槭悄康氖菍⑸缃粠饋?lái)，所以在設(shè)置密碼過(guò)程中需要用戶(hù)填用戶(hù)名，性別，頭像上傳等因素，如果是第三方授權(quán)則將第三方平臺(tái)的信息直接帶過(guò)來(lái)進(jìn)行運(yùn)用。
登錄：登錄界面主要有以下幾個(gè)因素，登錄賬號(hào)、登錄密碼、找回密碼、注冊(cè)，后來(lái)想到有沒(méi)有快速的登錄方式，比如說(shuō)使用微博、QQ、微信等授權(quán)方式，再經(jīng)過(guò)一段時(shí)間后加上了服務(wù)條款。
找回密碼：手機(jī)號(hào)填寫(xiě)、接收驗(yàn)證碼、設(shè)定再次發(fā)送驗(yàn)證碼的時(shí)間，密碼重置的設(shè)定，確定密碼的設(shè)定。
以上就是樓主第一次設(shè)計(jì)登錄系統(tǒng)的方案，考慮事情并沒(méi)有很周到，做一個(gè)決定也并沒(méi)有足夠充分的理由去說(shuō)服自己和別人，UI也丑到爆，勿噴，樓主已經(jīng)在面壁思過(guò)。于是有了第二次的設(shè)計(jì)思路，在這里樓主將詳細(xì)講講再次接觸到登錄系統(tǒng)時(shí)是怎樣考慮的，也對(duì)自己的思維做一次整理。
首先樓主做的是推翻自己之前的思路，重新開(kāi)始思考。不是否認(rèn)自己，不是覺(jué)得自己沒(méi)有價(jià)值，這樣的做法不是否認(rèn)自己，而是給自己一個(gè)新的機(jī)會(huì)，不要因?yàn)橹暗姆桨妇窒拮?/strong>。在這里不得不說(shuō)這一步的重要性，從情緒上安撫自己，有時(shí)候設(shè)計(jì)師在與PM、或者工程師進(jìn)行溝通的時(shí)候，當(dāng)別人給自己提意見(jiàn)的時(shí)候第一關(guān)設(shè)計(jì)師需要過(guò)的并不是思維這一關(guān)，而是情緒上的處理。每個(gè)人都想在別人面前都想展現(xiàn)自己的價(jià)值感，都希望得到別人的肯定，所以當(dāng)別人提出一個(gè)對(duì)設(shè)計(jì)方案的改進(jìn)之處時(shí)，很大可能是從他的角度上經(jīng)過(guò)深思熟慮的，所以在這樣的情況下應(yīng)該感謝他提出的意見(jiàn)，有可能他并沒(méi)有考慮到對(duì)其它方面的影響，但這是設(shè)計(jì)師需要權(quán)衡的事情，單對(duì)于別人提出意見(jiàn)這一事件來(lái)看，對(duì)方的出發(fā)點(diǎn)不是否定你的方案，更不是否定你自己，而是想讓項(xiàng)目更好，實(shí)現(xiàn)自己的價(jià)值，得到來(lái)自團(tuán)隊(duì)的肯定。作為設(shè)計(jì)師，在第一步上，固化自己的思維，處理好自己抵觸的情緒是最基本的，保持開(kāi)放的心態(tài)去別人以及自己對(duì)自己方案反思，而這一個(gè)過(guò)程也是給自己查漏補(bǔ)缺的過(guò)程。反而，我們需要堅(jiān)持的一點(diǎn)是，相信自己可以做得更好！
一切從場(chǎng)景開(kāi)始！
在這里也許會(huì)有設(shè)計(jì)師有疑慮，場(chǎng)景的考慮不是由PM進(jìn)行制定的嗎？這是個(gè)比較大的問(wèn)題，不屬于本文重點(diǎn)，作為交互設(shè)計(jì)師，更深刻地理解場(chǎng)景，從場(chǎng)景中找到一些線(xiàn)索，像偵探一樣，一步步挖掘，對(duì)自己來(lái)說(shuō)應(yīng)該是利大于弊的（但是不能越俎代庖修改使用場(chǎng)景）。典型的場(chǎng)景就是：“大家在家下載了APP，周末邀一幫好友，帶著手機(jī)到球場(chǎng)上去打球，朋友拿著你的手機(jī)幫你拍攝進(jìn)球視頻完成一項(xiàng)Challenge的挑戰(zhàn)，過(guò)關(guān)后你將精彩的鏡頭分享出去到微信等社交平臺(tái)，這個(gè)時(shí)候需要用到登錄系統(tǒng)”。
根據(jù)這段場(chǎng)景可以分析出以下幾個(gè)要點(diǎn)：
1.典型的使用環(huán)境是球場(chǎng)，閑暇時(shí)間，整塊時(shí)間，沒(méi)有碎片化，不是在公交、走路的時(shí)候，所以交互上可以從容一些；
2.用戶(hù)是基于登錄之后可以干一些事情，所以這個(gè)時(shí)候越快速，越簡(jiǎn)單越好；
3.因?yàn)槭堑卿浻休斎胄枨?，需要輸入賬號(hào)和密碼，所以雙手操作可能性比較大；
4.因?yàn)橛脩?hù)男性居多，UI呈現(xiàn)上運(yùn)動(dòng)，略微剛硬一點(diǎn)是可取的；
5.分享平臺(tái)考慮到國(guó)內(nèi)外的情況，有可能是微信，有可能是facebook，如果想要做快捷登錄，對(duì)于兩個(gè)區(qū)域需要有習(xí)慣性上的區(qū)分。
這樣來(lái)分析的話(huà)，至少有兩個(gè)大的區(qū)域需要進(jìn)行區(qū)分，國(guó)內(nèi)和國(guó)外（本APP國(guó)外市場(chǎng)主要是美國(guó)市場(chǎng)）。
從國(guó)內(nèi)的情況來(lái)進(jìn)行重點(diǎn)分析吧。思路還是先傳統(tǒng)后創(chuàng)新，
登錄方式采用手機(jī)號(hào)+密碼設(shè)定的形式，理由如下：
1.現(xiàn)如今的賬號(hào)設(shè)置，一般是郵箱、手機(jī)號(hào)、用戶(hù)名三種形式。使用排除法，用戶(hù)名需要具有唯一性，也就意味著用戶(hù)需要記住一個(gè)比較特別或者自己較少用的用戶(hù)名，而在這樣的前提下，用戶(hù)是很容易忘記自己的賬戶(hù)的，不可取。郵箱比較可靠，但趨向于使用在web時(shí)代，對(duì)于現(xiàn)在的移動(dòng)互聯(lián)網(wǎng)的趨勢(shì)來(lái)說(shuō)，郵箱相對(duì)于手機(jī)來(lái)說(shuō)還是略微麻煩一點(diǎn)，再者，郵箱的用途更傾向于閱覽長(zhǎng)篇的內(nèi)容，更方便于訂閱的一些場(chǎng)景，所以在理財(cái)或者財(cái)經(jīng)、股票類(lèi)的領(lǐng)域用的比較多。如果后期A(yíng)PP有需要可以作為附加信息進(jìn)行一些內(nèi)容的推送。所以當(dāng)權(quán)衡各項(xiàng)條件之后，決定使用手機(jī)號(hào)作為賬號(hào)管理。
從以上分析可以看出，做一項(xiàng)小的決定可以采取這樣的方式：先羅列出已有的所有選項(xiàng)，然后逐條分析出利弊，分析的方向可以采取從小到大的范圍：分析事物有哪些屬性，哪些用途，使用的情景，以及宏觀(guān)的大環(huán)境。然后結(jié)合實(shí)際的需要一一比對(duì)，實(shí)際的需求也可以按照范圍從小到大的順序進(jìn)行分析：現(xiàn)階段需要哪些元素，更安全穩(wěn)定，哪些更高效。
2.為什么使用密碼而不是使用動(dòng)態(tài)驗(yàn)證碼？在設(shè)計(jì)第一版的時(shí)候也有考慮過(guò)這個(gè)問(wèn)題，可以作為一些參考，所以說(shuō)一個(gè)人的努力不會(huì)完全沒(méi)有用，誰(shuí)也不知道將來(lái)會(huì)發(fā)生生么事，未來(lái)的每一天都是由之前的時(shí)光一點(diǎn)點(diǎn)進(jìn)行塑造的，就像搭一座橋，有的努力是橋架，有的是橋身，還有的是表面的雕塑裝飾，但總有一天會(huì)量變引起質(zhì)變，成為一座讓自己昂首挺胸跨步而行的橋。回到主題，為什么不是動(dòng)態(tài)驗(yàn)證碼？來(lái)鞏固一下我們的思維邏輯，思考面由事物屬性，用途，使用場(chǎng)景，大環(huán)境來(lái)看。動(dòng)態(tài)驗(yàn)證碼，不需要牢記，即時(shí)接收，不需要記憶，但是偶爾不成功，需要多次發(fā)送，時(shí)間成本略高，還有一點(diǎn)是企業(yè)需要為此付費(fèi)，由以上屬性決定它常使用于外賣(mài)、購(gòu)物、理財(cái)?shù)刃枰Ц兜膱?chǎng)景，需要保證賬號(hào)的安全，又需要確定用戶(hù)的聯(lián)系方式。而密碼，需要用戶(hù)輸入，需要記憶，但一勞永逸，就算一段時(shí)間后需要重新登錄，我們也可以使用記住密碼的形式進(jìn)行密碼保存，動(dòng)態(tài)驗(yàn)證碼卻沒(méi)有這樣的功能。接著根據(jù)實(shí)際情況進(jìn)行權(quán)衡，現(xiàn)階段我們的產(chǎn)品是工具屬性基礎(chǔ)上進(jìn)行社交需求，而且并沒(méi)有直接的IM功能，所以安全性上沒(méi)有達(dá)到嚴(yán)苛的程度，也許后期需要開(kāi)發(fā)支付功能，到時(shí)候再進(jìn)行手機(jī)號(hào)綁定也可以來(lái)得及，所以針對(duì)前期來(lái)說(shuō)密碼就足夠。
注冊(cè)的流程采用手機(jī)接收動(dòng)態(tài)驗(yàn)證碼確定后再進(jìn)行設(shè)置密碼，理由如下：
1.這里的動(dòng)態(tài)驗(yàn)證碼是一次性的操作行為，對(duì)服務(wù)器來(lái)說(shuō)是為了確定用戶(hù)的存在，從用戶(hù)的角度來(lái)看，是給用戶(hù)一個(gè)及時(shí)的反饋，告訴用戶(hù)您手機(jī)號(hào)輸入我們已經(jīng)收到，您確認(rèn)一下就行。與用動(dòng)態(tài)驗(yàn)證碼進(jìn)行登錄時(shí)兩件不同的事，不要混淆。
2.在接收到用戶(hù)驗(yàn)證碼之后，進(jìn)行設(shè)置密碼，密碼的設(shè)置，最常規(guī)的情況下就是兩次輸入，一次是正常輸入，另一次是確認(rèn)密碼的輸入。樓主考慮到，絕大部分的情況下用戶(hù)是不再想額外進(jìn)行操作的，所以只給用戶(hù)一次輸入的設(shè)置，但同時(shí)考慮到要保證用戶(hù)的輸入是正確的，于是在密碼后面默認(rèn)設(shè)計(jì)一個(gè)打開(kāi)的小眼睛，讓用戶(hù)可以在輸入的同時(shí)進(jìn)行查看。(附上簡(jiǎn)易的圖作為參考，為避免產(chǎn)生商業(yè)糾紛，除去了logo和UI，望見(jiàn)諒)
填寫(xiě)資料
也許有的童鞋會(huì)說(shuō)到這里注冊(cè)流程就結(jié)束了吧，但別忘了，目的是做社交平臺(tái)，那么至少一個(gè)賬號(hào)能告訴用戶(hù)他是誰(shuí)，對(duì)的，咱們還需要一個(gè)資料的填寫(xiě)。
說(shuō)到資料填寫(xiě)，很多用戶(hù)就很頭疼了，覺(jué)得麻煩，并不是用戶(hù)沒(méi)考慮到后續(xù)的好處，而是在注冊(cè)之后用戶(hù)覺(jué)得已經(jīng)做了很多事了，心里最想做的事情是：快點(diǎn)結(jié)束吧！可是我們作為設(shè)計(jì)師，要達(dá)到產(chǎn)品的功能目的，這一步還是需要走的，那么問(wèn)題來(lái)了？怎樣以最小的代價(jià)讓用戶(hù)填寫(xiě)資料呢？這個(gè)時(shí)候就需要結(jié)合整個(gè)APP的使用流程來(lái)看了，分為登錄前和登陸后去進(jìn)行引導(dǎo)，雙管齊下。
登錄前開(kāi)放主要的功能，不影響主功能的試用，不是“使用”！讓用戶(hù)可以體驗(yàn)到主功能的強(qiáng)大，在需要想繼續(xù)使用的時(shí)候才讓用戶(hù)進(jìn)行登錄，在前面的功能進(jìn)行鋪墊。然后重點(diǎn)來(lái)了，在填寫(xiě)資料的時(shí)候，先填寫(xiě)必須的，最主要的那些。如果是社交，用戶(hù)的頭像、昵稱(chēng)是必須有的，至少在社交中告訴別人，“我是誰(shuí)？”，而性別、年齡、身高、體重是有幫助的，還有一點(diǎn)就是關(guān)于體育運(yùn)動(dòng)這一項(xiàng)的水平估量，有可能是球齡等。這么多的資料擺在面前，何去何從，經(jīng)過(guò)跟PM商議之后覺(jué)得，在不知道用戶(hù)具體需求的時(shí)候，我們采取一種先不做任何的判斷，the simplest the best，于是最后選擇在資料頁(yè)面只填昵稱(chēng)和頭像。這個(gè)地方又提到另外一點(diǎn)，工作中需要同其他人進(jìn)行合作，這個(gè)話(huà)題將在另外的文章中進(jìn)行講述。
忘記密碼
忘記密碼，采取手機(jī)接受動(dòng)態(tài)驗(yàn)證碼之后再在下一個(gè)頁(yè)面進(jìn)行設(shè)置新的密碼，流程跟注冊(cè)相似度很高，一是為了保證體驗(yàn)的一致性，二是這樣即時(shí)接收即時(shí)更改的做法，不需要跳轉(zhuǎn)出去，非常高效。因?yàn)榕c注冊(cè)很相似，這里就不再多說(shuō)什么了。
第三方登錄
有了注冊(cè)、登錄、忘記密碼，這樣一個(gè)比較完整的登錄系統(tǒng)就算完成了。革命尚未成功，童鞋仍需努力！到了這一步，也只能是工作達(dá)成一半，現(xiàn)在咱們需要思考的就是在現(xiàn)有傳統(tǒng)的登錄方式的基礎(chǔ)上，能否有再快一點(diǎn)方式，比如第三方賬號(hào)綁定，如果能拿到第三方的賬號(hào)就，用戶(hù)只需要授權(quán)就可以了，連資料填寫(xiě)這一步都可以直接拿到第三方平臺(tái)的頭像和昵稱(chēng)，是不是很快速？不好的地方在于用戶(hù)可能擔(dān)心賬號(hào)安全以及泄密的問(wèn)題，這也是大環(huán)境下需要考慮的問(wèn)題，在這一點(diǎn)解決上，如果我們?cè)赨I和APP的設(shè)計(jì)上更加完整專(zhuān)業(yè)，給用戶(hù)一種專(zhuān)業(yè)并且正規(guī)的感覺(jué)，這樣會(huì)在某些程度上減少用戶(hù)的疑慮。老規(guī)矩還是先說(shuō)結(jié)論：最后選擇了微信作為第三方的登錄方式，并且作為首選的登錄方式，理由如下：
1.在第三方的登錄平臺(tái)在國(guó)內(nèi)，現(xiàn)在普遍的有微信、QQ、微博三方為主，也有其它的，但這個(gè)時(shí)候并不是考慮全面因素的時(shí)候?？紤]到現(xiàn)階段產(chǎn)品是從0開(kāi)始進(jìn)行設(shè)計(jì)，所以在資源利用上面，追求精益求精，并且集中精力去做好一個(gè)平臺(tái)就很不錯(cuò)了。在三個(gè)平臺(tái)中微信的普及率最高，年齡層覆蓋得也是最廣，所以就決定采用了這個(gè)?？吹贸鲈谶@個(gè)里面也考慮到了項(xiàng)目進(jìn)行到哪個(gè)階段權(quán)衡該干什么事的情況。
2.為什么將第三方平臺(tái)作為首選登錄方式？還是那個(gè)出發(fā)點(diǎn)，希望借助第三方的社交資源達(dá)到最大的分享率。
最后還需要作為補(bǔ)充的是，在登錄系統(tǒng)上，加上“服務(wù)條款”，完善APP的法律規(guī)范。怎么寫(xiě)這樣的條款，是另一個(gè)話(huà)題，不再這篇文章進(jìn)行詳細(xì)的敘述。
國(guó)外的微信換成Facebook同樣成立，不過(guò)國(guó)外的習(xí)慣更傾向于用郵箱而不是手機(jī)號(hào)，這點(diǎn)需要注意。
基本上到這里，一個(gè)比較完整的登錄系統(tǒng)就完成了，細(xì)節(jié)的UI優(yōu)化內(nèi)容可以作為另一篇文章再進(jìn)行補(bǔ)充。到這個(gè)階段只能說(shuō)在邏輯上根據(jù)事情情況進(jìn)行權(quán)衡了一套比較符合項(xiàng)目的方案。如果繼續(xù)深入，也是可以的，UI層面將會(huì)是最直接的情感傳達(dá)，比如說(shuō)對(duì)產(chǎn)品的整體的格調(diào)、情緒、愉悅或者說(shuō)幽默感，也是一件很有意思的事情，靜待下回分解~
來(lái)總結(jié)一下今天的內(nèi)容，單個(gè)功能怎么去設(shè)計(jì)：
第一層級(jí)先將功能分為幾個(gè)小塊的功能，每個(gè)小的功能按照常規(guī)認(rèn)知來(lái)講會(huì)有哪些基本的元素，然后進(jìn)行競(jìng)品分析（sorry，這篇文章并沒(méi)有強(qiáng)調(diào)這一點(diǎn)），每個(gè)元素從小到大的范圍去分析有哪些屬性，適合于哪些場(chǎng)景，利弊分別是什么，最后根據(jù)項(xiàng)目的進(jìn)程評(píng)估哪種方式最合適。
第二層級(jí)，在基本功能完善的基礎(chǔ)上去思考有沒(méi)有更高效的方法，開(kāi)始創(chuàng)新以及查漏補(bǔ)缺。
第三個(gè)層級(jí)，從情感入手，進(jìn)行UI 的情感化完善和視覺(jué)風(fēng)格的統(tǒng)一。
第四個(gè)層級(jí)，需要持續(xù)做的是觀(guān)察趨勢(shì)，時(shí)刻做好更新和改進(jìn)方案的準(zhǔn)備。
樓主作為精進(jìn)中的UX一枚，一直在嘗試能提高自己的方法，有時(shí)候迷茫有時(shí)候懷疑自己，有時(shí)候也為自己那種鉆研精神而感到高興，anyway，將自己的思路寫(xiě)出來(lái)，整理自己思維的同時(shí)希望和童鞋們相互交流，想噴的盡管來(lái)吧共勉
