今天來分享一下產(chǎn)品具體實(shí)施過程中，我作為小白遇到的比較典型的問題，希望能幫助新人避開一些坑。

1. 頁面初始化場景

? ? 相信很多產(chǎn)品新人都有過這樣的經(jīng)歷：設(shè)計(jì)一個(gè)功能頁面的時(shí)候，畫原型，想場景，設(shè)計(jì)交互，甚至連配色建議都寫進(jìn)文檔，一頓操作猛如虎，等到正式開發(fā)的時(shí)候，往往會被前端大佬叫過去拷問：這個(gè)地方剛進(jìn)來沒數(shù)據(jù)的時(shí)候提示什么文案?。恳灰龑?dǎo)用戶如何創(chuàng)建數(shù)據(jù)??？

? ? 結(jié)果往往是產(chǎn)品經(jīng)理瑟瑟發(fā)抖回到座位，去思考沒有數(shù)據(jù)的場景該如何寫文案做引導(dǎo)。

? ? 這種事情應(yīng)該不是個(gè)例，就我個(gè)人而言，也發(fā)生過幾次。

? 在畫原型考慮場景的時(shí)候，我們往往更關(guān)注于要放什么數(shù)據(jù)，數(shù)據(jù)的結(jié)構(gòu)如何，在頁面里該怎么擺放，交互又該如何設(shè)計(jì)。

? ? 像上面提到的一些特殊場景往往容易被新人忽略。

? ? 所以，在設(shè)計(jì)一個(gè)新模塊的時(shí)候，別忘了順帶想想初始化哦。

? ? 2. 交互細(xì)節(jié)

? ? 關(guān)于這一點(diǎn)，如果你是一個(gè)考慮事情很周密細(xì)致的小白，那就當(dāng)我沒說，可如果你是一個(gè)粗心的小白，那就得注意一下了。

? ? 我們在設(shè)計(jì)一個(gè)功能的時(shí)候，可能不會每一步都畫一張?jiān)蛨D，也可能不會每一步交互都用原型實(shí)現(xiàn)出來，因?yàn)檫@樣會耗費(fèi)很多時(shí)間，有些時(shí)候確實(shí)沒必要。

? ? “用戶不知道自己要什么，除非你把產(chǎn)品擺在他面前?！边@句話不僅適用于用戶，其實(shí)對產(chǎn)品也同樣適用，很多時(shí)候，當(dāng)頁面擺在你面前，你才知道哪些地方可以優(yōu)化，哪些地方有遺漏，舉個(gè)栗子：

假設(shè)現(xiàn)在用戶提了一個(gè)想要保存搜索條件的需求：用戶在某個(gè)頁面，80%的情況下都固定使用某幾個(gè)搜索條件，他想將這些搜索條件保存下來，下次再進(jìn)來直接點(diǎn)擊應(yīng)用。這個(gè)需求是不是看起來很簡單？實(shí)際上它也確實(shí)很簡單，我當(dāng)時(shí)做了增刪改功能，可以滿足用戶的基本要求，于是雄赳赳氣昂昂的把需求交給UI。

抽象出來的原型，大家將就看著

結(jié)果UI小姐姐把圖畫出來以后，我才想到一個(gè)場景：假設(shè)用戶現(xiàn)在選中了“我的搜索條件1”，頂部反顯用戶保存的搜索條件，但此時(shí)在這個(gè)基礎(chǔ)上，用戶做了一點(diǎn)改動，更新了其中某一個(gè)搜索條件，那他是不是需要一個(gè)可以快速更新并保存的按鈕，而不是通過點(diǎn)擊“我的搜索條件1”后面的修改圖標(biāo)通過彈窗來更新呢？所以下圖的設(shè)計(jì)是否更好呢？

增加了快速更新過濾條件的按鈕

? ? 像這種小細(xì)節(jié)，如果不通過流程或者UI圖直接呈現(xiàn)在眼前，可能就想不到。當(dāng)然如果你想到了，也不要說出來，給我個(gè)面子。

可不要小看這些細(xì)節(jié)，上面舉的這個(gè)栗子漏掉了并不會產(chǎn)生太大的影響，頂多就是體驗(yàn)不好，但有些是會影響到流程，導(dǎo)致返工或者重大風(fēng)險(xiǎn)的。

? ? 所以，建議新人最開始還是勤勤懇懇盡可能的把每一頁原型和每一個(gè)交互細(xì)節(jié)都畫出來，如果實(shí)在來不及，至少要在腦海里將整個(gè)閉環(huán)走一遍，極力規(guī)避上面的問題。

? ? 3. 畫流程圖

? ? 不知道大家有沒有這樣的經(jīng)歷：拿到一個(gè)需求以后，二話不說開始在Axure熱火朝天的畫原型，然后在考慮狀態(tài)的時(shí)候繞來繞去想不清楚：這個(gè)狀態(tài)能不能改啊？改的話，誰來改？然后怎么推進(jìn)到下一個(gè)狀態(tài)呢？下一個(gè)狀態(tài)又給不給改呢？等等，剛才說到哪個(gè)狀態(tài)了？

? ? 其實(shí)這種涉及到流程的需求，完全可以不著急先畫原型圖，可以先整理一份流程圖出來。

簡單的流程圖

? ? 一來方便自己理清思路，二來給團(tuán)隊(duì)需求宣講的時(shí)候也更加容易被聽懂，所以，當(dāng)你發(fā)現(xiàn)自己繞來繞去找不到方向的時(shí)候，不妨停下來，畫個(gè)流程圖先，畢竟磨刀不誤砍柴工嘛。

? ? 4. 一改俱改

? ? 這一條是針對有多個(gè)產(chǎn)品線的情況（以App和web為例）。如果一個(gè)功能在兩個(gè)產(chǎn)品上都有展示，或者有流程上的關(guān)聯(lián)，那么當(dāng)你在web端對這個(gè)功能進(jìn)行了優(yōu)化，那么首先就得鏡像考慮到app上面的這個(gè)功能是不是會受到影響。

? ? 最后，還有一個(gè)方法大家也可以嘗試一下——創(chuàng)建并維護(hù)一份自己的checklist，比如：

? ? ? ? 流程圖

? ? ? ? 初始化頁面

? ? ? ? 字段長度限制

? ? ? ? 分頁

? ? ? ? ……

? ? 這樣以后每次設(shè)計(jì)新功能的時(shí)候就可以對照這份checklist來進(jìn)行查漏補(bǔ)缺了。