今天來分享一下產(chǎn)品具體實(shí)施過程中，我作為小白遇到的比較典型的問題撵渡，希望能幫助新人避開一些坑融柬。
1. 頁面初始化場景
? ? 相信很多產(chǎn)品新人都有過這樣的經(jīng)歷：設(shè)計(jì)一個(gè)功能頁面的時(shí)候，畫原型姥闭，想場景丹鸿，設(shè)計(jì)交互，甚至連配色建議都寫進(jìn)文檔棚品，一頓操作猛如虎靠欢，等到正式開發(fā)的時(shí)候，往往會(huì)被前端大佬叫過去拷問：這個(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í)候绢记，可能不會(huì)每一步都畫一張?jiān)蛨D，也可能不會(huì)每一步交互都用原型實(shí)現(xiàn)出來正卧，因?yàn)檫@樣會(huì)耗費(fèi)很多時(shí)間蠢熄，有些時(shí)候確實(shí)沒必要。
? ? “用戶不知道自己要什么炉旷，除非你把產(chǎn)品擺在他面前签孔。”這句話不僅適用于用戶窘行，其實(shí)對(duì)產(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)改動(dòng)檬果，更新了其中某一個(gè)搜索條件，那他是不是需要一個(gè)可以快速更新并保存的按鈕唐断，而不是通過點(diǎn)擊“我的搜索條件1”后面的修改圖標(biāo)通過彈窗來更新呢？所以下圖的設(shè)計(jì)是否更好呢杭抠？
? ? 像這種小細(xì)節(jié)脸甘，如果不通過流程或者UI圖直接呈現(xiàn)在眼前，可能就想不到偏灿。當(dāng)然如果你想到了丹诀，也不要說出來，給我個(gè)面子翁垂。
可不要小看這些細(xì)節(jié)铆遭，上面舉的這個(gè)栗子漏掉了并不會(huì)產(chǎn)生太大的影響，頂多就是體驗(yàn)不好沿猜，但有些是會(huì)影響到流程枚荣，導(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. 一改俱改
? ? 這一條是針對(duì)有多個(gè)產(chǎn)品線的情況（以App和web為例）逆甜。如果一個(gè)功能在兩個(gè)產(chǎn)品上都有展示虱肄，或者有流程上的關(guān)聯(lián)，那么當(dāng)你在web端對(duì)這個(gè)功能進(jìn)行了優(yōu)化交煞，那么首先就得鏡像考慮到app上面的這個(gè)功能是不是會(huì)受到影響咏窿。
? ? 最后，還有一個(gè)方法大家也可以嘗試一下——?jiǎng)?chuàng)建并維護(hù)一份自己的checklist素征，比如：
? ? ? ? 流程圖
? ? ? ? 初始化頁面
? ? ? ? 字段長度限制
? ? ? ? 分頁
? ? ? ? ……
? ? 這樣以后每次設(shè)計(jì)新功能的時(shí)候就可以對(duì)照這份checklist來進(jìn)行查漏補(bǔ)缺了集嵌。
