區(qū)分取消與關(guān)閉，可以很大程度上避免丟失用戶已操作的內(nèi)容。在關(guān)閉視圖之前保存用戶的更改，使用文本標(biāo)簽而不是「X」圖標(biāo)，并在破壞性操作之前提供確認(rèn)對(duì)話框。

讓人迷惑的「X」圖標(biāo)

很久以前，「X」這個(gè)符號(hào)是用在地圖上，標(biāo)記「寶藏的藏身地」。但在今天的數(shù)字化界面中，「X」符號(hào)不再用來標(biāo)記位置，而是被用來取消進(jìn)程，或者關(guān)閉某個(gè)臨時(shí)頁面/彈框。但是如何確定「X」代表的是「取消」 還是「關(guān)閉」？有的時(shí)候可以確定，有時(shí)卻模糊不清難以界定。

其實(shí)，主要的問題在于「X」圖標(biāo)缺少了文本標(biāo)簽。當(dāng)同一個(gè)圖標(biāo)在不同的界面，卻代表不同的含義，該圖標(biāo)的可用性就會(huì)受到影響，因?yàn)橛脩襞袛嗖涣说降资鞘裁春x。

為什么要區(qū)分「取消」與「關(guān)閉」

當(dāng)用戶單擊/點(diǎn)擊「X」按鈕來關(guān)閉模態(tài)彈框或視圖時(shí)，系統(tǒng)會(huì)完全取消該過程并清空之前所有操作，這讓人沮喪，甚至抓狂。因?yàn)橛脩敉ǔＵJ(rèn)為「X」圖標(biāo)表示取消或者關(guān)閉，所以區(qū)分這兩種可能性對(duì)于交互的成功至關(guān)重要。

在某些情況下，區(qū)分取消 or 關(guān)閉并不重要。當(dāng)一個(gè)彈窗占據(jù)你的大部分屏幕時(shí)，點(diǎn)擊「X」按鈕（盡可能快地），既可以關(guān)閉該模態(tài)，也可以取消它可能觸發(fā)的任何進(jìn)程。

但是，如果頁面中包含正在運(yùn)行的計(jì)時(shí)器，正在播放的音頻，正在選擇多個(gè)選項(xiàng)標(biāo)簽，或其他類型未保存的內(nèi)容，那就很有必要說明「X」圖標(biāo)所代表的意義。因?yàn)橛脩艨赡艽蛩阕層?jì)時(shí)器或音頻繼續(xù)運(yùn)行，或者希望立刻應(yīng)用這些選好的選項(xiàng)標(biāo)簽，或保存正在進(jìn)行的工作，同時(shí)希望關(guān)閉該視圖繼續(xù)其他操作。

例如：絲芙蘭在結(jié)賬過程中，使用模態(tài)窗口來展示用戶可以添加到購物車的免費(fèi)商品。在以下示例中，單擊「 ADD（添加）」按鈕選擇商品后， 該按鈕直接被變成了「 Remove（移除）」，看起來似乎商品已經(jīng)被添加到購物車中了。但是，實(shí)際上當(dāng)用戶單擊右上角的「X」圖標(biāo)后，該商品并不在購物車中。他需要再重復(fù)這個(gè)步驟，最后點(diǎn)擊「Done（完成）」按鈕，商品才會(huì)被加入購物車。

Sephora：?jiǎn)螕粲疑辖堑摹竂」會(huì)取消選擇這些試用商品整個(gè)過程。用戶必須先單擊「ADD」，再單擊「Done」才能將商品添加到購物車。

如何避免丟失用戶正在操作的內(nèi)容

要避免丟失用戶正在操作的內(nèi)容，首先需要確定用戶的意圖，是取消還是關(guān)閉，并提供明確的選項(xiàng)。有以下幾種方法：

• 主動(dòng)要求用戶確認(rèn)他們的意圖；
• 使用明確的文本標(biāo)簽而不是模糊圖標(biāo)；
• 顯示兩個(gè)不同的按鈕：「X」圖標(biāo)表示關(guān)閉視圖（可以自動(dòng)保存頁面內(nèi)容/操作），而「取消」則代表放棄該過程。

1. 要求確認(rèn)

如果用戶在已經(jīng)執(zhí)行操作的模態(tài)彈框或頁面視圖中，點(diǎn)擊「X」圖標(biāo)，app 則可以在關(guān)閉視圖之前，直接詢問用戶是否應(yīng)用該操作，來確認(rèn)其意圖。此解決方案非常適合會(huì)破壞用戶工作的破壞性取消操作。例如，過濾器視圖可能會(huì)被意外關(guān)閉，并且關(guān)閉會(huì)導(dǎo)致用戶丟失其選定的選項(xiàng)。

這個(gè)問題在移動(dòng)端界面上很常見，因?yàn)檫^濾器視圖占用了很大的屏幕空間，這使用戶很難或不能判斷是否已經(jīng)應(yīng)用了那些選擇。為了防止這種潛在的錯(cuò)誤，在關(guān)閉過濾器視圖之前，跟用戶確認(rèn)是否要應(yīng)用這些選擇并關(guān)閉視圖，抑或是清除這些選擇。例如：下圖中，當(dāng)用戶選擇后，點(diǎn)擊「X」圖標(biāo)時(shí)，Lowes 會(huì)出現(xiàn)如下確認(rèn)彈框。

左 ：點(diǎn)擊「X」圖標(biāo)或返回箭頭，所有的選項(xiàng)都會(huì)被取消，并將用戶帶回上一個(gè)頁面。右：點(diǎn)擊「X」后，出現(xiàn)一個(gè)確認(rèn)對(duì)話框，確認(rèn)用戶是應(yīng)用還是取消篩選，然后再返回結(jié)果列表頁。

同樣，當(dāng)用戶關(guān)閉正在進(jìn)行的課程時(shí)，語言學(xué)習(xí)應(yīng)用Duolingo 會(huì)顯示一個(gè)確認(rèn)對(duì)話框，課程進(jìn)行中不能中途離開，除非確認(rèn)「退出」。至少，該 APP 向用戶傳達(dá)了這一限制，同時(shí)他們也可以選擇「取消」來繼續(xù)課程。點(diǎn)擊「X」按鈕將結(jié)束當(dāng)前課程。為了防止出錯(cuò)，結(jié)束前會(huì)出現(xiàn)一個(gè)確認(rèn)對(duì)話框。

缺點(diǎn)：

• 雖然確認(rèn)對(duì)話框在避免「X」圖標(biāo)有歧義方面很有效，但它卻添加了額外的步驟；
• 用戶在按下「X」圖標(biāo)之前還是不知道它到底做了什么，代表什么意思，因此他們可能會(huì)對(duì)這個(gè)操作感到疑惑。

2. 使用文本標(biāo)簽

不要完全依賴對(duì)話框來讓用戶確認(rèn)模糊的「X」圖標(biāo)，而是使用明確的文本標(biāo)簽。文本可以消除歧義，并清楚地傳達(dá)將發(fā)生的操作：取消與關(guān)閉。

Yelp 的篩選頁面在屏幕頂部提供了標(biāo)有「Cancel（取消）」和「Reset（重制）」的按鈕，在底部提供了一個(gè)大大的「Apply（應(yīng)用）」按鈕。類似地，Etsy 中的 Filters 視圖提供了「Clear（清除）」和「Done（完成）」兩個(gè)按鈕。

注意：Etsy 使用「Done」而不是「Apply」，因?yàn)檫^濾器一經(jīng)選擇就可以被應(yīng)用，而這里是關(guān)于開關(guān)切換與否的建議。

（左）Yelp：Cancel、Reset 和 Apply 這三個(gè)文本標(biāo)簽既直接又清晰，這樣用戶就不太可能不小心關(guān)閉視圖而丟失他們過濾器中的選擇。（右）Etsy：Clear 為用戶取消提供了一種清晰的方式，而點(diǎn)擊 Done 則返回到「產(chǎn)品列表」頁，其中的選擇已經(jīng)應(yīng)用。

3. 關(guān)閉并保存

如果必須使用「X」圖標(biāo)而不是文本標(biāo)簽（比如為了以節(jié)省空間，或者正在遵循團(tuán)隊(duì)的設(shè)計(jì)語言），請(qǐng)謹(jǐn)慎使用，并在用戶完成前保存操作/內(nèi)容。另外，可以提供一個(gè)單獨(dú)的「取消」按鈕，讓用戶在進(jìn)程之外有一個(gè)緊急出口，并消除「X」在兩種含義之間的歧義。

例如：Gmail 會(huì)自動(dòng)保存在非模態(tài)窗口中填寫的郵件信息到草稿（Drafts）。這樣的好處是，用戶在需要折疊或關(guān)閉該窗口時(shí)，仍然保存原來的內(nèi)容以便于下次繼續(xù)編輯。將鼠標(biāo)懸停在消息窗口右上角的「X」圖標(biāo)上時(shí)，會(huì)顯示一段提示：Save & Close（保存到草稿并關(guān)閉）。此外，點(diǎn)擊窗口右下角的「垃圾桶」圖標(biāo)可以刪除該郵件，這個(gè)圖標(biāo)離頂部的「保存和關(guān)閉」選項(xiàng)很遠(yuǎn)，可以防止用戶誤點(diǎn)。

Gmail：Hover 透露，「X」圖標(biāo)是用于關(guān)閉窗口而不是刪除草稿，它允許用戶保存并關(guān)閉消息窗口而不會(huì)丟失剛剛正在編輯的郵件。

對(duì)于長(zhǎng)進(jìn)程或傾向于在后臺(tái)運(yùn)行的進(jìn)程（如計(jì)時(shí)器），默認(rèn)自動(dòng)保存也是一種很好的解決方案。

例如，Glow Baby 中，后臺(tái)運(yùn)行喂食或睡眠計(jì)時(shí)器時(shí)，用戶還可以瀏覽 APP 的其他區(qū)域。因?yàn)檫@些計(jì)時(shí)器一般會(huì)運(yùn)行很長(zhǎng)一段時(shí)間。此功能還能讓用戶在 APP 中做其他的任務(wù)操作，例如記錄之前換尿布的時(shí)間、瀏覽文章、逛論壇等。點(diǎn)擊計(jì)時(shí)器視圖中的「X」圖標(biāo)也只是關(guān)閉窗口并不會(huì)取消正在運(yùn)行的計(jì)時(shí)器。

Glow Baby：（左）點(diǎn)擊運(yùn)行計(jì)時(shí)器視圖中的「X」圖標(biāo)，在不停止計(jì)時(shí)器的情況下取消視圖，從而允許用戶繼續(xù)使用 APP 記錄其他類型的事件、參與社區(qū)討論、閱讀文章等。（中）運(yùn)行計(jì)時(shí)器的狀態(tài)顯示在屏幕頂部的狀態(tài)欄中。（右）在計(jì)時(shí)器暫停時(shí)點(diǎn)擊「X」圖標(biāo)，彈出「放棄」或「取消」按鈕以確認(rèn)用戶的真正意圖。

請(qǐng)注意：在關(guān)閉前保存中間工作或維護(hù)正在進(jìn)行的過程是主動(dòng)的，但有時(shí)可能會(huì)與用戶的意圖相反。如果用戶打算通過單擊「X」按鈕取消其選擇，那自動(dòng)應(yīng)用這些選擇可能會(huì)令人困惑和沮喪。

這就是為什么還必須有一個(gè)單獨(dú)的「取消」按鈕，給用戶一個(gè)出口，而不是強(qiáng)迫他們必須關(guān)閉時(shí)自動(dòng)保存。

結(jié)論

雖然「X」圖標(biāo)會(huì)造成模棱兩可，而且經(jīng)常導(dǎo)致可用性問題，但它不太可能馬上從所有接口中消失。設(shè)計(jì)人員應(yīng)該注意「X」圖標(biāo)的多重含義，消除「關(guān)閉」和「取消」之間的歧義，并提供確認(rèn)對(duì)話框或自動(dòng)保存等保護(hù)性措施，避免丟失任何用戶正在操作的內(nèi)容。

若存在疑問，請(qǐng)記?。合缺４?，再退出。

小思考

為什么手機(jī)驗(yàn)證碼登錄微信/淘寶時(shí)，驗(yàn)證碼輸入錯(cuò)誤，二者都是用的模態(tài)對(duì)話框提示用戶，而不是用 Toast 呢？

• 微信和淘寶的用戶群體都很龐大，幾乎橫跨所有年齡層。Toast 出現(xiàn)又自動(dòng)消失的交互體驗(yàn)，用戶會(huì)感到不可控，尤其是對(duì)大齡、老齡的用戶不夠友好。
• 也有悖于 iOS 人機(jī)交互指南中提到的「用戶控制」這一原則，我想這也是 iOS 設(shè)計(jì)語言沒有 Toast 這種控件的原因之一吧。
• 而模態(tài)對(duì)話框雖然干擾性較強(qiáng)，但用戶可以隨時(shí)控制，在使用過程中是用戶掌握主導(dǎo)權(quán)。

補(bǔ)充：Toast 這一控件，原是 Android 系統(tǒng)的控件。但自 Android 5.0 推出原質(zhì)化設(shè)計(jì)后，Toast 就被弱化，而是將 Snackbar 作為官方推薦的控件。如今在 Material Design 中更是找不到 Toast 的蹤影。主要原因還是 Snackbar 在交互友好性方面比 Toast 要好，例如：支持手勢(shì)交互、支持與 CoordinatorLayout 聯(lián)動(dòng)等。

因?yàn)楝F(xiàn)在大多數(shù)的PM/交互/UI設(shè)計(jì)師，在設(shè)計(jì)產(chǎn)品的時(shí)候都是以iOS為基準(zhǔn) 思考產(chǎn)品上的各種功能邏輯、交互狀態(tài)，而很容易忽略了某些功能在Android里并不能“一稿適應(yīng)兩端”，部分產(chǎn)品差異在安卓上是不一樣的。

所以本文就講下Android和iOS 10大產(chǎn)品/交互差異，希望你在日后的產(chǎn)品設(shè)計(jì)時(shí)，可以考慮到更多層面的知識(shí)點(diǎn)（可能在某些安卓高級(jí)機(jī)型里并不通用）.

01 虛擬商品 支付規(guī)則和方式的不同

1. 支付規(guī)則

對(duì)在于一些虛擬商品的支付上，如vip會(huì)員、xx幣，xx豆。iOS和Android就存在不同的支付規(guī)則：Android基本無限制，無抽成。而iOS限制比較多，而且要抽成大約30%的手續(xù)費(fèi)。

舉個(gè)例子：同樣充值30元，Android端會(huì)得到300金幣，而在iOS中，只有210金幣。正因這個(gè)抽成規(guī)則的不同（沒辦法，這是蘋果硬性規(guī)定的），才會(huì)出現(xiàn)各種平臺(tái)的虛擬貨幣，在Android和iOS中的充值比例是不一樣的，如快手：

所以對(duì)于虛擬商品在iOS端的抽成規(guī)則，在產(chǎn)品設(shè)計(jì)時(shí)一定得考慮清楚，因?yàn)檫@關(guān)系產(chǎn)品的商業(yè)和盈利模式。通常有2種解決思路：

A. 讓用戶承擔(dān)30%的抽成

a. 同樣的價(jià)格，iOS用戶得到的商品少些

如同樣充值30元，Android端會(huì)得到300金幣，而在iOS中，只有210金幣。像快抖音、陌陌等各種貨幣充值。

b. 同樣的商品，iOS用戶支付更高的費(fèi)用

如3個(gè)月的vip會(huì)員，Android端定價(jià)是58元，iOS端則可以設(shè)為68元。如優(yōu)酷、騰訊視頻的vip會(huì)員價(jià)格。

B. 公司自己承擔(dān)30%的抽成

如iOS端充值30元，公司實(shí)收21元，但iOS用戶能得到和Android一樣的300個(gè)金幣（理論上是有這個(gè)解決思路，但現(xiàn)實(shí)中很少有公司去實(shí)現(xiàn)，畢竟抽成成本就擺在那里）.

另外還需要注意的是：因?yàn)槌槌梢?guī)則的不同，對(duì)于同一個(gè)ID的賬戶余額，在Android和iOS端中是不能通用的。因此在產(chǎn)品設(shè)計(jì)時(shí)需要將這個(gè)點(diǎn)告知用戶，預(yù)防用戶犯錯(cuò)、以及惡意刷幣。

2. 支付方式

Android由于開源的特性，因此對(duì)接的都是第三方支付平臺(tái)，如微信支付、支付寶、銀聯(lián)卡等。

而iOS出于系統(tǒng)的封閉性和安全性考慮，只能調(diào)用蘋果自己的支付系統(tǒng)：登錄APPle ID，然后用授權(quán)的支付方式（支付寶、銀聯(lián)卡）進(jìn)行付款。

02 狀態(tài)欄交互的不同

“狀態(tài)欄”也就是我們手機(jī)界面最頂部的電池欄，它除了可以在不同背景里切換顏色外，在交互的觸發(fā)上，Android和iOS中也各不相同。

• iOS：用戶在Y軸滾動(dòng)了很長(zhǎng)內(nèi)容時(shí)，點(diǎn)擊狀態(tài)欄可以快速回到初始位置。
• Android：無論用戶滾動(dòng)了多長(zhǎng)內(nèi)容，都是點(diǎn)擊無任何效果。

雖然這一交互差異是iOS專有的，但它卻啟發(fā)我們一個(gè)新的設(shè)計(jì)思路：在必要的時(shí)候，狀態(tài)欄可以為產(chǎn)品承載新的交互狀態(tài)。如網(wǎng)易的LOFTER（iOS端），用戶離開音樂播放界面時(shí)，狀態(tài)欄就用于顯示音樂信息和操作入口，方便用戶在瀏覽其他內(nèi)容時(shí)可以快速關(guān)閉音樂時(shí)，極大提升了用戶的操作效率。

03 下載方式和狀態(tài)的不同

這種大多應(yīng)用于運(yùn)營(yíng)的“拉新”場(chǎng)景，為了能新用戶得到好處（紅包、優(yōu)惠券、更好看的內(nèi)容等）。通常會(huì)讓新用戶下載產(chǎn)品APP領(lǐng)取。而由于Android與iOS的下載方式不同，會(huì)帶來不同的交互狀態(tài)和產(chǎn)品邏輯。

Android

可以在當(dāng)前頁面（后臺(tái)）下載，也可以在應(yīng)用商店下載；過程中可以顯示進(jìn)度，且允許用戶暫停下載；下載完成后調(diào)起安裝頁面，用戶可以取消安裝，也可以自動(dòng)安裝…

正因?yàn)锳ndroid下載軟件的各種便捷性，所以才會(huì)帶來各種交互狀態(tài)：未下載、下載中、暫停中、已下載但未安裝、已安裝。這些都是交互設(shè)計(jì)師需要特別注意的，每個(gè)不同的狀態(tài)背后都會(huì)不同的產(chǎn)品邏輯。

iOS

只能跳轉(zhuǎn)到App Store里下載，所有下載流程和狀態(tài)都是在那完成的，可以脫離開活動(dòng)頁面，相比于Android的下載方式就簡(jiǎn)單很多。跳轉(zhuǎn)的方式可以是全屏幕，也可以是半屏。

04 軟件更新方式的不同

Android

由于安卓的開源特性，當(dāng)有新版本時(shí)都會(huì)提示用戶更新，且每個(gè)產(chǎn)品內(nèi)部都帶有“版本更新”入口。而更新的方式可分2種：

1. 引導(dǎo)更新：彈出提示讓用戶更新APP，用戶點(diǎn)擊“更新”按鈕前往應(yīng)用商店更新、或者在當(dāng)前頁面更新并顯示下載進(jìn)度。
2. 強(qiáng)制更新：也是先提示用戶更新，只不過用戶點(diǎn)擊“更新”按鈕，即調(diào)起軟件安裝頁面。（前提是產(chǎn)品已在用戶處于wifi模式下，將安裝包已下載完成）

iOS

而iOS端出于對(duì)用戶體驗(yàn)的考慮，是禁止向用戶提示版本更新信息的。這也是為什么絕大部分的iOS產(chǎn)品，都是沒有“版本更新”入口的原因（像QQ、支付寶、百度網(wǎng)盤等大廠產(chǎn)品）。即使有，點(diǎn)擊了也直接跳轉(zhuǎn)到App Store查看版本情況。

且下載渠道都固定在App Store里。理所應(yīng)當(dāng)?shù)?，軟件的更新方式也只能在App Store里進(jìn)行，無法做到與Android的一樣做到后臺(tái)下載、后臺(tái)更新。

05 文字發(fā)送指令 位置的不同

在手機(jī)鍵盤里輸入文字時(shí)，iOS由于系統(tǒng)的限制，對(duì)文字的發(fā)送指令只能在鍵盤上來完成，因此iOS用戶的交互操作都全部集中在鍵盤右下角。

而Android端就靈活很多，不僅可以在鍵盤上執(zhí)行發(fā)送指令，也可以在輸入欄/搜索欄周邊新增操作入口。

06 退出浮層列表的不同

長(zhǎng)按一張圖片后，都會(huì)彈出一個(gè)列表浮層，因?yàn)閕OS手機(jī)只有一個(gè)“Home鍵”而已，為方便用戶退出浮層才增加了“取消”入口。

而Android手機(jī)本來就有“返回”虛擬鍵，安卓用戶的退出/返回行為都習(xí)慣于通過虛擬鍵觸發(fā)，所以多做一個(gè)“取消”的意義性不大。

07 刪除方式的不同

iOS端一直教育著用戶使用“左滑”刪除列表信息，所有的刪除功能都是支持“左滑”來實(shí)現(xiàn)的。

而Android系統(tǒng)大部分只能通過“長(zhǎng)按”來觸發(fā)編輯狀態(tài)，其中就包括了刪除功能。不過現(xiàn)在也有極少數(shù)的產(chǎn)品，正在逐漸打破這兩端間的“刪減”界限，比如網(wǎng)易郵箱（Android）就做到了左滑刪除信息。

08 消息推送機(jī)制的不同

當(dāng)我們第一次打開產(chǎn)品、允許了獲取消息通知的權(quán)限后，所有的信息傳輸都會(huì)基于服務(wù)器進(jìn)行推送。而兩端在這塊的推送機(jī)制又有所不同：

iOS

所有新信息都會(huì)實(shí)時(shí)推送到你的手機(jī)里，即使你關(guān)閉了軟件，還是一樣會(huì)收到提示。就算使你處于斷網(wǎng)狀態(tài)，信息也會(huì)先儲(chǔ)存于蘋果服務(wù)器，等你聯(lián)網(wǎng)時(shí)再一次性把收到的信息推送給你。既釋放手機(jī)內(nèi)存，又不會(huì)讓用戶遺漏有新消息。

Android

而安卓則不同，你若退出了產(chǎn)品，數(shù)據(jù)的推送只有等你再次打開產(chǎn)品時(shí)，才會(huì)通知你有多少新信息。雖然減少了對(duì)用戶的干擾性，但也增加了服務(wù)器數(shù)據(jù)儲(chǔ)存的壓力，還容易耽誤用戶接收新消息。

09 復(fù)制文字后，剪切板狀態(tài)的不同

也就是我們手機(jī)的輸入法鍵盤，在微信聊天內(nèi)、手機(jī)短信里復(fù)制了一段內(nèi)容后，由于Android與iOS的平臺(tái)特性差異，會(huì)給兩端用戶帶來了不同的交互差異。

iOS

復(fù)制完文字后，打開輸入法鍵盤會(huì)顯示來自剪切板的文字內(nèi)容。用戶只需點(diǎn)擊，即可將文字復(fù)制在搜索欄、輸入欄等需要文字填寫的操作區(qū)域里，無需觸發(fā)“粘貼”操作。

Android

而有些安卓機(jī)（如小米/錘子/樂視等)，無論你復(fù)制了什么信息（文字、數(shù)字、網(wǎng)址等），都很難實(shí)現(xiàn)輸入法里的“剪切板”功能。用戶需要觸發(fā)“粘貼”功能，才能輸入將剛剛的復(fù)制內(nèi)容。

而對(duì)于特定的信息類型：如網(wǎng)址。用戶復(fù)制網(wǎng)址往往都帶有極強(qiáng)的目標(biāo)性、搜索性，一些瀏覽器產(chǎn)品會(huì)預(yù)判用戶這一操作行為，將復(fù)制的網(wǎng)址前置展示出來，以抵消Android端對(duì)于復(fù)制文字帶來的系統(tǒng)限制。如QQ瀏覽器（安卓端）就有2種解法方法：

• 方法1：利用安卓系統(tǒng)的消息權(quán)限，在手機(jī)界面的頂部彈出網(wǎng)址欄提示，無論是在微信還是短信中，復(fù)制網(wǎng)址后都能快速地觸達(dá)目標(biāo)。
• 方法2：復(fù)制網(wǎng)址后打開搜索功能，會(huì)將網(wǎng)址自動(dòng)定位并粘貼到搜索欄中，便于用戶查詢。

而UC和百度也有類似的解決辦法：將復(fù)制后的廣泛信息（文字/數(shù)字/網(wǎng)址/郵箱地址等等）嵌入在搜索框下方，用戶點(diǎn)擊就能搜索。

這也是一種妥當(dāng)?shù)慕鉀Q方法，因?yàn)橛脩艨蓮?fù)制的信息類型特別廣泛、目標(biāo)不是很清晰。無法準(zhǔn)確判斷出用戶一定會(huì)有搜索訴求。所以才將復(fù)制后的信息放在搜索框下面，而不是自動(dòng)粘貼到搜索框中，既考慮了用戶目標(biāo)，又兼顧了操作效率。

總結(jié)

以上就是Android與iOS的差異總結(jié)，若有描述得不當(dāng)請(qǐng)多指教！下面是總結(jié)文件。

文章來源：人人都是產(chǎn)品經(jīng)理

有理有據(jù)，有面有料，是一個(gè)設(shè)計(jì)作品的專業(yè)體現(xiàn)。之前花了四篇小文（鏈接在文末），講述如何提升設(shè)計(jì)師設(shè)計(jì)作品的內(nèi)在含金量和外在形式感，今天，我們將用最后的篇幅，聊聊如何給設(shè)計(jì)作品創(chuàng)造一個(gè)盡可能完美的終局——交互文檔的細(xì)節(jié)。

千里之堤毀于蟻穴，再專業(yè)的交互設(shè)計(jì)，如果在后期交付時(shí)頻繁出現(xiàn)細(xì)節(jié)的缺失和補(bǔ)充，其實(shí)還是很容易遭受研發(fā)和測(cè)試同學(xué)diss的。甚至有可能因?yàn)橐粋€(gè)細(xì)節(jié)的疏忽，導(dǎo)致整體交互方案的崩盤，不得不從頭再來。

如果研發(fā)過程中發(fā)生這樣的設(shè)計(jì)事故，其實(shí)是非常影響團(tuán)隊(duì)士氣和個(gè)人專業(yè)影響力的。

設(shè)計(jì)細(xì)節(jié)篇，分兩個(gè)維度來闡述，一個(gè)是文檔外,一個(gè)是文檔內(nèi)。

文檔外，其實(shí)是要回歸設(shè)計(jì)的初衷，很多設(shè)計(jì)師包括我自己，設(shè)計(jì)久了，總愿意把自己當(dāng)作是用戶的代言人，盡可能的為用戶體驗(yàn)著想，絞盡腦汁的尋求最佳體驗(yàn)的設(shè)計(jì)，并以此為傲。

這如果是在產(chǎn)品發(fā)展的成熟期，功能相對(duì)穩(wěn)定，體驗(yàn)同質(zhì)化嚴(yán)重，這個(gè)時(shí)候追求的體驗(yàn)，尋求體驗(yàn)的突破是非常有意義的，可以讓產(chǎn)品獲得更多的口碑，從而帶來更多的用戶和收益。

但是如果是在探索期和成長(zhǎng)期，過度的追求單一維度的體驗(yàn)，可能反而會(huì)成為一種產(chǎn)品發(fā)展的桎梏，阻礙產(chǎn)品的成長(zhǎng)，而在衰退期追求的體驗(yàn)，則完全背離了公司作為商業(yè)組織的利益點(diǎn)，會(huì)顯得和整個(gè)項(xiàng)目組格格不入。

產(chǎn)品生命周期與用戶體驗(yàn)要求

所以對(duì)于探索期和衰退期的產(chǎn)品來說，設(shè)計(jì)師要盡可能考慮商業(yè)性和技術(shù)可行性。用最小的設(shè)計(jì)代價(jià)，快速的迭代，完成產(chǎn)品的目標(biāo)（驗(yàn)證價(jià)值或解決問題）。

如果設(shè)計(jì)師在這兩個(gè)階段太揪細(xì)節(jié)，可能會(huì)因?yàn)榈貌坏巾?xiàng)目的支持而心灰意冷。

技術(shù)可行性和商業(yè)收益，不是我們所擅長(zhǎng)的領(lǐng)域，通過前面的設(shè)計(jì)法則和用戶埋點(diǎn)也不能準(zhǔn)確推算，所以還需及時(shí)向技術(shù)及商務(wù)同學(xué)確認(rèn)，別人家能做的產(chǎn)品形態(tài)，咱們家技術(shù)框架不一定支持。別人家能做的精簡(jiǎn)，可能會(huì)損害咱們家的主營(yíng)業(yè)務(wù)。

涉及到這兩點(diǎn)，除非有自上而下的旨意，否則單憑設(shè)計(jì)之力無異于蚍蜉撼樹，很容易讓自己費(fèi)力不討好。

文檔內(nèi)的交互細(xì)節(jié)，主要在于文檔的完整性和閱讀體驗(yàn)，既要面面俱到，又要清晰簡(jiǎn)潔。

面面俱到是指要盡量包含所有流程、頁面及狀態(tài)，避免遺漏。它體現(xiàn)了一個(gè)交互設(shè)計(jì)師設(shè)計(jì)思維的嚴(yán)謹(jǐn)性和設(shè)計(jì)態(tài)度。

網(wǎng)上有很多關(guān)于交互走查表的模板，非常的全面，但就是因?yàn)樘^全面，反而讓很多新人設(shè)計(jì)師望而生畏，避而遠(yuǎn)之，這就失去了交互走查表本身的意義。

我認(rèn)為，交互走查表其實(shí)就是提供給設(shè)計(jì)師的一份幫助文檔，大家都知道在設(shè)計(jì)的時(shí)候，提示要盡可能的簡(jiǎn)短，要適時(shí)出現(xiàn)，要清晰簡(jiǎn)潔，遺憾的是我看到的交互走查表往往都不滿足這一條。

冗長(zhǎng)的交互走查表，就像是冗長(zhǎng)的幫助文檔一樣，把責(zé)任都推給了設(shè)計(jì)師，仿佛在說：誰讓你不按照我逐條檢查呢？

如果出現(xiàn)細(xì)節(jié)的遺漏，就變成了設(shè)計(jì)師自己的錯(cuò)。

誰都不想遺漏，但是后期設(shè)計(jì)時(shí)間往往真的就很緊迫，設(shè)計(jì)師除了細(xì)節(jié)的補(bǔ)充，可能還有其他很多任務(wù)需要做，大家只是想確認(rèn)一下而已，哪有時(shí)間和精力去看那么冗長(zhǎng)的“幫助文檔”。

所以發(fā)揮一下設(shè)計(jì)師的同理心，根據(jù)二八原則，80%設(shè)計(jì)師可能遺漏的問題都只是認(rèn)知走查表里20%的內(nèi)容，這20%的內(nèi)容也真正意義上影響我們80%的用戶和體驗(yàn)，是設(shè)計(jì)者最為關(guān)心的。

那么，我們是不是先把這20%的設(shè)計(jì)解決好呢？這才是真正急設(shè)計(jì)師之所急，站在設(shè)計(jì)師的角度考慮問題。

所以本文精心篩選出最容易被大家所忽略，且大多數(shù)設(shè)計(jì)又必須要考慮的異常分支，為大家整理了一份《設(shè)計(jì)細(xì)節(jié)check表》，以確保主體流程的主要設(shè)計(jì)“面面俱到”。（流程設(shè)計(jì)、布局設(shè)計(jì)，以及互動(dòng)設(shè)計(jì)，如果大家在前期有遵守對(duì)應(yīng)的設(shè)計(jì)原則，再加上數(shù)據(jù)的支持，應(yīng)該大方向都是正確的。我也希望大家盡量通過前期的理論和數(shù)據(jù)，去保證流程和整體設(shè)計(jì)的正確性，而不是要等到最后細(xì)節(jié)確認(rèn)的時(shí)候，才來審視檢驗(yàn)整體，讓細(xì)節(jié)篇，真的是在完善細(xì)節(jié)。）

設(shè)計(jì)細(xì)節(jié)Check表

我把這份《設(shè)計(jì)細(xì)節(jié)check表》按照從整體到局部進(jìn)行了歸類：

最大的單元是指每個(gè)任務(wù)流程的檢查，然后是頁面單元，因?yàn)轫撁嫔婕暗郊虞d的異常分支比較多，所以單獨(dú)拆出來和頁面狀態(tài)并列分別闡述。最后是組塊單元，主要包括輸入類和非輸入類的組件操作及反饋。

下面我們逐一來看：

一、流程檢查

流程檢查主要包括三點(diǎn)：

1. 和其他相似流程的一致性問題

秉承一致性原則，同一個(gè)產(chǎn)品，能保持一致的地方，要盡可能保持一致。

在實(shí)際項(xiàng)目中，同一個(gè)產(chǎn)品，往往有多個(gè)設(shè)計(jì)師，每個(gè)設(shè)計(jì)師都負(fù)責(zé)相對(duì)獨(dú)立的一大模塊，偶爾就會(huì)涉及到相似功能的設(shè)計(jì)，因?yàn)槭遣煌嗽谶M(jìn)行，所以設(shè)計(jì)出來的形態(tài)就可能不一致；

但對(duì)于用戶來說，使用相似功能的人，往往可能是同一撥人，設(shè)計(jì)的不一致，體驗(yàn)就會(huì)有差異，不僅對(duì)于用戶來說學(xué)習(xí)成本高，而且對(duì)于項(xiàng)目組來說同時(shí)維系兩套不同的設(shè)計(jì)，成本也比較高。

2. 逆向流程標(biāo)注

如果一個(gè)流程的正向流程和逆向流程是完全一致的，一般無需特別說明，但是如果返回時(shí)需要跳過某些頁面或者狀態(tài)快速返回，則需要進(jìn)行特殊標(biāo)注，否則可能會(huì)被研發(fā)同學(xué)遺漏。

3. 流程進(jìn)度的保存機(jī)制

當(dāng)遇到特殊情況，程序崩潰，后臺(tái)殺死，斷電等，進(jìn)度是否能夠能自動(dòng)保存并恢復(fù)，如果需要，就需要考慮恢復(fù)的時(shí)機(jī)和形式。

說完流程，再來說單獨(dú)的頁面。談到頁面時(shí)，首先要談的是加載狀態(tài)，畢竟頁面不是憑空就有的。

二、加載狀態(tài)

加載狀態(tài)主要要考慮以下幾點(diǎn)：

1. 是否預(yù)加載

預(yù)加載的時(shí)機(jī)是什么時(shí)候，預(yù)加載的內(nèi)容有多少？（對(duì)于用戶會(huì)長(zhǎng)時(shí)瀏覽的內(nèi)容，一般建議預(yù)加載，預(yù)加載的內(nèi)容一般會(huì)結(jié)合內(nèi)容大小、瀏覽時(shí)長(zhǎng)、甚至網(wǎng)絡(luò)狀態(tài)綜合決定）

2. 加載前的狀態(tài)

在信息未加載出來前，界面是顯示空白引導(dǎo)，還是默認(rèn)占位符，還是顯示上一次的緩存內(nèi)容？（一般有緩存優(yōu)先顯示緩存，無緩存先顯示默認(rèn)占位符，等內(nèi)容加載完成后再進(jìn)行替換）

3. 加載進(jìn)度顯示

是否顯示加載圖標(biāo)，進(jìn)度條，是否可以取消加載？（一般情況下等待超過0.1s，就能夠被用戶感知到，就建議顯示加載圖標(biāo)，以便用戶知道程序已經(jīng)接收到并在響應(yīng)用戶的操作指令。如果等待超過1秒，就建議顯示進(jìn)度條，并提供取消操作，便于用戶自主控制）

4. 加載機(jī)制

是全部加載，還是分布加載顯示？（一般情況下，在2~3屏內(nèi)的有限內(nèi)容，或者完全非同類的內(nèi)容，是可以一次性全部加載的，因?yàn)橛脩艨赡芫褪菦_著某一類內(nèi)容進(jìn)來的，很可能會(huì)快速滑動(dòng)到目標(biāo)內(nèi)容。

而對(duì)于同類型的圖文信息，而且是內(nèi)容比較多時(shí)，一般都會(huì)采取分布加載的形式，避免浪費(fèi)多數(shù)用戶的流量。

視頻播放機(jī)制、廣告圖片加載等，一般還要考慮網(wǎng)絡(luò)情況，一般WIFI情況下，因?yàn)閷?duì)流量及網(wǎng)速的要求低，所以采用自動(dòng)播放視頻，自動(dòng)顯示圖片、播放廣告等，更容易被用戶所接收）

5. 加載超時(shí)處理

是否自動(dòng)重試加載，何時(shí)進(jìn)行超時(shí)提示等。（很多產(chǎn)品在設(shè)計(jì)時(shí)，如果不是完全無網(wǎng)絡(luò)，僅僅是網(wǎng)絡(luò)信息不穩(wěn)定，會(huì)嘗試自動(dòng)加載，以避免用戶手動(dòng)操作。如果自動(dòng)加載超過上限，才會(huì)提示讓用戶稍后再試）

頁面加載出來后，就要要考頁面本身的狀態(tài)了。

三、頁面狀態(tài)

需要考慮的異常頁面狀態(tài)主要有以下幾種：

1. 無內(nèi)容，或者內(nèi)容被刪除后的空狀態(tài)。（一般會(huì)有一個(gè)默認(rèn)引導(dǎo)圖，告知結(jié)果，并附加鼓勵(lì)操作的行為引導(dǎo)）；
2. 有內(nèi)容時(shí)，且內(nèi)容比較豐富時(shí)，要考慮各種內(nèi)容及條數(shù)的多種組合樣式，特別是極端組合樣式，要檢查一下看起來是否合理，是否影響整體界面樣式；
3. 是否需要新功能引導(dǎo)。比如有新功能，希望用戶嘗試，或這是進(jìn)行設(shè)計(jì)重構(gòu)以后，功能布局發(fā)生了變化，要考慮用戶是否還能找到原來的功能；
4. 頁面時(shí)效性?；顒?dòng)類有時(shí)效性的內(nèi)容，還需要考慮超過有效期后是否顯示，以及如何顯示，一般剛結(jié)束，都需要有一個(gè)收尾頁面，便于用戶查看活動(dòng)結(jié)果?；顒?dòng)下線后可能還有一個(gè)下線不可訪問頁面，引導(dǎo)用戶向其他活動(dòng)，或者其他功能頁面進(jìn)行轉(zhuǎn)移。

考慮完整體頁面后，最后再來考慮一下頁面內(nèi)的組件狀態(tài)。先來看一下輸入類。

四、輸入框/文本框

輸入框/文本框要考慮的主要有三點(diǎn)：

1. 默認(rèn)狀態(tài)。是否有默認(rèn)提示，是僅僅是填寫提示，還是可以直接提交的示范內(nèi)容？（現(xiàn)在越來越多的產(chǎn)品，為了減少用戶的輸入成本，開始在默認(rèn)框中填入示范文本，考慮一下你的產(chǎn)品是否需要）；
2. 不可用狀態(tài)，考慮是否需要；
3. 輸入狀態(tài)及反饋。這個(gè)要考慮的會(huì)多一點(diǎn)，主要包括正確/錯(cuò)誤的實(shí)時(shí)反饋，超過輸入上線時(shí)的處理方式（截?cái)鄌r提示）、輸入非標(biāo)準(zhǔn)字段的包容性，以及輸入內(nèi)容是否實(shí)時(shí)保存。

最后看一下非輸入類的操作組件。

五、文本/圖標(biāo)按鈕、連接誒、可操作的卡片/列表

“文本/圖標(biāo)按鈕、鏈接、可操作的卡片/列表”要考慮一下幾點(diǎn)：

1. 默認(rèn)狀態(tài)。沒什么好說的；
2. 懸停狀態(tài)，是否需要有懸停tips提示，這個(gè)一般只有PC端才有；
3. 按下狀態(tài)，也稱點(diǎn)擊態(tài)。（一般需要設(shè)置單獨(dú)的視覺樣式，以給用戶明確的視覺反饋，正在響應(yīng)用戶的操作）；
4. 彈起狀態(tài)，也稱已點(diǎn)擊或者已查看的狀態(tài)（對(duì)于同類型的多條并列信息，通常建議添加已點(diǎn)擊/查看狀態(tài)，或者返回時(shí)，讓用戶明確點(diǎn)擊的的選項(xiàng)，確認(rèn)瀏覽的進(jìn)度位置）；
5. 不可點(diǎn)擊狀態(tài)。說明不可點(diǎn)擊的條件即可。

如果設(shè)計(jì)完成后，初步檢查以上五項(xiàng)內(nèi)容，基本上可以確定主題流程的主要設(shè)計(jì)內(nèi)容已經(jīng)面面俱到了。

文章來源：人人都是產(chǎn)品經(jīng)理

2019年7月20日，UXRen北京舉辦了《如何通過體驗(yàn)設(shè)計(jì)賦能產(chǎn)品增長(zhǎng)》的沙龍分享，本文基于嘉賓 何曉頔（搜狗高級(jí)用戶研究工程師）的現(xiàn)場(chǎng)分享總結(jié)而成。

何曉頔2015年開始從事用研工作，2018年加入搜狗，目前在搜狗搜索擔(dān)任用戶研究工程師；期間支持搜狗搜索相關(guān)產(chǎn)品的用戶研究工作，完成搜狗閱讀app、搜狗搜索app、搜狗圖片搜索改版研究，搜狗醫(yī)療搜索系列研究，搜狗翻譯app調(diào)研等項(xiàng)目；擅長(zhǎng)全局思考問題，綜合考慮各方訴求，通過研究方法的熟練運(yùn)用，需求的深度解讀，結(jié)果的產(chǎn)出，不斷提升用研的影響力及價(jià)值。

沙龍筆記：

1. 為什么要敏捷用研

由于用研資源的緊張，傳統(tǒng)研究模式周期長(zhǎng)，使得用研游離在項(xiàng)目邊緣，融入難，導(dǎo)致時(shí)效性跟不上整個(gè)項(xiàng)目的推進(jìn)，出現(xiàn)信息不對(duì)等的情況，從而造成研究方向的偏差，而且研究結(jié)果也會(huì)和設(shè)計(jì)、產(chǎn)品的需求脫節(jié)，造成落地難的問題。

敏捷用研可以很好的解決這個(gè)問題，它可以很好地融入在項(xiàng)目的各個(gè)階段中，能夠在3-5天內(nèi)地完成調(diào)研需求，真正融入到整個(gè)項(xiàng)目的流程中，在每個(gè)階段都以結(jié)果導(dǎo)向的解決問題，形成每個(gè)階段的連接器。所以說他以用戶思維為核心，通過用研的驅(qū)動(dòng)性，增加用戶在整個(gè)項(xiàng)目中的參與度和體驗(yàn)感，不僅能夠?qū)崿F(xiàn)成本的減少，還能提高響應(yīng)的效率，實(shí)現(xiàn)信息層面的對(duì)等，還原用戶的真情實(shí)感，性價(jià)比高的同時(shí)還提升了用研的價(jià)值。

敏捷用研可以在敏捷項(xiàng)目的各環(huán)節(jié)中發(fā)揮作用，而且在不同階段可以有針對(duì)性的解決問題。

1. 概念驗(yàn)證：
   在規(guī)劃階段可以進(jìn)行概念的驗(yàn)證，挖掘用戶需求，以矯正概念方向；
2. 方案驗(yàn)證：
   開發(fā)階段可以對(duì)方案進(jìn)行驗(yàn)證，對(duì)方案進(jìn)行優(yōu)化，提升效用；
3. 體驗(yàn)評(píng)估：
   測(cè)試階段可以進(jìn)行體驗(yàn)評(píng)估，以減少產(chǎn)品的使用問題，及時(shí)進(jìn)行優(yōu)化調(diào)整；
4. 改版調(diào)研：
   迭代階段可以進(jìn)行改版測(cè)的調(diào)研，以獲取用戶對(duì)改版效果的評(píng)價(jià)，收集需求，為迭代提供需求輸入。

2. 敏捷用研案例：閱讀書城改版研究

2.1 改版前

需求分析

• 明確改版目標(biāo)：如何提高首頁CTR
• 溝通當(dāng)前產(chǎn)品出現(xiàn)的問題：書城頁改版時(shí)間已久，現(xiàn)有的產(chǎn)品功能及形態(tài)已不能滿足用戶需求

用戶點(diǎn)擊行為研究

• 了解用戶對(duì)舊版書城頁的瀏覽及訪問行為
• 了解首頁各模塊流量分布（點(diǎn)擊熱力圖）

書城結(jié)構(gòu)布局研究

• 分析書城頁的結(jié)構(gòu)布局，產(chǎn)品功能點(diǎn)，產(chǎn)品交互、視覺、運(yùn)營(yíng)亮點(diǎn)
• 找到舊版書城頁問題
• 競(jìng)品分析：QQ閱讀、掌閱、書旗

2.2 改版中

用戶需求挖掘

• 挖掘用戶閱讀小說的習(xí)慣、用戶閱讀的心理模型、用戶找書的場(chǎng)景及途徑
• 用戶在app中找書的痛點(diǎn)，探索可能的機(jī)會(huì)點(diǎn)
• 方法：用戶體驗(yàn)地圖

搜索行為探索

• 用戶搜索時(shí)找書難、模糊搜索找不到書
• 了解用戶日搜索query分類、 query與書單的匹配度，搜索請(qǐng)求量等相關(guān)用戶搜索需求

2.3 改版后：改版效果評(píng)估

• 整體CTR改版效果
• 各改版模塊CTR

2.4 項(xiàng)目合作模式

3.   敏捷用研經(jīng)驗(yàn)

3.1 招募策略——健全流程

招募問卷設(shè)計(jì)

• 招募問卷模板化
• 設(shè)置預(yù)先摸底的問題

招募渠道

• 充分利用用戶群
• 完善內(nèi)部招募渠道
• 周圍朋友

招募用戶特征及數(shù)量

• 根據(jù)實(shí)時(shí)調(diào)研結(jié)論，不斷調(diào)整
• 5個(gè)用戶為基礎(chǔ)，隨著研究需要逐漸增加

獎(jiǎng)勵(lì)機(jī)制

• 在能力范圍內(nèi)，提供有一定吸引力的獎(jiǎng)品

3.2 研究策略——模板化、透明化

模板化：搭建問題包，分門別類、系統(tǒng)整理，隨時(shí)調(diào)用、整合

• 訪談提綱設(shè)計(jì)模板化
• 問卷設(shè)計(jì)模板化
• 數(shù)據(jù)分析模板化

過程透明：邊訪談邊總結(jié)，根據(jù)需求，隨時(shí)調(diào)整、直到數(shù)據(jù)樣本趨于穩(wěn)定

3.3 溝通策略——循序漸進(jìn)

結(jié)合迭代研究模式，從小范圍調(diào)研起步，與客戶及時(shí)共享研究進(jìn)度和成果，循序漸進(jìn)：

• 隨時(shí)響應(yīng)
• 盡早匯報(bào)
• 持續(xù)溝通
• 忽略形式

3.4  參與策略

• 全民調(diào)研，整合設(shè)計(jì)和產(chǎn)品資源，配合進(jìn)行研究，提升效率

3.5 小結(jié)

敏捷調(diào)研不是為了快而快，而是快速解決產(chǎn)品需求和設(shè)計(jì)問題打造好的體驗(yàn)！

【Q&A】 寶珠、殷朝、何曉頔答現(xiàn)場(chǎng)觀眾問

問題1：內(nèi)部用戶招募。國(guó)企，公司logo優(yōu)化調(diào)研， 因?yàn)闀r(shí)間和成本的關(guān)系，邀約的是公司的內(nèi)部員工（年齡集中在40-50歲區(qū)間段），調(diào)研的結(jié)果內(nèi)部員工更偏好原logo的微小變化的版本，與設(shè)計(jì)方期望差別非常大，想知道是否是不應(yīng)該找內(nèi)部員工測(cè)試。

回答：就上述問題，不建議找內(nèi)部員工測(cè)試。

內(nèi)部招募是一種短平快的用戶招聘渠道，但是，

1. 內(nèi)部招募需要考慮公司的特點(diǎn)和情況，內(nèi)部招募更多適用于內(nèi)部用戶與實(shí)際用戶層貼合度高的情況，且如果調(diào)研方有資源，對(duì)時(shí)間成本要求不是非常高的情況下，還是建議找真實(shí)的潛在的用戶。
2. 內(nèi)部招募需要考慮測(cè)試內(nèi)容和人口學(xué)的關(guān)系，比如上述調(diào)研的問題在于logo類調(diào)研不適宜找內(nèi)部員工做調(diào)研，因?yàn)閷?duì)品牌認(rèn)知評(píng)價(jià)來講，公司員工的屬性本身就是一種較大的影響變量，會(huì)影響品牌認(rèn)知評(píng)價(jià)判斷。

問題2：概念測(cè)試。概念型產(chǎn)品可以用電話訪談的形式進(jìn)行測(cè)試么

回答：概念型產(chǎn)品，由于屬于市場(chǎng)上未出現(xiàn)產(chǎn)品，很難在電話中通過語言描述的方式讓用戶理解和想象出來，因此，概念類測(cè)試不建議用問卷和電話訪談的方式，建議通過面對(duì)面訪談+高保真原型展示的方式進(jìn)行測(cè)試，如果實(shí)在滿足不了高保真，哪怕線框的示意圖都比單薄的語言描述更強(qiáng)。

問題3：用研考核機(jī)制。用研的輸出建議，有些被采納，有些不被采納，采納的建議到產(chǎn)品成型很多已不是建議的“原型”了，如何衡量用研結(jié)果的直接作用。

回答：

1. 擺正心態(tài)，用研不是萬能的，是用戶和公司之間能保持連接的紐帶，用戶側(cè)的信息輸出，建議采納過程中需求方需要考慮的問題很多，產(chǎn)品KPI、產(chǎn)品的方向、設(shè)計(jì)的合理性、開發(fā)資源等等。
2. 用研和需求方之間不是對(duì)立的，衡量用研結(jié)果的價(jià)值不應(yīng)該是去“搶功勞”，跟合作方在價(jià)值上“分清楚”來證明自己的價(jià)值，而是與你的合作方“和諧相處”，通過“共創(chuàng)式研究”，以共贏的方式分享結(jié)果。
3. 用研KPI設(shè)定：
   1）資源角度，KPI定為服務(wù)滿意度，即把自己當(dāng)做“甲方”里的“乙方”，需求方給用研的滿意度評(píng)價(jià)（如郵件、正式的夸張、滿意度調(diào)研，不限形式）；
   

1. 2）OKR的角度，用研的核心價(jià)值為“洞察”，回溯哪些洞察結(jié)果可以服務(wù)到公司的大目標(biāo)上。這里依然需要注意的是，用研的定位更多為服務(wù)型的“資源”，“資源”必須嫁接在業(yè)務(wù)上，不要隔離業(yè)務(wù)衡量用研的價(jià)值，用研的價(jià)值更多體現(xiàn)上幫助其他部門做“洞察”上，無法決策后期需求方的產(chǎn)出方向，但只要是“有意義的洞察”都是有價(jià)值的。                文章來源：uxren

映射-Mapping

在去餐廳用餐之前，我們還有些時(shí)間再了解一項(xiàng)基礎(chǔ)設(shè)計(jì)原理。讓我們回頭看看在「鄰近性」原理當(dāng)中提到的燈光明暗控制開關(guān)。你能僅通過最左側(cè)這個(gè)開關(guān)的樣式看出它所控制的燈光明暗度嗎？

如下圖這樣又如何？

我們之所以能從后者當(dāng)中進(jìn)行判斷，所依據(jù)的就是映射關(guān)系。所謂「映射」，即是指，將被控對(duì)象的行為規(guī)律體現(xiàn)到控件自身的操作方式中，譬如開關(guān)把手的上升和下降，對(duì)應(yīng)著燈光亮度的升高和降低。

映射同樣體現(xiàn)在多個(gè)控件的布局當(dāng)中，它們的次序應(yīng)該能夠反映出多個(gè)被控對(duì)象之間的相對(duì)位置關(guān)系。

我們假設(shè)這三個(gè)開關(guān)用于控制臥室天花板上的三盞燈。依據(jù)映射關(guān)系而設(shè)計(jì)的開關(guān)位置應(yīng)該能夠幫助人們快速判斷出它們各自控制著哪一盞燈。映射原理有助于設(shè)計(jì)師對(duì)控件的類型、位置和次序進(jìn)行決策。

當(dāng)映射關(guān)系不明確時(shí)，我們通常需要依靠文本標(biāo)簽才能理解開關(guān)與燈之間的對(duì)應(yīng)關(guān)系。這并非完美的解決方案，因?yàn)殚喿x和理解文字需要花費(fèi)時(shí)間和精力，同時(shí)人們也難以依靠記憶進(jìn)行快速操作。

在界面設(shè)計(jì)當(dāng)中，映射關(guān)系也體現(xiàn)在控件類型的選擇上。例如通過滑塊（slider）控制文本的橫向字間距就是很符合直覺的交互方式。而相比于滑塊或是步進(jìn)控件（stepper），旋鈕則更適于旋轉(zhuǎn)操作。

當(dāng)然，最直接的映射才是最好的映射。為人們提供直接操作目標(biāo)對(duì)象的能力是最為簡(jiǎn)單、精準(zhǔn)、符合直覺的解決方案。macOS 上的鼠標(biāo)指針操作，或 iOS 當(dāng)中的手勢(shì)操作，都可以為人們帶來直接操作的體驗(yàn)。

可供性-Affordance

不知各位如何，我是很餓了，這就準(zhǔn)備下樓去吃飯。我們?cè)诖筇靡?，然后一起去餐廳。

坐在餐桌前，你會(huì)看到面前擺放著一個(gè)空盤子。我們能用這個(gè)盤子做什么？顯然，放些食物在里面。除此之外呢？

盤子很光滑，可以旋轉(zhuǎn)或是滑來滑去。

盤子有一圈寬邊，可以抓著拎起來。

我們對(duì)于如何與這個(gè)盤子進(jìn)行互動(dòng)的觀點(diǎn)便是可供性的體現(xiàn)。換句話說，盤子的外形特征為我們提供了如何與之進(jìn)行互動(dòng)的視覺及觸覺線索，使我們意識(shí)到哪些交互行為可行，哪些不可行。我們會(huì)意識(shí)到要將食物放進(jìn)去，或是將它滑到其他地方。但我們通常不會(huì)想要倒水進(jìn)去，然后端起來喝。

可供性并非物體自身所具備的屬性，它更多是在代表行為主體與目標(biāo)對(duì)象之間的互動(dòng)關(guān)系?？晒┬詴?huì)因行為主體的差異而有所不同。舉個(gè)極端些的例子，對(duì)我而言，飛盤可以用來抓住或扔出去，而對(duì)我的狗來說，飛盤就是單單用來叼的。不過另一方面，碟子對(duì)我和我的狗來說都是用來盛放食物的。

由于可供性所具有的主觀特性，一個(gè)人能感知到的交互特性在另一個(gè)人看來則未必如此。當(dāng)可供性所傳達(dá)的交互特性與人們的常規(guī)行為有著高度關(guān)聯(lián)時(shí)，人們會(huì)更加容易感知到。

例如，我其實(shí)可以把碟子當(dāng)作茶托，這會(huì)是個(gè)不錯(cuò)的茶托。但我猜我們大家日常很少真的這樣去做，因此我會(huì)更樂于將碟子視為盛放食物的容器，而非將水杯放在里面。

我們能從我們所互動(dòng)過的任何環(huán)境及事物當(dāng)中感知到可達(dá)性。當(dāng)我們走進(jìn)餐廳時(shí)，門的大小及形狀可以傳達(dá)出供人穿過的特性，連續(xù)的地面使我們意識(shí)到可以在上面安穩(wěn)地行走。

椅子的造型暗示我們可以坐下，桌子的構(gòu)造令我們明白可以將物品擺放在上面。

人造物品當(dāng)中都包含有傳達(dá)可供性的視覺線索，使人們明白哪些行為可行。清晰的、顯而易見的視覺線索可以幫助人們迅速了解如何與之進(jìn)行互動(dòng)。

對(duì)于 app 界面設(shè)計(jì)而言也是同樣的道理?；瑝K控件由把手和滑軌構(gòu)成，暗示著拖拽的特性。

旋鈕的樣式意味著可以旋轉(zhuǎn)。

按鈕則一目了然地傳達(dá)著可點(diǎn)擊的特征。

在以上每一個(gè)例子當(dāng)中，可供性的傳達(dá)效率都是極高的。事實(shí)上，隨著時(shí)間的推移，我們會(huì)越發(fā)適應(yīng)于抽象度不斷提升的可供性傳達(dá)形式。我們所熟悉的界面當(dāng)中的按鈕，無非是現(xiàn)實(shí)世界里真實(shí)按鈕的高度抽象化版本；那四個(gè)圓角足以將虛擬與現(xiàn)實(shí)兩個(gè)版本的同一種物體關(guān)聯(lián)起來。

同理，滑塊把手周圍那細(xì)微的投影效果也足以讓我們意識(shí)到其獨(dú)立于滑軌之上的操作特性。

而且，僅有的這一點(diǎn)點(diǎn)視覺線索可能都不是必需的，對(duì)于很多人來說，一條直線上的一個(gè)實(shí)心圓足矣傳達(dá)滑動(dòng)操作的可供性了。

有時(shí)候，可供性也可以通過動(dòng)效進(jìn)行傳達(dá)。在天氣 app 中點(diǎn)擊主體內(nèi)容，界面整體便會(huì)稍稍上升，暗示著可以通過滾屏來查看更多內(nèi)容。

無論你使用何種方法，都必須確保 app 界面能夠清晰準(zhǔn)確地傳達(dá)其自身的交互特性，否則，人們將困惑于如何與之互動(dòng)。他們很可能會(huì)以錯(cuò)誤的方式進(jìn)行操作，然后發(fā)現(xiàn)無果，進(jìn)而將控件理解成不可交互的元素，app 的可用性也會(huì)因此而受損。

原型的不同階段，含義和作用也各不相同，更加認(rèn)清了原型在工作中的用途，希望對(duì)各位也有所幫助~

不知你有沒有這樣的經(jīng)歷：為了不讓原型看起來丑，會(huì)糾結(jié)各種細(xì)節(jié)處理（間距、大?。?，結(jié)果造成工作周期延長(zhǎng)，精力損失；為了讓原型接近于真實(shí)效果，會(huì)思考各種精致布局，結(jié)果leader來一句‘你現(xiàn)在做這么好看干嘛，這個(gè)功能都沒確定好’....在各種階段畫出了不合適的原型。

所以今天想聊聊‘交互原型’這一話題，也算是對(duì)自己成長(zhǎng)的一個(gè)總結(jié)和沉淀。

文章目錄：

·原型的不同階段

·原型與用戶體驗(yàn)的5個(gè)層面

·原型產(chǎn)出的原則

Part1：原型的不同階段

其實(shí)我覺得畫原型和做設(shè)計(jì)的理念是一樣的：沒有好壞，只有是否合適~

當(dāng)產(chǎn)品經(jīng)理/交互設(shè)計(jì)師沒認(rèn)清當(dāng)前的需求階段時(shí)，無論你畫的好不好看，都會(huì)出現(xiàn)一些糟糕的現(xiàn)象：一開始就注重細(xì)節(jié)處理、在原型需要重點(diǎn)輸出時(shí)，又忽略功能與邏輯上的思考、在功能未確定時(shí)追求精致頁面效果...

下面是我對(duì)‘原型’的理解，所繪制用于表示不同階段下的需求特征。

01.想法階段：

在產(chǎn)品需求的初始階段，功能概念都比較模糊，大部分想法都停留在腦海和口述上（工作中典型的場(chǎng)景，如團(tuán)隊(duì)風(fēng)暴、需求討論、會(huì)議評(píng)審）。需要我們不停地理清概念想法，驗(yàn)證需求的合理性、目標(biāo)是否正確。

所以這個(gè)階段的強(qiáng)調(diào)是：產(chǎn)品雛形 - 將我們的想法、概念需求可視化出來，并加以討論驗(yàn)證。因此，最合適的方式就是用‘草圖’表達(dá)，快速產(chǎn)出快速修改，能即時(shí)看見產(chǎn)品的雛形。

常用‘草圖’勾勒產(chǎn)品雛形，除了可以表達(dá)想法、探索方向外，好處還在于：

a. 能提升你快速思考、驗(yàn)證假設(shè)、優(yōu)化設(shè)計(jì)流程的能力。

b. 能展示你思考問題的過程（設(shè)計(jì)思維），體現(xiàn)專業(yè)能力。

02.修改階段： 

這階段的產(chǎn)品目標(biāo)和方向較為清晰，接下來需要優(yōu)化原有的概念想法，為產(chǎn)品創(chuàng)建一個(gè)信息架構(gòu)、梳理功能邏輯等工作，方便在需求評(píng)審會(huì)、團(tuán)隊(duì)討論中推動(dòng)產(chǎn)品功能的進(jìn)展。 

該階段強(qiáng)調(diào)：理清目標(biāo) - 根據(jù)用戶訴求、業(yè)務(wù)目標(biāo)、運(yùn)營(yíng)需要等不同目標(biāo)點(diǎn)，逐步梳理出原型上需要展示哪些功能內(nèi)容（界面布局、信息取舍）。

所以對(duì)產(chǎn)品經(jīng)理/交互設(shè)計(jì)師來說，只需產(chǎn)出一個(gè)大體上看得明白、能理清產(chǎn)品功能的‘中保真原型’即可。方便即時(shí)修改，向產(chǎn)品定型/高保真原型過渡。

03.確定階段：

到了這個(gè)階段，產(chǎn)品需求的功能布局、信息設(shè)計(jì)已全部確定，這時(shí)一份全面、嚴(yán)謹(jǐn)?shù)?strong>‘高保真原型’就尤為重要。

一方面可以為視覺同事的UI輸出、開發(fā)的落地實(shí)現(xiàn)等提供依據(jù)。另一方面在各種工作場(chǎng)景中，高保真原型都能發(fā)揮很大的作用，如交互評(píng)審、領(lǐng)導(dǎo)過稿、A/Btest、demo演示等等。

這一階段強(qiáng)調(diào)：細(xì)節(jié)核對(duì) - 因?yàn)殛P(guān)系著UI輸出、界面實(shí)現(xiàn)等工作，所以需要注意各種交互細(xì)節(jié)，以防出現(xiàn)設(shè)計(jì)、流程上的漏洞。

有2個(gè)核對(duì)緯度上的檢查：

a. 規(guī)范對(duì)齊

若團(tuán)隊(duì)內(nèi)部有設(shè)計(jì)規(guī)范時(shí)，一定要對(duì)齊字體大小、顏色、布局、間距等視覺元素。且能復(fù)用已有樣式就盡量復(fù)用，避免出現(xiàn)“一個(gè)功能，兩種樣式”的情況，如圖：

b. 交互走查

高保真原型輸出后，需要根據(jù)交互自查表，一一梳理原型說明是否存在漏洞，以防出現(xiàn)異常流程和內(nèi)容狀態(tài)。

另外，當(dāng)你想要獲得用戶反饋、測(cè)試你的想法是否為業(yè)務(wù)/用戶創(chuàng)造價(jià)值時(shí)，盡量使用高保真原型。原因在于：能夠產(chǎn)生真實(shí)的操作效果、給用戶帶來‘身臨其境’的瀏覽體驗(yàn)。

最后總結(jié)一下，不同階段的原型用途：

·草圖：快速表達(dá)想法、驗(yàn)證需求、展示思考過程。

·中保真原型：梳理大體產(chǎn)品框架，繼續(xù)優(yōu)化功能。

·高保真原型：為UI輸出與開發(fā)實(shí)現(xiàn)提供依據(jù)、測(cè)試用戶反饋、制作交互demo、向領(lǐng)導(dǎo)過稿等等。

Part2：原型和用戶體驗(yàn)5個(gè)層面

另外我還發(fā)現(xiàn)，結(jié)合‘用戶體驗(yàn)5個(gè)層面’來看不同階段的原型，兩者是多么地吻合、有理有據(jù)。

01.戰(zhàn)略層和范圍層 - 草圖

產(chǎn)品想要做什么？如何去滿足戰(zhàn)略目標(biāo)？在構(gòu)思把目標(biāo)和需求轉(zhuǎn)變成功能和內(nèi)容時(shí)，用草圖的方式是極為合適的：快速表達(dá)、即時(shí)驗(yàn)證，能讓概念想法馬上‘可視化’出來。

02.結(jié)構(gòu)層 - 中保真原型

想法表達(dá)后，需要為產(chǎn)品構(gòu)思一個(gè)具體的框架結(jié)構(gòu)，根據(jù)業(yè)務(wù)目標(biāo)和用戶訴求，不斷地修改產(chǎn)品功能、信息設(shè)計(jì)，慢慢完成產(chǎn)品的定型。所以這時(shí)候只需產(chǎn)出一個(gè)大體上看得懂、方便修改的中保真原型即可。

03.框架層 - 高保真原型

這是原型設(shè)計(jì)的最后階段，產(chǎn)品關(guān)系已理清、功能內(nèi)容已確定。這階段注重原型的界面細(xì)節(jié)處理，如梳理異常流程、信息的不同狀態(tài)、是否對(duì)齊規(guī)范等等，以便后期的界面實(shí)現(xiàn)，所以一份高保真原型就尤為重要了。

04.表現(xiàn)層 - UI效果圖

原型確定后，接下就是UI優(yōu)化階段了，這時(shí)候產(chǎn)品的最終效果也就出來了。產(chǎn)品的下次功能迭代，也是根據(jù)此UI效果圖的基礎(chǔ)上進(jìn)行原型優(yōu)化、修改。

Part3：交互原型的原則

最后簡(jiǎn)單說下，原型產(chǎn)出的幾個(gè)原則：‘使用灰色圖’和‘復(fù)用已有樣式’，避免在今后工作上踩坑：

01.使用灰色圖

原型就要有原型的樣子，大面積的彩色布局，很容易讓人覺得這是UI效果圖（視覺同事可不背這個(gè)鍋），尤其是在交互評(píng)審會(huì)上，這種細(xì)節(jié)更應(yīng)該注意。

02. 復(fù)用已有樣式

這個(gè)上面已經(jīng)說了，能復(fù)用樣式就復(fù)用，避免出現(xiàn)“一個(gè)功能 兩種樣式”的情況，否則和視覺、開發(fā)同事對(duì)接原型時(shí)，會(huì)造成一定的理解干擾。

總結(jié)：

以上對(duì)交互原型的一些見解，若有描述得不當(dāng)請(qǐng)多指教，下面是總結(jié)文件（轉(zhuǎn)發(fā)截圖給我可領(lǐng)取）。

文章來源：UI中國(guó)

作為一個(gè)產(chǎn)品團(tuán)隊(duì)，我們最需要的永遠(yuǎn)都是懂用戶懂需求，并保持不斷的創(chuàng)新力。有贊希望每個(gè)產(chǎn)品人在這里都能足夠發(fā)揮自己的能量，為客戶創(chuàng)造價(jià)值，并獲取價(jià)值。

于是，我們需要一個(gè)大家共同理解、遵循、迭代的《產(chǎn)品設(shè)計(jì)原則》，從而保障我們可以在不偏離的情況下肆意揮灑、充分創(chuàng)新。

原則概要

有贊的《產(chǎn)品設(shè)計(jì)原則》，根據(jù)客戶需求、有贊的使命和愿景、當(dāng)前生態(tài)環(huán)境，以及我們所處的發(fā)展階段擬定，它是每個(gè)有贊產(chǎn)品在設(shè)計(jì)過程中都要遵守的基本原則。我們還會(huì)定期對(duì)其進(jìn)行優(yōu)化和迭代。

它是一個(gè)產(chǎn)品視角的原則，并非完整的市場(chǎng)、運(yùn)營(yíng)或者技術(shù)視角。在產(chǎn)品視角上，我們把產(chǎn)品設(shè)計(jì)過程分成了 4 個(gè)部分：產(chǎn)品定義、產(chǎn)品設(shè)計(jì)、產(chǎn)品研發(fā)、產(chǎn)品運(yùn)營(yíng)。

產(chǎn)品定義：首先是定義客戶和場(chǎng)景，面對(duì)什么樣的客戶，服務(wù)什么樣的場(chǎng)景，它的使用場(chǎng)景是什么；然后是價(jià)值，客戶價(jià)值和商業(yè)價(jià)值；再是全局，要做全局的整體的思考。

產(chǎn)品設(shè)計(jì)：基于場(chǎng)景拆分用戶的使用任務(wù)，任務(wù)再會(huì)拆分為功能和交互、內(nèi)容和信息架構(gòu)，最終把它呈現(xiàn)到界面上。

產(chǎn)品研發(fā)：主要指界面設(shè)計(jì)、技術(shù)研發(fā)，還應(yīng)該有用戶體驗(yàn)及可用性測(cè)試的部分。

產(chǎn)品運(yùn)營(yíng)：產(chǎn)品上線前后的基于產(chǎn)品的運(yùn)營(yíng)計(jì)劃，產(chǎn)品的增長(zhǎng)管理、市場(chǎng)營(yíng)銷、跟用戶之間不斷的互動(dòng)過程。

這 4 個(gè)部分不斷循環(huán)迭代，就是整個(gè)產(chǎn)品設(shè)計(jì)方法的過程。在這個(gè)過程中有贊的產(chǎn)品設(shè)計(jì)原則如下。

產(chǎn)品定義

1. 用戶和場(chǎng)景是一切的基礎(chǔ)

清晰的用戶畫像和使用場(chǎng)景，是整個(gè)產(chǎn)品的基礎(chǔ)條件。

2. 找到用戶價(jià)值和商業(yè)價(jià)值的結(jié)合點(diǎn)

定義一個(gè)新的產(chǎn)品時(shí)必須找到用戶價(jià)值和商業(yè)價(jià)值的結(jié)合點(diǎn)，同時(shí)能夠滿足用戶價(jià)值和商業(yè)價(jià)值的需求通常是最優(yōu)質(zhì)的需求。

3. 設(shè)計(jì)可持續(xù)正向增長(zhǎng)的產(chǎn)品模式

產(chǎn)品模式應(yīng)該是可持續(xù)的、長(zhǎng)期的、正向增長(zhǎng)的，隨著用戶的使用，產(chǎn)品價(jià)值會(huì)越來越高，業(yè)務(wù)增長(zhǎng)會(huì)越來越好，成本增長(zhǎng)不斷下降。并且，給老產(chǎn)品帶來正向增長(zhǎng)的新產(chǎn)品，要比只利用老產(chǎn)品來補(bǔ)給的新產(chǎn)品要好。

產(chǎn)品設(shè)計(jì)

1. 首先要是能夠最小可用的全場(chǎng)景閉環(huán)

商家端的產(chǎn)品要做成全場(chǎng)景、完整業(yè)務(wù)鏈路的閉環(huán)，因?yàn)槿魏我粋€(gè)環(huán)節(jié)的缺失和不完善都會(huì)導(dǎo)致商家的生意無法正常運(yùn)轉(zhuǎn)。

2. 每個(gè)商家都應(yīng)該是獨(dú)立的個(gè)性化的

本質(zhì)上我們的服務(wù)是「在云上為每個(gè)客戶提供了一個(gè)獨(dú)立的產(chǎn)品」，商家都是獨(dú)立的，每一個(gè)商家都有個(gè)性化配置一切的權(quán)利。我們要盡全力去實(shí)現(xiàn)每一個(gè)商家的獨(dú)立和每一個(gè)商家的個(gè)性化，而不是規(guī)定他們一定要怎么樣。

3. 產(chǎn)品結(jié)構(gòu)及呈現(xiàn)方式需要可延續(xù)可拓展

一個(gè)被信任的商業(yè)服務(wù)產(chǎn)品首先應(yīng)該是持續(xù)穩(wěn)定的，產(chǎn)品的結(jié)構(gòu)和呈現(xiàn)方式一旦確定下來，就不能輕易改版。這要求我們的設(shè)計(jì)需要面對(duì)業(yè)務(wù)變化的時(shí)候可延續(xù)，面對(duì)功能和服務(wù)增加的時(shí)候可拓展。

產(chǎn)品研發(fā)

1. 穩(wěn)定壓倒一切

沒有任何東西比 SaaS 的穩(wěn)定重要，宕機(jī)了再好的產(chǎn)品都沒用。會(huì)影響到系統(tǒng)穩(wěn)定的事情不能做。

2. 說人話

說對(duì)方能聽懂的話，做用戶能用明白的產(chǎn)品。不耍專業(yè)，不設(shè)置門檻。

3. 永遠(yuǎn)保持一致的表達(dá)方式

每一處給用戶表達(dá)的內(nèi)容，都需要是一致的，不做多樣化。從開始到結(jié)束，從 A 產(chǎn)品到 B 產(chǎn)品，從界面視覺到文字內(nèi)容，以及標(biāo)點(diǎn)符號(hào)。

產(chǎn)品運(yùn)營(yíng)

1. 不可減少，每個(gè)用戶都重要

新產(chǎn)品不能比老產(chǎn)品的功能少，不應(yīng)該輕易下線產(chǎn)品功能，不降低服務(wù)。不讓少數(shù)服從多數(shù)，每個(gè)用戶的需求和習(xí)慣都是重要的。

2. 先有，再，然后易用，最后好看

有是最基礎(chǔ)的體驗(yàn)，有總比沒有要好。然后使用效率要很高，再然后才是要好用易用，最后才是要好看。當(dāng)然，丑也是不行的。

3. 持續(xù)關(guān)注自己的「孩子」，哪怕她已經(jīng)嫁人

作為一個(gè)產(chǎn)品人，應(yīng)該持續(xù)關(guān)注自己做過的產(chǎn)品，哪怕這個(gè)產(chǎn)品已經(jīng)不歸自己管了，也應(yīng)該經(jīng)常關(guān)注并思考他的發(fā)展和進(jìn)化。

4. 不騷擾用戶，不群發(fā)

我們的責(zé)任是幫助商家成功，不是為了讓我們自己的生意更成功，我們沒有權(quán)利去為了自己的商業(yè)目的不斷騷擾用戶。用戶通常不看系統(tǒng)消息，群發(fā)信息起不到溝通作用。

一些常識(shí)

• 沒有人會(huì)看公告。
• 沒有人會(huì)看系統(tǒng)消息和群發(fā)短信。
• 幾乎沒有人會(huì)改默認(rèn)設(shè)置。
• 習(xí)慣路徑的設(shè)計(jì)，比少一次點(diǎn)擊重要。

有贊產(chǎn)品設(shè)計(jì)原則分享速記

以下是白鴉在有贊內(nèi)部關(guān)于《產(chǎn)品設(shè)計(jì)原則》的分享速記。

在有贊產(chǎn)品設(shè)計(jì)原則這件事上，我們想了很久。有贊最早期的時(shí)候，產(chǎn)品的設(shè)計(jì)原則主要靠我和麥麥（有贊首席產(chǎn)品設(shè)計(jì)師）等幾個(gè)人的默契，以及慢慢形成的習(xí)慣。我們?cè)谝黄鹛焯炝?，然后就有了一些共同的產(chǎn)品觀，以及產(chǎn)品設(shè)計(jì)的習(xí)慣和理念。

但是，隨著我們的小伙伴越來越多，我們注意到有很多東西，都要再重新給每一個(gè)人講一遍。坦白說，所謂的產(chǎn)品設(shè)計(jì)原則或者產(chǎn)品觀，并不是全世界通用的。每一個(gè)公司、每一個(gè)團(tuán)隊(duì)，因?yàn)闃I(yè)務(wù)性質(zhì)和業(yè)務(wù)特點(diǎn)的不同，都可能會(huì)出現(xiàn)他的產(chǎn)品設(shè)計(jì)原則跟別人的不一樣。

所以我首先要說，產(chǎn)品設(shè)計(jì)原則這件事，沒有誰是最好的。只有你的產(chǎn)品設(shè)計(jì)原則是否最適合你的業(yè)務(wù)，最適合你的產(chǎn)品。因此，我們發(fā)現(xiàn)很多新的同學(xué)帶著原來在其他公司、其他崗位上的設(shè)計(jì)原則、設(shè)計(jì)思想，加入到有贊這家公司之后工作中有一些不適應(yīng)，你不知道我們?cè)诋a(chǎn)品設(shè)計(jì)時(shí)為什么會(huì)那么想。甚至我發(fā)現(xiàn)新來的同學(xué)經(jīng)常會(huì)犯一些我們認(rèn)為在這個(gè)業(yè)務(wù)性質(zhì)上，在我們的原則上，我們的價(jià)值觀上不應(yīng)該犯的錯(cuò)誤。

所以我們花了很久的時(shí)間去討論有贊的產(chǎn)品設(shè)計(jì)原則，去推敲，最后把它確定下來。專門做這次的分享，而這次分享只是我們開始落實(shí)有贊產(chǎn)品設(shè)計(jì)原則的一個(gè) kick-off ，之后我們還會(huì)把這次分享的內(nèi)容再細(xì)化做出案例，然后對(duì)公司新入職的每個(gè)產(chǎn)品經(jīng)理進(jìn)行考試，如果考試不過關(guān)是沒有資格轉(zhuǎn)正的。因?yàn)橛匈澁a(chǎn)品設(shè)計(jì)原則是這家公司與用戶的基本原則，這些東西我們要保持一致。

我舉個(gè)有意思的例子。我們經(jīng)常發(fā)現(xiàn)新來的同學(xué)在優(yōu)化產(chǎn)品的時(shí)候，他會(huì)發(fā)現(xiàn)某個(gè)功能可能有一點(diǎn)臃腫（麻煩且沒什么人用），然后就把這個(gè)功能下線了。如果是 to.C 的產(chǎn)品，把某個(gè)功能下線是很正常的事情，比如微信去年上了一個(gè)可以去看最近三個(gè)月誰沒有聯(lián)系，最近半年誰沒有聯(lián)系的功能，上線了一個(gè)版本后，下一個(gè)版本直接就刪了。 to.C 這樣刪是沒問題的，但是 to.B 的產(chǎn)品你不能刪。我問新來的同學(xué)你為什么把它刪了？他說我看了一下數(shù)據(jù)，沒多少商家用，于是就把它下線了。我要強(qiáng)調(diào)在 to.B 的產(chǎn)品上不能這么刪，原因很簡(jiǎn)單，哪怕只有一個(gè)商家用，你都不能下線。如果這個(gè)產(chǎn)品有危害你不得不下線，你要么做一個(gè)高級(jí)功能把它替換下去，要么就得先跟商家溝通說：我們打算把它下線，對(duì)你有影響嗎？這是一個(gè)基本的 to.B 的產(chǎn)品設(shè)計(jì)原則，非常基礎(chǔ)的原則。

不僅僅是因?yàn)槟阋獔?jiān)持這樣的原則，甚至從法律上說你都應(yīng)該有這樣的責(zé)任。因?yàn)樯碳以谫徺I你的系統(tǒng)和你簽協(xié)議的時(shí)候他買了那個(gè)功能，而你把那個(gè)功能拿走了，你就是沒有很好的履約，你負(fù)有法律責(zé)任，說嚴(yán)重點(diǎn)就是這樣的。

另外，我們的產(chǎn)品設(shè)計(jì)師如果依據(jù)「大部分商家」和「一般情況下」去規(guī)定產(chǎn)品設(shè)計(jì)，也是一個(gè)壞習(xí)慣。

比如，「一般情況下商家的簽到活動(dòng)都是持續(xù)的」，于是產(chǎn)品設(shè)計(jì)師就把「獎(jiǎng)品被搶完」寫成了「獎(jiǎng)品被搶完，下次早點(diǎn)來」。這是個(gè)典型的壞習(xí)慣案例，「下次早點(diǎn)來」不只是多余的，還是錯(cuò)誤的。如果某個(gè)商家的活動(dòng)就這一次呢，你強(qiáng)行加了一個(gè)「下次早點(diǎn)來」對(duì)這個(gè)商家來說不就是個(gè) bug 嗎？還是那句話：不能因?yàn)槎嗌偕碳叶歼@么用，我們就要求所有商家這么用。

但是今天在中國(guó)幾乎沒有成熟的 to.B 產(chǎn)品經(jīng)理，所以大部分的同學(xué)沒有這樣的習(xí)慣，來了就把功能下線了。然后每次問，每個(gè)人都要重新說一遍，不厭其煩。所以我們今天就專門把所有產(chǎn)品經(jīng)理叫到一起說一遍。說完了我們還會(huì)把內(nèi)容做成手冊(cè)，大家可以理解，這就是有贊產(chǎn)品設(shè)計(jì)的法律，我們會(huì)把它上升到非常高的高度來看待這個(gè)問題。

有贊這家公司的所有做事方式、所有思考，以及所有出發(fā)點(diǎn)，都是基于我們業(yè)務(wù)。而我們的業(yè)務(wù)是基于什么？我們的戰(zhàn)略又是基于什么？都是基于我們長(zhǎng)期的使命和愿景，所以我必須要給大家回顧一下有贊的使命和愿景。

我們的使命是幫助每一位重視產(chǎn)品和服務(wù)的商家成功?！该恳晃弧购汀干碳页晒Α故俏覀冏钪匾年P(guān)鍵詞，我們要服務(wù)的是每一位商家，然后幫助每一位商家成功，但是為了整個(gè)生態(tài)的健康，那些不重視產(chǎn)品和服務(wù)的商家，我們是（可以）不服務(wù)的。所以我們?cè)诋a(chǎn)品設(shè)計(jì)原則上，在產(chǎn)品的一些功能的選擇上，如果這個(gè)功能做完了會(huì)導(dǎo)致商家不重視產(chǎn)品和服務(wù)，我們是不會(huì)/能做的。

舉個(gè)例子：消費(fèi)者購買之后（可以）有一個(gè)評(píng)價(jià)，我們的購物評(píng)價(jià)是要么開啟要么不開啟這個(gè)功能。我們不接受商家去刪購物評(píng)價(jià)，因?yàn)樯碳乙坏┛梢詣h了消費(fèi)者的差評(píng)，他就很可能不會(huì)那么重視產(chǎn)品和服務(wù)了。所以有贊永遠(yuǎn)不會(huì)提供刪除商品評(píng)價(jià)的功能，商家要么就不開啟?？梢圆挥茫绻镁鸵邮苡腥苏f你不好，商家可以去跟消費(fèi)者溝通，溝通完了消費(fèi)者自己改，但是我們不提供讓商家刪壞評(píng)價(jià)的功能。所以，這就是最基本的有贊產(chǎn)品設(shè)計(jì)原則，我們只服務(wù)重視產(chǎn)品和服務(wù)的商家，我們所有的產(chǎn)品設(shè)計(jì)原則都是需要這樣。

使命是一個(gè)很長(zhǎng)遠(yuǎn)的事情，是這個(gè)公司活著的理由。而愿景是什么？愿景是我們認(rèn)為在可見的時(shí)間內(nèi)，我們可以達(dá)成的目標(biāo)。我們?cè)谠妇袄飳懥藘蓷l：

第一條，成為商家服務(wù)領(lǐng)域里最被信任的引領(lǐng)者。因?yàn)橐蔀椤敢I(lǐng)者」，所以我們對(duì)于每一個(gè)人的專業(yè)性要求很高；因?yàn)橐蔀橐I(lǐng)者，所以我們?cè)敢獍盐覀兊漠a(chǎn)品設(shè)計(jì)規(guī)范、產(chǎn)品設(shè)計(jì)原則、產(chǎn)品界面的東西拋到網(wǎng)上去。大家看到我們?cè)谟匈澰粕现苯庸蚕砹?，直接開源了我們很多很多產(chǎn)品設(shè)計(jì)的東西，是因?yàn)槲覀兿Ｍ嗟耐幸黄鹛接懸黄鸱窒?，大家可以隨時(shí)訪問 design.youzan.com。我們?cè)敢饨邮軇e人來學(xué)，今天大家會(huì)看到甚至連一些跟在我們后面的所謂的競(jìng)爭(zhēng)對(duì)手們都在抄我們，大家看到一些「SaaS」的操作后臺(tái)跟有贊長(zhǎng)得一模一樣。沒事，大家在這件事情上胸懷應(yīng)該開闊一點(diǎn)，因?yàn)橛匈澮鲆I(lǐng)者，所以我們就應(yīng)該有這樣寬闊的胸懷，就應(yīng)該把它共享出去。這也是為什么今天這一場(chǎng)分享會(huì)，我們是用「愛逛直播」面向全網(wǎng)直播。我們歡迎所有的同行一起學(xué)習(xí)一起交流，甚至我們接受所謂的競(jìng)爭(zhēng)對(duì)手來抄我們，因?yàn)槲覀円鲆I(lǐng)者。這就是我們自己基于這樣的愿景要去做的事情。

第二條，我們給這個(gè)組織還定了一個(gè)愿景，就是持續(xù)做一個(gè) Enjoy 的組織。因?yàn)橐掷m(xù) Enjoy ，所以我們?cè)谧霎a(chǎn)品設(shè)計(jì)的過程中要好玩。

我們的產(chǎn)品里要想到一些好玩的東西，然后這家公司的氛圍也會(huì)好玩，我們給商家的活動(dòng)也會(huì)好玩，這是因?yàn)槲覀兊氖姑臀覀兊脑妇啊：枚嘈峦瑢W(xué)不知道為什么有贊這家公司除了清明節(jié)什么節(jié)都過，因?yàn)槲覀円?Enjoy，所以是個(gè)節(jié)我們都會(huì)把它弄得好玩一點(diǎn)。這就是為什么我們要用購物直播的愛逛來做這次直播，因?yàn)樗猛?，這是我們做這些事情的原則。

那么后面我講到的每一條有贊的產(chǎn)品設(shè)計(jì)原則都是基于我們的使命和愿景去做的，沒有任何一條跟它沒有關(guān)系，我們所有的思考點(diǎn)都是基于這個(gè)出發(fā)的，越在有贊這家公司呆的時(shí)間長(zhǎng)的人，越能理解我們的每一條原則為什么那么做？為什么那么去設(shè)計(jì)？

說完這些大的原則，我們?cè)偃タ纯疵鎸?duì)的情況。剛剛我們說所有的原則都是基于我們的目標(biāo)和我們面對(duì)的業(yè)務(wù)性質(zhì)、業(yè)務(wù)情況、市場(chǎng)情況，那么我們面對(duì)的市場(chǎng)情況是什么樣呢？我們是什么樣的業(yè)務(wù)類型呢？

我們?nèi)タ匆幌陆裉烊澜绻乐底罡叩摹⒆钪靛X的 SaaS 公司 Salesforce，這是 Salesforce 從上市之后到現(xiàn)在的股價(jià)，這家公司市值快 2000 億美元了。

Salesforce 做了十年才上市，上市的前五年股價(jià)幾乎沒動(dòng)，因?yàn)?SaaS 需要慢慢積累，然后 Salesforce 上線了 force.com，相當(dāng)于有贊的有贊云，然后股價(jià)開始漲，一路在漲，中間還有個(gè)漲是因?yàn)?Salesforce 要做 AI。而且一路漲的這些年里很有意思的是，Salesforce 每一年的收入增長(zhǎng)標(biāo)準(zhǔn)是 34%，這是全世界最牛的 SaaS 公司的成長(zhǎng)。

我們?cè)倏春陀匈澪⑸坛菢I(yè)務(wù)很像的 Shopify。

Shopify 做了五年上市，上市后的前三年股價(jià)幾乎沒什么動(dòng)彈，從 2017 年開始漲，市值也快 200 億美元了。

一個(gè) 2000 億美元和一個(gè) 200 億美元的 SaaS 公司，早期都是這樣。所以我們一直說 SaaS 的業(yè)務(wù)是什么？SaaS 的業(yè)務(wù)是：首先要花 5 年以上時(shí)間做產(chǎn)品，然后再不斷地迭代和優(yōu)化產(chǎn)品。（因?yàn)橛匈澋氖姑恰笌椭恳晃弧?，所以未來可以有多大的?guī)模對(duì)有贊來說非常重要）所以有贊的產(chǎn)品要先服務(wù)通用的客戶，再服務(wù)垂直行業(yè)，再服務(wù)商家的個(gè)性化。在第二個(gè) 5 年時(shí)間，要同時(shí)開始培養(yǎng)銷售能力，獲取更多的客戶賺取更多的錢。然后，在第三個(gè) 5 年時(shí)間，我們發(fā)現(xiàn)所有的 SaaS 公司都在收購公司，最近 Salesforce 花了 190 億美元收購了一家做數(shù)據(jù)可視化的 SaaS 公司。為什么要收購其他公司呢？因?yàn)槟闶掷镉锌蛻袅耍憔涂梢越o客戶賣更多的軟件，那些軟件不用自己做，可以買，買完以后賣給更多的客戶。基本上，每一個(gè) SaaS 公司走完了這十五年，可以躺著再走十五年，這就是 SaaS 的業(yè)務(wù)類型。

而我們今天在中國(guó)市場(chǎng)所面對(duì)的不僅僅是像 Salesforce 和 Shopify 這樣，需要長(zhǎng)時(shí)間去做產(chǎn)品，需要很長(zhǎng)時(shí)間去做服務(wù)，做企業(yè)服務(wù)之外，我們還面對(duì)三座大山。

第一座大山，是今天中國(guó)電商平臺(tái)的極端壟斷。Shopify 的商家有 50% 的流量來源于谷歌，其中 30% 到了 Shopify 的店里，還有 20% 去了 Amazon 的店里。而在中國(guó)，在百度上搜購物相關(guān)的詞全被淘寶投了廣告，所以中國(guó)的電商幾乎還沒有多少來自搜索引擎的流量，因?yàn)殡娚唐脚_(tái)太壟斷了。所以商家需要「一個(gè)有交易功能的獨(dú)立官網(wǎng)」的能力。在過去的很多年成長(zhǎng)得非常慢，只有過去的兩到三年才看到，中國(guó)的商家開始希望有一個(gè)自己的帶交易功能的官網(wǎng)。這就是最近兩三年大家看到的，商家在電梯和公交站牌投廣告的時(shí)候，除了品牌商有一個(gè)搜索框到天貓旗艦店之外，還會(huì)有一個(gè)小程序的二維碼，或者是微信公眾號(hào)的二維碼，然后掃完二維碼打開的基本全是有贊的店。我可以很負(fù)責(zé)任地說，今天在整個(gè)微信生態(tài)內(nèi)，真正重視產(chǎn)品和服務(wù)的品牌商家的小程序和公眾號(hào)的 H5 官網(wǎng)，90% 以上都是用的有贊，尤其是有成交的。為什么？因?yàn)椋覀冇泻芎玫娘L(fēng)控體系，我們有售后維權(quán)體系，今天中國(guó)只有這一家公司有超過 100 人的消費(fèi)者維權(quán)團(tuán)隊(duì)，只有這一家公司有完整的擔(dān)保交易體系，只有這樣我們才能保障整個(gè)生態(tài)的健康，才能保障我們的商家是重視產(chǎn)品和服務(wù)的。但是這座大山我們跨了很久，還在越。

第二座大山，是商家在購買有贊的時(shí)候會(huì)認(rèn)為有贊能給他帶來增量的生意（以為用了生意一定會(huì)馬上就好起來，忽略了有贊是個(gè)工具，還需要自己用好這個(gè)工具），這是商家購買時(shí)候的動(dòng)機(jī)。但是并非所有的商家都能把私域流量運(yùn)營(yíng)好，他購買了但他把有贊用好的能力不一定夠，活躍度不夠，這是我們今天在克服的問題，所以我們做了那么多的商家培訓(xùn)，做了那么多的運(yùn)營(yíng)指導(dǎo)。

我們是從中小企業(yè)開始服務(wù)的，最近一年多我們開始做大客戶以后，每一年的大客戶比例都在不斷的增加，我們現(xiàn)在大客團(tuán)隊(duì)已經(jīng)有幾十人了，明年我們應(yīng)該有上百人的大客團(tuán)隊(duì)，我們會(huì)簽更多的大客。尤其是有贊云上線之后，我們可以幫每個(gè)客戶個(gè)性化，我們的大客戶會(huì)變得越來越多。但是我們的大盤畢竟是中小企業(yè)數(shù)量最多，這樣我們又要越的第三座大山是什么呢？是中小企業(yè)的閉店率、死亡率比較高。你好不容易獲得一個(gè)客戶，他卻因?yàn)樽约浩渌脑虬焉庾鍪×耍阕龅脑俸脹]太大用，這是我們要越的三座大山。

所以，我用四個(gè)字總結(jié)，就是：路遠(yuǎn)天黑。因?yàn)槁愤h(yuǎn)天黑，因?yàn)?SaaS 這個(gè)行業(yè)是這樣，所以我們必須把每件事做的非常認(rèn)真，我們要把我們的設(shè)計(jì)原則完全的貫徹下去，很多東西我們要整齊劃一的一直能走到那一天，要用非常穩(wěn)定的產(chǎn)品質(zhì)量的輸出，非常穩(wěn)定的用戶體驗(yàn)質(zhì)量的輸出，這是為什么我們應(yīng)該比所有的公司都更重視這件事情的原因。所以，這是我經(jīng)常說的，這家公司產(chǎn)品理念就應(yīng)該是「聰明人在下笨功夫」。我們知道在什么地方可以耍聰明，但是我們要用的是長(zhǎng)期能增長(zhǎng)的笨功夫。這是我們的使命、我們的愿景、我們面對(duì)的這個(gè)行業(yè)特點(diǎn)決定的。大家會(huì)看到在官網(wǎng)上，我們公布了這些使命、愿景，和價(jià)值觀。

一家優(yōu)秀的公司、一家偉大的公司是敢于把對(duì)自己的要求和它的使命、愿景、價(jià)值觀公布在官網(wǎng)上的，因?yàn)槲覀児剂司褪亲屗械目蛻魜肀O(jiān)督我們。我們?cè)诠倬W(wǎng)上沒有直接寫「幫助每一位重視產(chǎn)品和服務(wù)的商家成功」，我們寫了這個(gè)階段更具象、更能讓客戶理解的話。

首先我們告訴全社會(huì)，有贊是一個(gè)商家服務(wù)公司，我們幫助每一位注重產(chǎn)品和服務(wù)的商家私有化顧客資產(chǎn)、通過互聯(lián)網(wǎng)拓展更多客戶，并全面提高經(jīng)營(yíng)效率、全面助力商家成功。為了讓客戶理解我們把它這樣解釋了，這是為什么官網(wǎng)上跟我們內(nèi)部講的不一樣的原因。

然后我們寫了我們要致力于成為商家服務(wù)領(lǐng)域里最被信任的引領(lǐng)者，并持續(xù)做一個(gè) Enjoy 的組織。我們寫我們是一個(gè)商家服務(wù)公司，寫我們是從工具開始慢慢做生態(tài)，寫我們的經(jīng)營(yíng)理念是為客戶創(chuàng)造價(jià)值并獲取價(jià)值。為什么要獲取價(jià)值？因?yàn)槲覀円吆苓h(yuǎn)，如果我們不賺錢我們活不到那一天。我們要走很遠(yuǎn)，所以我們做每一個(gè)產(chǎn)品都要考慮客戶價(jià)值和我們自己的商業(yè)價(jià)值，我們要追求更長(zhǎng)期的經(jīng)營(yíng)和追求持續(xù)的增長(zhǎng)。所有的這些原因，都是因?yàn)槲覀冏约旱氖姑驮妇?，以及我們面?duì)的環(huán)境。

我今天專門再重新講一遍，是希望每一位有贊做產(chǎn)品的人能理解這每一句話背后的思考和原因。我們?cè)僬f自己的戰(zhàn)略，這家公司會(huì)從一個(gè) SaaS 公司變成一個(gè)大數(shù)據(jù)公司，變成一個(gè)人工智能公司。

我們有電商 SaaS ，除了電商 SaaS 我們還做了門店 SaaS ，然后我們?cè)谧鲇匈澰?，我們?cè)趪L試分銷、嘗試有贊支付、嘗試有贊金融、嘗試有贊廣告業(yè)務(wù)，我們未來有更多的增值業(yè)務(wù)，這是我們一直在走的業(yè)務(wù)。我們今天在門店 SaaS 的業(yè)務(wù)剛剛開始，所以我們還有很遠(yuǎn)很遠(yuǎn)的路要走。

基于前面這些大背景，你會(huì)看到這家公司的所有的思考方式和思維理念，就是我們要給我們的客戶提供解決方案，來幫助我們的客戶在生意上成功。我們的客戶成功了，我們可以通過客戶的介紹獲得更多數(shù)量的客戶。因?yàn)槲覀兎?wù)了更多數(shù)量的客戶，我們才能更理解客戶的需求。因?yàn)槲覀兏斫饪蛻舻男枨?，我們才能把解決方案做得更好；把解決方案做得更好，客戶會(huì)更成功。我們一直在圍繞這樣的一個(gè)正向循環(huán)，在做我們所有的布局、所有的思考、所有的產(chǎn)品、所有的投入。

所以你會(huì)看到，這家公司只會(huì)通過解決方案幫助客戶成功來獲取更多的客戶，不會(huì)在市場(chǎng)上拼命打廣告，不會(huì)在市場(chǎng)上拼命做補(bǔ)貼來獲取客戶。為了幫助客戶成功獲取更多客戶的目的，是為了我們更理解客戶的需求，所以我們更要重視今天已經(jīng)付費(fèi)客戶的需求。我們不是不重視還沒有付費(fèi)客戶的需求，我們更重視付費(fèi)商家的需求是因?yàn)橐斫猬F(xiàn)在商家的需求，把它做好，然后再去豐富解決方案，然后再來服務(wù)更多的客戶，這是我們整個(gè)的經(jīng)營(yíng)理念。原則上，從有贊云正式上線之后，我們不接受客戶說「我的需求你們有贊滿足不了」。滿足不了只是時(shí)間問題。

這就是我們想要做的事情，這就是這家公司整體的思考方式和整體的設(shè)計(jì)理念。這個(gè)東西不只是產(chǎn)品在考慮的問題，也是公司的整個(gè)服務(wù)體系、銷售體系、產(chǎn)品運(yùn)營(yíng)體系、技術(shù)體系以及包括 HR 體系、財(cái)務(wù)體系都在用這樣的思維方式考慮所有的問題，這是我們整體的東西。

接下來我們?cè)賮碚f我們的設(shè)計(jì)原則，來得早的同學(xué)都見過這個(gè)設(shè)計(jì)原則，這是我們最早定的一版很粗的設(shè)計(jì)原則。設(shè)計(jì)原則是：說人話、產(chǎn)品應(yīng)該是低門檻的、產(chǎn)品盡量讓商家可以配置、產(chǎn)品要做到最小可用、所有的產(chǎn)品表達(dá)是一致性的，每一個(gè)商家盡量獨(dú)立。

這就是我們第一版的設(shè)計(jì)原則，接下來我要開始說未來幾年有贊的產(chǎn)品設(shè)計(jì)原則。

我想強(qiáng)調(diào)一下，剛才前面的內(nèi)容是全公司視角的。

公司每一個(gè)人的視角和思考方式。所以，接下來所有內(nèi)容都是「產(chǎn)品視角」。它不包含我們的商業(yè)體系和服務(wù)體系的視角。接下來我會(huì)提到產(chǎn)品研發(fā)，產(chǎn)品研發(fā)不是指技術(shù)一定要這么干，是產(chǎn)品研發(fā)那個(gè)階段要做的東西。也會(huì)講到產(chǎn)品運(yùn)營(yíng)，也不是說運(yùn)營(yíng)部門一定要這么干，是產(chǎn)品人在產(chǎn)品視角上應(yīng)該怎么考慮運(yùn)營(yíng)問題，應(yīng)該是什么樣的原則。

在說產(chǎn)品設(shè)計(jì)原則之前，我先說基本的產(chǎn)品設(shè)計(jì)方法論。有三個(gè)部分。

第一部分，是產(chǎn)品設(shè)計(jì)的邏輯，發(fā)現(xiàn)問題、發(fā)現(xiàn)客戶的需求，然后去解決問題，然后再去驗(yàn)證這樣的問題有沒有被解決，驗(yàn)證完問題之后去發(fā)現(xiàn)新的問題，再去解決問題。所以每一個(gè)產(chǎn)品人在做的事情，其實(shí)就是發(fā)現(xiàn)問題、解決問題、驗(yàn)證問題的整個(gè)過程。

第二部分，是產(chǎn)品人應(yīng)該知道自己的核心能力是什么？產(chǎn)品人的核心能力有三個(gè)：

第 1 個(gè)是一件事情能把它想清楚。任何一件事發(fā)生了，你能不能想到它底層的原因是什么？它的根本是什么？

第 2 個(gè)叫說得明白。因?yàn)楫a(chǎn)品是整條線的那個(gè)牽頭人，如果一個(gè)產(chǎn)品人不能把你的想法這件事情的東西說明白，就是能力很差，不存在表達(dá)能力很差的產(chǎn)品經(jīng)理。有人說張小龍的表達(dá)能力就不好，那是你們沒見過他講產(chǎn)品邏輯和思考的時(shí)候表達(dá)能力有多好?！覆簧啤寡葜v不代表表達(dá)能力不好，要的是把自己的思考清晰表達(dá)出來的能力，而非煽動(dòng)能力。

第 3 個(gè)是要有能力快速地去試。這個(gè)試包括但不限于把產(chǎn)品搞上線讓用戶來用，也包括了可能做一個(gè)粗的原型，也包括了可能去做訪談，去做客戶的溝通。

然后再說產(chǎn)品人的設(shè)計(jì)方法，有贊的《產(chǎn)品設(shè)計(jì)原則》，根據(jù)客戶需求、有贊的使命和愿景、當(dāng)前生態(tài)環(huán)境，以及我們所處的發(fā)展階段擬定，它是每個(gè)有贊產(chǎn)品在設(shè)計(jì)過程中都要遵守的基本原則。我們還會(huì)定期對(duì)其進(jìn)行優(yōu)化和迭代。我們把設(shè)計(jì)方法分成了 4 個(gè)部分：產(chǎn)品定義、產(chǎn)品設(shè)計(jì)、產(chǎn)品研發(fā)、產(chǎn)品運(yùn)營(yíng)。

產(chǎn)品定義：首先是定義客戶和場(chǎng)景，面對(duì)什么樣的客戶，服務(wù)什么樣的場(chǎng)景，它的使用場(chǎng)景是什么；然后是價(jià)值，客戶價(jià)值和商業(yè)價(jià)值；再是全局，要做全局的整體的思考。

產(chǎn)品設(shè)計(jì)：基于場(chǎng)景拆分用戶的使用任務(wù)，任務(wù)再會(huì)拆分為功能和交互、內(nèi)容和信息架構(gòu)，最終把它呈現(xiàn)到界面上。

產(chǎn)品研發(fā)：主要指界面設(shè)計(jì)、技術(shù)研發(fā)，還應(yīng)該有用戶體驗(yàn)及可用性測(cè)試的部分。

產(chǎn)品運(yùn)營(yíng)：產(chǎn)品上線前后的基于產(chǎn)品的運(yùn)營(yíng)計(jì)劃，產(chǎn)品的增長(zhǎng)管理、市場(chǎng)營(yíng)銷，跟用戶之間不斷的互動(dòng)過程。

這 4 個(gè)部分不斷循環(huán)迭代，就是整個(gè)產(chǎn)品設(shè)計(jì)方法的過程。在這個(gè)過程中有贊的產(chǎn)品設(shè)計(jì)原則如下。

1. 產(chǎn)品定義

第一個(gè)，產(chǎn)品定義的產(chǎn)品原則。

第一點(diǎn)，用戶和場(chǎng)景是一切的基礎(chǔ)。

清晰的用戶畫像和使用場(chǎng)景，是整個(gè)產(chǎn)品的基礎(chǔ)條件。

在有贊做產(chǎn)品，如果你不能說清楚這個(gè)項(xiàng)目你思考的核心使用場(chǎng)景，它的用戶畫像，你什么都不可能做好。所以用戶畫像和使用場(chǎng)景是最基礎(chǔ)的東西。

第二點(diǎn)，找到用戶價(jià)值和商業(yè)價(jià)值的結(jié)合點(diǎn)。

定義一個(gè)新的產(chǎn)品時(shí)必須找到用戶價(jià)值和商業(yè)價(jià)值的結(jié)合點(diǎn)，同時(shí)能夠滿足用戶價(jià)值和商業(yè)價(jià)值的需求通常是最優(yōu)質(zhì)的需求。

你在定義一個(gè)新的產(chǎn)品時(shí)必須找到用戶價(jià)值和商業(yè)價(jià)值的結(jié)合點(diǎn)，不是所有的用戶需求都要今天滿足，因?yàn)槿绻莻€(gè)用戶需求跟商業(yè)價(jià)值之間不能契合上，它的優(yōu)先級(jí)可能就會(huì)被降低。

我們?nèi)プ鲆患虑?，這件事情有兩個(gè)軸，一個(gè)軸就是用戶價(jià)值，一個(gè)軸是商業(yè)價(jià)值，我們要找到這兩個(gè)軸里最契合的那個(gè)點(diǎn)，然后那個(gè)事情的優(yōu)先級(jí)才是最高的，這就是最基本的原則。

舉個(gè)例子：假如微信公眾號(hào)的應(yīng)用很淺，要點(diǎn)公眾號(hào)菜單打開一個(gè) H5 ， H5 的交互也不那么好。如果把它搞一堆組件，把它做成原生的小程序，那體驗(yàn)是不是更好呢？做了小程序之后，用戶的記錄還能夠被留存下來，還能找到用過的小程序，小程序的內(nèi)容還可以被很多人搜索，那是不是更好呢？這是基于用戶體驗(yàn)來說的。但是基于用戶的體驗(yàn)和用戶的價(jià)值之后，是不是一定要做它，還要考慮對(duì)于微信的商業(yè)價(jià)值是什么，讓用戶的體驗(yàn)更有粘性？讓場(chǎng)景能擴(kuò)張？商業(yè)上可以讓內(nèi)容更封閉在微信的生態(tài)內(nèi)？商業(yè)上打造一個(gè)新的閉環(huán)游戲生態(tài)？我們不知道這些是不是騰訊真實(shí)在考慮的決策原因，但我可以肯定每一個(gè)決策的背后都是基于用戶價(jià)值和商業(yè)價(jià)值這兩個(gè)點(diǎn)。

有贊做所有的事情，決策的背后也是基于這兩個(gè)點(diǎn)，有很多客戶提各種需求，我們應(yīng)該先看客戶是誰？畫像是什么樣子？這些需求的場(chǎng)景是什么？滿足這些需求的價(jià)值有多大？然后再看如何在這件事情上獲取商業(yè)價(jià)值，商業(yè)價(jià)值不代表一定是錢，它可能還有更多商業(yè)可期的東西。所以，任何決策的背后都應(yīng)該是這樣，如果做一件事只能給用戶創(chuàng)造價(jià)值，商業(yè)價(jià)值是損失的，這件事優(yōu)先級(jí)一定不高；如果一件事你只能夠獲取到商業(yè)價(jià)值，對(duì)用戶是沒有價(jià)值的，這件事情可以不做，這是有贊這家公司的基本原則。

第三點(diǎn)，設(shè)計(jì)可持續(xù)正向增長(zhǎng)的產(chǎn)品模式。

產(chǎn)品模式應(yīng)該是可持續(xù)的、長(zhǎng)期的、正向增長(zhǎng)的，隨著用戶的使用產(chǎn)品價(jià)值會(huì)越來越高，業(yè)務(wù)增長(zhǎng)會(huì)越來越好，成本增長(zhǎng)不斷下降。并且，給老產(chǎn)品帶來正向增長(zhǎng)的新產(chǎn)品，要比只利用老產(chǎn)品來補(bǔ)給的新產(chǎn)品要好。

你不能設(shè)計(jì)出來一個(gè)產(chǎn)品，那個(gè)產(chǎn)品是負(fù)向增長(zhǎng)的，要設(shè)計(jì)一個(gè)產(chǎn)品讓用戶用完之后會(huì)有更多人來用，會(huì)帶動(dòng)更多的正向的收獲，會(huì)獲得更多正向的需求，會(huì)帶動(dòng)更多正向的收入，會(huì)帶動(dòng)更多正向的客戶成功。而如果你做一個(gè)產(chǎn)品，只能解決短期的問題，不能長(zhǎng)期正向循環(huán)正向增長(zhǎng)，那這就不是一個(gè)好的產(chǎn)品。我們做任何一個(gè)產(chǎn)品任何一個(gè)功能任何一個(gè)業(yè)務(wù)，它都應(yīng)該是可持續(xù)的、長(zhǎng)期的、正向增長(zhǎng)才是最好的。

2. 產(chǎn)品設(shè)計(jì)

在產(chǎn)品設(shè)計(jì)階段，有三個(gè)產(chǎn)品設(shè)計(jì)原則。

第一點(diǎn)，首先要是能夠最小可用的全場(chǎng)景閉環(huán)。

商家端的產(chǎn)品要做成全場(chǎng)景、完整業(yè)務(wù)鏈路的閉環(huán)，因?yàn)槿魏我粋€(gè)環(huán)節(jié)的缺失和不完善都會(huì)導(dǎo)致商家的生意無法正常運(yùn)轉(zhuǎn)。

這里的關(guān)鍵詞是「最小可用的全場(chǎng)景閉環(huán)」，最關(guān)鍵的詞是我們和 to.C 場(chǎng)景完全不一樣的，就是「全場(chǎng)景閉環(huán)」。to.C 的場(chǎng)景不是全場(chǎng)景閉環(huán)，你會(huì)發(fā)現(xiàn)做 to.C 的業(yè)務(wù)經(jīng)常會(huì)出現(xiàn)：要做一個(gè)業(yè)務(wù)，大家開始一起頭腦風(fēng)暴，認(rèn)為要搞 100 件事，然后這個(gè)業(yè)務(wù)搞了 10 件事就敢上線了，上線就開始運(yùn)營(yíng)了，然后過了幾年公司都賺了錢了，業(yè)務(wù)都跑很順了，有很多用戶了，當(dāng)年的 100 件事才只做了 30 件，其中有 20 件是在那 100 件事里面的，還有 10 件可能不是那 100 件事里面的，是別的地方的。這就是 to.C 產(chǎn)品，可以快速迭代，小步快跑。而 to.B 的產(chǎn)品最小的那個(gè)快速迭代也得是全場(chǎng)景閉環(huán)的，想做一個(gè) to.B 的業(yè)務(wù)，然后列了 100 件事，對(duì)不起請(qǐng)先做夠 90 件，不做 90 件不是閉環(huán)不能上線。

舉個(gè)例子：我經(jīng)常講的，就是我們最早做收銀的時(shí)候，第一版沒有掛單功能。想一想一個(gè)收銀的產(chǎn)品如果有 100 個(gè)功能，掛單能排到前三十嗎？能排到前二十嗎？不能。于是我們犯了一個(gè)錯(cuò)誤，就是沒做掛單功能就上線了。然后被客戶吐槽，說你們做的什么產(chǎn)品？連掛單都沒有。然后我們問客戶掛單重要嗎？客戶說重要啊。這就是做 to.B，必須要做到的。

然后我們做了一個(gè)掛單只能掛 1 單，客戶又反饋，「什么產(chǎn)品只能掛 1 單」。我們問：經(jīng)常掛很多單嗎？客戶說「偶爾要掛很多單」。

掛單的場(chǎng)景就是你在超市排著隊(duì)買東西，結(jié)賬的時(shí)候需要再買個(gè)東西，收銀員把你的東西放一邊，后面的人先結(jié)賬買單，把你的單選擇掛單，等你把東西拿回來之后，她再把那個(gè)單取出來，掃個(gè)碼再把之前的東西放進(jìn)去一起買單，這叫掛單。這場(chǎng)景豐富嗎？排的優(yōu)先級(jí)高嗎？不高，但是你沒有，這個(gè)產(chǎn)品就不能上線。

這就是 to.B 要做全場(chǎng)景、完整場(chǎng)景的閉環(huán)，如果你做不到完整場(chǎng)景閉環(huán)你都不好意思上線。所以在這家公司，大家千萬不要帶著 to.C 的思維來做產(chǎn)品的初期那個(gè)最小可用，那個(gè)初期的最小可用上線了，商家罵一頓走了，銷售白忙活了，等再去賣的時(shí)候商家說哎呀有贊我知道，很爛的，收銀連掛單都沒有。所以一定要把閉環(huán)做完，做 to.B 就必須要這么干，我希望大家能理解。

第二點(diǎn)，每個(gè)商家都應(yīng)該是獨(dú)立的個(gè)性化的。

本質(zhì)上我們的服務(wù)是「在云上為每個(gè)客戶提供了一個(gè)獨(dú)立的產(chǎn)品」，商家都是獨(dú)立的，每一個(gè)商家都有個(gè)性化配置一切的權(quán)利。我們要盡全力去實(shí)現(xiàn)每一個(gè)商家的獨(dú)立和每一個(gè)商家的個(gè)性化，而不是規(guī)定他們一定要怎么樣。

軟件最早都是單機(jī)版，即使今天我們做了 SaaS ，其實(shí)也只是在云上給每一個(gè)客戶提供獨(dú)立的軟件，所以每一個(gè)客戶的商城都是獨(dú)立的，每一個(gè)客戶都有個(gè)性化他的商城的權(quán)利。如果成本可控的情況下，每一個(gè)功能都應(yīng)該是可配置的，有的人想把購買叫「立即購買」，有的人想把購買叫「擁有它」，你就應(yīng)該讓他可以去定義購買按鈕的文案。to.C 沒有人這么想過（因?yàn)橐粋€(gè)產(chǎn)品都應(yīng)該是一個(gè)統(tǒng)一意志的），但是 to.B 就應(yīng)該是這樣，每一個(gè)商家都是獨(dú)立的，每一個(gè)商家都有個(gè)性化的權(quán)利，你要盡全力去實(shí)現(xiàn)每一個(gè)商家的獨(dú)立和每一個(gè)商家的個(gè)性化。

我見過很多 to.B 的產(chǎn)品上來就不被接受，就是因?yàn)樗麄儾欢@樣的基本理念。比如，商家說我有這個(gè)需求，然后產(chǎn)品經(jīng)理說你應(yīng)該那么用，請(qǐng)問誰規(guī)定商家必須要那么用？

我給大家舉個(gè)例子：我給企業(yè)微信的產(chǎn)品經(jīng)理說了好多次。我說企業(yè)微信能不能有標(biāo)記未讀？原因很簡(jiǎn)單，麥麥給我發(fā)的一條信息我看了，我判斷需要找一個(gè)稍微空一點(diǎn)的時(shí)間花幾分鐘回復(fù)他，我標(biāo)記一個(gè)未讀，隨后再找回來回復(fù)他。企業(yè)微信的產(chǎn)品經(jīng)理回復(fù)我說：企業(yè)微信里有個(gè)功能叫待辦事項(xiàng)，你應(yīng)該把它加入到待辦事項(xiàng)。我很無語。

這就是不會(huì)做 to.B 產(chǎn)品的人的思維方式，他希望和規(guī)定用戶的行為，但是 to.B 不應(yīng)該這么干。微信可以這么干，但是企業(yè)微信就不該這么干，這是基本的 to.B 的思維。

第三點(diǎn)，產(chǎn)品結(jié)構(gòu)及呈現(xiàn)方式需要可延續(xù)可拓展。

一個(gè)被信任的商業(yè)服務(wù)產(chǎn)品首先應(yīng)該是持續(xù)穩(wěn)定的，產(chǎn)品的結(jié)構(gòu)和呈現(xiàn)方式一旦確定下來，就不能輕易改版。這要求我們的設(shè)計(jì)需要面對(duì)形勢(shì)變換的時(shí)候可延續(xù)，面對(duì)功能和服務(wù)增加的時(shí)候可拓展。

一個(gè)好的 to.B 產(chǎn)品，有贊微商城的產(chǎn)品后臺(tái)界面結(jié)構(gòu)、產(chǎn)品架構(gòu)，從 2015 年開始就沒有改過了。2015 年我們上線的時(shí)候就說我們要上線一個(gè)版本，這個(gè)版本的產(chǎn)品架構(gòu)在未來永遠(yuǎn)不改。一個(gè) to.B 的產(chǎn)品不要沒事折騰改版，改版了客戶就不會(huì)用了， to.C 產(chǎn)品要搞點(diǎn)花樣，有點(diǎn)爭(zhēng)議沒關(guān)系，to.B 產(chǎn)品沒事兒不要?jiǎng)铀?。所以很多人知道，這家公司如果你要改商家管理后臺(tái)的導(dǎo)航必須我通過，是因?yàn)槲也幌Ｍ愀摹?

因?yàn)樗枰恢笨裳永m(xù)，那么它就要求你在設(shè)計(jì)的時(shí)候是縱向的，豎著的導(dǎo)航，因?yàn)樗型卣箍臻g（豎著有滾動(dòng)條，橫著沒有）。

還有我們的很多產(chǎn)品經(jīng)理不理解，為什么要堅(jiān)持有贊微商城的后臺(tái)概況、店鋪、商品、訂單都長(zhǎng)這樣，商家會(huì)那么找嗎？我告訴你：只有中高端商家會(huì)跑到里邊二級(jí)導(dǎo)航找，大部分商家都會(huì)從首頁點(diǎn)擊，商家基本上不太會(huì)理解你的架構(gòu)，所以我們那個(gè)產(chǎn)品架構(gòu)是給誰用的呢？是給在座的有贊產(chǎn)品經(jīng)理們用的。為什么？因?yàn)樽屇悴灰獊y放，告訴你商品就放在商品這里，訂單就放在訂單這里，店鋪就放在店鋪這里。確保這個(gè)產(chǎn)品有一萬個(gè)功能的時(shí)候產(chǎn)品結(jié)構(gòu)還是穩(wěn)定的，常用的東西在首頁可以找到，不常用的在二級(jí)導(dǎo)航里面可以找到，或者直接搜索到。

所有的導(dǎo)航和所有的內(nèi)容，都應(yīng)該是商家的生意，你不要去搶他的，而我們跟商家之間的生意，放在設(shè)置里面，設(shè)置里面有一個(gè)專門的版塊是我們跟商家之間的關(guān)系，剩下都是商家自己管理自己的生意，我們?cè)诮o商家做的是一個(gè)工作臺(tái)，整個(gè)有贊打開概況頁只有內(nèi)容區(qū)左上角你買的什么版本，是有贊跟他之間的生意。設(shè)置里面二級(jí)導(dǎo)航最下面的有贊服務(wù)，是有贊跟商家之間的關(guān)系，剩下都是商家自己的，你不要攙和進(jìn)去。

舉個(gè)例子：最早我們把商家交的保證金，商家在有贊這里還有多少有贊幣，都放在資產(chǎn)里面了，這是不對(duì)的。資產(chǎn)是他的生意，不是你給他的東西，這是我們要做的規(guī)范。這些規(guī)則，商家懂嗎？他不懂，他在乎嗎？不在乎，在座的各位必須在乎，因?yàn)榻裉炷阌羞@么多功能，未來有一天這個(gè)產(chǎn)品有一萬個(gè)功能的時(shí)候，你現(xiàn)在開始不在乎，未來就崩了。

我有一個(gè)做證券軟件的朋友，去年我在南京做產(chǎn)品培訓(xùn)的時(shí)候他來找我，說白鴉我準(zhǔn)備給我的軟件改了，我的后臺(tái)得改了，沒法干，我們有一萬個(gè)功能，太難用了，我準(zhǔn)備改它，改得倍兒簡(jiǎn)潔。我說：別，不需要那么簡(jiǎn)潔，需要穩(wěn)定，因?yàn)槟阌心敲炊喙δ芩Σ坏?，是因?yàn)槟阋?wù)那么多的客戶，就需要那么多的東西，所以你需要一個(gè)穩(wěn)定的產(chǎn)品架構(gòu)。

還有為什么你們會(huì)發(fā)現(xiàn)，我們的后臺(tái)看不出來是我們的后臺(tái)，因?yàn)槲覀儧]有在我們的后臺(tái)放有贊 logo。很多軟件公司，把左上角的 logo 放成自己公司的 logo。一個(gè)商家在他的后臺(tái)天天看有贊的 logo，他為什么要看見你的 logo？他不需要看見你的 logo。我們的 logo 在哪？我們的 logo 在內(nèi)容區(qū)最底下灰色放在那，那是一個(gè)版權(quán)聲明而已。

這是我們做事情的原則，因?yàn)槟阋紤]你的用戶要什么。還有比如阿里媽媽，然后你會(huì)發(fā)現(xiàn)阿里媽媽的后臺(tái)花里胡哨的，阿里媽媽的每一個(gè)商家后臺(tái)產(chǎn)品長(zhǎng)的都不一樣。一個(gè)商家的廣告投放后臺(tái)搞那么多花樣干嘛？

所以我們前天又梳理到凌晨?jī)牲c(diǎn)多，然后規(guī)定接下來我們給商家用的 SaaS 產(chǎn)品，所有的布局方式都必須一致，左右布局，然后一級(jí)導(dǎo)航、二級(jí)導(dǎo)航、三級(jí)導(dǎo)航內(nèi)容區(qū)規(guī)則必須一模一樣，因?yàn)槿魏我粋€(gè)商家用有贊的所有產(chǎn)品，習(xí)慣應(yīng)該保持一樣，你不要讓他用 A 產(chǎn)品用 B 產(chǎn)品用 C 產(chǎn)品都要重新學(xué)習(xí)一遍，這是不行的。

不過，我們的廣告投放后臺(tái)、商家資產(chǎn)的后臺(tái)，它是一個(gè)平臺(tái)型產(chǎn)品（這不是商家管理自己店鋪和消費(fèi)者互動(dòng)的后臺(tái)，而是商家跟有贊之間互動(dòng)的后臺(tái)），雖然也要保持左右布局保持體驗(yàn)一致，但是我們要做品牌露出，因?yàn)橐暶髂阍谟糜匈澲Ц?，這是你在有贊支付的后臺(tái)，你在管理你在有贊支付的資產(chǎn)。

有贊以后給商家所有的后臺(tái)產(chǎn)品都必須左右導(dǎo)航，不接受上下導(dǎo)航，只有這樣商家用我們所有的產(chǎn)品的習(xí)慣是一致的，學(xué)習(xí)成本是的。這就是我想說的：產(chǎn)品結(jié)構(gòu)和呈現(xiàn)方式需要可延續(xù)可擴(kuò)展。

3. 產(chǎn)品研發(fā)

然后我們?cè)僬f產(chǎn)品研發(fā)，今天主要說界面。

第一點(diǎn)，穩(wěn)定壓倒一切。

沒有任何東西比 SaaS 的穩(wěn)定重要，宕機(jī)了再好的產(chǎn)品都沒用。會(huì)影響到系統(tǒng)穩(wěn)定的事情不能做。

如果你要做一個(gè)功能，這個(gè)功能可能會(huì)影響到系統(tǒng)的穩(wěn)定性，不要做。因?yàn)闆]有任何東西比 SaaS 的穩(wěn)定重要，如果你宕機(jī)了，你做得再好都沒用。

這也是為什么這家公司應(yīng)該是全世界唯一一家把恥辱時(shí)刻會(huì)出現(xiàn)的東西做成吉祥物的原因，為什么霸王龍是有贊的吉祥物？為什么辦公區(qū)里都是霸王龍？是我們想提醒每一個(gè)人：穩(wěn)定是 SaaS 的第一要?jiǎng)?wù)。宕機(jī)了你什么都不是，你不能宕機(jī)，所以穩(wěn)定壓倒一切。

如果你做一個(gè)產(chǎn)品，產(chǎn)品呈現(xiàn)上也要穩(wěn)定，而且這個(gè)穩(wěn)定應(yīng)該在方方面面持續(xù)保持。商家為什么覺得你靠譜？你怎么樣成為最被信任的引領(lǐng)者？你怎么做到最被信任？我們今天說一個(gè)商家靠譜，那家店在那里開 10 年了口味沒變過，然后你覺得他靠譜，對(duì)不對(duì)？

正是因?yàn)檫@樣的原因，所以我不希望我們今天變明天變。所以這也是為什么我們每年兩場(chǎng)發(fā)布會(huì)是固定的， MENLO 在五月初，年底有感恩答謝會(huì)。 MENLO 發(fā)布會(huì)所有的設(shè)計(jì)主題都一定圍繞著電燈，可以每年換個(gè)電燈的創(chuàng)意，但是必須是圍繞著電燈，這故事要持續(xù)講下去，才會(huì)穩(wěn)定被信任。MENLO 發(fā)布會(huì)的門口一定會(huì)看到愛迪生的那張圖片，這就是我們要做的，一定會(huì)在整個(gè) MENLO 發(fā)布會(huì)的地方能看到那個(gè)燈塔的圖片，這就是持續(xù)做一個(gè)被信任的品牌要堅(jiān)持的穩(wěn)定，不止是系統(tǒng)穩(wěn)定，有很多地方要保持「穩(wěn)定」。

第二點(diǎn)，說人話。

說對(duì)方能聽懂的話，做用戶能用明白的產(chǎn)品。不耍專業(yè)，不設(shè)置門檻。

說人話是這家公司的基本價(jià)值觀，大家都懂，我想說另外一個(gè)，拒絕設(shè)置專業(yè)門檻。今天有很多的產(chǎn)品經(jīng)理有一個(gè)惡習(xí)，就是沒事喜歡取名字，沒事習(xí)慣造詞。我最害怕和做廣告的人打交道，廣告行業(yè)有無數(shù)的詞，就好像今天中國(guó)傳統(tǒng)文化圈子一樣，非得搞一些詞，搞一定的門檻，這是不對(duì)的。所有的產(chǎn)品名字、所有的詞、所有的用語都應(yīng)該是人話，都不應(yīng)該設(shè)置門檻，這也是為什么我們的產(chǎn)品取名好像特別沒文化，你看我們產(chǎn)品名字「有贊零售」、「有贊美業(yè)」、「有贊教育」顯得特別特別沒文化，人家都叫「智慧XX」、「XX生意寶」，但是我們就叫這樣的名字，因?yàn)槲医辛诉@樣的名字可以十年二十年不改名字，客戶一看就懂它是什么。但凡要占短期的 PR 和市場(chǎng)營(yíng)銷宣傳的便宜，設(shè)置那么高的門檻，商家還要去理解：哦？你那個(gè)什么生意寶是什么？哦，原來是這樣的啊。

還有我不知道你們現(xiàn)在有沒有在堅(jiān)持，我想強(qiáng)調(diào)一下，我們的二級(jí)域名不要用英文，有贊零售就是 lingshou.youzan.com，然后每一個(gè)產(chǎn)品的二級(jí)域名都應(yīng)該是拼音且每一個(gè)產(chǎn)品的二級(jí)域名都要考慮拼錯(cuò)的時(shí)候也可以打開（必須 linshou\lingshou\linsou\lingsou 都應(yīng)該可以跳轉(zhuǎn)到有贊零售的二級(jí)頁面），這是取二級(jí)域名的原則。沒事搞個(gè)英文，你覺得商家知道那個(gè)英文是什么意思嗎？這就是要知道怎么是說人話，說人話在每一個(gè)細(xì)節(jié)里。

第三點(diǎn)，永遠(yuǎn)保持一致的表達(dá)方式。

每一處給用戶表達(dá)的內(nèi)容，都需要是一致的，不做多樣化。從開始到結(jié)束，從 A 產(chǎn)品到 B 產(chǎn)品，從界面視覺到文字內(nèi)容，以及標(biāo)點(diǎn)符號(hào)。

賬戶就叫賬戶，登錄就叫登錄，在 A 產(chǎn)品是這樣，在 B 產(chǎn)品也是這樣。前天檢查到凌晨?jī)扇c(diǎn)鐘，還發(fā)現(xiàn)有的產(chǎn)品叫通用設(shè)置，有的產(chǎn)品叫高級(jí)設(shè)置，有的產(chǎn)品叫我的設(shè)置，這是不對(duì)的，要叫通用設(shè)置所有的產(chǎn)品都要叫通用設(shè)置，名字就需要被固定化。如果你覺得這個(gè)設(shè)置要改個(gè)名字，我們商量商量全線一起改，這是你要保持的一致的表達(dá)。還有，to.C 的產(chǎn)品可以花樣很多，to.B 的產(chǎn)品不需要那么做，所以一定要有一致的表達(dá)。

4. 產(chǎn)品運(yùn)營(yíng)

然后我們?cè)偃フf產(chǎn)品運(yùn)營(yíng)的部分。

第一點(diǎn)，不可減少，每個(gè)用戶都重要。

新產(chǎn)品不能比老產(chǎn)品的功能少，不應(yīng)該輕易下線產(chǎn)品功能，不降低服務(wù)，不讓少數(shù)服從多數(shù)，每個(gè)用戶的需求和習(xí)慣都是重要的。

就是我前面講到的，to.B 的產(chǎn)品不接受你把一個(gè)功能下線，永遠(yuǎn)不要去減少你的東西。

第二點(diǎn)，先有，再，然后易用，最后好看。

有是最基礎(chǔ)的體驗(yàn)，有總比沒有要好。然后使用效率要很高，再然后才是要好用易用，最后才是要好看。當(dāng)然，丑也是不行的。

有是最基礎(chǔ)的體驗(yàn)，這個(gè)功能有沒有？先要有，然后要。因?yàn)槟阕龅氖且粋€(gè)商家工作臺(tái)，他使用效率要很高，然后才是要好用，要易用，上來就能用，上來就會(huì)用，然后才是要好看。

to.B 的產(chǎn)品不應(yīng)該是上來搞好看，沒用的。我們不需要那么好看的商家后臺(tái)界面，簡(jiǎn)潔是最重要的，所以我們左右導(dǎo)航且顏色都是灰的，不要搞那么飽和度很高的顏色，商家后臺(tái)不需要那么跳，黑白灰配一些色，讓它舒服一點(diǎn)就好了。當(dāng)然「有贊美業(yè)」可以特殊，美業(yè)本來就很時(shí)尚，但是美業(yè)也不要用大紅那么跳的顏色，這是基本的。好看沒有好用重要，好用沒有重要，因?yàn)樗巧碳液笈_(tái)，天天都在用，他學(xué)習(xí)一下未來效率高很重要。沒有有重要，先要有。

問：和易用有什么區(qū)別？

答：，指的是長(zhǎng)期使用效率；易用通常指的是用戶是否容易學(xué)習(xí)容易上手。舉個(gè)例子：我們做水電煤繳費(fèi)，每個(gè)月用一次，每次用都忘了上次學(xué)習(xí)的操作技能，那么應(yīng)該注意「容易學(xué)習(xí)容易上手」，符合「別讓我思考」的邏輯，寧愿多點(diǎn)一次也別讓他多想。我們做商家后臺(tái)「發(fā)貨」和「收銀」功能，每天都用，用很多次，應(yīng)該注重「使用效率高」，即使要學(xué)習(xí)一下，也得保證可以操作，不要每次都要點(diǎn) N 多回才能完成一個(gè)操作。

第三點(diǎn)，持續(xù)關(guān)注自己的「孩子」，哪怕她已經(jīng)嫁人。

作為一個(gè)產(chǎn)品人，應(yīng)該持續(xù)關(guān)注自己做過的產(chǎn)品，哪怕這個(gè)產(chǎn)品已經(jīng)不歸自己管了，也應(yīng)該經(jīng)常關(guān)注并思考她的發(fā)展和進(jìn)化。

我覺得這是任何一個(gè)產(chǎn)品人都應(yīng)該有的基本精神，你既然做了一個(gè)產(chǎn)品，這個(gè)產(chǎn)品就是你的孩子，你就應(yīng)該持續(xù)關(guān)注她，哪怕這個(gè)產(chǎn)品你做完了，你不再負(fù)責(zé)了，轉(zhuǎn)到別的部門了，別的人在負(fù)責(zé)，你都應(yīng)該時(shí)不時(shí)的去看看她。因?yàn)槟阕龀鰜淼漠a(chǎn)品就是你的孩子，如果你的女兒嫁人了，你是不是就不聯(lián)系她了？不會(huì)吧。

我很負(fù)責(zé)任地說，我做過的支付寶產(chǎn)品、百度的產(chǎn)品，到現(xiàn)在我偶爾還想回去看看她，看看她被改成什么樣子了。我覺得我骨子里至少還有那種精神，這是一個(gè)產(chǎn)品人最基本的精神。

第四點(diǎn)，不騷擾用戶，不群發(fā)。

我們的責(zé)任是幫助商家成功，不是為了讓我們自己的生意更成功，我們沒有權(quán)利去為了自己的商業(yè)目的不斷騷擾用戶。用戶通常不看系統(tǒng)消息，群發(fā)信息起不到溝通作用。

在這家公司里，任何給用戶群發(fā)信息都必須我批準(zhǔn)，而我不會(huì)有時(shí)間審批，發(fā)郵件我看都不會(huì)看，你發(fā)微信我也不會(huì)理你的。如果你非得說不發(fā)會(huì)死，會(huì)出現(xiàn)大問題，那么自己想辦法找我，找的第一次我理都不理你，因?yàn)槟悴灰o商家發(fā)信息，人家用你的后臺(tái)做生意，你沒事給他群發(fā)什么信息呢？為什么要去騷擾他？你的責(zé)任是幫助他的生意更成功，你的責(zé)任不是為了讓你的生意更成功。

5. 一些基本常識(shí)

還有些基本的常識(shí)，沒有在我們的原則里。但是我會(huì)發(fā)現(xiàn)有一些新的產(chǎn)品經(jīng)理，或者在別的沒有底線的公司做過產(chǎn)品的人帶來了一些惡習(xí)，這些基本的常識(shí)我把它重復(fù)強(qiáng)調(diào)一下，我不認(rèn)為這是我們的特殊原則。上面十三條很多是我們的特殊原則，不是全行業(yè)通用的，剩下內(nèi)容是一些做產(chǎn)品要有的基本常識(shí)。

第一點(diǎn)，沒有人會(huì)看公告。

你要清楚，沒有用戶會(huì)看公告，你不要搞一個(gè)產(chǎn)品改完了公告上完了就結(jié)束了，然后商家說這怎么改了？你理直氣壯地說我發(fā)過公告呀。商家不會(huì)看公告的，沒有用戶會(huì)看公告，不要依賴公告告訴用戶你的產(chǎn)品變了，發(fā)生了什么變化，你要用你的產(chǎn)品設(shè)計(jì)能力讓他感受到你發(fā)生了什么變化。當(dāng)然，也別傻乎乎的在產(chǎn)品上專門搞個(gè)圖層提醒他「我變了，看到?jīng)]」，你要知道在你的新用戶眼里不存在「變了」，你就是他的第一眼。

第二點(diǎn)，沒有人會(huì)看系統(tǒng)消息和群發(fā)短信。

不要覺得你上線了一個(gè)改變了的東西，或者你改變了一個(gè)政策，群發(fā)一條系統(tǒng)公告問題就解決了，解決不了，基于用戶體驗(yàn)他就不知道去看你發(fā)的信息。當(dāng)然有的時(shí)候法律上需要，你可能還是得發(fā)，但是基于用戶體驗(yàn)設(shè)計(jì)，你不要以為你發(fā)了他就會(huì)看，他不會(huì)看公告的，他不會(huì)看系統(tǒng)消息的，他也不會(huì)看你群發(fā)消息的，你的產(chǎn)品讓用戶感知到改變不要靠這些，沒有用，他不看。

第三點(diǎn)，幾乎沒有人會(huì)改默認(rèn)設(shè)置。

這也是最基本的素養(yǎng)，我經(jīng)常聽大家討論產(chǎn)品，討論著說，哎呀，到底通常他們更多人會(huì)用 A 呢？還是用 B 呢？默認(rèn)該用 A 呢還是該用 B 呢？突然有一個(gè)人冒出來說：沒關(guān)系，加個(gè)高級(jí)設(shè)置，讓他可以從 A 設(shè)置到 B。這么做并不能解決問題。

幾乎沒有人會(huì)改默認(rèn)設(shè)置的，只有高級(jí)用戶會(huì)改，所以當(dāng)你的一個(gè)產(chǎn)品模式有 N 種設(shè)置的時(shí)候，你一定要花最多精力去想默認(rèn)設(shè)置該是哪一個(gè)？因?yàn)槟隳J(rèn)是什么樣他就會(huì)那么用。舉個(gè)例子：我們最早為了強(qiáng)調(diào)有贊擔(dān)保很重要、很特殊，有贊擔(dān)保上線的第一版，我們用了一個(gè)綠色的底。然后就有人說我們做一個(gè)白色的底，不那么丑的，商家可以去改設(shè)置。常識(shí)告訴我們商家是不會(huì)改默認(rèn)設(shè)置的，所以我們把默認(rèn)設(shè)置改成白色，如果有商家覺得提醒別人有贊擔(dān)保特別重要，他要改成帶顏色的底，他可以去改設(shè)置，高級(jí)商家可以去改，默認(rèn)新店都是白色的底。

但是我們并沒有把老店鋪改過來，因?yàn)樯碳沂仟?dú)立的，你默認(rèn)綠色的底他用了，你就沒有權(quán)利幫他改成白色，即便幾萬個(gè)商家里面只有 10 個(gè)商家喜歡綠色，你憑什么給他改成白色？所以我們要想辦法告訴幾萬個(gè)商家「這個(gè)有點(diǎn)難看，你可以把它改成更好看的顏色」，而不是強(qiáng)行把它改了，你沒有權(quán)利不能私自去改他的東西也是基本原則。所以默認(rèn)設(shè)置非常非常重要，你一定要花最多的精力去想，這個(gè)東西有三個(gè)設(shè)置默認(rèn)設(shè)置成哪一個(gè)？非常非常重要，但是這件事不是所有產(chǎn)品人都具備這樣的素養(yǎng)。

第四點(diǎn)，習(xí)慣路徑的設(shè)計(jì)，比少一次點(diǎn)擊重要。

絕大部分做產(chǎn)品的人都看過那本書，中文名叫《點(diǎn)石成金》，英文名叫《Don’t make me think》，書中說可以多點(diǎn)一次，每次都不需要思考，這是基本原則。所以少點(diǎn)一次多點(diǎn)一次沒那么重要，重要的是讓他形成習(xí)慣路徑。

舉個(gè)例子：微信不需要把「朋友圈」拉到一級(jí)導(dǎo)航。雖然你進(jìn)朋友圈的頻率那么高，你每次進(jìn)朋友圈點(diǎn)擊「發(fā)現(xiàn)」再點(diǎn)進(jìn)朋友圈，但是微信就是不會(huì)拿到一級(jí)導(dǎo)航。因?yàn)檫@樣會(huì)給發(fā)現(xiàn)里面的其他頻道帶來很大的流量和商業(yè)價(jià)值，反正養(yǎng)成了用戶習(xí)慣，用戶體驗(yàn)有沒有損失？有一點(diǎn)點(diǎn)，只一點(diǎn)點(diǎn)損失，可以接受。

我們有很多很多產(chǎn)品是一樣的，比如說切換店鋪，很多人習(xí)慣把重要的東西都擺到首頁，跟擺地?cái)偹频?，如果有一萬個(gè)功能呢？怎么擺。所以，你要設(shè)計(jì)他的使用習(xí)慣。

我們已經(jīng)設(shè)計(jì)了有贊商家的兩大流量入口，一個(gè)流量入口是概況頁，很多重要的、常用的東西放在那，那是個(gè)工作臺(tái)。還有一個(gè)入口我們已經(jīng)慢慢把它養(yǎng)成了，就是應(yīng)用市場(chǎng)。我們有這兩個(gè)流量入口就可以讓很多商家去發(fā)現(xiàn)一些東西，他可能不會(huì)點(diǎn)到訂單再點(diǎn)到里邊去，他會(huì)在首頁直接點(diǎn)待發(fā)貨訂單然后進(jìn)去發(fā)貨。

你要設(shè)計(jì)好他的路徑，這個(gè)路徑的設(shè)計(jì)還包含如果你在首頁上放的是廣告位，那個(gè)廣告位一定要更新，如果你不更新，他就把那個(gè)廣告位當(dāng)成一個(gè)導(dǎo)航用了，商家不會(huì)覺得只有左邊那個(gè)我們叫導(dǎo)航的東西是導(dǎo)航，他不會(huì)那么認(rèn)為的，如果廣告位總不更新，運(yùn)營(yíng)的位置總不更新，以后就不要更新了，因?yàn)樗麜?huì)把那個(gè)位置當(dāng)成他的導(dǎo)航。

再舉個(gè)特別有意思的例子，早年我在百度的時(shí)候，阿里巴巴的很多用戶，是在百度上隨便搜索一個(gè)詞，點(diǎn)百度右邊的廣告「找什么什么去阿里巴巴」，然后進(jìn)阿里巴巴，他永遠(yuǎn)都那么進(jìn)，其實(shí)那就是他的習(xí)慣路徑，這個(gè)路徑依賴性非常非常強(qiáng)。

所以如果你能讓他養(yǎng)成習(xí)慣路徑，就可以讓他多點(diǎn)一下，沒關(guān)系，這是最基本的常識(shí)。

最后，以上每一條原則我們希望每個(gè)人都要熟悉起來。接下來的新人，需要通過這些產(chǎn)品設(shè)計(jì)原則的考試才能轉(zhuǎn)正。

中國(guó)有太少的企業(yè)服務(wù)公司了，所以我們這個(gè)行業(yè)能夠徹底站在商家或者企業(yè)角度思考的人也不多。希望有贊的《產(chǎn)品設(shè)計(jì)原則》是一個(gè)開始，能夠幫助到更多這個(gè)行業(yè)的產(chǎn)品人，因?yàn)槲覉?jiān)信：未來五年，中國(guó)最好的企業(yè)服務(wù)產(chǎn)品經(jīng)理絕大部分都坐在這里。當(dāng)然，我們還是非常缺產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師，電商、零售、教育、美業(yè)、營(yíng)銷、交易、會(huì)員、數(shù)據(jù)、支付、金融、云、中臺(tái)、風(fēng)控、廣告等方向都缺，如果遇到優(yōu)秀的產(chǎn)品經(jīng)理和體驗(yàn)設(shè)計(jì)師可推薦，請(qǐng)大家把簡(jiǎn)歷直接給到麥麥。（郵箱：joinus@youzan.com）

我也堅(jiān)定地認(rèn)為未來三到五年，整個(gè)中國(guó)的商家都需要升級(jí)他們的經(jīng)營(yíng)系統(tǒng)，尤其是深度擁抱互聯(lián)網(wǎng)。那么，這個(gè)行業(yè)最缺的就是需要人給他們提供足夠好的產(chǎn)品，需要能夠真正站在商家角度思考，真正有企業(yè)服務(wù)視野的產(chǎn)品人。所以，在座的各位一定會(huì)成為未來這個(gè)行業(yè)最值錢的人。

文章來源：優(yōu)設(shè)

設(shè)計(jì)概要（Design briefs），也可以理解為設(shè)計(jì)簡(jiǎn)報(bào)、設(shè)計(jì)說明文檔。設(shè)計(jì)概要負(fù)責(zé)說明設(shè)計(jì)的目標(biāo)、設(shè)計(jì)的方向風(fēng)格、不同階段及對(duì)應(yīng)的里程碑（指標(biāo)）。

簡(jiǎn)而言之，設(shè)計(jì)概要是對(duì)本次設(shè)計(jì)項(xiàng)目的簡(jiǎn)要概括，可能是一份文檔，或者一組文件內(nèi)容，其中包括設(shè)計(jì)的幾個(gè)關(guān)鍵概念如項(xiàng)目描述、項(xiàng)目范圍、項(xiàng)目目標(biāo)，目標(biāo)受眾、風(fēng)格外觀、預(yù)算時(shí)間安排。那么我們所整理的設(shè)計(jì)概要是提給誰看的呢？按照原作者觀點(diǎn)是增進(jìn)設(shè)計(jì)師和需求方的理解及信任。作者的觀點(diǎn)是建立在服務(wù)甲方的基礎(chǔ)上提出的，因?yàn)樽髡咚鶎兕I(lǐng)域?yàn)槠矫嬖O(shè)計(jì)領(lǐng)域，偏向創(chuàng)意性設(shè)計(jì)活動(dòng)，因此通過建立共同目標(biāo)，統(tǒng)一想法更容易創(chuàng)造出高滿意度的方案。

但事實(shí)上設(shè)計(jì)概要不止于此，它不應(yīng)該被局限在平面設(shè)計(jì)領(lǐng)域，雖然作者是以平面設(shè)計(jì)師的身份來普及這個(gè)觀念（傾向提點(diǎn)平面廣告類設(shè)計(jì)工作者，而不是UI/UX領(lǐng)域），但事實(shí)上其中很多角度都是從設(shè)計(jì)本質(zhì)及設(shè)計(jì)工作的協(xié)作本質(zhì)上提出的，它也可以被我們移植到UI/UX領(lǐng)域。當(dāng)我讀完這篇文章，我發(fā)現(xiàn)了設(shè)計(jì)概要一個(gè)更加重要的功能，那就是幫助UX設(shè)計(jì)團(tuán)隊(duì)梳理關(guān)鍵工作，建立共同目標(biāo)，提高設(shè)計(jì)工作的效率，促進(jìn)團(tuán)隊(duì)成員的協(xié)作與信任。（從設(shè)計(jì)團(tuán)隊(duì)角度）

當(dāng)然如果從甲方角度考慮，設(shè)計(jì)簡(jiǎn)報(bào)依然可以用于UIUX領(lǐng)域，比如向leader提案，以及在項(xiàng)目初期向外包方展示設(shè)計(jì)說明，增進(jìn)溝通交流，以保證設(shè)計(jì)師對(duì)需求的理解，同時(shí)更展示了設(shè)計(jì)人員的專業(yè)性。

總之設(shè)計(jì)概要適合在設(shè)計(jì)流程的前期被組織，并分享至團(tuán)隊(duì)和需求方，增進(jìn)團(tuán)隊(duì)的凝聚力，促進(jìn)創(chuàng)意的發(fā)生，展示團(tuán)隊(duì)專業(yè)性及增加需求方與設(shè)計(jì)人員的理解與信任。設(shè)計(jì)概要與最終提案實(shí)際上是一次完整的設(shè)計(jì)活動(dòng)的首與尾，兩者應(yīng)當(dāng)相互對(duì)應(yīng)，設(shè)計(jì)結(jié)果應(yīng)當(dāng)圍繞最初定義的目標(biāo)進(jìn)行，設(shè)計(jì)概要更像是設(shè)計(jì)思維的理解和定義階段，把我們面臨的問題，假設(shè)的目標(biāo)呈現(xiàn)出來，以便在接下來的設(shè)計(jì)過程中精準(zhǔn)打擊，去解決設(shè)計(jì)概要中提到的問題或者目標(biāo)。

下面開始正文。這里是帥氣的分割線

在過去18年的廣告設(shè)計(jì)工作中，我逐漸意識(shí)到這個(gè)行業(yè)里最好的事情就是與你合作的人——作家，藝術(shù)總監(jiān)，用戶體驗(yàn)和用戶界面設(shè)計(jì)師，擁有出色的有創(chuàng)意的大腦，卓越的才能，不同的心態(tài)。 
當(dāng)他們有清晰的指導(dǎo)和足夠的自由與時(shí)間時(shí)，他們往往能迸發(fā)出好的想法，提出創(chuàng)意性的解決方案。但只要是缺乏指導(dǎo)，各種相互矛盾的指示，混亂的目標(biāo)及緊迫的時(shí)間，將導(dǎo)致設(shè)計(jì)師無法產(chǎn)出優(yōu)秀的方案。 
我多年來一直在觀察這個(gè)現(xiàn)象，但我不知道該如何解決。一開始，我很難將客戶需求好創(chuàng)意輸出完美的結(jié)合，隨著時(shí)間流逝，我逐漸明白，這一切都因?yàn)槲覀儧]有一個(gè)清晰地設(shè)計(jì)概要。從客戶的需求文檔開始，我們從中收集信息建立我們的總的設(shè)計(jì)概要，然后以此總概要來進(jìn)一步細(xì)分為具體的概要，如視覺設(shè)計(jì)概要、體驗(yàn)設(shè)計(jì)概要、布局排版設(shè)計(jì)概要等。 
沒有任何東西可以取代一份準(zhǔn)確詳細(xì)的設(shè)計(jì)概要。沒有任何電子郵件或者個(gè)人會(huì)議可以取代創(chuàng)意概要。如果缺少基本信息，你無法開始任何工作，無法估算資源，無法保證最后期限。 

如果認(rèn)真對(duì)待，設(shè)計(jì)概要就是任何創(chuàng)造性工作的關(guān)鍵。主要問題是客戶和設(shè)計(jì)師在某些情況下都被低估了。設(shè)計(jì)行業(yè)變得如此龐大且不斷擴(kuò)張，任何人都可以稱自己為設(shè)計(jì)師，任何人都可以收取任何費(fèi)用。因此，需要特定流程的真正的設(shè)計(jì)被置于次要地位，完全以價(jià)格來評(píng)判。雖然我支持競(jìng)爭(zhēng)并且完全理解并非每個(gè)公司或個(gè)人都能獲得同樣的預(yù)算，但它仍然對(duì)整個(gè)行業(yè)不利。 

設(shè)計(jì)概要是一個(gè)很關(guān)鍵的部分，應(yīng)當(dāng)在正式設(shè)計(jì)開始前就組織好，但在一般設(shè)計(jì)流程中，它經(jīng)常會(huì)缺失，通常我們認(rèn)為我們一切都準(zhǔn)備好了，認(rèn)為我們的方案沒有問題可以直接開始設(shè)計(jì)了，但事實(shí)往往相反。 

什么是概要（brief）？

“概要”一詞來源于軍事術(shù)語，在軍事術(shù)語中，簡(jiǎn)報(bào)被定義為“事先給出具體指示或信息的行為”?！八幸粋€(gè)具體的結(jié)構(gòu)，簡(jiǎn)短扼要，包括所有必要的資信息，但不多，并包括一項(xiàng)既定的任務(wù)和要完成的結(jié)果，但有足夠的自由來適應(yīng)局勢(shì)(任務(wù)摘要)。 
當(dāng)指示部隊(duì)接管敵方陣地時(shí)，將軍可能會(huì)給出如何執(zhí)行以及考慮哪些因素的指示，但不會(huì)說把右腳放在左腳前面，重復(fù)這個(gè)動(dòng)作100米（前進(jìn)一百米），然后右轉(zhuǎn)，等等。軍事簡(jiǎn)報(bào)只給出一項(xiàng)任務(wù)，留給個(gè)人決定的空間。同樣，creative briefing也不是一個(gè)描述創(chuàng)意過程的詳細(xì)用戶手冊(cè)。它也不是對(duì)預(yù)期結(jié)果的描述。創(chuàng)意概要是一個(gè)框架，它可以通過提供足夠的指導(dǎo)來推動(dòng)創(chuàng)意過程，使創(chuàng)意保持在正確的軌道上，并為創(chuàng)意提供足夠的自由。（譯者注：核心是指導(dǎo)列表，且保證足夠的自由，只提供框架，不干擾創(chuàng)意執(zhí)行） 

為什么我們?cè)趧?chuàng)作過程中需要概要？
如果我們有一個(gè)需要?jiǎng)e人解決的問題，我們需要?jiǎng)?chuàng)意簡(jiǎn)報(bào)和創(chuàng)意簡(jiǎn)報(bào)用作說明，就是這么簡(jiǎn)單。當(dāng)我們要進(jìn)行創(chuàng)意活動(dòng)時(shí)我們會(huì)寫創(chuàng)意概要，列出關(guān)鍵的點(diǎn)，這意味著我們此時(shí)已經(jīng)清楚存在的既定問題，我們列出問題然后才知道去解決什么。當(dāng)然，也只有在別人要執(zhí)行設(shè)計(jì)活動(dòng)時(shí)，我們才需要去寫一份概要，以供說明。 （簡(jiǎn)單理解，從某種角度，設(shè)計(jì)概是要寫給需要執(zhí)行設(shè)計(jì)的人員看的，我們需要?jiǎng)e人去解決問題，而概要負(fù)責(zé)說明這些問題。） 

什么是設(shè)計(jì)概要？
設(shè)計(jì)概要是描述設(shè)計(jì)項(xiàng)目的目標(biāo)和里程碑的書面文檔。它是設(shè)計(jì)過程中至關(guān)重要的一部分，因?yàn)樗兄谠诳蛻艉驮O(shè)計(jì)師之間建立信任和理解。它和合同一樣重要，是雙方的重要參照點(diǎn)。它確保重要的設(shè)計(jì)問題在設(shè)計(jì)師開始工作之前就被考慮和討論。 

根據(jù)不同工作范圍和不同產(chǎn)品領(lǐng)域，設(shè)計(jì)概要可以由許多元素組成，每個(gè)元素都詳細(xì)描述某個(gè)范圍的特定部分。 
但為了保持簡(jiǎn)潔，以下五個(gè)要素不容忽視: 

1.項(xiàng)目描述
簡(jiǎn)單描述一下我們需要做什么:我們對(duì)任務(wù)了解多少?期望是什么?一個(gè)新的設(shè)計(jì)?一個(gè)新的想法?現(xiàn)有的網(wǎng)站重新設(shè)計(jì)?我們需要用它來解決什么問題?這最多只能是一句話。

譯者注：項(xiàng)目描述是對(duì)你所進(jìn)行的項(xiàng)目的最簡(jiǎn)潔的概括，比如"我們?cè)谧鲆粋€(gè)共享打車的產(chǎn)品"。當(dāng)然可以在這基礎(chǔ)上豐富一點(diǎn)如：“我們?cè)谧鲆粋€(gè)服務(wù)白領(lǐng)人群、針對(duì)夜間打車場(chǎng)景的共享打車產(chǎn)品”，后面這個(gè)描述增加了用戶和場(chǎng)景，但整個(gè)描述仍然是清晰易懂的。項(xiàng)目描述一般由戰(zhàn)略層相關(guān)人員來定義，如公司老大，產(chǎn)品經(jīng)理等。當(dāng)然對(duì)于redesign項(xiàng)目，則需要設(shè)計(jì)師自己明確項(xiàng)目目標(biāo)，然后去定義一個(gè)簡(jiǎn)潔的項(xiàng)目描述。 

2.項(xiàng)目范圍
根據(jù)項(xiàng)目的大小，這里需要提供更多的細(xì)節(jié)。什么是預(yù)期目標(biāo)，有多少頁多少內(nèi)容量，它將具有什么功能和特性。你需要了解更多的細(xì)節(jié)來服務(wù)一個(gè)新的企業(yè)品牌項(xiàng)目，而不是一個(gè)簡(jiǎn)單的網(wǎng)站。報(bào)價(jià)將主要依據(jù)這一環(huán)節(jié)。盡可能具體是至關(guān)重要的。 
此外，在互聯(lián)網(wǎng)世界中，客戶相信設(shè)計(jì)師能夠解決所有問題，從UI到UX，最終開發(fā)一個(gè)完整的網(wǎng)站并解決SEO排名（seo即搜索引擎優(yōu)化的意思），非常重要的是，盡早說明哪些內(nèi)容在范圍內(nèi)，哪些不包括在范圍內(nèi)。 
譯者注：項(xiàng)目范圍即范圍層中的內(nèi)容規(guī)格。我們?cè)诋a(chǎn)品設(shè)計(jì)的五個(gè)層面中第二層中可以了解這部分內(nèi)容，內(nèi)容規(guī)格是對(duì)產(chǎn)品目標(biāo)的拆解，細(xì)化為具體的內(nèi)容和功能，例如我們?cè)O(shè)計(jì)一款打車應(yīng)用，它可能會(huì)包含，順風(fēng)車（對(duì)應(yīng)順路接送服務(wù)）、普通快車（對(duì)應(yīng)出租車服務(wù)）、高端用車（對(duì)應(yīng)企業(yè)服務(wù)高端出行領(lǐng)域）這三種規(guī)格。 

3.目標(biāo)
通常情況下，你的客戶并不知道他們的目標(biāo)，也不知道設(shè)計(jì)工作會(huì)如何影響他們。但概括下來有以下三種不同類型的目標(biāo)。 
業(yè)務(wù)目標(biāo):客戶給出的一個(gè)可衡量的目標(biāo)，例如增加銷售、市場(chǎng)份額、滲透率、減少X%的客戶流失率等KPI。 
營(yíng)銷目標(biāo):幫助客戶實(shí)現(xiàn)商業(yè)目標(biāo)中一切與營(yíng)銷相關(guān)的事情。幫助客戶提升客戶參與度的活動(dòng):意識(shí)-考慮-偏好-試用-購買-忠誠-宣傳。（對(duì)標(biāo)用戶生命周期模型：獲客、留存、激活、變現(xiàn)、傳播 ） 
溝通目標(biāo):我們需要行動(dòng)的目標(biāo)!預(yù)期的結(jié)果是什么，消費(fèi)者的行為或預(yù)期從我們?cè)O(shè)計(jì)的產(chǎn)品中獲得什么?它必須以具體有形的形式表達(dá)出來，例如1500人注冊(cè)，5000個(gè)額外的點(diǎn)贊，優(yōu)惠券下載，產(chǎn)品試用，撰寫評(píng)論，應(yīng)用程序的使用，潛在客戶，分享。 
雖然了解業(yè)務(wù)和營(yíng)銷目標(biāo)很重要，但是讓我們的客戶了解UI和UX有其局限性，并且它們并不會(huì)對(duì)糟糕的商業(yè)策略產(chǎn)生影響，這一點(diǎn)非常重要。這可能很關(guān)鍵（撇清責(zé)任俗稱帥鍋哈哈）。 

4. 目標(biāo)受眾
這個(gè)產(chǎn)品是給誰的?誰將使用它，在什么時(shí)候什么場(chǎng)景下，為什么使用?描述用戶受眾必須盡可能具體，因?yàn)樵O(shè)計(jì)師通常會(huì)考慮到角色，特別是在UX方面，產(chǎn)品使用流程主要由用戶角色及其在客戶旅程中的特定階段決定。 

6.預(yù)算和時(shí)間
有些人可能會(huì)爭(zhēng)論是否應(yīng)該在一個(gè)簡(jiǎn)短的報(bào)告中加入預(yù)算，不一定是準(zhǔn)確的預(yù)算，但我們至少要確定一個(gè)大致范圍。清晰的預(yù)算可能意味著設(shè)計(jì)師或代理機(jī)構(gòu)甚至不會(huì)接受該項(xiàng)目，或者如果客戶無法支付他們的服務(wù)費(fèi)用，他們會(huì)考慮另一種成本更低的解決方案。但若沒有溝通清楚，在設(shè)計(jì)進(jìn)行期間更容易產(chǎn)生分歧和問題。 

定義總的時(shí)間和預(yù)期的各時(shí)間節(jié)點(diǎn)則是為了避免那些清晰溝通可以避免的沖突點(diǎn)。時(shí)間還會(huì)影響預(yù)算;在任何緊急情況下，獲得額外資源都是可能的（比如若時(shí)間緊急可會(huì)提高價(jià)格）。 

根據(jù)我的經(jīng)驗(yàn)，真正重要的問題都是雙重的。 
1.客戶的教育程度不足以提供可以推動(dòng)項(xiàng)目正常運(yùn)行的必要信息 
2.設(shè)計(jì)師在沒有正確理解客戶的需求的情況下就心急直接開始設(shè)計(jì)。 

總結(jié)
如果您是客戶，一個(gè)好的設(shè)計(jì)概要將節(jié)省您在無意義的電子郵件，電話和會(huì)議上花費(fèi)的時(shí)間。它還可以幫助您獲得來自不同設(shè)計(jì)師和代理商的更和可比的報(bào)價(jià)。 
如果你是一名設(shè)計(jì)師，如果你堅(jiān)持從一個(gè)設(shè)計(jì)概要文件開始你的設(shè)計(jì)工作，你會(huì)從客戶那里獲得簡(jiǎn)潔的愿景和期望，這可以讓你保持動(dòng)力。你的時(shí)間和努力是昂貴的，從潛在客戶那里獲取的某種信息可能毫無意義。明智的做法是優(yōu)先考慮那些已經(jīng)有一些遠(yuǎn)見、愿意承擔(dān)自己那部分工作的客戶。（即優(yōu)先考慮那些清晰的分析了產(chǎn)品的各類目標(biāo)、預(yù)算等關(guān)鍵內(nèi)容規(guī)格的客戶） 

一個(gè)好的簡(jiǎn)介應(yīng)該是簡(jiǎn)潔、清晰和全面的。如果目標(biāo)足夠清晰，應(yīng)當(dāng)不超過兩頁。 

為了使最終的結(jié)果盡可能的好，我們需要鼓勵(lì)和教育客戶和設(shè)計(jì)師去做更好的設(shè)計(jì)概要（說明文件），讓我們的工作更容易，并把重點(diǎn)放在更重要的事情上。 

文章來源：UI中國(guó)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

標(biāo)簽是用來告訴用戶這個(gè)列表項(xiàng)是什么；輸入框是供用戶完成信息錄入的；按鈕是供用戶完成信息錄入后點(diǎn)擊進(jìn)入下一個(gè)流程的。

標(biāo)簽

根據(jù)標(biāo)簽所處的位置，可以將其分為左標(biāo)簽、頂部標(biāo)簽和行內(nèi)標(biāo)簽。

1. 左標(biāo)簽

左標(biāo)簽在目前來說是最常見的一種標(biāo)簽樣式，但是這并不意味著我們可以無所顧慮地使用它。以手機(jī)端為例，手機(jī)端的屏幕尺寸（寬度）有限，左標(biāo)簽會(huì)占據(jù)屏幕較大的空間，此時(shí)右邊的輸入框就可能無法展示完整的信息。

例如，如果用戶輸入的地址過長(zhǎng)，就會(huì)造成信息的展示不完全，這對(duì)用戶體驗(yàn)來說是致命的。因?yàn)橛脩粼谶M(jìn)行下一步操作之前都會(huì)對(duì)輸入的內(nèi)容進(jìn)行審核確認(rèn)，如果連完整的內(nèi)容都無法獲知或者獲知的難度較大，則用戶根本不會(huì)進(jìn)行下一步操作，這就造成了操作流程的中斷。所以，我們?cè)谑褂米髽?biāo)簽的時(shí)候，一定要考慮對(duì)多行文本的展示。

2. 頂部標(biāo)簽

頂部標(biāo)簽是指位于輸入框上方的標(biāo)簽，這樣輸入框就可以獨(dú)占整個(gè)頁面，信息可以得到更完全的展示。

與左標(biāo)簽相比，頂部標(biāo)簽可以給輸入框的內(nèi)容騰出足夠的空間。在界面設(shè)計(jì)中，更多的空間還意味著具有更高的信息層級(jí)。同一個(gè)表單中會(huì)有很多的輸入項(xiàng)，有些輸入項(xiàng)的優(yōu)先級(jí)很高，我們可以考慮使用頂部標(biāo)簽的樣式來進(jìn)行凸顯。

但是這種布局方式也有缺點(diǎn)：會(huì)占據(jù)更多的縱向空間，之前一屏就可以展示的內(nèi)容，現(xiàn)在用戶需要滑動(dòng)頁面才可以看完。

3. 行內(nèi)標(biāo)簽

行內(nèi)標(biāo)簽又可以被看成是輸入提示，其樣式看起來很適合手機(jī)端的表單設(shè)計(jì)，因?yàn)樗梢詷O大地節(jié)省頁面空間。但是一旦用戶點(diǎn)擊切換到輸入狀態(tài)以后，就看不到這些標(biāo)簽了。如果操作提示字?jǐn)?shù)很多，例如密碼規(guī)范，那么用戶記憶會(huì)很吃力。我們可以在調(diào)起的鍵盤頂部加上提示，減少用戶的記憶成本。

但是，如果表單項(xiàng)目過多，則用戶在填寫的時(shí)候很容易串行，可能會(huì)出現(xiàn)把家庭住址填到畢業(yè)院校一欄中的情況。更嚴(yán)重的是，用戶因?yàn)闊o法看到標(biāo)簽，這類錯(cuò)誤是無法被檢查出來的。為了解決這個(gè)問題，我們可以在行內(nèi)標(biāo)簽前加一個(gè)圖標(biāo)來標(biāo)識(shí)這個(gè)列表項(xiàng)，圖標(biāo)所占據(jù)的空間不會(huì)太大，而且會(huì)提高頁面的美觀性。

當(dāng)表單項(xiàng)目過多時(shí)，我們要對(duì)其進(jìn)行整合分組來提升內(nèi)容的可讀性。如下圖所示，這里將 15 個(gè)字段分成 3 組。同樣的內(nèi)容，但給用戶的印象卻大不相同。

輸入框

輸入框的作用是供用戶完成信息錄入，這里我們的設(shè)計(jì)思路是如何提升信息的錄入效率。我見過很多設(shè)計(jì)師偷懶，把所有的輸入框都做成文本框樣式，用戶必須調(diào)起鍵盤一個(gè)字一個(gè)字地輸入，這種體驗(yàn)是非常不友好的。如果我們想讓用戶錄入個(gè)人信息，其中的生日和城市就應(yīng)該使用日期和城市組件，而不是讓用戶手動(dòng)輸入。

即使非要讓用戶手動(dòng)輸入，我們同樣可以根據(jù)不同的場(chǎng)景給用戶提供更友好的體驗(yàn)。如果要輸入的是數(shù)字，那么應(yīng)該給用戶調(diào)起數(shù)字鍵盤；如果要輸入文本，那么應(yīng)該給用戶調(diào)起全鍵盤，避免用戶手動(dòng)切換鍵盤。

即使用戶輸入符號(hào)，我們也要考慮如何減少用戶的操作步驟。例如，我們發(fā)現(xiàn)當(dāng)光標(biāo)位于周星星三個(gè)字右邊的時(shí)候，點(diǎn)擊「“」鍵，會(huì)出現(xiàn)左右雙引號(hào)；當(dāng)光標(biāo)位于周星星三個(gè)字中間的時(shí)候，點(diǎn)擊「“」鍵，只會(huì)出現(xiàn)左雙引號(hào)。這是因?yàn)楣鈽?biāo)在文本右邊，用戶只要輸入「“」，那么就必然需要「”」來結(jié)尾，這里直接提供左右雙引號(hào)更合適。如果光標(biāo)是文本中間，無法確定「”」需要在哪里出現(xiàn)，所以只展示「“」。

容錯(cuò)性設(shè)計(jì)

在理想狀態(tài)下，用戶填寫完表單信息，然后點(diǎn)擊「提交」按鈕，系統(tǒng)顯示提交成功。但是，現(xiàn)實(shí)情況卻是用戶在填寫過程中經(jīng)常會(huì)發(fā)生錯(cuò)誤，那么如何將容錯(cuò)性原則融入表單設(shè)計(jì)中呢？

首先我們需要給予用戶足夠的操作提示，日期錄入就是最典型的例子。不同的地區(qū)對(duì)于日期錄入的格式也不一樣，「02/12/2019」到底是2019年2月12日還是2019年12月2日？如果我們不提示用戶，用戶就不知道應(yīng)該怎么輸入。

為了避免用戶犯錯(cuò)和提升用戶的信息錄入效率，我們可以提供自動(dòng)完成錄入功能，當(dāng)用戶在文本框里輸入時(shí)，系統(tǒng)可以猜測(cè)可能的答案，顯示可選列表，避免了用戶手動(dòng)輸入造成的錯(cuò)誤。

如果你確定對(duì)用戶足夠了解，在用戶進(jìn)行信息錄入時(shí)，可以提供合理的默認(rèn)值。因?yàn)閷?duì)用戶來說，填寫信息永遠(yuǎn)都不是一件有趣的事情，設(shè)置合理的默認(rèn)值可以節(jié)省用戶的操作時(shí)間。

能讓系統(tǒng)完成的任務(wù)，就盡量不要讓用戶來操作。用戶會(huì)犯錯(cuò)，而系統(tǒng)不會(huì)。表單容錯(cuò)性設(shè)計(jì)的另一個(gè)方向就是梳理表單中的雞肋項(xiàng)目。

現(xiàn)在很多的購票類 APP 都提供送票上門的功能，這就需要用戶填寫收貨地址。以交通出行類 APP 飛豬、途牛和去哪兒為例，其中，上圖中左側(cè)的兩張圖，飛豬和途牛都需要用戶填寫郵政編碼，而在去哪兒中則是選填的。其實(shí)根據(jù)用戶填寫的地址，我們已經(jīng)可以獲取到郵政編碼，郵政編碼完全可以自動(dòng)回顯，不需要用戶手動(dòng)輸入。

而在小米有品 APP 中就可以根據(jù)用戶填寫的地址回顯郵政編碼，這看起來很方便。這只是看起來很方便，我們可以繼續(xù)思考一下：如果系統(tǒng)完全可以根據(jù)用戶填寫的地址獲取到郵政編碼，那么郵政編碼這一項(xiàng)完全可以不在界面中露出。其實(shí)很多產(chǎn)品在用戶填寫收貨地址的時(shí)候已經(jīng)不需要用戶填寫郵政編碼了。

對(duì)于容錯(cuò)性原則，我們還要考慮如何給用戶展示合理的報(bào)錯(cuò)提示。目前來說，我們經(jīng)?？吹降囊粋€(gè)報(bào)錯(cuò)提示樣式是對(duì)話框。在我看來，對(duì)話框并不是一個(gè)好的選擇。因?yàn)橛脩羧绻M(jìn)行修改，就必須要關(guān)閉對(duì)話框，那么用戶就看不到錯(cuò)誤信息了。如果錯(cuò)誤原因和解決方案的字?jǐn)?shù)較多，那么用戶就需要花一定的時(shí)間記住這些信息，然后再來修改，這會(huì)增加用戶的記憶負(fù)擔(dān)。如何才能設(shè)計(jì)好表單的報(bào)錯(cuò)提示呢？表單中的報(bào)錯(cuò)提示可以分為兩種：?jiǎn)涡斜韱螆?bào)錯(cuò)提示和多行表單報(bào)錯(cuò)提示。

單行表單中意味著在當(dāng)前界面中表單只有一行輸入框，其一般用于手機(jī)號(hào)、銀行卡號(hào)、身份證號(hào)和金額的錄入。對(duì)于此類場(chǎng)景，建議使用輸入框底部的文字報(bào)錯(cuò)提示樣式，并且要對(duì)錄入的信息進(jìn)行實(shí)時(shí)校驗(yàn)，不要等到用戶進(jìn)入下一個(gè)界面才告知用戶在上一個(gè)界面中手機(jī)號(hào)輸錯(cuò)了。

給多行表單進(jìn)行報(bào)錯(cuò)提示時(shí)，除告知傳統(tǒng)的錯(cuò)誤原因和解決方案外，還應(yīng)該告知用戶錯(cuò)誤的位置。因?yàn)樵谝粋€(gè)界面中，有很多的輸入項(xiàng)，用戶在短時(shí)間內(nèi)無法把報(bào)錯(cuò)提示和錯(cuò)誤項(xiàng)聯(lián)系起來，因此，為了提升用戶對(duì)于錯(cuò)誤場(chǎng)景的感知效率，對(duì)錯(cuò)誤項(xiàng)進(jìn)行標(biāo)記是非常有必要的。具體的實(shí)現(xiàn)方式有改變文字顏色、輸入框背景色和設(shè)置提示文案抖動(dòng)。

以上圖為例，這里通過改變文字顏色或輸入框背景色來標(biāo)記錯(cuò)誤位置，用 Toast 告知用戶錯(cuò)誤原因和解決方法。我們也可以不改變配色，讓該輸入框左右抖動(dòng)也能起到快速標(biāo)識(shí)的作用。

按鈕

表單中的提交類按鈕按照位置可以分為以下三種。

其中位置 A 是最常見的布局樣式，這樣的布局符合用戶的視覺習(xí)慣和操作流程：用戶由上而下完成表單信息的填寫，最后點(diǎn)擊「提交」按鈕進(jìn)入下一個(gè)頁面。但是這種布局有一個(gè)問題：如果表單項(xiàng)目過多，則用戶必須滑動(dòng)頁面才能完成提交操作。

位置 B 跟位置 A 很相似，唯一的區(qū)別在于位置 B 是固定在頁面底部的。那么位置 B 跟位置 A 的適用場(chǎng)景有什么不同呢？位置 B 意味著用戶在不用滑到頁面底部的情況下就可以點(diǎn)擊「提交」按鈕，那么在什么樣的場(chǎng)景下用戶不用滑到頁面底部就可以提交呢？

其實(shí)在很多表單中，不是所有的信息都需要用戶手動(dòng)錄入的。以前面提到的郵政編碼為例，只要用戶輸入了地址，系統(tǒng)就能獲取郵政編碼，相關(guān)信息是可以直接回顯的，用戶沒有看到此類信息的必要性。所以，對(duì)于一些重要性不是很高、不強(qiáng)制用戶看完的表單項(xiàng)目，很適合使用這類底部懸浮按鈕。最常見的就是各種協(xié)議頁。

位置 C 出現(xiàn)的原因在于，對(duì)于前兩種方案，當(dāng)調(diào)起鍵盤時(shí)就會(huì)遮住「提交」按鈕，用戶必須先關(guān)閉鍵盤才可以點(diǎn)擊「提交」按鈕，多了一步操作。而位置 C 可以完美解決鍵盤遮擋的問題，但是其不符合用戶的視覺習(xí)慣和操作流程。而且手機(jī)大屏化是一個(gè)不可逆的趨勢(shì)，用戶在單手握持手機(jī)的情況下很難直接點(diǎn)擊到界面右上角的「提交」按鈕，增加了操作難度。

其實(shí)位置 C 完全可以被忽視，因?yàn)楝F(xiàn)在很多產(chǎn)品已經(jīng)支持在調(diào)起鍵盤時(shí)滑動(dòng)頁面，所以位置 C 最大的優(yōu)勢(shì)已經(jīng)不復(fù)存在。這里還介紹位置 C 的原因是希望讀者知道交互規(guī)則是會(huì)隨著技術(shù)的發(fā)展而不斷改變的，可能在這本書里提到的一些技法過一段時(shí)間就會(huì)落伍了。要成為一名優(yōu)秀的設(shè)計(jì)師，必須具備持續(xù)學(xué)習(xí)的能力。

文章來源：優(yōu)設(shè)

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。