本文僅僅是自己單兵作戰(zhàn)過程中的心得總結(jié)，并不一定適合設(shè)計產(chǎn)品扎堆生活的環(huán)境，一家之言，請持圍觀態(tài)度，如有異議，來打我啊歡迎討論交流~

設(shè)計師是理性的

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ——劉大喵

從案例開講~

在很久以前，PM過來跟你說需要做一個登錄頁

圖片來自網(wǎng)絡(luò)

1.先思考需要做登錄頁的原因（這個要思考么········）。

2.然后確定內(nèi)容：賬號標(biāo)簽、密碼標(biāo)簽、賬號輸入框、密碼輸入框、確認(rèn)按鈕、忘記密碼按鈕（暫不考慮第三方）。

3.再根據(jù)實際的用戶操作（結(jié)合真實場景和用戶心理預(yù)期）分析相關(guān)流程（點擊賬號輸入框→彈出鍵盤輸入賬號→點擊密碼輸入框→彈出鍵盤輸入密碼→點擊登錄）。

4.用筆和紙繪制頁面草圖。

5.然后就草圖線框進(jìn)行細(xì)致的討論再優(yōu)化。

需求分析五步驟

P.S:拆開每一個步驟往后都有各自的延伸

思考需求：先扯遠(yuǎn)點，我是非常痛恨那種“就是加個xxxx，你只管設(shè)計就好了”，作為項目組的設(shè)計師，我希望大家都能保有對項目設(shè)計開發(fā)知情權(quán)的堅持，雖然對于工作這不涉及績效或者考核，但設(shè)計一定是理性和具備目的性的加工，連原因都無法知道，怎么設(shè)計達(dá)成目標(biāo)？扯回來，因為專業(yè)的限制，可能需求方能想到實現(xiàn)其真實目的方法只有“加個彈框”“加條線”“加大字”·····，所以一定要再三溝通需求的目的及原因，再加以思考分析選擇合理的設(shè)計方案。

確定內(nèi)容：溝通過后從資源和產(chǎn)品邏輯上出發(fā)，確定需求的內(nèi)容及表達(dá)方式。

分析流程：用戶的任務(wù)目標(biāo)是什么？完成這個目標(biāo)需要分幾步？具體的操作手法是怎樣？可能性的操作和對應(yīng)頁面的反饋有哪些？以上登錄頁為例：輸錯密碼后→頁面提示密碼錯誤→密碼清空→密碼框獲取焦點·····需要從真實的場景和用戶心理層面出發(fā)，整個流程力求精簡，操作方便。

筆繪草圖：確定是筆繪草圖，可能我處女座比較容易陷入細(xì)節(jié)，不像素對齊會死人，會在原型線框上面深入過多，最后發(fā)現(xiàn)草圖線框是真的方便快捷，紙筆一拿，腦子飛快，心里念念有詞，靈感稍縱即逝的，突然想到可以怎么做就立馬繪制出來，敏捷溝通，對于現(xiàn)在小團(tuán)隊作戰(zhàn)特別有效。當(dāng)頁面落地后，再用axure繪制精度更高的線框圖，表達(dá)細(xì)節(jié)，方便這個團(tuán)隊共享和交流。

討論再優(yōu)化:以之前的登錄頁為例：標(biāo)簽和輸入框要怎么排布能讓頁面更精簡，用戶體驗最佳？怎么可以加快注冊流程，達(dá)到業(yè)務(wù)目標(biāo)？·····讓用戶愉悅體驗的同時良好達(dá)成商業(yè)目標(biāo)。和需求方多溝通，交流，上線后，也不要忘了跟蹤一下反饋和數(shù)據(jù)，確認(rèn)設(shè)計。

不管頁面亦或者是某一功能，都可運用這幾個步驟來思考，設(shè)計不是率性而為，引用一個我忘了出處的話就是：

你要是不知道這么做的原因是干嘛，那你就不要加（大致意思就是這樣，啊哈哈哈哈哈）

希望大家都能做出講道理的設(shè)計~ :)