我們?cè)谧霎a(chǎn)品設(shè)計(jì)中，尤其是在移動(dòng)端產(chǎn)品中（本文重點(diǎn)針對(duì)移動(dòng)端），常常會(huì)忽略掉一些細(xì)節(jié)點(diǎn)，本文對(duì)細(xì)節(jié)點(diǎn)進(jìn)行總結(jié)，適合大家自查設(shè)計(jì)缺陷。也方便大家讓自己的工作更加完善，而不是在開(kāi)發(fā)過(guò)程中，或者上線后才發(fā)現(xiàn)這些問(wèn)題。

一、閉環(huán)的考慮

大部分設(shè)計(jì)師，或者新人在設(shè)計(jì)流程時(shí)，經(jīng)常會(huì)忽略掉閉環(huán)這個(gè)細(xì)節(jié)點(diǎn)，包括在一些知名的APP中也會(huì)發(fā)生。

1. 功能閉環(huán)

用戶往往在做錯(cuò)某事，或者忘記某信息的時(shí)候，會(huì)對(duì)已產(chǎn)生的事情進(jìn)行修改、調(diào)整、刪除等：

最常見(jiàn)的就是“新建/創(chuàng)建/”對(duì)應(yīng)的就是“刪除”，一般情況下，我們不會(huì)忽略。

但是在業(yè)務(wù)復(fù)雜，或者頁(yè)面結(jié)構(gòu)較多的情況下，我們常常會(huì)忽略掉這個(gè)點(diǎn)；類似的還包含：密碼的找回，銀行信息的修改，自定義內(nèi)容要重置，圈子想刪除等。

2. 場(chǎng)景閉環(huán)

用戶產(chǎn)生行為的起點(diǎn)、目的，和用戶最終落實(shí)的結(jié)果、目標(biāo)要一致。

下面是脈脈之前的一個(gè)活動(dòng)，我們來(lái)看下他的流程：

用戶被吸引的起點(diǎn)，和最終用戶希望看的結(jié)果頁(yè)面不一致，一直停留在第三個(gè)步驟，盡管是比較成熟的APP也會(huì)范這種錯(cuò)誤。

最常見(jiàn)的地方是，我們發(fā)布一條微博、一條朋友圈，可以立刻看到自己發(fā)布的內(nèi)容，這才是一個(gè)完整的閉環(huán)；還有在一些流程較長(zhǎng)的設(shè)計(jì)中也要注意這一點(diǎn)。

二、頁(yè)面的跳轉(zhuǎn)方式

在APP中，常常有些頁(yè)面的跳轉(zhuǎn)方式不統(tǒng)一，同樣的效果，出現(xiàn)不統(tǒng)一的過(guò)場(chǎng)方式。然而我們?cè)诮换ピO(shè)計(jì)中，如果項(xiàng)目比較大的時(shí)候，會(huì)經(jīng)常忽略這個(gè)點(diǎn)。

常見(jiàn)的跳轉(zhuǎn)方式有：左右、上下、包圍、展開(kāi)等，本文就不拓展講了。

三、排序規(guī)則，排序方式

凡是設(shè)計(jì)到列表的情況，就設(shè)計(jì)到排序的規(guī)則。

嚴(yán)選限時(shí)購(gòu)這一欄的3個(gè)商品，這三個(gè)商品的來(lái)源及排序也是我們要考慮的。

這個(gè)場(chǎng)景非常的多，如果不說(shuō)清楚，開(kāi)發(fā)可能實(shí)現(xiàn)的方式與最終預(yù)期產(chǎn)生偏差。

四、弱網(wǎng)&空頁(yè)面&占位圖

圖片太大加載過(guò)慢，網(wǎng)絡(luò)斷開(kāi)，頁(yè)面為空，這些情況大家經(jīng)常遇到。

上圖1是采用占位圖的方式避免加載過(guò)慢，上圖2無(wú)網(wǎng)狀態(tài)給出全新的解決方式。

關(guān)于空頁(yè)面的設(shè)計(jì)請(qǐng)參考我的另一篇文章：http://www.codemsi.com/ucd/589959.html

五、按鈕點(diǎn)擊效果

在快速迭代需求過(guò)程中，點(diǎn)擊效果的細(xì)節(jié)一般都不會(huì)考慮，但是在一些重要按鈕，關(guān)機(jī)性操作的時(shí)候，按鈕點(diǎn)擊效果是非常重要的。

現(xiàn)在很多APP都是扁平化設(shè)計(jì)風(fēng)格，在一些主要的按鈕，一些特殊的情況下，比如安卓手機(jī)經(jīng)?？D，點(diǎn)擊的時(shí)候如果沒(méi)有點(diǎn)擊效果，用戶就會(huì)點(diǎn)很多次，造成不必要的損失。

六、阻擋二次生效

當(dāng)遇到一些可以重復(fù)執(zhí)行且會(huì)產(chǎn)生一些重要結(jié)果的操作時(shí)，需要有一定時(shí)間阻擋生效。

如上是我們?cè)谔峤挥唵蔚臅r(shí)候，往往當(dāng)我們點(diǎn)了“去支付”按鈕后，一般情況下會(huì)設(shè)置在1-3s再次點(diǎn)擊無(wú)效，阻擋用戶二次點(diǎn)擊出差。

在一些Android手機(jī)中，進(jìn)程太多突然卡頓，會(huì)經(jīng)常出現(xiàn)這種下單下多個(gè)，付款付多次的情況，會(huì)造成很多麻煩。阻擋二次生效可以更好的讓這種出差的情況變少。

七、頁(yè)面刷新

頁(yè)面刷新也是一個(gè)經(jīng)常遺漏的點(diǎn)。

APP中除了常見(jiàn)的下拉刷新外，我們還要考慮一些特殊場(chǎng)景，比如實(shí)時(shí)刷新、反饋后刷新、返回后刷新等。

八、特殊跳轉(zhuǎn)的返回邏輯

大部分的返回都是返回到上一頁(yè)面。但是在一些特殊的場(chǎng)景下，需要考慮返回的情況。

比如我們，在執(zhí)行很長(zhǎng)的流程時(shí)，當(dāng)某些步驟已經(jīng)確認(rèn)，返回的話，就應(yīng)該返回的對(duì)應(yīng)的結(jié)果頁(yè)，而不是未執(zhí)行完的流程中。

九、自發(fā)類信息的保留機(jī)制

當(dāng)我們?nèi)ド梢恍﹥?nèi)容時(shí)，可能會(huì)輸入很多內(nèi)容，但是這個(gè)過(guò)程很容易被打斷，所以我們要有一定的內(nèi)容保留機(jī)制。

上圖是微信的保留，以及某APP發(fā)布商品的頁(yè)面。我們?cè)诓恍⌒恼`觸到返回，或者在這個(gè)過(guò)程中，被外界因素打斷，再次回來(lái)的時(shí)候，應(yīng)該有保留的機(jī)制。（默認(rèn)保留，或者讓用戶選擇保留）

當(dāng)然我們還會(huì)遇到崩潰、死機(jī)的一些情況，這個(gè)時(shí)候，保留機(jī)制就更為重要了，比如axure崩潰后的還原。

十、極端情況的考慮

用戶在即將完成某項(xiàng)任務(wù)時(shí)，因?yàn)榫W(wǎng)絡(luò)、設(shè)置、后臺(tái)配置等情況，使用戶在完成的一瞬間無(wú)法完成，應(yīng)該給出相應(yīng)的提示或者解決方法。

這種情況會(huì)常常出現(xiàn)，比如兩個(gè)用戶同時(shí)下單只有1個(gè)庫(kù)存的商品時(shí)，我們?cè)撊绾翁崾尽?/p>

再比如我們12306訂票時(shí)間是在7:00—23:00，當(dāng)我們?cè)谔峤挥喥钡囊凰查g，超出時(shí)間，無(wú)法訂票，我們應(yīng)該給出怎么樣的提示來(lái)引導(dǎo)用戶呢。

十一、系統(tǒng)錯(cuò)誤

常見(jiàn)的數(shù)據(jù)出錯(cuò)，服務(wù)器出錯(cuò)，我們也應(yīng)該給出用戶對(duì)應(yīng)的反饋，及處理方式。

結(jié)語(yǔ)

這些細(xì)節(jié)如果被遺忘或者忽略掉，可能上線后會(huì)造成很多不必要的麻煩：被領(lǐng)導(dǎo)批評(píng)、被用戶吐槽等；希望以上總結(jié)內(nèi)容讓大家在提交方案時(shí)，檢查自己的設(shè)計(jì)稿，提高設(shè)計(jì)質(zhì)量。

作者：Booze-kai（包子凱），一個(gè)來(lái)自草原的野生交互設(shè)計(jì)師，原華為CCO交互設(shè)計(jì)師，從事過(guò)吉利汽車，中廣核的相關(guān)設(shè)計(jì)工作

本文由 @Booze-kai 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。