作者：謝普·?？希⊿hep Hyken）
推薦理由：該書(shū)以當(dāng)今客戶(hù)服務(wù)同質(zhì)化嚴(yán)重、客戶(hù)對(duì)價(jià)格敏感等經(jīng)濟(jì)環(huán)境為背景，深度解析為何客戶(hù)體驗(yàn)是企業(yè)想脫穎而出的最佳工具。提出7步創(chuàng)造卓越客戶(hù)服務(wù)體驗(yàn)的戰(zhàn)略。任何企業(yè)都可以運(yùn)用這些戰(zhàn)略來(lái)提高客戶(hù)和員工的忠誠(chéng)度，從而提供超越預(yù)期的服務(wù)。這樣可以幫助企業(yè)塑造優(yōu)質(zhì)形象，迅速形成優(yōu)質(zhì)口碑；創(chuàng)造獨(dú)特競(jìng)爭(zhēng)優(yōu)勢(shì)，超越簡(jiǎn)單價(jià)格競(jìng)爭(zhēng)；提高客戶(hù)忠誠(chéng)，讓客戶(hù)購(gòu)買(mǎi)得更多；讓員工和客戶(hù)都引以為傲。
作者：[澳] 羅伯特·杜（Robert·Dew）
推薦理由：本書(shū)出發(fā)點(diǎn)在于幫助企業(yè)如何實(shí)施、落地以及長(zhǎng)期維持，如何獲取長(zhǎng)久的市場(chǎng)競(jìng)爭(zhēng)優(yōu)勢(shì)，帶領(lǐng)讀者思考何為客戶(hù)體驗(yàn)、客戶(hù)體驗(yàn)為何重要，以及企業(yè)六大競(jìng)爭(zhēng)優(yōu)勢(shì)的基礎(chǔ)上從如何評(píng)估你的客戶(hù)體驗(yàn)、如何打造遞增性客戶(hù)體驗(yàn)升級(jí)、如何養(yǎng)成或改變你的客戶(hù)體驗(yàn)三大方面進(jìn)行詳實(shí)具體的介紹和分析，結(jié)合諸多案例，圍繞客戶(hù)體驗(yàn)痛點(diǎn)解決的成功的和不太成功的案例，為讀者提供了一個(gè)豐富而實(shí)用的案例庫(kù)、工具包。
作者：李瀟
推薦理由：該書(shū)涉及的話(huà)題既有屬于基礎(chǔ)的根需求、功能架構(gòu)、信息架構(gòu)、交互設(shè)計(jì)、UI設(shè)計(jì)，也有更進(jìn)一步的HC X（知識(shí)型UGC和信息型UGC）、HH X（人與人的交互體驗(yàn)）、HB X（人與品牌的交互體驗(yàn)），具有追求深度、追求卓越、展望未來(lái)、兼顧大小的特色，用戶(hù)即人，談?dòng)脩?hù)體驗(yàn)，自然離不開(kāi)對(duì)人的關(guān)注， 作為人的互聯(lián)網(wǎng)從業(yè)者，在打造產(chǎn)品時(shí)，如何在兼顧商業(yè)化的同時(shí)，用更溫暖的方式去打動(dòng)人？用戶(hù)利益與企業(yè)利益的權(quán)衡，是一些產(chǎn)品正在面臨的問(wèn)題，也是所有產(chǎn)品都難以回避的問(wèn)題，作者選擇聚焦于“人”，這本書(shū)的文字能為身處困境的你帶來(lái)有溫度的思考。
作者：[美]肯·布蘭佳(Ken Blanchard)、[美]凱西·卡夫(Kathy Cuff)、[美]維基·哈爾西(Vick Halseyi)
推薦理由：該書(shū)作者肯·布蘭佳博士被譽(yù)為當(dāng)今商界洞察力和思想深度的人之一，而他的著作非常貼近商業(yè)現(xiàn)實(shí)，往往是通過(guò)真實(shí)的商業(yè)故事呈現(xiàn)現(xiàn)實(shí)情景，闡述其深邃的商業(yè)理念和獨(dú)到的管理見(jiàn)解，令讀者在閱讀過(guò)程中不知不覺(jué)領(lǐng)悟到其中精髓。此次肯·布蘭佳博士在其新作《極致服務(wù)——如何創(chuàng)造不可思議的客戶(hù)體驗(yàn)》中依然采用嫻熟的商業(yè)故事敘述手法，讓讀者在故事閱讀中領(lǐng)悟極致服務(wù)的理念價(jià)值。 極致服務(wù)是指要始終如一地提供理想服務(wù)留住顧客，從而提高企業(yè)的競(jìng)爭(zhēng)力。簡(jiǎn)單來(lái)說(shuō)，就是企業(yè)通過(guò)一系列舉措令顧客感覺(jué)到備受關(guān)注，以此實(shí)現(xiàn)極致服務(wù)。
對(duì)于我們?cè)O(shè)計(jì)師來(lái)說(shuō)，尤其是現(xiàn)在 B 端設(shè)計(jì)如此流行的情況下，表單設(shè)計(jì)細(xì)節(jié)尤其需要各位設(shè)計(jì)師注意。今天會(huì)分享表單設(shè)計(jì)中那些你不注意的細(xì)節(jié)點(diǎn)，必須先點(diǎn)贊收藏了，這些干貨知識(shí)相信你一定用的上。
比如以登錄為例，當(dāng)你把密碼輸錯(cuò)后，網(wǎng)站清空你剛剛才填好的表單，是不是非常讓你崩潰？刪除所有數(shù)據(jù)對(duì)用戶(hù)來(lái)說(shuō)很煩人，這會(huì)讓你必須重新輸入用戶(hù)名和密碼，即便只是拼錯(cuò)了密碼而已。
因此，任何專(zhuān)業(yè)的用戶(hù)體驗(yàn)設(shè)計(jì)師不僅應(yīng)該考慮順利的流程情況，還應(yīng)該考慮失敗時(shí)應(yīng)該怎么辦。
錯(cuò)誤提示
錯(cuò)誤提示應(yīng)該讓用戶(hù)容易找到原因并方便理解。否則，他們可能沒(méi)辦法解決這些錯(cuò)誤。所以對(duì)于設(shè)計(jì)師來(lái)說(shuō)，一個(gè)非常重要的目標(biāo)是要設(shè)計(jì)出一個(gè)易于解決錯(cuò)誤的流程。一個(gè)錯(cuò)誤信息應(yīng)該能清晰的解釋到底發(fā)生了什么，如果可能的話(huà)，最好也提供解決方案。
左邊的錯(cuò)誤信息很清晰的解釋了發(fā)生的問(wèn)題，右邊的錯(cuò)誤信息對(duì)用戶(hù)來(lái)說(shuō)非常困惑。
1. 什么時(shí)候告知用戶(hù)發(fā)生了錯(cuò)誤比較好？
當(dāng)用戶(hù)出錯(cuò)后，首先要考慮的事情就是應(yīng)該在用戶(hù)填表時(shí)提醒還是最后通知用戶(hù)。錯(cuò)誤預(yù)警中有三種常見(jiàn)模式：
內(nèi)聯(lián)/實(shí)時(shí)：在輸入時(shí)或移開(kāi)焦點(diǎn)后立即提供反饋；
提交后/客戶(hù)端：當(dāng)用戶(hù)點(diǎn)擊提交按鈕之后；
服務(wù)器端：當(dāng)請(qǐng)求發(fā)送到服務(wù)器后再返回反饋給用戶(hù)。
這些方法中的每一種都有其優(yōu)點(diǎn)和缺點(diǎn)。
2. 內(nèi)聯(lián)驗(yàn)證
一般來(lái)說(shuō)，當(dāng)表單非常短小時(shí)用內(nèi)聯(lián)驗(yàn)證，因?yàn)樗试S在內(nèi)存中的數(shù)據(jù)仍然最新時(shí)更正錯(cuò)誤。
你可以用內(nèi)聯(lián)驗(yàn)證立即告訴用戶(hù)哪里錯(cuò)了。
3. 提交后驗(yàn)證
另一方面，當(dāng)表單很大且需要保持關(guān)注時(shí)，你希望幫助用戶(hù)保持專(zhuān)注，而不是通過(guò)不斷顯示錯(cuò)誤來(lái)打斷他們。
4. 服務(wù)器端驗(yàn)證
服務(wù)器端驗(yàn)證是最不友好的方式，但卻為網(wǎng)站提供了很高的穩(wěn)定性。當(dāng)需要二次檢查用戶(hù)的數(shù)據(jù)時(shí)，這種方法最有效。
5. 如何提示用戶(hù)錯(cuò)誤？
錯(cuò)誤提示告訴用戶(hù)他們做錯(cuò)了，但是他們究竟做錯(cuò)了什么，要如何修復(fù)它？很顯然，清楚地說(shuō)明錯(cuò)誤，而不僅僅是顯示 Error:90803，對(duì)用戶(hù)有很大幫助。
6. 使用積極語(yǔ)言而不是消極語(yǔ)言
錯(cuò)誤提示措辭要使用積極語(yǔ)言而不是消極語(yǔ)言。例如，如果用戶(hù)遺漏了一個(gè)字段，與其說(shuō)”該字段不應(yīng)該是空的“，不如說(shuō)”請(qǐng)?zhí)顚?xiě)此字段“。當(dāng)使用積極語(yǔ)言時(shí)，用戶(hù)不會(huì)因?yàn)橐粋€(gè)錯(cuò)誤而受到責(zé)備，這能減少用戶(hù)的焦慮感，減少流失。
7. 必要時(shí)提供幫助
在某些情況下，用戶(hù)無(wú)法自己修復(fù)錯(cuò)誤，他需要額外的幫助。例如，當(dāng)用戶(hù)無(wú)法登錄時(shí)，大多數(shù)應(yīng)用只提供找回密碼，而沒(méi)有找回用戶(hù)名。但事實(shí)上，用戶(hù)名和密碼都可能會(huì)忘記。因此，在這種情況下，嘗試提供所有必要的操作和信息資源來(lái)幫助用戶(hù)解決問(wèn)題。
標(biāo)簽是表單可用性最關(guān)鍵的組成部分。如果標(biāo)簽不清晰，那么其他元素就算把可用性做得再好也沒(méi)意義。所以，不要讓用戶(hù)來(lái)猜測(cè)這里面到底要填什么內(nèi)容。
用不要用一些模棱兩可的詞，比如‘?dāng)?shù)字’可能會(huì)讓人感到困惑，一定要明確意思。
1. 將標(biāo)簽放在輸入字段的頂部
許多研究表明，將標(biāo)簽放置在輸入字段的頂部可以幫助用戶(hù)更快地填寫(xiě)表單，因?yàn)樗试S用戶(hù)遵循一條垂直線(xiàn)而不是 Z 模式。但是，如果它占用太多的垂直空間，您也可以使用浮動(dòng)標(biāo)簽。因此，如果你希望用戶(hù)更快地填充表單，請(qǐng)將他們放置在字段的頂部。
將標(biāo)簽放置在字段的頂部和使用浮動(dòng)標(biāo)簽，這兩種方式都很有效
2. 將標(biāo)簽放在輸入字段的左側(cè)
另一方面，當(dāng)你詢(xún)問(wèn)用戶(hù)比較復(fù)雜的問(wèn)題，用戶(hù)需要更多時(shí)間思考問(wèn)題答案的時(shí)候，研究表明將標(biāo)簽放在輸入框的左側(cè)會(huì)比較好。
3. 標(biāo)簽應(yīng)該是可見(jiàn)的，無(wú)論什么輸入狀態(tài)
無(wú)論你用什么方式，確保當(dāng)用戶(hù)填完內(nèi)容后，標(biāo)簽是可見(jiàn)的。因?yàn)?，?dāng)用戶(hù)需要再次確認(rèn)表單內(nèi)容的時(shí)候，他們不用刪除填好的數(shù)據(jù)來(lái)查看系統(tǒng)需要他們填什么。
4. 減少不必要的輸入項(xiàng)
要填的表單越多，用戶(hù)就不愿意填完它。所以盡可能地為用戶(hù)減少不必要的輸入項(xiàng)。如果實(shí)在做不到，可以將必填和非必填的字段區(qū)分開(kāi)，減少用戶(hù)的負(fù)擔(dān)。
5. 可見(jiàn)性
不管狀態(tài)如何，字段都應(yīng)該是清晰可辨的。此外，活動(dòng)字段和非活動(dòng)字段之間的區(qū)別應(yīng)該要明顯。
用輸入字段應(yīng)該有高對(duì)比度，在所有狀態(tài)下都是可見(jiàn)的
6. 自動(dòng)激活 PC 端表單的第一個(gè)字段
自動(dòng)激活表單的第一個(gè)字段，這可以提高處理效率，避免用戶(hù)額外點(diǎn)擊。
7. 幫用戶(hù)預(yù)先填好
在某些情況下，你可以幫用戶(hù)預(yù)先填好字段。例如，可以很容易地檢測(cè)到郵政編碼，或者某些數(shù)值可能是頻繁的。在這些情況下，為用戶(hù)填充字段。
8. 格式
含有大量小數(shù)的數(shù)字很難讀懂。因此，當(dāng)要求較大的數(shù)字時(shí)，需要考慮添加格式以支持可讀性。例如，在詢(xún)問(wèn)卡號(hào)時(shí)，使用自動(dòng)格式化:讀取 5678-9876-9738-8394 比讀取 5678987697388394 容易得多。
此外，當(dāng)請(qǐng)求需要特定格式化數(shù)據(jù)時(shí)，要包含一個(gè)實(shí)例，讓用戶(hù)準(zhǔn)確理解要填什么。
輸入字段的大小應(yīng)該與他預(yù)期的數(shù)據(jù)大小相對(duì)應(yīng)
10. 為桌面系統(tǒng)設(shè)計(jì)靈活的表單
在鍵盤(pán)和鼠標(biāo)之間切換很煩人。在理想的情況下，用戶(hù)應(yīng)該只使用一種媒介來(lái)填寫(xiě)表單，但有時(shí)，這是不可能實(shí)現(xiàn)的。因此，如果用戶(hù)需要多種媒介來(lái)填寫(xiě)表單，至少要盡量減少切換。為此，將需要同一種工具的輸入組合在一起。
另外，當(dāng)創(chuàng)建一個(gè)網(wǎng)頁(yè)表單時(shí)，要確保用戶(hù)可以只使用鍵盤(pán)來(lái)瀏覽表單——使用TAB和方向鍵。
11. 為移動(dòng)端系統(tǒng)設(shè)計(jì)靈活的表單
當(dāng)在移動(dòng)設(shè)備上時(shí)，將你顯示的鍵盤(pán)與用戶(hù)必須輸入的數(shù)據(jù)相匹配。我們經(jīng)常看到需要數(shù)字鍵盤(pán)的輸入可以很好地實(shí)現(xiàn)這一點(diǎn)，但幾乎很少有 APP 顯示支持輸入電子郵件地址的鍵盤(pán)。
輸支持通過(guò)顯示正確的鍵盤(pán)輸入電子郵件
下拉框的使用比單選按鈕更有挑戰(zhàn)性，因?yàn)樗枰~外的點(diǎn)擊來(lái)打開(kāi)它們。此外，用戶(hù)無(wú)法提前看到選項(xiàng)，這可能會(huì)讓他們感到困惑。因此，如果你只有少量的選項(xiàng)，使用單選按鈕。如果選項(xiàng)的數(shù)量超過(guò) 4 個(gè)，下拉菜單的效果會(huì)更好。
1. 復(fù)選框
通過(guò)勾選復(fù)選框，用戶(hù)應(yīng)該是同意某些內(nèi)容。我的意思是，他們應(yīng)該說(shuō)，“是的，我想要這個(gè)”，而不是，“是的，我不想要這個(gè)”。不幸的是，我經(jīng)?？吹接姓`導(dǎo)性的復(fù)選框試圖在創(chuàng)建賬戶(hù)時(shí)欺騙人們訂閱他們的產(chǎn)品。當(dāng)你不想訂閱他們的通訊時(shí)，你又必須勾選復(fù)選框，像這樣的伎倆對(duì)信譽(yù)是不合適的，所以不要?jiǎng)有氖褂盟鼈儭?
通過(guò)勾選復(fù)選框，用戶(hù)應(yīng)該同意某些內(nèi)容，而不是確認(rèn)他們不同意。
一個(gè)結(jié)構(gòu)充分的表單就像一個(gè)與用戶(hù)的良好對(duì)話(huà)。所以記住這一點(diǎn)，仔細(xì)規(guī)劃結(jié)構(gòu)。
1. 從簡(jiǎn)單的問(wèn)題開(kāi)始
從簡(jiǎn)單的問(wèn)題開(kāi)始，從用戶(hù)已經(jīng)很清楚知道答案的問(wèn)題開(kāi)始，像名字、郵件這類(lèi)。然后再循序漸進(jìn)問(wèn)稍微復(fù)雜的問(wèn)題，像賬戶(hù)信息之類(lèi)的。
首先，一個(gè)很自然的順序，當(dāng)你第一次見(jiàn)某些人的時(shí)候，你會(huì)找一些比較好切入的問(wèn)題，比如叫什么名字啊之類(lèi)的。其次，當(dāng)用戶(hù)已經(jīng)填了一些字段之后，那么之后會(huì)增加他填完表單的機(jī)會(huì)。
2. 創(chuàng)建邏輯信息塊
將不相關(guān)的信息按邏輯分組。例如，你可以將結(jié)帳表單分為“個(gè)人信息”和“帳戶(hù)信息”組，將信息分組可以幫助用戶(hù)一次只考慮一個(gè)主題。
通過(guò)對(duì)相關(guān)信息進(jìn)行分組，使表單可被快速掃描
3. 單步 VS 多步表單
當(dāng)你有很多問(wèn)題要問(wèn)的時(shí)候，你可能想知道哪一個(gè)最有效：?jiǎn)尾搅鞒踢€是多步流程。一般來(lái)說(shuō)，單步表單的轉(zhuǎn)化率更高，因?yàn)樗雌饋?lái)更小，而且不會(huì)勸退用戶(hù)。如果你詢(xún)問(wèn)基本信息并希望用戶(hù)快速填寫(xiě)表單，單步表單就非常不錯(cuò)。
當(dāng)用戶(hù)被要求必須填寫(xiě)更多復(fù)雜信息時(shí)，多步表單會(huì)更好。為了幫助用戶(hù)在進(jìn)行多步驟填寫(xiě)時(shí)不至于失去耐心，可以給到進(jìn)度條，提示還剩多少步。
4. 單列 vs 多列布局
一般來(lái)說(shuō)，用單列布局會(huì)更好，因?yàn)榭梢詭椭脩?hù)更好地掃描，也可以盡量減少用戶(hù)遺漏填寫(xiě)。
但當(dāng)用戶(hù)多次填寫(xiě)同一個(gè)表單時(shí)，他們更喜歡多列表單，因?yàn)檫@樣不會(huì)浪費(fèi)時(shí)間滾動(dòng)。一般來(lái)說(shuō)，在 B 端應(yīng)用中這種多列表單會(huì)比較合適。
設(shè)計(jì)可用的按鈕對(duì)提高轉(zhuǎn)化率至關(guān)重要。如果按鈕上的文字內(nèi)容比較模糊，會(huì)容易勸退新手用戶(hù)。
根據(jù)用戶(hù)按下按鈕會(huì)發(fā)生什么來(lái)命名按鈕
1. 提高用戶(hù)的容錯(cuò)率
對(duì)于更復(fù)雜的表單來(lái)說(shuō)，按鈕最重要的一點(diǎn)是，應(yīng)該有提交和取消表單的單一方法。用戶(hù)應(yīng)該至少有補(bǔ)救的機(jī)會(huì)。舉個(gè)例子，如果用戶(hù)點(diǎn)了在線(xiàn)幫助時(shí)，他已經(jīng)填好的數(shù)據(jù)不應(yīng)該被丟失?；蛘?，如果用戶(hù)由于意外點(diǎn)擊了按鈕，請(qǐng)求不應(yīng)該被提交。
2. 主要按鈕和次要按鈕應(yīng)該很容易區(qū)分
為了避免點(diǎn)擊錯(cuò)誤的按鈕，用戶(hù)應(yīng)該能比較容易地區(qū)分主要和次要按鈕。另外，最好不要只依賴(lài)顏色，樣式上最好有比較大的差異。
讓主要和次要的按鈕樣式上有比較大的區(qū)分度
3. 正確的標(biāo)簽按鈕
按功能明確地標(biāo)注按鈕。例如，如果按一個(gè)按鈕可以創(chuàng)建一個(gè)賬戶(hù)，在按鈕上的文案叫”創(chuàng)建賬戶(hù)”要好過(guò)“提交”。
當(dāng)用戶(hù)打開(kāi)表單時(shí)，他首先肯定是想要填完它的。嘗試幫助他們而不是用糟糕的設(shè)計(jì)給他們?cè)O(shè)置障礙。
不幸的是，這里面提到的許多錯(cuò)誤，并不需要多么高級(jí)的技巧，而是因?yàn)樵O(shè)計(jì)沒(méi)有同理心。仔細(xì)思考你的設(shè)計(jì)流程，檢查是否能讓所有內(nèi)容對(duì)不同背景和專(zhuān)業(yè)知識(shí)的人都是清晰的。
通常來(lái)說(shuō)，一般要達(dá)到以下目的，大多數(shù)指導(dǎo)原則都來(lái)自這些規(guī)則：
用戶(hù)應(yīng)該只輸入一次數(shù)據(jù)
用戶(hù)應(yīng)該填盡可能少的信息
用戶(hù)應(yīng)該只需要記住少量的信息
用戶(hù)檢查和恢復(fù)錯(cuò)誤內(nèi)容應(yīng)該要很容易
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
作者：nanaOMO 來(lái)源：站酷
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
譯者推薦 | 著名的諾貝爾獎(jiǎng)獲得者赫伯特·西蒙在對(duì)當(dāng)今經(jīng)濟(jì)發(fā)展趨勢(shì)進(jìn)行預(yù)測(cè)時(shí)也指出：“隨著信息的發(fā)展，有價(jià)值的不是信息，而是注意力。”
在互聯(lián)網(wǎng)中，設(shè)計(jì)師多是處在執(zhí)行層。通常我們會(huì)去追尋做這個(gè)項(xiàng)目的原因和目標(biāo)，那對(duì)于整個(gè)互聯(lián)網(wǎng)時(shí)代，設(shè)計(jì)師如何通過(guò)設(shè)計(jì)手段緊緊抓牢人類(lèi)最有限卻最有價(jià)值的注意力呢？這篇文章就是一個(gè)向?qū)В瑤椭阏业椒较颉?/span>
摘要：電子產(chǎn)品正在爭(zhēng)奪用戶(hù)有限的注意力?，F(xiàn)代經(jīng)濟(jì)學(xué)越來(lái)越關(guān)注人類(lèi)的注意力以及產(chǎn)品如何吸引用戶(hù)的關(guān)注。
注意力是數(shù)字時(shí)代最有價(jià)值的資源之一。在人類(lèi)主要?dú)v史進(jìn)程中，獲得的信息是有限的。幾個(gè)世紀(jì)以前很多人不識(shí)字，教育是一種奢侈。如今我們可以大規(guī)模獲取信息。任何有互聯(lián)網(wǎng)連接的人都可以獲取事實(shí)、文學(xué)和藝術(shù)（通常是免費(fèi)的）。我們面對(duì)的是豐富的信息，但我們的大腦處理信息能力和以前一樣。每天仍然只有24小時(shí)。今天，注意力成為了限制因素，而不再是信息。
在深入討論注意力經(jīng)濟(jì)之前，我們首先需要把注意力的定義闡明清楚。注意力的正式心理學(xué)定義和大多數(shù)人對(duì)注意力概念的看法是重疊的。
注意力：選擇性地專(zhuān)注于我們目前正在感知的一些刺激，而忽略來(lái)自環(huán)境的其他刺激。
在平常的話(huà)中，我們經(jīng)常說(shuō)“請(qǐng)注意”。這個(gè)表達(dá)意味著注意力的兩個(gè)重要特征：有限的注意力和有價(jià)值的注意力。當(dāng)我們“關(guān)注”一件事，我們會(huì)消耗精神資源的預(yù)算，相應(yīng)的我們會(huì)減少消耗在其他地方的注意力。關(guān)于人類(lèi)注意力的理論都認(rèn)為注意力的能力是有限的。心理學(xué)家兼經(jīng)濟(jì)學(xué)家 Herbert A. Simon 將注意力描述為人類(lèi)思想中的“瓶頸”。他也提到“豐富的信息造成了注意力不能集中”。一心多用的自負(fù)是一種謠言：人們不能同時(shí)一心多用。比如，人們可能會(huì)在看電視時(shí)拿出手機(jī)，但是如果他們將注意力轉(zhuǎn)移到手機(jī)上，他們就會(huì)錯(cuò)過(guò)電視節(jié)目中發(fā)生的一些情節(jié)。
注意力是我們個(gè)人的寶貴資源。這個(gè)資源同樣受到商業(yè)、政治運(yùn)動(dòng)、非營(yíng)利組織、還有無(wú)數(shù)其他組織的重視，他們都在試圖吸引我們?nèi)セㄥX(qián)或者花費(fèi)時(shí)間。在1997年，Michael H. Goldhaber 寫(xiě)道，全球經(jīng)濟(jì)正在從物質(zhì)經(jīng)濟(jì)轉(zhuǎn)為基于人類(lèi)注意力的經(jīng)濟(jì)。例如很多在線(xiàn)服務(wù)是免費(fèi)提供的，但在注意力經(jīng)濟(jì)中，注意力經(jīng)濟(jì)是資源更是一種貨幣：用戶(hù)用他們的注意力為服務(wù)付費(fèi)。今天，注意力經(jīng)濟(jì)的動(dòng)力促使企業(yè)吸引用戶(hù)在應(yīng)用程序和網(wǎng)站上花越來(lái)越多的時(shí)間。創(chuàng)建網(wǎng)站和應(yīng)用程序的設(shè)計(jì)師明白，他們的產(chǎn)品是在競(jìng)爭(zhēng)激烈的市場(chǎng)中爭(zhēng)奪有限的用戶(hù)注意力資源。吸引注意力的目標(biāo)導(dǎo)致了很多不同設(shè)計(jì)趨勢(shì)的普及，例如：
在我們最新的語(yǔ)音助手研究中，我們發(fā)現(xiàn)當(dāng)用戶(hù)在開(kāi)車(chē)，亦或是他們的手或眼鏡很忙碌的時(shí)候，經(jīng)常用到手機(jī)語(yǔ)音助手的功能。一個(gè)常見(jiàn)的抱怨是，Siri 或者谷歌助手在手機(jī)屏幕上顯示結(jié)果而不是大聲讀出內(nèi)容。比如，即使是簡(jiǎn)單而常見(jiàn)的問(wèn)路任務(wù)，也可能要求司機(jī)將注意力分散在屏幕信息和道路之間。
配文：在 iPhone 上問(wèn) Siri 得到的查詢(xún)結(jié)果是展示在屏幕上的，用戶(hù)需要將注意力分散到任務(wù)和屏幕的信息上。
同樣，智能手機(jī)用戶(hù)的注意力也經(jīng)常被當(dāng)前使用的應(yīng)用程序、網(wǎng)站、電視節(jié)目或其他外部刺激所分散。這就是為什么手機(jī)上的會(huì)話(huà)往往比在臺(tái)式機(jī)上的會(huì)話(huà)短：中斷的可能性很高。
為了理解一個(gè)設(shè)計(jì)是否超出了用戶(hù)的注意能力，需要在上下文中進(jìn)行研究。實(shí)地研究、日記研究和訪(fǎng)談都可以用來(lái)了解人們?cè)诂F(xiàn)實(shí)生活中是如何使用該系統(tǒng)的。
許多用戶(hù)都知道網(wǎng)站和應(yīng)用程序在努力吸引他們的注意力。在最近的可用性測(cè)試中，一個(gè)用戶(hù)在 AllRecipes 網(wǎng)站上看一個(gè)關(guān)于“如何做煎餅”的視頻，當(dāng)這個(gè)視頻播完后，網(wǎng)站會(huì)在自動(dòng)播放列表中加入相關(guān)視頻，我們的測(cè)試者沒(méi)有發(fā)現(xiàn)暫停該視頻的選項(xiàng)。在視頻上出現(xiàn)的唯一選項(xiàng)是重新播放，或開(kāi)始觀(guān)看播放列表中下一個(gè)視頻。
配文：AllRecipe 網(wǎng)站設(shè)計(jì)了自動(dòng)播放視頻列表，旨在保持用戶(hù)對(duì)網(wǎng)站的關(guān)注
當(dāng)播放列表在排隊(duì)時(shí)，用戶(hù)評(píng)論到“這似乎讓我看電腦的時(shí)間比我實(shí)際需要的時(shí)間更長(zhǎng)了”。播放列表在每一個(gè)食譜視頻播放之前展示一個(gè)廣告——該網(wǎng)站有明確的經(jīng)濟(jì)激勵(lì)措施，可以將訪(fǎng)問(wèn)者的注意力集中在連續(xù)的視頻上。一些用戶(hù)對(duì)于無(wú)法控制花費(fèi)在設(shè)備上的時(shí)間感到無(wú)助。數(shù)字產(chǎn)品的設(shè)計(jì)越來(lái)越吸引人，經(jīng)常讓用戶(hù)上癮。對(duì)父母來(lái)說(shuō)，花太多時(shí)間在科技上的影響尤其令人擔(dān)憂(yōu)。吸引人眼球的設(shè)計(jì)可能會(huì)讓年輕人養(yǎng)成習(xí)慣，當(dāng)設(shè)備被拿走時(shí)，他們可能會(huì)經(jīng)歷“戒斷”。有些用戶(hù)會(huì)調(diào)整自身的行為。其中一些調(diào)整是有意識(shí)并采取了行動(dòng)的，以限制在線(xiàn)時(shí)間。經(jīng)過(guò)深思熟慮的調(diào)整包括設(shè)置上網(wǎng)時(shí)間限制、卸載某些應(yīng)用程序或使用家長(zhǎng)控制。用戶(hù)還學(xué)會(huì)以微妙的方式保護(hù)他們的注意力。條幅盲目性（Banner blindness）是對(duì)大量信息做出反應(yīng)而產(chǎn)生適應(yīng)性反應(yīng)的一個(gè)例子。條幅盲目性指的是當(dāng)廣告放在右邊欄或頁(yè)面頂部時(shí)，用戶(hù)往往會(huì)忽略廣告。這點(diǎn)就很好的說(shuō)明了用戶(hù)是如何適應(yīng)大量信息的。用戶(hù)也已經(jīng)適應(yīng)了移動(dòng)設(shè)備上常見(jiàn)的通知轟炸：他們已經(jīng)學(xué)會(huì)忽略其中的許多通知。在最近的一次可用性測(cè)試中，我看到一位女士在她的 iPhone 上瀏覽新的博客。當(dāng)會(huì)話(huà)的第一個(gè)通知消失時(shí)，她向我道歉并問(wèn)道：“你還用這個(gè)錄音進(jìn)行研究嗎？”在我向她確保這不是個(gè)問(wèn)題之后，她繼續(xù)了這個(gè)測(cè)試任務(wù)。在整個(gè)會(huì)話(huà)期間，還有幾個(gè)通知從這個(gè)用戶(hù)的手機(jī)上發(fā)出，但沒(méi)有一個(gè)通知打斷她的思路。
我們根據(jù)目前觀(guān)察到的未來(lái)預(yù)測(cè)，為注意力而設(shè)計(jì)的趨勢(shì)將會(huì)繼續(xù)演變。很多企業(yè)將會(huì)選擇創(chuàng)造更多抓住用戶(hù)注意力的廣告。自動(dòng)播放視頻和不可跳過(guò)的廣告幾乎普遍不受用戶(hù)歡迎，但它們將繼續(xù)作為設(shè)計(jì)特色。在搶奪用戶(hù)注意力的軍備競(jìng)賽中，廣告將會(huì)變得越來(lái)越身臨其境。主流的社交媒體平臺(tái)，如 Facebook、Instagram 和 Snap 都在測(cè)試增強(qiáng)現(xiàn)實(shí)廣告。
一些企業(yè)將會(huì)持續(xù)研究形成習(xí)慣的設(shè)計(jì)，來(lái)吸引用戶(hù)越來(lái)越多的關(guān)注他們。注意力經(jīng)濟(jì)擁有一個(gè)樂(lè)觀(guān)的未來(lái)也是可能的：最近的發(fā)展為更公平的注意力經(jīng)濟(jì)帶來(lái)了希望。越來(lái)越多的廣告采用了分成收入模式，這使得用戶(hù)可以用他們的注意力（觀(guān)看廣告）或金錢(qián)（保持他們的注意力）來(lái)支付。
配文：Spotify 允許用戶(hù)在其廣告贊助的服務(wù)上免費(fèi)聽(tīng)音樂(lè)，如果用戶(hù)希望避免令人分心的廣告，他們可以直接為這項(xiàng)服務(wù)付費(fèi)
一些企業(yè)已經(jīng)回應(yīng)了用戶(hù)關(guān)于分散注意力設(shè)計(jì)的抱怨。Apple 最近更改了通知的設(shè)計(jì)，可以在 iPhone 上快速連續(xù)刪除多條通知，還引入了屏幕時(shí)間統(tǒng)計(jì)功能，允許用戶(hù)監(jiān)控他們對(duì)點(diǎn)子設(shè)備的使用情況。
結(jié)論
數(shù)字經(jīng)濟(jì)的某些事實(shí)可能不會(huì)改變。在可預(yù)見(jiàn)的未來(lái)，廣告將為一些免費(fèi)內(nèi)容提供資金，應(yīng)用程序?qū)?zhēng)奪新用戶(hù)的注意力，而人們的注意力仍然有限。但是，設(shè)計(jì)師在注意力經(jīng)濟(jì)中有一個(gè)選擇：他們可以平衡業(yè)務(wù)需求——— 比如對(duì)新用戶(hù)、廣告收入和利潤(rùn)的需求——同時(shí)尊重用戶(hù)的最大利益。
原文標(biāo)題：The Attention Economy
原創(chuàng)作者：Lexie Kane
原文鏈接：https://www.nngroup.com/articles/attention-economy/
翻譯作者：櫻桃小丸子
授權(quán)獲?。?span style="margin:0px;padding:0px;outline:none;box-sizing:inherit;color:inherit !important;">張聿彤
文章審核：王翎旭
文章編輯：王鴻飛
該譯文并非完整原文，內(nèi)容已做部分調(diào)整。如在閱讀過(guò)程中發(fā)現(xiàn)錯(cuò)誤與疏漏之處，歡迎不吝指出。如需轉(zhuǎn)載，請(qǐng)注明來(lái)自 三分設(shè)
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
作者：三分設(shè) 來(lái)源：站酷
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
用戶(hù)體驗(yàn)（用戶(hù)使用產(chǎn)品，系統(tǒng)或服務(wù)過(guò)程中的主觀(guān)感受）
用戶(hù)在使用產(chǎn)品過(guò)程中建立起來(lái)的一種純主觀(guān)感受。用戶(hù)體驗(yàn)這個(gè)詞最早被廣泛認(rèn)知是在上世紀(jì)90年代中期，由用戶(hù)體驗(yàn)設(shè)計(jì)師唐納德.諾曼（Donald Norman）所提出和推廣。對(duì)于一個(gè)界定明確的用戶(hù)群體來(lái)講，用戶(hù)體驗(yàn)的共性是能夠經(jīng)由良好設(shè)計(jì)實(shí)驗(yàn)來(lái)認(rèn)識(shí)到。用戶(hù)體驗(yàn)并不是指一件產(chǎn)品本身如何工作的，更明確的是指“產(chǎn)品如何與外界發(fā)生聯(lián)系并發(fā)生作用”，也就是人們?nèi)绾巍佑|’和‘使用’。無(wú)論什么產(chǎn)品，用戶(hù)體驗(yàn)總是在細(xì)微之處，往往細(xì)節(jié)最能打動(dòng)人心。用戶(hù)體驗(yàn)通常要解決的是用戶(hù)具體的使用場(chǎng)景，要兼顧視覺(jué)和功能兩方面的因素，同時(shí)解決產(chǎn)品所面臨的其他問(wèn)題。
產(chǎn)品的邏輯簡(jiǎn)易程度對(duì)于用戶(hù)體驗(yàn)是一個(gè)反向指標(biāo)，產(chǎn)品越復(fù)雜用戶(hù)體驗(yàn)會(huì)越發(fā)困難。往往產(chǎn)品后期更新迭代中，每新增一個(gè)特性，功能或者步驟，都會(huì)增加導(dǎo)致用戶(hù)體驗(yàn)不順暢或者失敗的機(jī)會(huì)。用戶(hù)體驗(yàn)的每一個(gè)流程，對(duì)開(kāi)發(fā)者而言都要經(jīng)過(guò)慎重的考慮和驗(yàn)證。實(shí)際上設(shè)計(jì)出一個(gè)最優(yōu)的解決方案需要更多的時(shí)間和精力，往往不得不在各個(gè)方面作出妥協(xié)。但是一個(gè)以用戶(hù)為中心的設(shè)計(jì)流程保證來(lái)這些妥協(xié)不是隨機(jī)決定的。
為什么每個(gè)產(chǎn)品都在強(qiáng)調(diào)‘站在用戶(hù)的角度，提升產(chǎn)品的用戶(hù)體驗(yàn)’，因?yàn)閮?yōu)秀的用戶(hù)體驗(yàn)就是商機(jī)，良好順暢的用戶(hù)體驗(yàn)會(huì)極大的提升用戶(hù)轉(zhuǎn)化率，增加用戶(hù)的留存率。好的的用戶(hù)體驗(yàn)主要體現(xiàn)在兩種形式：“幫助人們工作更快”和“減少他們犯錯(cuò)幾率”。牢記“以用戶(hù)為中心的設(shè)計(jì)”在開(kāi)發(fā)產(chǎn)品的每個(gè)流程都要把用戶(hù)列入考慮的范圍，每一個(gè)流程步驟都要代入用戶(hù)的使用場(chǎng)景中體驗(yàn)，想用戶(hù)所想。提供優(yōu)質(zhì)的用戶(hù)體驗(yàn)是一個(gè)重要的，可持續(xù)，良性的競(jìng)爭(zhēng)優(yōu)勢(shì)，用戶(hù)體驗(yàn)形成用戶(hù)對(duì)企業(yè)的整體形象，并以此來(lái)界定來(lái)與競(jìng)品的差異。
在產(chǎn)品的整個(gè)開(kāi)發(fā)流程中都要考慮用戶(hù)有可能采取每個(gè)步驟的可能性，并且理解整個(gè)流程中每一個(gè)步驟用戶(hù)的期望值。
表現(xiàn)層：視覺(jué)設(shè)計(jì)，我們使用無(wú)論任何設(shè)備的產(chǎn)品最先看到的就是表現(xiàn)層，內(nèi)容、功能和美學(xué)匯集到一起來(lái)產(chǎn)生一個(gè)最終設(shè)計(jì)呈現(xiàn)；
框架層：界面設(shè)計(jì)、導(dǎo)航設(shè)計(jì)和信息設(shè)計(jì)，框架層用于優(yōu)化設(shè)計(jì)布局，以達(dá)到界面中元素的最大效果和效率；
結(jié)構(gòu)層：交互設(shè)計(jì)和信息架構(gòu)，相對(duì)于框架層更加抽象，框架是結(jié)構(gòu)的具體表達(dá)方式，明確來(lái)元素應(yīng)該出現(xiàn)在哪里；
范圍層：功能規(guī)格和內(nèi)容需求，結(jié)構(gòu)層明確了產(chǎn)品的各種特性和功能最優(yōu)的展示組合方式，這些內(nèi)容構(gòu)成了產(chǎn)品的范圍層；
戰(zhàn)略層：產(chǎn)品目標(biāo)和用戶(hù)需求，成功的用戶(hù)體驗(yàn)，其基礎(chǔ)是一個(gè)被明確表達(dá)的“戰(zhàn)略”。知道企業(yè)與用戶(hù)雙方對(duì)產(chǎn)品期許和目標(biāo)，有助于確立用戶(hù)體驗(yàn)各方面戰(zhàn)略的制定；
在五個(gè)層面應(yīng)該是自下而上的建設(shè)，戰(zhàn)略 — 范圍 — 結(jié)構(gòu) — 框架 — 表現(xiàn)；不同的層面位置考慮的方向和側(cè)重點(diǎn)是不一樣的，隨著層面的上升我們考慮的決策變得更加具體，并且涉及越來(lái)越精細(xì)的細(xì)節(jié)表現(xiàn)。每一個(gè)層面都是根據(jù)下面層面來(lái)決定的，每一個(gè)層面的決定都會(huì)影響上層的可用選擇，表現(xiàn)層由框架層決定，框架層是建立在結(jié)構(gòu)層的基礎(chǔ)上，結(jié)構(gòu)層是具有范圍層，范圍層是根據(jù)戰(zhàn)略層制定的。
按照產(chǎn)品不同屬性分為兩大類(lèi)：功能性產(chǎn)品/信息型產(chǎn)品；針對(duì)不同的類(lèi)型將五要素細(xì)分展示，功能型產(chǎn)品更加關(guān)注的是任務(wù)，去思考用戶(hù)如何完成這個(gè)過(guò)程，用戶(hù)使用該產(chǎn)品完成一個(gè)或多個(gè)任務(wù)的工具；信息型產(chǎn)品關(guān)注的則為信息，產(chǎn)品應(yīng)該提供哪些信息，并且方便用戶(hù)快速尋找，理解，創(chuàng)建一個(gè)富信息的用戶(hù)體驗(yàn)；這種把用戶(hù)體驗(yàn)劃分為各個(gè)模塊和層面的模式，更有利于我們?nèi)タ紤]用戶(hù)體驗(yàn)中可能出現(xiàn)的麻煩。所有處在同一層面的要素都會(huì)決定最終的用戶(hù)體驗(yàn)效果。
優(yōu)秀的用戶(hù)體驗(yàn)基礎(chǔ)是要有明確的“戰(zhàn)略”立意，知道企業(yè)和用戶(hù)對(duì)產(chǎn)品的期許和目標(biāo)，才能更好的促進(jìn)用戶(hù)體驗(yàn)各方面的完善和優(yōu)化。我們要用過(guò)產(chǎn)品獲得什么？用戶(hù)通過(guò)產(chǎn)品可用得到什么？回答這兩個(gè)問(wèn)題有助于我們更好的明確產(chǎn)品目標(biāo)和用戶(hù)需求，結(jié)合兩者我們組成戰(zhàn)略層。
產(chǎn)品目標(biāo)：目標(biāo)的制定切記不要太過(guò)具體或太寬泛我們需要在這之間找出一個(gè)平衡點(diǎn)，為了更好的用戶(hù)體驗(yàn)我們需要保證所作出的決策都不是頭腦發(fā)熱拍腦門(mén)定出來(lái)的，每一個(gè)決策，都應(yīng)該建立在我們確切了解他所帶來(lái)的聯(lián)動(dòng)影響效果。明確的定義出成功的條件而不是定義成功的路徑，有時(shí)候跑的慢一定不一定就是落后者。既然是賽跑肯定會(huì)有終點(diǎn)有結(jié)果的產(chǎn)出，我們要明確“成功的標(biāo)準(zhǔn)”制定可追蹤的指標(biāo)，成功的標(biāo)準(zhǔn)不僅僅影響各階段的決策，也是衡量用戶(hù)體驗(yàn)工作的具體依據(jù)，埋點(diǎn)數(shù)據(jù)采集，上線(xiàn)后的客戶(hù)流存率，轉(zhuǎn)化率，新用戶(hù)的增長(zhǎng)率，老客戶(hù)的使用反饋等等。對(duì)驅(qū)動(dòng)用戶(hù)體驗(yàn)的決策而言有意義的成功標(biāo)準(zhǔn)，一定是可用明確與用戶(hù)行為綁定的標(biāo)準(zhǔn)，而這些用戶(hù)行為一定是可以通過(guò)設(shè)計(jì)來(lái)影響的。
用戶(hù)需求：明確正確的用戶(hù)需求是復(fù)雜不易的，因?yàn)橛脩?hù)群體存在很大差異性，確定大致目標(biāo)用戶(hù)后我們還需要精細(xì)化的區(qū)分，將用戶(hù)分成較小的，有共同特性的以此來(lái)助力我們更好的明確用戶(hù)需求，通過(guò)不同的角色群體使用產(chǎn)品來(lái)分析他們的需求。在針對(duì)用戶(hù)需求研究時(shí)我們還可以使用一些市場(chǎng)調(diào)研（將你想要的信息通過(guò)具體，有效的公式化問(wèn)題，讓用戶(hù)提交你正確的答案）；現(xiàn)場(chǎng)調(diào)查（完整的，有效且全面的方法，了解與產(chǎn)品使用生活場(chǎng)景最匹配的用戶(hù)行為）；創(chuàng)建人物角色（模擬真實(shí)用戶(hù)使用場(chǎng)景更加貼近用戶(hù)，再產(chǎn)品思考中和用戶(hù)更感同身受）。戰(zhàn)略應(yīng)該是用戶(hù)體驗(yàn)中的起點(diǎn)，但并不意味著項(xiàng)目開(kāi)始之前戰(zhàn)略就完全確定下來(lái)，它是可以在整個(gè)工作中演變和改進(jìn)的。
當(dāng)我們明確了解戰(zhàn)略層后，我們就知道產(chǎn)品應(yīng)該為用戶(hù)提供什么功能和服務(wù)，這些也就逐步演變?yōu)榉秶鷮?。我們要做兩個(gè)事情來(lái)定義范圍層 —過(guò)程和產(chǎn)品。過(guò)程的意義在于當(dāng)產(chǎn)品還在一個(gè)雛形時(shí)，可以帶動(dòng)我們?nèi)ニ伎剂鞒讨锌赡艽嬖诘膯?wèn)題，功能實(shí)現(xiàn)的優(yōu)先級(jí)；產(chǎn)品的意義在于明確最終產(chǎn)出的結(jié)果，團(tuán)隊(duì)有明確的目標(biāo)。在這其中文檔的輸出是必不可少的，有計(jì)劃性說(shuō)明性的文檔輸出可以讓我們的工作更加有條不紊的推進(jìn)下去。我們可以從戰(zhàn)略層抽象出來(lái) — “我們?yōu)槭裁匆_(kāi)發(fā)這個(gè)產(chǎn)品？”轉(zhuǎn)而到范圍層變?yōu)?— “我們要開(kāi)發(fā)的是什么？”在軟件開(kāi)發(fā)過(guò)程中，范圍層確定的是全部功能需求和功能規(guī)格。
功能規(guī)格：功能規(guī)格說(shuō)明不需要包含產(chǎn)品的每個(gè)細(xì)節(jié)，只需要包含在設(shè)計(jì)或開(kāi)發(fā)過(guò)程中可能出現(xiàn)混淆的功能定義。同時(shí)功能規(guī)格說(shuō)明也不需要展望產(chǎn)品未來(lái)理想狀態(tài)，只需要記錄在創(chuàng)建產(chǎn)品時(shí)確定下來(lái)的決議。換句話(huà)說(shuō)，文檔不能解決問(wèn)題，但是定義可以，我們需要不是文檔多么詳細(xì)厚重，而是要足夠的清晰和準(zhǔn)確。功能說(shuō)明要明確具體避免主觀(guān)語(yǔ)氣，避免出現(xiàn)歧義，盡可能用量化的可檢驗(yàn)的標(biāo)準(zhǔn)來(lái)定義功能有助于我們的驗(yàn)收。
內(nèi)容需求：很多時(shí)候我們說(shuō)到的內(nèi)容指的是文本。但是圖像，音頻和視頻有時(shí)候比文字還要重要。這些不同類(lèi)型的內(nèi)容結(jié)合到一起，相互協(xié)作去滿(mǎn)足某一個(gè)需求。內(nèi)容特性想要達(dá)到的規(guī)模，將對(duì)你所做的用戶(hù)體驗(yàn)產(chǎn)生極大的影響，內(nèi)容需求應(yīng)該提供每一種特性規(guī)模的大致預(yù)估，以便在設(shè)計(jì)過(guò)程中作出最為明智的決策。盡可能早的確定某個(gè)人來(lái)負(fù)責(zé)每一個(gè)內(nèi)容元素也是非常重要的，避免后期開(kāi)發(fā)實(shí)現(xiàn)達(dá)不到我們預(yù)期的效果。內(nèi)容清單的輸出也是重要的，究其原因這樣團(tuán)隊(duì)中的每個(gè)人都會(huì)清楚知道自己負(fù)責(zé)的哪些部分，明確責(zé)任，提高協(xié)同效率。
學(xué)會(huì)確定需求優(yōu)先級(jí)，了解“不需要做什么”也就意味的我們知道哪些是必須要“馬上去做的”，把那些需求點(diǎn)梳理出來(lái)，找到一種適宜的方式，讓它們符合你長(zhǎng)期的規(guī)劃，這才是真正的價(jià)值所在。確定具體，系統(tǒng)的發(fā)展要求，并將任何不符合這些要求的想法作為潛在未來(lái)功能的囤積，只有通過(guò)這種更慎重的途徑，才可以真正的管理起整個(gè)項(xiàng)目過(guò)程。
在羅列出項(xiàng)目需求優(yōu)先級(jí)，梳理出大致的流程，我們對(duì)于產(chǎn)品將會(huì)包括什么主要內(nèi)容已經(jīng)有了清晰的構(gòu)想。然而，這些需求沒(méi)有進(jìn)行全面的整合還是碎片化的存在。而結(jié)構(gòu)層要做的就是整合這些創(chuàng)建一個(gè)概念性的結(jié)構(gòu)。結(jié)構(gòu)層適當(dāng)?shù)膶⑽覀冴P(guān)注點(diǎn)從抽象的決策和范圍問(wèn)題，轉(zhuǎn)移到更能影響最后的用戶(hù)體驗(yàn)具體因素。但是這里的交互設(shè)計(jì)和信息架構(gòu)所產(chǎn)出的東西大部分還是概念性的內(nèi)容。這兩項(xiàng)內(nèi)容并不完全是技術(shù)，它要求開(kāi)發(fā)者要有共情能力去理解用戶(hù)，理解用戶(hù)行為操作習(xí)慣，使用場(chǎng)景，思考方式等。將了解的這些知識(shí)代入我們開(kāi)發(fā)過(guò)程中，這樣會(huì)使那些不得不使用我們產(chǎn)品的用戶(hù)帶來(lái)更好的用戶(hù)體驗(yàn)。
交互設(shè)計(jì)：關(guān)注于影響用戶(hù)執(zhí)行和完成任務(wù)的元素，即關(guān)注用戶(hù)所有操作，同時(shí)定義“系統(tǒng)如何配合與響應(yīng)”這些用戶(hù)行為。任何一個(gè)交互設(shè)計(jì)的項(xiàng)目都有很大部分牽涉處理“用戶(hù)錯(cuò)誤”當(dāng)用戶(hù)發(fā)生錯(cuò)誤時(shí)產(chǎn)品要給出什么提示，并且對(duì)于錯(cuò)誤發(fā)生時(shí)，如何防止用戶(hù)再次發(fā)生錯(cuò)誤？第一個(gè)也是最好的防止錯(cuò)誤的方法，就是將產(chǎn)品設(shè)計(jì)為不可能犯錯(cuò)的。第二個(gè)避免錯(cuò)誤的方法就是使錯(cuò)誤難以發(fā)生，即使一些錯(cuò)誤發(fā)生，產(chǎn)品也應(yīng)該幫助用戶(hù)改正錯(cuò)誤。有效的錯(cuò)誤信息和容易自我解釋的界面可以在錯(cuò)誤發(fā)生之后幫用戶(hù)糾正。當(dāng)用戶(hù)完成一些操作后無(wú)法糾正的錯(cuò)誤，產(chǎn)品就該提供從錯(cuò)誤中恢復(fù)的方式。對(duì)于那些不可恢復(fù)撤銷(xiāo)的錯(cuò)誤，提供大量警告就是產(chǎn)品唯一可以預(yù)防的方法。
信息框架：研究人們?nèi)绾握J(rèn)知信息的過(guò)程，對(duì)于產(chǎn)品而言信息架構(gòu)關(guān)注的就是呈現(xiàn)給用戶(hù)信息是否合理并卻具有意義。在以?xún)?nèi)容為主的網(wǎng)站上，信息架構(gòu)主要工作就是設(shè)計(jì)組織分類(lèi)和導(dǎo)航的結(jié)構(gòu)，讓用戶(hù)可以高效率，有效的瀏覽網(wǎng)站的內(nèi)容。信息框架與信息檢索和分類(lèi)體系密布可分，針對(duì)分類(lèi)體系我們可以從上到下或從下到上這兩種方法來(lái)建立。
從上到下的信息架構(gòu)從戰(zhàn)略層考慮，先從最廣泛的，有可能滿(mǎn)足決策目標(biāo)的內(nèi)容與功能開(kāi)始進(jìn)行分類(lèi)，然后再依據(jù)邏輯細(xì)分出次級(jí)分類(lèi)；從下到上根據(jù)對(duì)“內(nèi)容和功能需求分析”而來(lái)，從已有的資料開(kāi)始，先把他們分為最低級(jí)別的分類(lèi)，然后再歸納到高一級(jí)分類(lèi)，從而逐步構(gòu)建出反應(yīng)我們產(chǎn)品目標(biāo)和用戶(hù)需求的結(jié)構(gòu)。這兩種方法各有弊端，從下而上容易將內(nèi)容的重要細(xì)節(jié)忽略，從下而上使架構(gòu)過(guò)于精準(zhǔn)的反應(yīng)內(nèi)容，對(duì)于后期的維護(hù)變動(dòng)不是很靈活。因此我們要盡可能的從兩種方式中尋找一個(gè)平衡點(diǎn)。一個(gè)高效結(jié)構(gòu)的優(yōu)點(diǎn)就是具備“容納成長(zhǎng)和適用變動(dòng)”的能力。一個(gè)適應(yīng)性強(qiáng)的信息架構(gòu)體系，既可以把新內(nèi)容作為現(xiàn)有結(jié)構(gòu)的一部分容納進(jìn)來(lái)也可以當(dāng)成一個(gè)新的部分加入。
在充滿(mǎn)概念型的結(jié)構(gòu)層牽引出大量需求后，這些需求都是來(lái)自我們戰(zhàn)略目標(biāo)的需求。在框架層我們要更進(jìn)一步的提煉這些需求結(jié)構(gòu)，確定詳細(xì)的界面外觀(guān)，導(dǎo)航和信息設(shè)計(jì)，這樣才能使結(jié)構(gòu)變得更加豐滿(mǎn)。框架層需要處理更為細(xì)節(jié)問(wèn)題，在結(jié)構(gòu)層我們建立了一個(gè)框架和交互設(shè)計(jì)。在框架層我們關(guān)注點(diǎn)就是界面的元素以及它們之間的關(guān)系。當(dāng)我們提供用戶(hù)做某些事情的能力是，屬于界面設(shè)計(jì)；當(dāng)我們提供用戶(hù)去某個(gè)地方能力，則屬于導(dǎo)航設(shè)計(jì)；當(dāng)我們要傳達(dá)想法給用戶(hù)時(shí)，那就是信息設(shè)計(jì)。
界面設(shè)計(jì)：成功的界面設(shè)計(jì)就是要讓用戶(hù)一眼就看到“最重要的東西”，而另一方面，不重要的東西，不應(yīng)該被注意有時(shí)候則它們根本就沒(méi)有出現(xiàn)在那。設(shè)計(jì)界面，平面最大的挑戰(zhàn)之一就是弄清楚用戶(hù)不關(guān)注的東西并減少他們的比重。將第一要表達(dá)的要素快速傳遞到用戶(hù)。
導(dǎo)航設(shè)計(jì)：任何一個(gè)網(wǎng)站的導(dǎo)航設(shè)計(jì)必須同時(shí)完成三個(gè)目標(biāo)：1.它必須要提供用戶(hù)在網(wǎng)站的跳轉(zhuǎn)方式；2.導(dǎo)航設(shè)計(jì)必須傳達(dá)出這些元素和它們所包含內(nèi)容的關(guān)系；3.導(dǎo)航設(shè)計(jì)必須傳達(dá)出它的內(nèi)容和用戶(hù)當(dāng)前瀏覽頁(yè)之間的關(guān)系；這三個(gè)目標(biāo)就是必須要納入考慮的范圍，清晰的告知用戶(hù)“他們?cè)谀睦铩币约啊八麄兡苋ツ睦铩卑延脩?hù)當(dāng)成是“傻瓜上帝”。
習(xí)慣和反射作用是我們與這個(gè)世界交互時(shí)的基礎(chǔ)，我們?cè)谑褂没ヂ?lián)網(wǎng)產(chǎn)品這么多年的時(shí)間中，絕大部分的操作效果和下意識(shí)的操作方式已經(jīng)被養(yǎng)成，所以要讓你的界面與用戶(hù)早養(yǎng)成的習(xí)慣保持一致是很重要的，界面要與它自身保持一致。這并不是說(shuō)，每一個(gè)界面問(wèn)題的解決方式都必須毫無(wú)條件的死守這些習(xí)慣。當(dāng)某種不同的方式有明顯的益處時(shí)，你反而應(yīng)該嘗試謹(jǐn)慎的違背一些習(xí)慣，到那時(shí)需要我們做的每一個(gè)決定都要有充分的，明確的理由。有效的使用比喻，就是減少用戶(hù)在“理解和使用你的產(chǎn)品功能”是的猜忌，讓用戶(hù)第一眼就知道你的圖標(biāo)表達(dá)的是什么意思，要有強(qiáng)指示性質(zhì)。
內(nèi)容，功能和美學(xué)匯集的地方，完成其他四個(gè)層面的所有目標(biāo)并同時(shí)滿(mǎn)足用戶(hù)的感官感受。在框架層，我們主要解決放置的事情；在界面設(shè)計(jì)考慮可交互的元素布局；導(dǎo)航設(shè)計(jì)考慮在產(chǎn)品引導(dǎo)用戶(hù)移動(dòng)元素安排；而信息設(shè)計(jì)考慮傳達(dá)給用戶(hù)的信息要素的排布；在向上就是表現(xiàn)層，我們這里要解決的就是彌補(bǔ)“產(chǎn)品框架層邏輯排布”的感知呈現(xiàn)問(wèn)題。我們每一次經(jīng)歷最終都是由我們的感覺(jué)器官來(lái)進(jìn)行的。在設(shè)計(jì)的過(guò)程中這是用戶(hù)體驗(yàn)的最后一站：決定我們?cè)O(shè)計(jì)最后被哪些（視覺(jué)/聽(tīng)覺(jué)/嗅覺(jué)/觸覺(jué)/味覺(jué)）感受器官受到呢？
嗅覺(jué)和味覺(jué)對(duì)于用戶(hù)體驗(yàn)設(shè)計(jì)師是很少考慮的范圍；觸覺(jué)更多的用于工業(yè)設(shè)計(jì)領(lǐng)域，關(guān)注用戶(hù)和產(chǎn)品之間的物理接觸；聽(tīng)覺(jué)可以應(yīng)用到不同類(lèi)的產(chǎn)品中，如開(kāi)機(jī)/新消息提示等；視覺(jué)：這是用戶(hù)體驗(yàn)師最得心應(yīng)手餓領(lǐng)域，幾乎所有的產(chǎn)品都會(huì)涉及視覺(jué)設(shè)計(jì)。代替用“什么具有美感”來(lái)評(píng)估一個(gè)視覺(jué)設(shè)計(jì)方案，應(yīng)該吧注意力集中在他們能否“良好運(yùn)作”，對(duì)于那些上層決定的目標(biāo)，設(shè)計(jì)能否賦能幫助企業(yè)更好的變現(xiàn)，設(shè)計(jì)的本質(zhì)就是用合適的方式幫助用戶(hù)/企業(yè)完成需求目標(biāo)；
忠于眼睛評(píng)估一個(gè)產(chǎn)品視覺(jué)設(shè)計(jì)最簡(jiǎn)單的方式，就是你的視覺(jué)首先落在什么地方？哪個(gè)設(shè)計(jì)要素第一時(shí)間吸引注意力？它們對(duì)于戰(zhàn)略目標(biāo)是最需要表現(xiàn)的東西嗎？用戶(hù)第一時(shí)間接受的信息是你想要表達(dá)的嗎？設(shè)計(jì)還是要把握4大基本原則：對(duì)比；重復(fù)；對(duì)齊；親密性；
不管你的產(chǎn)品多復(fù)雜，用戶(hù)體驗(yàn)都是一樣的，創(chuàng)建良好的用戶(hù)體驗(yàn)最重要的工作內(nèi)容就是大量收集解決細(xì)微的問(wèn)題?！俺晒Φ姆椒ā焙汀白⒍ㄊ〉姆椒ā睔w根究底就是：1.了解你正在試著去解決的問(wèn)題；2.了解這些解決辦法所造成的后果；必須要同時(shí)考慮五個(gè)層面的全部因素，這對(duì)于創(chuàng)建成功的用戶(hù)體驗(yàn)至關(guān)重要。
提成正確的問(wèn)題，面對(duì)那些用戶(hù)體驗(yàn)需要解決的糾纏不清的問(wèn)題，要抱有一種正確心態(tài)，不要以“節(jié)約項(xiàng)目時(shí)間或金錢(qián)”名義對(duì)用戶(hù)體驗(yàn)問(wèn)題敷衍了事。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系
作者：許小鵬 來(lái)源：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
用戶(hù)體驗(yàn)設(shè)計(jì)師經(jīng)常需要兼職各個(gè)角色職責(zé)，除了線(xiàn)框圖和原型制作之外，還有可能與團(tuán)隊(duì)一起研究、寫(xiě)作等問(wèn)題。這樣的例子不勝枚舉，用戶(hù)體驗(yàn)是一個(gè)不斷發(fā)展的多學(xué)科領(lǐng)域，因此優(yōu)秀的 UX 設(shè)計(jì)需要廣泛的技能開(kāi)發(fā)，UX寫(xiě)作位居榜首。
關(guān)注用戶(hù)從內(nèi)容開(kāi)始，內(nèi)容策略是所有產(chǎn)品信息的制作和開(kāi)發(fā)。用戶(hù)體驗(yàn)（UX）寫(xiě)作是該學(xué)科的專(zhuān)長(zhǎng)，它專(zhuān)注于幫助用戶(hù)用語(yǔ)言實(shí)現(xiàn)他們的目標(biāo)。
語(yǔ)言幫助用戶(hù)到達(dá)他們想去的地方，通過(guò)關(guān)注用戶(hù)想要實(shí)現(xiàn)的目標(biāo)，內(nèi)容策略可以建立忠誠(chéng)度和信任度。
UX設(shè)計(jì)師思考頁(yè)面上的信息層次結(jié)構(gòu)，然后，這將指導(dǎo)用戶(hù)操作。UX與研究人員一起測(cè)試有關(guān)語(yǔ)言的假設(shè)并提供專(zhuān)業(yè)的見(jiàn)解。
當(dāng)您擁有 UX 寫(xiě)作的基礎(chǔ)，并參與品牌建設(shè)時(shí)，就會(huì)發(fā)生驚人的事情，用戶(hù)體驗(yàn)寫(xiě)作可以讓品牌茁壯成長(zhǎng)。
通常在產(chǎn)品中，使用的詞是軟件操作，請(qǐng)用動(dòng)詞，它往往是句子中最有力的部分。它將與用戶(hù)的某些操作有關(guān)，
保障用戶(hù)使用中清楚，需要?jiǎng)h除技術(shù)術(shù)語(yǔ)并將操作置于用戶(hù)的上下文中。
簡(jiǎn)潔不僅意味著簡(jiǎn)短，還意味著簡(jiǎn)單高效。當(dāng)我們寫(xiě)作時(shí)，需要查看我們的信息每個(gè)詞語(yǔ)都有不同的工作。
以上是產(chǎn)品寫(xiě)作中的常見(jiàn)問(wèn)題，在這里不需要標(biāo)題。在系統(tǒng)接口中很常見(jiàn)，研發(fā)提供一種狀態(tài)，我們通過(guò)這種狀編寫(xiě)文案。我們應(yīng)該確保內(nèi)容優(yōu)于設(shè)計(jì)，視覺(jué)效果與要表達(dá)的內(nèi)容一致。盡量不要把信息塞進(jìn)不適合的盒子（代碼）里。
在這里，我們刪除了標(biāo)題。正如研究表明，大多數(shù)人不會(huì)閱讀屏幕上出現(xiàn)的每個(gè)詞語(yǔ)，用戶(hù)傾向于掃描。他們的眼睛會(huì)遵循 F 形圖案。閱讀第一行，第二行，然后開(kāi)始向下跳過(guò)頁(yè)面，只捕捉每個(gè)句子的第一個(gè)或第二個(gè)詞。出于這個(gè)原因，保持我們的文本不僅簡(jiǎn)潔而且前置。將重要概念放在首位，這樣做是為了讓人們?cè)跒g覽頁(yè)面時(shí)能看到那些重要的詞。
這個(gè)原則永遠(yuǎn)適用，將最重要的文本放在前面，然后無(wú)情地編輯后面的內(nèi)容。
號(hào)召性用語(yǔ) (CTA) 引導(dǎo)人們進(jìn)行下一步，您希望引導(dǎo)用戶(hù)到達(dá)他們想去的地方，號(hào)召性用語(yǔ)需要與用戶(hù)想要做的事情產(chǎn)生共鳴，這里的“好的”不是一個(gè)好的行動(dòng)號(hào)召。
“再試一次”是一個(gè)不錯(cuò)的選擇，這不是全部場(chǎng)景，如果用戶(hù)忘記了密碼，而唯一的按鈕只有“再試一次”，用戶(hù)可能會(huì)感到沮喪，我們需要給用戶(hù)多一個(gè)選項(xiàng)「忘記密碼」。
注意寫(xiě)作時(shí)需要結(jié)合使用場(chǎng)景，它可能需要提供的一些基本功能，但可以提升產(chǎn)品的用戶(hù)體驗(yàn)。
如果您注意這三個(gè)原則，您將更好地與用戶(hù)建立聯(lián)系。
這三個(gè)原則并不總是協(xié)調(diào)一致的，他們之間有一種張力在互相競(jìng)爭(zhēng)。
當(dāng)我們使文本清規(guī)則時(shí)，文案仍然很長(zhǎng)，而且不太好閱讀。當(dāng)我們使文本簡(jiǎn)潔規(guī)則時(shí)，它使文案更短，但可能犧牲一些清晰度為代價(jià)。最后，當(dāng)我們使文本有用規(guī)則時(shí)，它變得更長(zhǎng)且更不易閱讀。
從一個(gè)品牌中，我們可以篩選出 3 或 4 個(gè)形容詞，以及希望用戶(hù)如何看待它。提取這些形容詞，可以采用頭腦風(fēng)暴練習(xí)。
想象一下，如果要設(shè)計(jì)一個(gè)約會(huì)產(chǎn)品
您會(huì)在產(chǎn)品資料中加入什么詞或信息？讓它在眾多產(chǎn)品中脫穎而出，是什么讓用戶(hù)覺(jué)得它最有趣？
是什么讓用戶(hù)想要點(diǎn)擊并想要了解更多信息？
然后，您可以將這些品質(zhì)提煉成描述性詞語(yǔ)，這些將成為您的品牌原則。
Google Pay 的原則是：新鮮、善解人意、平易近人。
想想您在不同的環(huán)境或情緒中聽(tīng)到聲音是什么樣，這是語(yǔ)氣。
聲音和語(yǔ)氣之間差異，是聲音傳播手段，語(yǔ)氣是根據(jù)情況或內(nèi)容而不斷調(diào)整的。在一個(gè)產(chǎn)品中，就像在不同的情況下以不同的方式與用戶(hù)交談，語(yǔ)氣的利用容易帶用戶(hù)進(jìn)入情感化的設(shè)計(jì)。
例如：
將不同的階段映射到用戶(hù)旅程中，可確保用戶(hù)在整個(gè)產(chǎn)品體驗(yàn)中以一致的方式使用產(chǎn)品文案。
對(duì)于產(chǎn)品，您的文案寫(xiě)作可能從信息豐富到鼓舞人心或者幽默風(fēng)趣。創(chuàng)建產(chǎn)品開(kāi)端與終端后，您需要確定要映射的用戶(hù)旅程中的哪些時(shí)刻，考慮用戶(hù)體驗(yàn)中不同的里程碑或交互，如注冊(cè)、引導(dǎo)、或錯(cuò)誤提示之類(lèi)。
為了幫助您確定這些將落在頻譜中的哪個(gè)位置，您可以考慮：
現(xiàn)在，我們將前面講的內(nèi)容，融合在一起做一次UX 寫(xiě)作練習(xí)
UX寫(xiě)作原則
舉個(gè)例子，第一次使用 Android Pay 時(shí)需要對(duì)用戶(hù)說(shuō)什么？
在流程開(kāi)始時(shí)，從以下描述性?xún)?nèi)容開(kāi)始：
思考良好的用戶(hù)體驗(yàn)寫(xiě)作的三個(gè)原則，文本清晰有用，但并不簡(jiǎn)潔。讓我們查看看哪些信息是必不可少的，哪些部分可以使用視覺(jué)效果？最后編輯為如下所示：
Google Pay 的原則是：新鮮、善解人意、平易近人。
文案已經(jīng)清楚，簡(jiǎn)潔和有用，現(xiàn)在需要考慮語(yǔ)氣詞，還有就是“這段文字是否傳達(dá)了品牌？”不多，感覺(jué)很一般。
因此，回到品牌原則，需要考慮如何讓它更新鮮、更令人興奮，因?yàn)檫@可能是用戶(hù)的第一印象。
有了這份清單，您就可以讓產(chǎn)品在語(yǔ)言上脫穎而出：
作者：唐小白92
轉(zhuǎn)載請(qǐng)注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
行業(yè)對(duì)設(shè)計(jì)師的要求?直都在不斷革新，只有「?技之?」的設(shè)計(jì)師已經(jīng)很難滿(mǎn)??業(yè)需要，產(chǎn)品分析已經(jīng)不僅僅是產(chǎn)品經(jīng)理的工作內(nèi)容，對(duì)于 UI 設(shè)計(jì)師來(lái)說(shuō)，也是必備技能之一了，尤其是對(duì)于 B 端領(lǐng)域的設(shè)計(jì)師來(lái)說(shuō)，更需要拓寬視野，思維前置。
那么，該如何去做產(chǎn)品分析呢？本文將從產(chǎn)品分析是什么，如何做兩個(gè)方面來(lái)講述，為大家提供思路，做真正落地的對(duì)設(shè)計(jì)有幫助的產(chǎn)品分析，提高自己理解業(yè)務(wù)、處理業(yè)務(wù)、解決問(wèn)題的能力，體現(xiàn)出設(shè)計(jì)師的價(jià)值。
對(duì)于 B 端產(chǎn)品來(lái)說(shuō)，它只有一個(gè)目標(biāo)，就是解決問(wèn)題，通過(guò)對(duì)問(wèn)題的分析得出解決方案，而任何一個(gè)問(wèn)題都不會(huì)只有一種解決方案，在權(quán)衡利弊后得出了最終的解決方案，產(chǎn)品就是解決方案的表現(xiàn)形式和實(shí)際載體。
從設(shè)計(jì)師的角度來(lái)說(shuō)，產(chǎn)品分析通常是挖掘產(chǎn)品缺陷，優(yōu)化產(chǎn)品體驗(yàn)，為產(chǎn)品迭代提供依據(jù)，比如：通過(guò)深度體驗(yàn)產(chǎn)品，挖掘產(chǎn)品的在功能、交互體驗(yàn)方面的不足，并通過(guò)分析制定產(chǎn)品優(yōu)化方案。一款產(chǎn)品從淺至深擁有無(wú)數(shù)的可被挖掘的信息，這些信息本身是龐雜冗余無(wú)意義的，只有通過(guò)分類(lèi)和清洗才能得到對(duì)人有意義的信息，本質(zhì)上來(lái)說(shuō)，產(chǎn)品分析就是在做信息分類(lèi)和清洗的工作。
市場(chǎng)分析是對(duì)產(chǎn)品所在的市場(chǎng)進(jìn)行宏觀(guān)的競(jìng)爭(zhēng)態(tài)勢(shì)和市場(chǎng)規(guī)模的分析。市場(chǎng)分析主要包括行業(yè)背景、市場(chǎng)現(xiàn)狀和商業(yè)模式三部分。可以看到，市場(chǎng)分析其實(shí)是從很宏觀(guān)的一個(gè)角度來(lái)切入，更偏向于戰(zhàn)略層內(nèi)容，因此市場(chǎng)分析也是三者中距離設(shè)計(jì)師最遠(yuǎn)的一個(gè)概念。用通俗的話(huà)來(lái)說(shuō)，市場(chǎng)分析最主要的目的就是分析產(chǎn)品是否賺錢(qián)。
廣泛意義上說(shuō)，競(jìng)品分析就是根據(jù)分析目的，找到切入角度，對(duì)競(jìng)爭(zhēng)對(duì)手或市場(chǎng)進(jìn)行客觀(guān)分析，找到競(jìng)品或自己的優(yōu)勢(shì)與不足，為下一步?jīng)Q策提供科學(xué)依據(jù)，其實(shí)就是「知己知彼」的過(guò)程。對(duì)于設(shè)計(jì)師而言，競(jìng)品分析的目的更傾向于尋找解決方案，比如：通過(guò)競(jìng)品分析來(lái)尋找參考從而解決自己當(dāng)前遇到的問(wèn)題。
不同于 C 端，B 端往往有很堅(jiān)固的行業(yè)壁壘，所涉及業(yè)務(wù)也非常難以理解，究其原因，來(lái)自以下兩個(gè)方面：
B 端產(chǎn)品很多時(shí)候，都是在原有線(xiàn)下業(yè)務(wù)的基礎(chǔ)上進(jìn)行數(shù)字化。邏輯的復(fù)雜度本質(zhì)上是來(lái)源于這個(gè)行業(yè)多年來(lái)積累的足夠成熟的業(yè)務(wù)流程與規(guī)范，而這些東西沒(méi)有辦法速成，只能靠不斷地積累來(lái)增進(jìn)理解。
C 端產(chǎn)品的設(shè)計(jì)中，設(shè)計(jì)師大部分情況下都或多或少地就是用戶(hù)本身，或者帶有用戶(hù)屬性，比較容易產(chǎn)生同理心，去發(fā)現(xiàn)問(wèn)題解決痛點(diǎn)。
而 B 端產(chǎn)品不是給普通用戶(hù)使用的，是給特定群體使用的，這種特質(zhì)就決定了設(shè)計(jì)師很難去真正地理解用戶(hù)的處境，設(shè)計(jì)師最厲害的特質(zhì)——同理心也很難派上用場(chǎng)。
有的設(shè)計(jì)師同學(xué)，一接到產(chǎn)品分析的任務(wù)，到手就是先去網(wǎng)上看看別人是怎么做的，然后按著人家的結(jié)構(gòu)對(duì)自己的產(chǎn)品進(jìn)行一通分析，其中不乏用到了「用戶(hù)體驗(yàn)五要素」、「SWOT分析」等看起來(lái)高大上的方法論。
按這樣做，產(chǎn)出的分析報(bào)告不能說(shuō)錯(cuò)，但是最起碼是不恰當(dāng)?shù)?，?duì)設(shè)計(jì)上的幫助微乎其微。其中有這樣兩個(gè)問(wèn)題：
產(chǎn)品經(jīng)理是產(chǎn)品的第一負(fù)責(zé)人，需要對(duì)產(chǎn)品的整個(gè)生命周期負(fù)責(zé)，說(shuō)人話(huà)就是產(chǎn)品經(jīng)理負(fù)責(zé)產(chǎn)品做什么不做什么，該什么時(shí)候做，而設(shè)計(jì)師關(guān)注的是產(chǎn)品的用戶(hù)體驗(yàn)。產(chǎn)品是商業(yè)的代言人，而設(shè)計(jì)師是用戶(hù)的代言人，二者本質(zhì)上的不同，就決定了在做產(chǎn)品分析時(shí)關(guān)注點(diǎn)必然不同。如果按著產(chǎn)品經(jīng)理的思路來(lái)做產(chǎn)品分析，得出大環(huán)境之類(lèi)的太過(guò)于泛化的結(jié)論對(duì)設(shè)計(jì)沒(méi)有什么實(shí)質(zhì)性的幫助。
用戶(hù)體驗(yàn)五要素，swot，等等這些高大上的方法論看起來(lái)非常有用，從多個(gè)維度把一款產(chǎn)品分析得非常清楚。可真實(shí)的情況時(shí)，往往新手設(shè)計(jì)師同學(xué)既不懂方法論的本質(zhì)，也不懂使用場(chǎng)景，只是盲目地套用，導(dǎo)致產(chǎn)出的是一篇「八股文」一般的產(chǎn)品分析報(bào)告，過(guò)于全面但沒(méi)有重點(diǎn)，什么都是點(diǎn)到為止，對(duì)自己理解業(yè)務(wù)和輔助設(shè)計(jì)沒(méi)有實(shí)質(zhì)性的幫助。
我認(rèn)為，「方法論」本質(zhì)上是經(jīng)驗(yàn)主義，使用過(guò)去解決問(wèn)題的方式來(lái)解決新的問(wèn)題。在一定程度上，方法論是有用的，一些簡(jiǎn)單的問(wèn)題，確實(shí)是有固定解法的，而且，解決問(wèn)題也更快。但是在更難更特殊的場(chǎng)景下，方法論不再管用了。很多時(shí)候，問(wèn)題表面上看起來(lái)一樣，可是由于問(wèn)題的背景不同，所以解法也是不一樣的，這時(shí)候再采用方法論，就會(huì)產(chǎn)生思維固化，強(qiáng)行去套方法流程，得到的一定不是最正確的答案。
在確定了目標(biāo)和分析重點(diǎn)之后，我們就可以開(kāi)始進(jìn)行分析產(chǎn)出產(chǎn)品分析報(bào)告了，在這里我整理了幾個(gè)撰寫(xiě)時(shí)的原則供大家參考：
第一點(diǎn)是我們要避免去主觀(guān)臆斷功能的合理性。正如我上面提到的一樣，我們并非 B 端產(chǎn)品的核心用戶(hù)，有些我們感覺(jué)反常的地方，但是其實(shí)有它的合理性，因?yàn)?B 端用戶(hù)的痛點(diǎn)往往是在特定的工作場(chǎng)景下產(chǎn)生的。因此，在不了解真正用戶(hù)和場(chǎng)景的情況下，僅憑經(jīng)驗(yàn)下的結(jié)論往往是錯(cuò)誤的。
我之前的一個(gè)項(xiàng)目的設(shè)計(jì)中，在給圖表配色時(shí)，我最初的一個(gè)版本是用的近似色去完成的，在發(fā)給產(chǎn)品經(jīng)理初審時(shí)被打回來(lái)了，理由是這種配色不夠明顯。我追問(wèn)原因后才知道，我們的一部分用戶(hù)是年齡比較大的用戶(hù)，對(duì)比度足夠高才能方便他們看清楚。最后出的一個(gè)版本是對(duì)比度非常高的配色，盡管從設(shè)計(jì)的角度來(lái)看這種配色美觀(guān)度不足，但是能夠讓用戶(hù)看得清楚。
在這個(gè)例子中，用戶(hù)對(duì)于美觀(guān)度并沒(méi)有很高的要求，反而對(duì)于數(shù)據(jù)的識(shí)別度要求更高。我們常聽(tīng)的一句話(huà)是「己所不欲，勿施于人」，然而在B端的設(shè)計(jì)中，我們更要做到「己所欲，亦勿施于人」。
B 端產(chǎn)品有一個(gè)很重要的特點(diǎn)，購(gòu)買(mǎi)決策者與使用者的割裂。我們?cè)谒伎家粋€(gè)功能時(shí)，不能僅僅考慮使用者的體驗(yàn)，也要考慮決策者的想法。
比如釘釘?shù)摹敢炎x未讀」這個(gè)功能，相信大家對(duì)這個(gè)功能是槽點(diǎn)滿(mǎn)滿(mǎn)。但是在 B 端產(chǎn)品中，決策鏈上游是購(gòu)買(mǎi)決策者即老板，因此就有了這個(gè)功能。如果只考慮到用戶(hù)體驗(yàn)，這個(gè)設(shè)計(jì)從一開(kāi)始就不該出現(xiàn)。但是，與 C 端產(chǎn)品的流量思維不同，B 端產(chǎn)品不是靠體驗(yàn)來(lái)吸引用戶(hù)存活的，而是靠滿(mǎn)足決策者的需要來(lái)活下去的。很多大家感覺(jué)不好用或者體驗(yàn)很差勁的 B 端產(chǎn)品，仍然活得很好，就是這個(gè)道理。
說(shuō)句題外話(huà)，釘釘已經(jīng)注意到了這個(gè)細(xì)節(jié)，在去年的一個(gè)演講上，釘釘總裁也提到了對(duì)這個(gè)功能點(diǎn)的考慮，他舉了一個(gè)場(chǎng)景，在不改變現(xiàn)有設(shè)計(jì)的情況下解決了這個(gè)問(wèn)題，通過(guò)智能手表等外設(shè)來(lái)預(yù)覽消息，而手機(jī)和電腦依然顯示未讀，自己考慮好了的時(shí)候再去回復(fù)。
從戰(zhàn)略層到功能架構(gòu)，再到每個(gè)功能細(xì)節(jié)，采用金字塔原理去遍歷，避免遺漏的同時(shí)層層深入。
在此處，我介紹一下我認(rèn)為一份合格的產(chǎn)品分析報(bào)告應(yīng)該包含的部分，各位設(shè)計(jì)師同學(xué)可以根據(jù)自己的需要進(jìn)行適當(dāng)調(diào)整。
因?yàn)楫a(chǎn)品分析是有一定的時(shí)效性的，且是針對(duì)某一個(gè)具體版本去進(jìn)行分析的，所以在文檔開(kāi)頭要列出自己所分析產(chǎn)品的版本，例如（飛書(shū) V5.6.9，釘釘 6.3.35）。
即設(shè)計(jì)師進(jìn)行產(chǎn)品分析的時(shí)間，留檔以供以后查看。
此處要回答的問(wèn)題是，產(chǎn)品是用來(lái)干嘛的，給誰(shuí)設(shè)計(jì)的以及怎么賺錢(qián)的。
即產(chǎn)品是用來(lái)干嘛的，不需要特別具體，只需要在大方面上對(duì)產(chǎn)品進(jìn)行概括即可。舉個(gè)栗子，抖音定位是一款短視頻消費(fèi)型產(chǎn)品，以“內(nèi)容”的新鮮有趣為主，強(qiáng)調(diào)分享和信息獲取，滿(mǎn)足幸?？鞓?lè)的美好時(shí)刻需要。
即產(chǎn)品是給誰(shuí)設(shè)計(jì)的，在此處需要對(duì)客戶(hù)和用戶(hù)做區(qū)分?？蛻?hù)一般是指企業(yè)的 CEO/管理者，他們來(lái)決定是否要斥「巨資」購(gòu)買(mǎi)一款軟件。比如說(shuō)某公司的 CEO 最終決定買(mǎi)釘釘還是飛書(shū)作為辦公協(xié)同軟件。而用戶(hù)一般是企業(yè)內(nèi)的員工，他們使用軟件來(lái)完成一些日常工作。分析目標(biāo)用戶(hù)的意義是，在之后的分析中，我們都要以用戶(hù)為落腳點(diǎn)，去分析功能的合理性。
需要注意的是，此處并不需要去做一套完整的用戶(hù)畫(huà)像，只需要大概描述一下是產(chǎn)品的客戶(hù)和用戶(hù)的職位和核心需求即可。
舉個(gè)栗子，對(duì)于某客服工作臺(tái)產(chǎn)品，
即產(chǎn)品如何賺錢(qián)，在這里，我們并不需要用各種很高端的工具——比如商業(yè)模式畫(huà)布，去分析商業(yè)模式，我們僅需要知道產(chǎn)品的賺錢(qián)方式即可。作為設(shè)計(jì)師，我們不需要有產(chǎn)品經(jīng)理那么專(zhuān)業(yè)的商業(yè)思維，但是我們也一定要能夠從商業(yè)角度理解產(chǎn)品的價(jià)值，一款產(chǎn)品最健康的狀態(tài)一定是用戶(hù)價(jià)值與商業(yè)價(jià)值并存。因?yàn)楸举|(zhì)上而言，用戶(hù)體驗(yàn)也是商業(yè)價(jià)值的一部分。
對(duì)于B端產(chǎn)品而言，有兩種最常見(jiàn)的售賣(mài)方式：
1. 本地部署 —— 按軟件數(shù)量售賣(mài)
本地部署是指產(chǎn)品的應(yīng)用、數(shù)據(jù)都存儲(chǔ)在一臺(tái)計(jì)算機(jī)中，這臺(tái)計(jì)算機(jī)不與其他任何服務(wù)器、計(jì)算機(jī)相連。21世紀(jì)之前的傳統(tǒng) IT 公司大部分都屬于這類(lèi)，比如 Adobe 旗下的產(chǎn)品（盡管他們也在做云，但是更多情況下我們還是把 PS 當(dāng)做本地產(chǎn)品來(lái)使用），那時(shí)候 B 端企業(yè)的商業(yè)模式是：主要服務(wù)于大企業(yè)客戶(hù)，通過(guò)與頂級(jí)的合作伙伴合作，推出頂級(jí)的產(chǎn)品，提供一整套軟硬件解決方案，并進(jìn)行深度服務(wù)，一次性收取高昂的軟硬件費(fèi)用，并且每年加收不少服務(wù)費(fèi)。
2. SaaS —— 訂閱制
21 世紀(jì)后，隨著云計(jì)算技術(shù)的發(fā)展，越來(lái)越多的產(chǎn)品開(kāi)始部署在云上，也就逐漸發(fā)展成了現(xiàn)在的 SaaS 產(chǎn)品，從這個(gè)角度來(lái)講，我們通常所說(shuō)的 SaaS 產(chǎn)品其實(shí)就是將本地部署變?yōu)樵贫瞬渴鸬漠a(chǎn)品服務(wù)。
這時(shí)候 B 端企業(yè)的主要商業(yè)模式是：不僅服務(wù)于大型企業(yè)，也服務(wù)于中小企業(yè)。以訂閱制的方式，定期收取費(fèi)用，并且提供不同的版本，進(jìn)行差異化定價(jià)，實(shí)現(xiàn)收益最大化。
舉個(gè)例子，藍(lán)湖就是提供了四個(gè)版本并且以季付或年付的方式進(jìn)行收費(fèi)。
將需求轉(zhuǎn)化為對(duì)應(yīng)的軟件層面可實(shí)現(xiàn)的能力，即功能，功能可以實(shí)現(xiàn)需求所期望達(dá)成的目標(biāo)。
一個(gè)完整的 B 端產(chǎn)品包含若干功能，將一套功能依據(jù)業(yè)務(wù)進(jìn)行分類(lèi)整合，形成的抽象化業(yè)務(wù)模型即功能架構(gòu)。
功能架構(gòu)指的是產(chǎn)品是如何由這些功能組成的。我們?cè)诜治龉δ芗軜?gòu)時(shí)實(shí)際上更偏向于產(chǎn)品的實(shí)現(xiàn)模型。
信息架構(gòu)是包括組織系統(tǒng)、標(biāo)簽系統(tǒng)、導(dǎo)航系統(tǒng)、搜索系統(tǒng)在內(nèi)的綜合系統(tǒng)。我們?cè)诜治鲂畔⒓軜?gòu)時(shí)，分析的是這個(gè)產(chǎn)品是如何將不同的功能組合在一起展現(xiàn)在用戶(hù)面前的，分析的是產(chǎn)品的呈現(xiàn)模型。
一個(gè)成熟的 B 端產(chǎn)品甚至?xí)猩踔習(xí)腥陌賯€(gè)功能，我們?cè)诜治龉δ芗?xì)節(jié)前，必須要先厘清架構(gòu)，以一種抽象的框架視角來(lái)全局思考，而不是也僅僅以用戶(hù)的視角來(lái)看產(chǎn)品的表象。
真正地去使用產(chǎn)品，并將產(chǎn)品的所有功能與模塊收集到一起。
以模塊作為分類(lèi)依據(jù)，將所有功能分到不同的模塊里，必要的話(huà)，可以繼續(xù)細(xì)分子模塊。
在這里要注意，一個(gè)功能是否屬于某一個(gè)模塊，不能以這個(gè)功能是否在某個(gè)頁(yè)面為依據(jù)。一個(gè)頁(yè)面出現(xiàn)了某個(gè)功能，只是因?yàn)檫@個(gè)場(chǎng)景下用戶(hù)需要這個(gè)功能，而不是這個(gè)功能屬于這個(gè)頁(yè)面。
以飛書(shū)后臺(tái)為例，很多人在分析時(shí)會(huì)把首頁(yè)也作為功能架構(gòu)圖中的一個(gè)節(jié)點(diǎn)去分析，這是錯(cuò)誤的。
首頁(yè)只是功能的聚合，而非功能模塊，例如「添加成員」這一功能應(yīng)該屬于「組織架構(gòu)」模塊中，如果將首頁(yè)也加入分析，勢(shì)必會(huì)出現(xiàn)功能的重復(fù)。
在分析完整個(gè)功能架構(gòu)之后，我們可以深入到每個(gè)功能的細(xì)節(jié)了。其中包括以下兩點(diǎn)：
通過(guò)繪制功能的使用流程，我們可以模擬用戶(hù)在使用產(chǎn)品時(shí)的流程，發(fā)現(xiàn)一些從宏觀(guān)角度上忽略的點(diǎn)。在繪制時(shí)，要注意的是，要控制在頁(yè)面 & 操作維度，避免拔高到功能維度甚至業(yè)務(wù)維度。
我們除了要知道這個(gè)功能該怎么用之外，還要知道功能與業(yè)務(wù)的關(guān)系 —— 功能背后的需求。
在分析背后的需求時(shí)，除了知道這一需求是什么，如果可以多走一步，對(duì)需求進(jìn)行分類(lèi)，那對(duì)于我們了解產(chǎn)品時(shí)大有裨益的。
關(guān)于需求的分級(jí)，在 C 端中常用的模型是馬斯洛需求模型，但是這一理論并不適用于 B 端，主要是由于以下原因：
一般而言，我們可以將需求劃分為功能性需求與非功能性需求。非功能性需求，指的是隱藏在功能需求背后以及開(kāi)發(fā)需要考慮的的需求，也叫作“跨功能需求”。最常見(jiàn)的非功能性需求就是產(chǎn)品的響應(yīng)時(shí)間，一般非功能性需求是由開(kāi)發(fā)和測(cè)試同學(xué)考慮的。
而對(duì)于功能性需求，有三大類(lèi)：業(yè)務(wù)需求、功能需求、產(chǎn)品需求。而這三類(lèi)需求也有比較立體的層次關(guān)系：
業(yè)務(wù)需求，提出者是業(yè)務(wù)范圍、業(yè)務(wù)模式和業(yè)務(wù)規(guī)則的制定者，一般是指業(yè)務(wù)方的高層人物，比如 CEO、高級(jí)經(jīng)理等。產(chǎn)品設(shè)計(jì)是服務(wù)于業(yè)務(wù)定位的，進(jìn)而使得產(chǎn)品戰(zhàn)略遵循于企業(yè)的發(fā)展戰(zhàn)略，只有這樣產(chǎn)品方向才不至于發(fā)生偏差，因此，他們提出的需求一般不能違反，換句話(huà)說(shuō)，他們提出的需求是整個(gè)系統(tǒng)設(shè)計(jì)的最高綱領(lǐng)。
用戶(hù)需求，提出者是基層管理者和執(zhí)行者。他們關(guān)心的是如何使用產(chǎn)品完成自己的工作，提出的需求相對(duì)細(xì)節(jié)，例如對(duì)操作、流程上的訴求。
產(chǎn)品需求，由于 B 端產(chǎn)品的復(fù)雜性，在建設(shè)時(shí)需要考慮到功能復(fù)用問(wèn)題，以及與其他系統(tǒng)的架構(gòu)交互問(wèn)題。舉個(gè)例子，語(yǔ)雀 App 是阿里旗下的產(chǎn)品，在開(kāi)發(fā)登錄界面時(shí)，沒(méi)有重新開(kāi)發(fā)，而是集成了阿里云的 SDK。產(chǎn)品需求本身對(duì)業(yè)務(wù)實(shí)現(xiàn)沒(méi)有價(jià)值，它的價(jià)值體現(xiàn)在節(jié)省人力和優(yōu)化軟件架構(gòu)上。
三者雖然并沒(méi)有絕對(duì)意義上的優(yōu)先級(jí)順序，但是一般而言，B 端產(chǎn)品時(shí)優(yōu)先考慮業(yè)務(wù)需求，其次關(guān)注用戶(hù)體驗(yàn)，滿(mǎn)足用戶(hù)需求，最后才是考慮產(chǎn)品需求。了解了這一點(diǎn)，我們對(duì)功能背后的需求進(jìn)行分類(lèi)后，就可以從更高的視角來(lái)分析功能的設(shè)計(jì)邏輯，而不僅僅是停留在好不好看的層次上對(duì)功能進(jìn)行分析。
在《交互設(shè)計(jì)原理》中是指：對(duì)于交互式數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)的設(shè)計(jì)，定義人造物的行為方式，即人工制品在特定場(chǎng)景下的反應(yīng)。
在《交互設(shè)計(jì)精髓4》定義為：設(shè)計(jì)交互式數(shù)字產(chǎn)品、環(huán)境、系統(tǒng)和服務(wù)的設(shè)計(jì)，聚焦于如何設(shè)計(jì)行為。
而在《超越人機(jī)交互》中則是指：設(shè)計(jì)交互式產(chǎn)品來(lái)支持人們?cè)谌粘９ぷ魃钪薪涣骱徒换サ姆绞?，?chuàng)造用戶(hù)體驗(yàn)以增強(qiáng)人們工作、生活以及通信的方式，聚焦在實(shí)踐上，即怎樣設(shè)計(jì)用戶(hù)體驗(yàn)。
交互設(shè)計(jì)即行為設(shè)計(jì)，關(guān)注于如何設(shè)計(jì)系統(tǒng)如何幫助用戶(hù)更高效愉快地達(dá)成目標(biāo)。
僅僅知道是什么遠(yuǎn)遠(yuǎn)不夠，我們更要知道如何去分析一個(gè)產(chǎn)品的交互設(shè)計(jì)好壞。在這里，我提供兩個(gè)思路供大家參考：
上文提到，交互設(shè)計(jì)的對(duì)象是行為，而這里的「行為」可以拆分為 3 個(gè)部分：導(dǎo)航，輸入和展示。
設(shè)計(jì)要點(diǎn)：
例如：掘金的頂部導(dǎo)航，既體現(xiàn)出來(lái)了導(dǎo)航本身與包含內(nèi)容的關(guān)系（導(dǎo)航的標(biāo)簽是當(dāng)前內(nèi)容的概括），又體現(xiàn)出來(lái)了內(nèi)容與當(dāng)前頁(yè)面的關(guān)系（當(dāng)前頁(yè)面是首頁(yè)下的一個(gè)子頁(yè)面）。
這里的輸入不僅僅指我們?nèi)粘Ｖ械妮斎?，而是一個(gè)廣義的概念，將所有用戶(hù)向系統(tǒng)提供信息的方式統(tǒng)稱(chēng)為輸入。輸入可以通過(guò)多種方式完成，包括輸入命令、按下按鈕、快捷鍵、甚至打手勢(shì)、語(yǔ)音等方式。
設(shè)計(jì)要點(diǎn)：
設(shè)計(jì)要點(diǎn)：
尼爾森十大原則由畢業(yè)于哥本哈根的人機(jī)交互學(xué)博士 Jakob Nielsen 發(fā)表，他提出十大可用性原則，用來(lái)評(píng)價(jià)用戶(hù)體驗(yàn)的好壞，我們也可以以此為依據(jù)來(lái)分析一個(gè)產(chǎn)品的交互設(shè)計(jì)好壞。具體的內(nèi)容網(wǎng)上有很多資料，筆者就不再贅述。
視覺(jué)設(shè)計(jì)即 UI 設(shè)計(jì)，負(fù)責(zé)產(chǎn)品的圖形、圖標(biāo)、色彩、視覺(jué)風(fēng)格等，從視覺(jué)層面把控產(chǎn)品界面設(shè)計(jì)，決定營(yíng)造出什么樣的視覺(jué)體驗(yàn)。
視覺(jué)設(shè)計(jì)的分析內(nèi)容可以拆分為形、色、字、構(gòu)、質(zhì)、動(dòng)。在分析時(shí)，如果是網(wǎng)頁(yè)端，可以借助瀏覽器的開(kāi)發(fā)者模式或者谷歌瀏覽器的插件「VisBug」來(lái)詳細(xì)查看各個(gè)維度屬性細(xì)節(jié)。
圖標(biāo)的圓角，卡片的圓角，icon 的風(fēng)格與統(tǒng)一度（包括：視覺(jué)大小，線(xiàn)段粗細(xì)，端點(diǎn)類(lèi)型、拐點(diǎn)類(lèi)型等）
例如，同樣是頭像卡片，QQ采用了圓形來(lái)體現(xiàn)靈動(dòng)輕盈的風(fēng)格，而主打熟人社交的微信則采用了小圓角。
色彩分析包括用色規(guī)范、色彩搭配、層級(jí)等。在 B 端產(chǎn)品中，色彩在使用時(shí)更多的是基于信息傳遞、操作引導(dǎo)和交互反饋等目的。
字體的屬性有字號(hào)、行高、字體、字重等。通過(guò)合適字號(hào)和字重可以對(duì)界面元素劃分視覺(jué)層級(jí)，幫助用戶(hù)識(shí)別。而在一些特殊的場(chǎng)景下，可以運(yùn)用特殊字體來(lái)提高識(shí)別度和增加頁(yè)面美觀(guān)度。
例如：支付寶使用了常用的 Din pro 作為其數(shù)字字體，其他 APP 廠(chǎng)商也分別使用了特殊的數(shù)字字體。
此處的構(gòu)是指頁(yè)面結(jié)構(gòu)，分為層級(jí)和間距兩大部分。合適的層級(jí)和間距可以幫助用戶(hù)理解頁(yè)面，并給予界面呼吸感和通透感。
質(zhì)感與風(fēng)格、界面風(fēng)格，投影數(shù)值，扁平還是擬物。
比如說(shuō)相比普通的單層陰影， Ant Design 采用了三層陰影的表達(dá)方式，讓陰影更柔和，更符合真實(shí)狀態(tài)。具體可查看 https://ant.design/docs/spec/shadow-cn
最近幾年，越來(lái)越多的公司和團(tuán)隊(duì)已經(jīng)意識(shí)到動(dòng)效在產(chǎn)品用戶(hù)體驗(yàn)中的重要性，動(dòng)效設(shè)計(jì)已經(jīng)成為產(chǎn)品設(shè)計(jì)語(yǔ)言的重要構(gòu)成之一。
動(dòng)效設(shè)計(jì)并不只是為了修飾，使用動(dòng)效不僅可以更清晰地體現(xiàn)內(nèi)容元素之間的邏輯和層級(jí)關(guān)系，還可以提供當(dāng)前的狀態(tài)反饋，加強(qiáng)用戶(hù)對(duì)操作行為的感知，給用戶(hù)以可控的感覺(jué)。
除了上述內(nèi)容之外，我們?cè)诜治鲆粋€(gè)產(chǎn)品時(shí)還可以做以下兩件事：
在被問(wèn)到「你覺(jué)得這款產(chǎn)品的用戶(hù)體驗(yàn)好嗎？」時(shí)，我想大部分設(shè)計(jì)師同學(xué)即使做完了產(chǎn)品分析，也很難回答這個(gè)問(wèn)題。那么，我們?cè)撊绾巫霾趴梢暂^為準(zhǔn)確地回答這一問(wèn)題呢？
基于這個(gè)問(wèn)題，我們從用戶(hù)體驗(yàn)的定義出發(fā)，ISO 對(duì)用戶(hù)體驗(yàn)的定義有著如下解釋?zhuān)?
用戶(hù)體驗(yàn)，即用戶(hù)在使用一個(gè)產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個(gè)方面。
從定義可以看出，用戶(hù)體驗(yàn)不僅是主觀(guān)的，而且范疇非常廣，所以在描述時(shí)，我們不能僅僅用好/不好來(lái)概括。要解決這個(gè)問(wèn)題，要點(diǎn)在于建立一個(gè)清晰合適的標(biāo)準(zhǔn)來(lái)量化用戶(hù)體驗(yàn)，體驗(yàn)自查就是在做這樣一件事 —— 度量體驗(yàn)。
通過(guò)做體驗(yàn)自查，可以達(dá)成以下效果：
本質(zhì)上，設(shè)計(jì)走查表通常是設(shè)計(jì)師在完成設(shè)計(jì)稿后，用于快速遍歷方案、修正遺漏或不周的工具。在產(chǎn)品分析中，我們使用這個(gè)工具也可以達(dá)成體驗(yàn)自查的目標(biāo)。通常，我們是需要根據(jù)產(chǎn)品建立一套適合自己的交互設(shè)計(jì)自查表的。如果暫時(shí)沒(méi)有，也可以暫時(shí)使用網(wǎng)上成熟的自查表來(lái)進(jìn)行。
問(wèn)題位置：
即體驗(yàn)問(wèn)題發(fā)生的位置。
類(lèi)別：
不同自查表對(duì)問(wèn)題的分類(lèi)不同，例如用戶(hù)體驗(yàn)五要素、可用性原則等。
重要程度：
如果采用正向思考，很容易陷入“都很重要”的困境，所以這里一般采用反向分析法，也就是如果不解決這個(gè)體驗(yàn)問(wèn)題，會(huì)造成多大的影響。我這里將重要程度分成了三個(gè)等級(jí)，分別是：
發(fā)生頻率：
同樣是三個(gè)等級(jí)，需要注意的是，這里不是以時(shí)間頻率來(lái)定義的，而是以「每經(jīng)歷 n 次業(yè)務(wù)節(jié)點(diǎn)就會(huì)出現(xiàn)這一問(wèn)題」的方式來(lái)定義的，如果不好量化，也可以使用每次，經(jīng)常，偶爾這樣的詞來(lái)代替。
嚴(yán)重程度：
嚴(yán)重程度 = 重要程度 * 發(fā)生頻率
這里要注意的是，我們作為設(shè)計(jì)師，提出嚴(yán)重程度的判斷僅僅是作為優(yōu)先級(jí)參考，但是真正的優(yōu)先級(jí)和排期還是需要產(chǎn)品經(jīng)理來(lái)做。
問(wèn)題描述：
即對(duì)體驗(yàn)問(wèn)題的詳細(xì)描述。
首先，對(duì)問(wèn)題進(jìn)行重新審查和校驗(yàn)，去掉非體驗(yàn)問(wèn)題、重復(fù)問(wèn)題、補(bǔ)充不完整的問(wèn)題描述等，然后整理到一起，這就是整個(gè)產(chǎn)品存在的大大小小、各種各樣的問(wèn)題了。
然后，我們通過(guò)圖表對(duì)數(shù)據(jù)進(jìn)行二次加工，一般采用雷達(dá)圖或柱狀圖。
示例 - 雷達(dá)圖的使用方式
嚴(yán)格意義上說(shuō)，這并不是標(biāo)準(zhǔn)的雷達(dá)圖，只是使用了雷達(dá)圖的圖表背景。
外圈：上述表格中的「分類(lèi)」
數(shù)值：上述表格中的「重要程度」
為每個(gè)模塊/流程各制作一張表，然后將每個(gè)問(wèn)題都以點(diǎn)的形式置于圖中，哪個(gè)分類(lèi)問(wèn)題最多，哪個(gè)模塊/流程問(wèn)題最多？哪些問(wèn)題較為嚴(yán)重亟待解決？一目了然。
設(shè)計(jì)的本質(zhì)是為了更好的解決問(wèn)題，了解業(yè)務(wù)是解決問(wèn)題的基礎(chǔ)，也是溝通順暢的利器。但是想要成為一個(gè)業(yè)務(wù)專(zhuān)家，沒(méi)有長(zhǎng)時(shí)間的沉淀上是不太可能的，但是公司一般不會(huì)給很長(zhǎng)的時(shí)間去學(xué)習(xí)業(yè)務(wù)，那我們?cè)撊绾卧诙唐趦?nèi)快速掌握業(yè)務(wù)知識(shí)呢？
在理解業(yè)務(wù)時(shí)遇到的最大挑戰(zhàn)就是那些晦澀難懂的特殊名詞，如 json 文件，API 等開(kāi)發(fā)中特定的術(shù)語(yǔ)。
針對(duì)這個(gè)問(wèn)題，在產(chǎn)品分析的過(guò)程中，我們可以同步建立一個(gè)專(zhuān)業(yè)名詞庫(kù)，來(lái)記錄這些特殊名詞，并將這些概念用自己的語(yǔ)言進(jìn)行描述。這樣，在了解產(chǎn)品的同時(shí)也對(duì)業(yè)務(wù)有了一定程度的了解。
對(duì)設(shè)計(jì)師而言，相比 C 端的各種炫酷效果，B 端設(shè)計(jì)很難做的出彩，設(shè)計(jì)的價(jià)值更多是隱形的價(jià)值，基本不存在會(huì)有人因?yàn)槟惆岩粋€(gè)按鈕做得好看夸你。從這個(gè)角度來(lái)說(shuō)，確實(shí)成就感比較低。
但是，通過(guò)自己的設(shè)計(jì)讓幫助用戶(hù)更有效率地完成工作，這何嘗不會(huì)帶來(lái)滿(mǎn)滿(mǎn)的成就感？B 端產(chǎn)品一般是用戶(hù)不得不使用的產(chǎn)品，作為設(shè)計(jì)師的我們更應(yīng)該對(duì)自己所設(shè)計(jì)的產(chǎn)品有著敬畏之心。
最后，給大家分享我很喜歡的一段話(huà)，與大家共勉。
本次的分享到這里就結(jié)束了，希望可以對(duì)大家有幫助。由于文章字?jǐn)?shù)較多，筆者幾經(jīng)修改，仍不免有疏漏錯(cuò)誤之處，如發(fā)現(xiàn)錯(cuò)誤，請(qǐng)讀者于評(píng)論區(qū)或私信指出，不勝感激。
在快節(jié)奏的洪流中，保持設(shè)計(jì)的初心，做有靈魂的設(shè)計(jì)，我們下篇再見(jiàn)~
作者：靳凱杰ah
轉(zhuǎn)載請(qǐng)注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
刷刷手機(jī)看看今天又發(fā)生了什么熱點(diǎn)大事，已經(jīng)成為現(xiàn)代人茶余飯后消遣時(shí)間的主要方式，而搜索熱點(diǎn)區(qū)別于其他社區(qū)類(lèi)產(chǎn)品，最大的優(yōu)勢(shì)是能夠把大家關(guān)注的事件始末及相關(guān)知識(shí)服務(wù)快速聚合起來(lái)，幫助用戶(hù)更全面的掌握信息。設(shè)計(jì)師作為連接用戶(hù)與信息之間的紐帶，在項(xiàng)目實(shí)踐中也進(jìn)行了系列的設(shè)計(jì)探索，除助力平臺(tái)高效聚合呈現(xiàn)信息外，并以更豐富的設(shè)計(jì)層次詮釋熱點(diǎn)，幫助用戶(hù)更便捷的獲取所需。
我們先要去了解用戶(hù)是如何消費(fèi)熱點(diǎn)內(nèi)容的，基于用戶(hù)情景認(rèn)知鏈路分析用戶(hù)在事件消費(fèi)的鏈路，可以分為三個(gè)重要節(jié)點(diǎn)：1.熱點(diǎn)環(huán)境的感知；2.熱點(diǎn)事件的理解；3.事件觀(guān)點(diǎn)的產(chǎn)生。
結(jié)合用戶(hù)的消費(fèi)路徑，我們將設(shè)計(jì)邏輯框架拆分為三個(gè)層級(jí)：
1.氛圍背景層：分層呈現(xiàn)熱度氛圍，輔助用戶(hù)感知熱點(diǎn)環(huán)境；
2.信息內(nèi)容層：精細(xì)化拼裝管理，幫助用戶(hù)理解熱點(diǎn)事件；
3.功能互動(dòng)層：輕互動(dòng)玩法設(shè)計(jì)，激發(fā)用戶(hù)參與抒發(fā)事件觀(guān)點(diǎn)。
從氛圍表現(xiàn)層面，助力用戶(hù)更快速的辨別事件的熱度及重要程度。設(shè)計(jì)師結(jié)合搜索熱點(diǎn)使用場(chǎng)景以及業(yè)務(wù)時(shí)效性配置訴求，歸類(lèi)了兩種設(shè)計(jì)表現(xiàn)層次：1.日常熱度氛圍 2. 大事件熱度氛圍
1）第一個(gè)層次：日常熱度氛圍
主要應(yīng)用于熱點(diǎn)新聞場(chǎng)景，時(shí)效性要求高，同時(shí)事件熱度也會(huì)在：“發(fā)酵--爆發(fā)--消退” 間實(shí)時(shí)變化，設(shè)計(jì)根據(jù)熱度“強(qiáng)弱”程度需求，劃分兩檔視覺(jué)展現(xiàn)階梯，以自動(dòng)化的方式展現(xiàn)，滿(mǎn)足熱度的實(shí)時(shí)變化需求，輔助用戶(hù)感知當(dāng)前事件熱度?！暗蜔岱諊比鯓?biāo)簽設(shè)計(jì)用以展現(xiàn)上升/今日熱點(diǎn)，“高熱氛圍”色彩背景通頂效果+上榜標(biāo)簽用以展現(xiàn)上榜熱點(diǎn)。
如，“馬斯克收購(gòu)?fù)铺亍?，搜索熱度持續(xù)上升，以第一階梯-標(biāo)簽方式展示低熱氛圍；在 “馬斯克收購(gòu)?fù)铺亍?的事件熱度不斷增長(zhǎng)，成為熱榜事件后，以第二階梯 - 高熱氛圍自動(dòng)匹配 ，通過(guò)背景及榜單標(biāo)簽的呈現(xiàn)，明確告知用戶(hù)當(dāng)前事件的火熱程度。
2）第二個(gè)層次：大事件熱度氛圍
主要應(yīng)用于熱點(diǎn)大事件或運(yùn)營(yíng)活動(dòng)場(chǎng)景，個(gè)性化展現(xiàn)要求高，同時(shí)事件關(guān)注度及重要程度也不同，設(shè)計(jì)根據(jù)事件的關(guān)注度及重要程度劃分為兩檔階梯，以人工配置的方式展現(xiàn)，超強(qiáng)的運(yùn)營(yíng)氛圍，可以讓用戶(hù)充分感知當(dāng)前事件的重要程度，“A級(jí)氛圍”頭部疊加場(chǎng)景元素設(shè)計(jì)用以展現(xiàn)大事件，“S級(jí)氛圍”整頁(yè)沉浸式視覺(jué)設(shè)計(jì)用以展現(xiàn)重大事件。
如，冬奧會(huì)，重大事件，選用第二階梯 S級(jí)氛圍，打造超強(qiáng)的運(yùn)營(yíng)大事件會(huì)場(chǎng)認(rèn)知。
近幾年我們不斷的經(jīng)歷各類(lèi)突發(fā)大事件，如：疫情/暴雨/名人逝世等等，每次突然發(fā)生的事件都讓設(shè)計(jì)師措手不及，匆忙產(chǎn)出運(yùn)營(yíng)氛圍設(shè)計(jì)方案緊急上線(xiàn)，保時(shí)效就很難保障質(zhì)量，因此我們?cè)谙肽懿荒芸偨Y(jié)事件類(lèi)型提前儲(chǔ)備設(shè)計(jì)，以備不時(shí)之需。
不同突發(fā)事件會(huì)牽動(dòng)網(wǎng)友不同的情感情緒，比如河南暴雨，我們?yōu)槭茈y同胞擔(dān)心，為救助工作加油，為逝者哀悼；火箭發(fā)射成功，我們驕傲喝彩；名人結(jié)婚，我們送上溫馨的祝福。不同事件帶來(lái)不同的情感情緒，也要求設(shè)計(jì)師要用準(zhǔn)確的視覺(jué)語(yǔ)言表達(dá)。
因此我們?cè)谇爸迷O(shè)計(jì)時(shí)也充分考慮了事件情感因素，通過(guò)對(duì)近一年突發(fā)大事件的歸類(lèi)梳理，并推導(dǎo)不同細(xì)分場(chǎng)景下的用戶(hù)情緒，通過(guò)情緒分類(lèi)的方式，總結(jié)兩種視覺(jué)設(shè)計(jì)表達(dá)形式：1.實(shí)景圖合成效果滿(mǎn)足嚴(yán)肅/莊重/權(quán)威場(chǎng)景情感需求；2.手繪效果滿(mǎn)足積極/歡快/慶祝場(chǎng)景的情感需求。結(jié)合以上思路我們共儲(chǔ)備6大類(lèi)20個(gè)子分類(lèi)場(chǎng)景的前置氛圍+金剛位等運(yùn)營(yíng)物料設(shè)計(jì)，保障突發(fā)熱點(diǎn)運(yùn)營(yíng)設(shè)計(jì)質(zhì)效。
截至22年Q1，前置設(shè)計(jì)已在38個(gè)熱點(diǎn)場(chǎng)景應(yīng)用：
為滿(mǎn)足用戶(hù)不同事件場(chǎng)景下的信息需求，設(shè)計(jì)結(jié)合百度搜索：主要內(nèi)容區(qū)（主要需求滿(mǎn)足）+ 延展內(nèi)容區(qū)（延展需求滿(mǎn)足）的綜合聚合能力，通過(guò)組件分區(qū)布局+精細(xì)化規(guī)則管理，為熱點(diǎn)場(chǎng)景內(nèi)容的高效拼裝打好體驗(yàn)基礎(chǔ)。
1）主要內(nèi)容區(qū)
主要內(nèi)容區(qū)，能夠幫助用戶(hù)快速了解事件的主題、時(shí)間及主要內(nèi)容，結(jié)合熱點(diǎn)事件長(zhǎng)期的需求沉淀，設(shè)計(jì)將主要內(nèi)容區(qū)又細(xì)分為主題區(qū)域及內(nèi)容區(qū)域。主題區(qū)域可承載拼裝事件主題、事件倒計(jì)時(shí)、會(huì)場(chǎng)分發(fā)導(dǎo)航等主題類(lèi)組件；內(nèi)容區(qū)域可承載拼裝圖文/視頻/直播等事件主體內(nèi)容分發(fā)組件。通過(guò)不同區(qū)域內(nèi)組件拼裝規(guī)則的制定，業(yè)務(wù)可以快速選擇所需組件進(jìn)行頁(yè)面組織拼裝，達(dá)成分場(chǎng)景個(gè)性化滿(mǎn)足用戶(hù)主需求的目標(biāo)。
如：元宵晚會(huì)，熱點(diǎn)主要內(nèi)容區(qū) 以“ 晚會(huì)直播時(shí)間倒計(jì)時(shí)+ 各衛(wèi)視晚會(huì)分會(huì)場(chǎng)導(dǎo)航+圖文內(nèi)容 ” 組件支撐起重大晚會(huì)預(yù)熱期的事件主需求滿(mǎn)足。
因?yàn)橛性O(shè)計(jì)拼裝規(guī)則，不同大事件活動(dòng)，各場(chǎng)景內(nèi)容可個(gè)性化滿(mǎn)足需求，交互布局設(shè)計(jì)上又可兼顧橫向一致性。
2）延展內(nèi)容區(qū)
延展內(nèi)容區(qū)，能夠幫助用戶(hù)了解事件相關(guān)知識(shí)信息或提供事件相關(guān)服務(wù)。業(yè)務(wù)可根據(jù)事件場(chǎng)景需求，選擇多個(gè)延展內(nèi)容模板與主要內(nèi)容區(qū)進(jìn)行拼裝，搭建完整頁(yè)面以呈現(xiàn)不同熱點(diǎn)事件內(nèi)容。
如：俄烏戰(zhàn)爭(zhēng)-戰(zhàn)事場(chǎng)景，脈絡(luò)卡幫助用戶(hù)快速了解事件進(jìn)展 ；冬奧會(huì)-賽事場(chǎng)景，數(shù)據(jù)卡幫助可視化呈現(xiàn)賽事進(jìn)展；博鰲亞洲論壇-會(huì)議場(chǎng)景，百科卡幫助用戶(hù)科普相關(guān)名詞知識(shí)。
通過(guò)氛圍打造和內(nèi)容組織，已經(jīng)達(dá)成用戶(hù)需求滿(mǎn)足的目標(biāo)，但到此截止，搜索結(jié)果的體驗(yàn)還是理智疏遠(yuǎn)單向的，搜索場(chǎng)景與用戶(hù)、用戶(hù)與用戶(hù)間也無(wú)法產(chǎn)生對(duì)當(dāng)前熱點(diǎn)的討論與態(tài)度表達(dá)。因此設(shè)計(jì)師對(duì)用戶(hù)的互動(dòng)行為認(rèn)知習(xí)慣進(jìn)行分析，并采取具體的設(shè)計(jì)策略逐步引導(dǎo)用戶(hù)參與互動(dòng)。
1）互動(dòng)喚醒 - 吸引圍觀(guān)增強(qiáng)互動(dòng)意愿
優(yōu)化前的熱搜結(jié)果頁(yè)，用戶(hù)的討論內(nèi)容都是隱藏在資訊落地頁(yè)評(píng)論區(qū)內(nèi)，需要點(diǎn)擊進(jìn)內(nèi)容落地頁(yè)內(nèi)才能參與“圍觀(guān)”或“討論”，除互動(dòng)氛圍已脫離當(dāng)前場(chǎng)景外，也削弱了用戶(hù)對(duì)此事件表態(tài)的參與積極性。
通過(guò)彈幕滾動(dòng)+輸入框組件組合外顯的交互設(shè)計(jì)方式，將用戶(hù)討論外露，不僅豐富熱點(diǎn)事件搜索場(chǎng)景的內(nèi)容維度，同時(shí)基于從眾心理，進(jìn)一步刺激用戶(hù)的參與欲望。彈幕結(jié)合事件類(lèi)型配色來(lái)更好貼合熱點(diǎn)事件整體環(huán)境氛圍。
2）情緒抒發(fā)-輕互動(dòng)玩法降低互動(dòng)門(mén)檻
而投票表態(tài)+彈幕輕互動(dòng)組合效果設(shè)計(jì)，能進(jìn)一步降低用戶(hù)交互心理門(mén)檻，讓用戶(hù)動(dòng)一動(dòng)手指就可以參與其中。在表態(tài)/投票抒發(fā)情感的同時(shí)也可以發(fā)彈幕聊聊對(duì)當(dāng)前熱點(diǎn)事件的看法，使用戶(hù)互動(dòng)情緒表達(dá)更充分。
3）驚喜反饋-強(qiáng)化視效打造記憶點(diǎn)
原有設(shè)計(jì)風(fēng)格，無(wú)法在去世祭奠、頒發(fā)勛章等莊重嚴(yán)肅場(chǎng)景精準(zhǔn)的表達(dá)視覺(jué)情感，無(wú)互動(dòng)反饋狀態(tài)僅有互動(dòng)前后狀態(tài)變化。
結(jié)合熱點(diǎn)場(chǎng)景積極外放情緒及莊重內(nèi)斂情緒，視覺(jué)主要從形/質(zhì)兩個(gè)維度進(jìn)行優(yōu)化升級(jí)，并增加互動(dòng)反饋動(dòng)效，同時(shí)運(yùn)營(yíng)可結(jié)合具體事件主題配置，綜合提升互動(dòng)驚喜效果，打造產(chǎn)品記憶點(diǎn)。
視覺(jué)層：通過(guò)更立體的形態(tài)和更豐富的層次質(zhì)感，更精準(zhǔn)的表達(dá)情感
動(dòng)效反饋層：以主圖形+輔助元素，通過(guò)符合場(chǎng)景氛圍的動(dòng)態(tài)效果設(shè)計(jì)，更充分的表達(dá)情感
運(yùn)營(yíng)主題配置：在日常反饋基礎(chǔ)上，增加運(yùn)營(yíng)主題配置層級(jí)，為特定主題場(chǎng)景提供定制反饋效果
通過(guò)熱點(diǎn)環(huán)境感知分層呈現(xiàn)、內(nèi)容組件合理布局拼裝滿(mǎn)足等設(shè)計(jì)手段，助力搜索平臺(tái)以更高效豐富的內(nèi)容展現(xiàn)形態(tài)應(yīng)對(duì)全年3萬(wàn)+熱點(diǎn)大事件運(yùn)營(yíng)。會(huì)場(chǎng)拼裝呈現(xiàn)系統(tǒng)的應(yīng)用場(chǎng)景也在不斷擴(kuò)展，如營(yíng)銷(xiāo)活動(dòng)、品牌造節(jié)等。設(shè)計(jì)不會(huì)止步于此，我們將基于用戶(hù)需求不斷探索深耕，為用戶(hù)呈現(xiàn)更快速、準(zhǔn)確、全面、有溫度的搜索熱點(diǎn)體驗(yàn)。
作者：百度MEUX
轉(zhuǎn)載請(qǐng)注明：站酷
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
“少即是多”是經(jīng)常掛在嘴邊的話(huà)題，在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師們都會(huì)想盡一切辦法去簡(jiǎn)化交互流程、組件元素及各種設(shè)計(jì)屬性，讓用戶(hù)使用起來(lái)更簡(jiǎn)單。當(dāng)產(chǎn)品簡(jiǎn)化到一定程度，就必須要面對(duì)其不可簡(jiǎn)化的復(fù)雜性。
諾曼曾說(shuō)過(guò) “復(fù)雜是世界的一部分，但它不應(yīng)該令人困惑 ”，如果復(fù)雜性是合理的，我們應(yīng)該學(xué)會(huì)如何去管理復(fù)雜，考慮好復(fù)雜的問(wèn)題在流向用戶(hù)后以何種方式處理，篩選控件就是用戶(hù)自行處理復(fù)雜信息的方式之一，只要是符合用戶(hù)行為做出的設(shè)計(jì)，將應(yīng)有的復(fù)雜以篩選的形式呈現(xiàn)給用戶(hù)，讓其自行決定，用戶(hù)反而會(huì)樂(lè)意接受。
篩選控件的使用頻率非常高，本文根據(jù)筆者對(duì)各類(lèi)篩選控件的拆解及自身經(jīng)驗(yàn)進(jìn)行分總結(jié)，整理了在移動(dòng)端中常用篩選控件的類(lèi)型、使用場(chǎng)景以及設(shè)計(jì)思路，幫助大家在設(shè)計(jì)中更好的選擇適合自己產(chǎn)品的篩選控件。
一、現(xiàn)實(shí)生活中的篩選
二、篩選功能的重要性
三、常見(jiàn)的篩選類(lèi)樣式
四、篩選的幾個(gè)維度
五、篩選功能設(shè)計(jì)準(zhǔn)則
六、總結(jié)
在日常生活中，我們天天都在跟篩選打交道。設(shè)想一下，當(dāng)你走進(jìn)超市，在沒(méi)有任何分類(lèi)指示的情況下，看到琳瑯滿(mǎn)目的商品是否會(huì)不知所措，答案是肯定的，且不論超市規(guī)模大小、商品的多少，相信沒(méi)有任何一個(gè)人愿意在不清楚的情況下花時(shí)間去找一個(gè)很可能不存在的商品，即便這點(diǎn)時(shí)間會(huì)很短。
道理還沒(méi)說(shuō)完，大家都感覺(jué)自己很懂，可依然逃脫不了如今在各種形形色色的應(yīng)用中找不到自己需要的功能而苦惱，那么這些應(yīng)用又是誰(shuí)設(shè)計(jì)的呢？答案就是「大多數(shù)人」。
換言之，如果我們能通過(guò)標(biāo)識(shí)牌、平面圖指引（模糊查找），詢(xún)問(wèn)服務(wù)員、記憶指引（精準(zhǔn)查找），就容易很多，這些指引路徑就完全充當(dāng)了篩選功能，至于通過(guò)什么方式，只能根據(jù)人們自身或現(xiàn)場(chǎng)條件自行選擇，能滿(mǎn)足自己的需求即可。在功能繁多、交互流程復(fù)雜的互聯(lián)網(wǎng)產(chǎn)品中也是如此。
在我們?cè)O(shè)計(jì)篩選控件之前，需要清楚了解什么是篩選，東施效顰不是什么明智之舉。篩選，即用戶(hù)根據(jù)自身需求、通過(guò)一個(gè)或多個(gè)特定條件，在已有的內(nèi)容中快速找到滿(mǎn)足自己當(dāng)前條件的信息，單獨(dú)呈現(xiàn)的同時(shí)、并將未滿(mǎn)足條件的信息暫時(shí)作隱藏處理，以便用戶(hù)完成自己的目標(biāo)需求。
篩選也可以稱(chēng)之為過(guò)濾器，是搜索框架的一部分。這里需要說(shuō)明一點(diǎn)，篩選不同于搜索，它是系統(tǒng)結(jié)合用戶(hù)提出的條件，對(duì)內(nèi)容進(jìn)行規(guī)則性的查找，準(zhǔn)確的說(shuō)，用戶(hù)屬于被動(dòng)，篩選出的結(jié)果在產(chǎn)品側(cè)「精準(zhǔn)」、用戶(hù)側(cè)「模糊」；而搜索則是用戶(hù)通過(guò)明確的目標(biāo)主動(dòng)進(jìn)行精準(zhǔn)查找，要么直接找到自己想要的結(jié)果、要么對(duì)結(jié)果不滿(mǎn)意，搜索出的結(jié)果在產(chǎn)品側(cè)「模糊」、用戶(hù)側(cè)需要「精準(zhǔn)」。說(shuō)直接點(diǎn)就是，搜索直接查找出結(jié)果、篩選只是縮小查找范圍（并非絕對(duì)，也可以對(duì)搜索結(jié)果縮小范圍）。
在電商應(yīng)用中，如果有目標(biāo)的用戶(hù)更多使用的是搜索，那么沒(méi)有目標(biāo)的用戶(hù)更多使用的則是系統(tǒng)推薦或商品分類(lèi)，不管是哪種類(lèi)型的用戶(hù)，前面雖然已經(jīng)進(jìn)行過(guò)一次范圍縮減，但下一步還是逃不掉要面對(duì)的海量商品，這時(shí)，不給用戶(hù)提供選擇上的便利，用戶(hù)很可能因?yàn)g覽商品耗時(shí)過(guò)長(zhǎng)、選擇性困難等原因扭頭就走，即便離轉(zhuǎn)化僅一步之遙，也無(wú)法避免用戶(hù)流失的問(wèn)題。
增加篩選功能就能很好解決這個(gè)困局，用戶(hù)通過(guò)篩選、設(shè)置接近于目標(biāo)需求的條件，縮短查找路徑，就能從海量的商品信息中快速找到符合條件的內(nèi)容，大大降低了用戶(hù)的查找成本，節(jié)省了很多查找時(shí)間，用戶(hù)體驗(yàn)得到很大程度的提升，由此可見(jiàn)，為什么要使用篩選，不言而喻。
1）系統(tǒng)定義篩選需求
方向性的篩選：用戶(hù)通過(guò)系統(tǒng)提供的多種類(lèi)型進(jìn)行頻道切換，還會(huì)存在多少子級(jí)，可定義為一級(jí)篩選。例如訂單列表（待支付/待發(fā)貨/待收貨/待評(píng)價(jià)），優(yōu)惠券（未使用/已使用/已過(guò)期）等，用戶(hù)從已有的類(lèi)型列表中選擇自己所需。
2）用戶(hù)自定義篩選需求
精細(xì)化篩選：當(dāng)系統(tǒng)已提供方向性的篩選，用戶(hù)依然可從分類(lèi)篩選出的結(jié)果中進(jìn)一步細(xì)化。例如針對(duì)單個(gè)類(lèi)型的商品列表自定義價(jià)格區(qū)間、發(fā)貨地、品牌...等，也可稱(chēng)之為二級(jí)次篩選，相比一級(jí)篩選，其篩選的結(jié)果會(huì)更精細(xì)化，也更接近于用戶(hù)的真實(shí)需求。
（PS：系統(tǒng)定義篩選條件后，配合用戶(hù)自定義二次篩選條件以及排序功能，則更容易滿(mǎn)足用戶(hù)需求）
Tab式篩選條件大部分在操作前、操作中、操作后基本都會(huì)一直顯示，有橫向Tab和縱向Tab兩種，如新聞、視頻類(lèi)型的應(yīng)用大多使用橫向Tab，通過(guò)將不同的內(nèi)容以大的方向、區(qū)塊進(jìn)行分類(lèi)，便于用戶(hù)隨時(shí)切換、篩選出不同的內(nèi)容；縱向Tab更多則是在電商類(lèi)應(yīng)用中出現(xiàn)，且會(huì)存在多個(gè)子級(jí)，例如我們?cè)诰〇|購(gòu)買(mǎi)「鼠標(biāo)」，則需要在tab分類(lèi)中依次找到「電腦辦公>外設(shè)產(chǎn)品>鼠標(biāo)」進(jìn)行篩選。
Tab類(lèi)型主要以大的維度進(jìn)行篩選，所篩選出的結(jié)果可能模糊且信息量極大，如果想要結(jié)果更加精準(zhǔn)，則需配備其他類(lèi)型的控件進(jìn)行二次篩選。
操作中以蒙層的方式彈出，其他時(shí)候均為隱藏狀態(tài)。彈窗類(lèi)型的篩選最大的優(yōu)點(diǎn)是占用空間小，僅需一個(gè)入口，能在有限的彈出空間中從多個(gè)維度展示篩選條件，用戶(hù)選中或自定義對(duì)應(yīng)的篩選項(xiàng)，即可快速篩選出自己想要的信息。
介于Tab式與彈窗式之間，篩選條件初始為隱藏狀態(tài)并提供一個(gè)入口。點(diǎn)擊后展開(kāi)，期間不影響當(dāng)前頁(yè)面的任何其他操作且一直處于展示狀態(tài)，需經(jīng)過(guò)再次點(diǎn)擊才會(huì)將篩選條件隱藏。
基于自定義篩選條件過(guò)多，為滿(mǎn)足用戶(hù)個(gè)性化需求，點(diǎn)擊后會(huì)跳轉(zhuǎn)到新頁(yè)面操作多個(gè)條件進(jìn)行篩選。相比前面提到的Tab、彈窗更為復(fù)雜，對(duì)篩選的要求較高。
高級(jí)篩選適合用在顆粒度很細(xì)的場(chǎng)景，為的是避開(kāi)其他視覺(jué)元素的干擾，讓用戶(hù)更專(zhuān)注于當(dāng)前頁(yè)面較為復(fù)雜的篩選條件，降低因受其他因素影響而出錯(cuò)的情況。例如：在選擇汽車(chē)時(shí)，需要對(duì)服務(wù)、價(jià)格、級(jí)別、排量...等各種情況作出非常細(xì)致的選擇，這時(shí)用高級(jí)篩選就再合適不過(guò)。
篩選、排序組合方式算是商品列表中的標(biāo)配了，尤其在空間資源有限的移動(dòng)端設(shè)備中，能最大化的將多個(gè)控制條件一次性展示給用戶(hù)，在篩選出結(jié)果后再使用排序功能，便于更快找到想要的商品。例如美團(tuán)、餓了么將篩選與排序控件形成組合，極大的提高了用戶(hù)篩選的效率。
單維度的篩選不管是設(shè)計(jì)還是操作都相對(duì)簡(jiǎn)單，無(wú)需操作確定/下一步按鈕，觸發(fā)篩選條件后會(huì)就會(huì)更新信息列表，大家最熟悉的訂單系統(tǒng)（待支付、待發(fā)貨、待收貨...）即是單維度篩選。
另外，單維度具備短、明、快的特點(diǎn)，為方便用戶(hù)識(shí)別，單個(gè)標(biāo)簽一般不超過(guò)5個(gè)文字，且語(yǔ)義明確，用戶(hù)不用任何思考就能快速理解。
當(dāng)產(chǎn)品中的屬性過(guò)多，使用單維度篩選不僅會(huì)降低篩選結(jié)果的精準(zhǔn)度，還可能會(huì)導(dǎo)致用戶(hù)因反復(fù)/重復(fù)無(wú)用的操作而產(chǎn)生挫敗感，已無(wú)法滿(mǎn)足用戶(hù)的需求。這時(shí)，需采用多維度篩選幫助用戶(hù)縮小查找范圍，讓其快速找到符合自己需求的內(nèi)容。
多維度篩選條件一般以按鈕（單選/多選）、輸入框?yàn)橹?，有些還會(huì)以滑塊來(lái)控制數(shù)據(jù)范圍。設(shè)定好篩選條件需通過(guò)重置、確認(rèn)操作按鈕，用來(lái)清空篩選條件或進(jìn)入下一步。在移動(dòng)端，因屏幕空間有限，一級(jí)篩選數(shù)量最好不要超過(guò)9個(gè)，如果太多，建議進(jìn)行整合或并入二級(jí)篩選。
在多級(jí)篩選控件中，可以把當(dāng)前篩選條件的上一級(jí)看成是篩選分類(lèi)菜單，每個(gè)等級(jí)中可包含一個(gè)或多個(gè)單維度/多維度的篩選條件，移動(dòng)端最多不超過(guò)3個(gè)等級(jí)。
從表面看，多級(jí)篩選與多維度篩選其本質(zhì)是一樣的，但多級(jí)篩選會(huì)存在下一級(jí)或再下一級(jí)，而多維度會(huì)將所有篩選條件平鋪在空間中。當(dāng)單維度、多維度篩選還是無(wú)法滿(mǎn)足用戶(hù)需求，多等級(jí)就能作為最好的延伸。
在設(shè)計(jì)篩選之前，需要思考用戶(hù)為什么要使用篩選、在什么樣的場(chǎng)景下使用篩選、以及如何滿(mǎn)足用戶(hù)的心理預(yù)期等，有了清晰的用戶(hù)需求，設(shè)計(jì)出來(lái)的篩選才能更好的幫助用戶(hù)滿(mǎn)足其需求。
以「餓了么」用戶(hù)點(diǎn)餐為例，使用點(diǎn)餐服務(wù)的用戶(hù)類(lèi)型雖然很多，不過(guò)主力還是來(lái)自于辦公室白領(lǐng)、宅男/女這兩大用戶(hù)群體，有目標(biāo)的用戶(hù)會(huì)從搜索、收藏、訂單記錄等入口直接去購(gòu)買(mǎi)，但絕大多數(shù)用戶(hù)因長(zhǎng)期點(diǎn)外賣(mài)的原因，“吃什么”就成了最大的問(wèn)題，這時(shí)如果用戶(hù)還要“吃”，就必須得使用篩選功能，從Tab分類(lèi)（模糊）到彈窗式篩選（精準(zhǔn)）再配合排序功能滿(mǎn)足自己的點(diǎn)餐需求，得出結(jié)論：
1）一群不知道“吃什么”的白領(lǐng)、宅男/女用戶(hù)；
2）需要使用篩選功能解決自己“吃什么”的問(wèn)題；
3）問(wèn)題很快得到解決后，對(duì)結(jié)果及使用體驗(yàn)非常滿(mǎn)意。
上面的案例可以看出，用戶(hù)想要在海量的信息中找到自身所需，從表面上看，最直接、真實(shí)的需求就是找到滿(mǎn)意的商品去下單。站在產(chǎn)品的角度并非如此，最應(yīng)該解決的應(yīng)該是效率的問(wèn)題，這才是篩選的終極目標(biāo)，不管用戶(hù)花多長(zhǎng)時(shí)間，筆者相信都能找到想要的，但所花費(fèi)的時(shí)間成本越少，滿(mǎn)意度就會(huì)越高，其產(chǎn)品的可信度、使用粘性、用戶(hù)體驗(yàn)也隨之提升。
篩選并非千篇一律，不要一上場(chǎng)就來(lái)一波大眾化的篩選條件，很多APP首頁(yè)設(shè)計(jì)就是最好的例子，什么都不考慮，直接導(dǎo)航欄+輪播圖+金剛區(qū)+內(nèi)容推薦...傳統(tǒng)的一套流程走下來(lái)，結(jié)果可想而知。
設(shè)計(jì)篩選功能時(shí)，不同類(lèi)型的產(chǎn)品需要根據(jù)其產(chǎn)品定位、用戶(hù)目標(biāo)以及使用場(chǎng)景來(lái)定義篩選條件，用戶(hù)需求是用來(lái)設(shè)定篩選條件范圍的決定因素。例如：購(gòu)物類(lèi)產(chǎn)品需要結(jié)合商品的銷(xiāo)量、評(píng)價(jià)、價(jià)格及知名度等，而新聞?lì)惍a(chǎn)品側(cè)重于用戶(hù)偏好、點(diǎn)贊量、熱度值來(lái)提供篩選，方便用戶(hù)快速找到感興趣的內(nèi)容。
在滿(mǎn)足上述兩個(gè)條件后也不能將篩選項(xiàng)一股腦的挨個(gè)排出來(lái)，即便是在同一個(gè)頁(yè)面內(nèi)，也需要結(jié)合當(dāng)前內(nèi)容的屬性對(duì)篩選條件進(jìn)行優(yōu)先級(jí)排序，將用戶(hù)高頻使用的條件按先后順序依次排列，不重要的也可將其隱藏于某個(gè)入口。
以淘寶為例，在「手機(jī)」商品列表，篩選條件中首先看到的是品牌，其次是內(nèi)存、容量...，我相信很少人不在乎手機(jī)品牌吧；而在「鋼釘」列表中，依次是價(jià)格排序、銷(xiāo)量...，品牌條件隱藏在了高級(jí)篩選中，試問(wèn)，如果是你購(gòu)買(mǎi)釘子這種實(shí)用性的商品，是在乎價(jià)格、還是品牌呢？
篩選功能旨在滿(mǎn)足用戶(hù)查找需求，通過(guò)縮短用戶(hù)選擇商品的范圍，節(jié)約查找時(shí)間，快速將符合條件的信息呈現(xiàn)出來(lái)，并讓用戶(hù)在這一過(guò)程中產(chǎn)生愉悅的使用體驗(yàn)，以發(fā)揮產(chǎn)品的最大價(jià)值，從而增強(qiáng)用戶(hù)的使用粘性。
至于在設(shè)計(jì)中該使用何種篩選控件則取決于用戶(hù)需求和使用場(chǎng)景，設(shè)定符合需求的篩選維度及條件，且根據(jù)內(nèi)容屬性做靈活變動(dòng)即可，切記篩選的核心需求是通過(guò)簡(jiǎn)單易用的方式來(lái)幫助用戶(hù)提高操作效率。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
用戶(hù)體驗(yàn)（User Experience，簡(jiǎn)稱(chēng)UE/UX）這個(gè)詞是在上世紀(jì)90年代中期，由用戶(hù)體驗(yàn)設(shè)計(jì)師 唐納德·諾曼（Donald Norman）所提出和推廣。
定義：用戶(hù)在使用產(chǎn)品過(guò)程中建立起來(lái)的一種純主觀(guān)感受。即用戶(hù)在使用一個(gè)產(chǎn)品或系統(tǒng)之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認(rèn)知印象、生理和心理反應(yīng)、行為和成就等各個(gè)方面。
可用性指的是產(chǎn)品對(duì)用戶(hù)來(lái)說(shuō)有效、易學(xué)、高效、好記、少錯(cuò)和令人滿(mǎn)意的程度，即用戶(hù)能否用產(chǎn)品完成他的任務(wù)，效率如何，主觀(guān)感受怎樣，實(shí)際上是從用戶(hù)角度所看到的產(chǎn)品質(zhì)量，是產(chǎn)品用戶(hù)體驗(yàn)的核心，不好的可用性會(huì)導(dǎo)致用戶(hù)放棄使用產(chǎn)品。
可用性由易學(xué)性、效率、可記憶性、容錯(cuò)性、滿(mǎn)意度、實(shí)用性、個(gè)性化、可預(yù)測(cè)性組成。
指的是用戶(hù)學(xué)習(xí)如何與產(chǎn)品進(jìn)行交互，以實(shí)現(xiàn)目標(biāo)所花費(fèi)的時(shí)間和精力，即用戶(hù)能否在初次使用產(chǎn)品時(shí)完成簡(jiǎn)單的任務(wù)或?qū)崿F(xiàn)用戶(hù)目標(biāo)。
用戶(hù)在使用產(chǎn)品一段時(shí)間后，能否在合理的時(shí)間完成想要達(dá)成的目標(biāo)任務(wù)。這里以騰訊視頻為例，用戶(hù)能否快速的下載想要的東西，在同一系列中，可以快速下載更多的相關(guān)內(nèi)容。
我們常說(shuō)互聯(lián)網(wǎng)是有記憶的，好的產(chǎn)品體驗(yàn)是幫助用戶(hù)去記憶。用戶(hù)在體驗(yàn)中，要對(duì)一些有意識(shí)、無(wú)意識(shí)的行為進(jìn)行記憶是一個(gè)比較大的負(fù)擔(dān)，如果在一些環(huán)節(jié)通過(guò)系統(tǒng)能幫用戶(hù)記錄，會(huì)降低用戶(hù)的負(fù)擔(dān)。比如在搜索、歷史記錄、瀏覽記錄等。
用戶(hù)在使用產(chǎn)品時(shí)，發(fā)生錯(cuò)誤后，能否快速幫助用戶(hù)識(shí)別和糾正錯(cuò)誤，幫助用戶(hù)從錯(cuò)誤中恢復(fù)的能力。如常見(jiàn)的注冊(cè)登錄，當(dāng)用戶(hù)屬于郵箱格式不對(duì)的時(shí)候，給出提示，并且告知錯(cuò)在哪里。如果提示語(yǔ)只是："請(qǐng)輸入正確的郵箱" 用戶(hù)可能會(huì)疑惑，錯(cuò)在哪里。
滿(mǎn)意度指的是用戶(hù)與設(shè)計(jì)互動(dòng)產(chǎn)生的愉悅程度，可以是用戶(hù)使用產(chǎn)品時(shí)流暢的交互和優(yōu)秀的視覺(jué)設(shè)計(jì)，也可以是用戶(hù)在產(chǎn)品中得到的滿(mǎn)足感。比如sir語(yǔ)音交互，王者榮耀等級(jí)（滿(mǎn)足感）
產(chǎn)品能否提供用戶(hù)在完成任務(wù)時(shí)所需要用到的基本功能，例如P圖類(lèi)軟件，用戶(hù)需要對(duì)圖片進(jìn)行裁剪、添加濾鏡、摳圖、美顏、補(bǔ)妝、添加文字、去除水印、添加文字等操作。
在滿(mǎn)足實(shí)用性的基礎(chǔ)上 針對(duì)用戶(hù)提供不同場(chǎng)景下的功能定制，如美圖秀秀，在提供圖片美化的同時(shí)，針對(duì)用戶(hù)不同的使用場(chǎng)景還提供視頻剪輯、視頻美容等功能。
用戶(hù)能夠預(yù)測(cè)到下一步操作或者整個(gè)流程的交互，將會(huì)發(fā)生什么。舉例淘寶的購(gòu)買(mǎi)流程。點(diǎn)擊購(gòu)買(mǎi)按鈕> 選擇商品屬性> 付款> 輸入密碼> 購(gòu)買(mǎi)成功; 用戶(hù)在點(diǎn)擊購(gòu)買(mǎi)按鈕開(kāi)始就能夠預(yù)測(cè)到下一步或者整個(gè)流程的步驟會(huì)發(fā)生什么。
可見(jiàn)性是用戶(hù)根據(jù)界面中可見(jiàn)元素確定產(chǎn)品可以做什么的設(shè)計(jì)原則。
物理功能可見(jiàn)性是基于對(duì)象的物理外觀(guān)。在視覺(jué)上，這種類(lèi)型的功能可見(jiàn)性使用戶(hù)能夠立即清楚地看到在設(shè)計(jì)界面中能干什么。例如當(dāng)我們使用音樂(lè)類(lèi)軟件，最常使用的就是播放/暫停，上一曲/下一曲。我們就會(huì)尋找去這些圖標(biāo)。其次是分享、收藏、下載、評(píng)論等功能需要用到的功能展示在頁(yè)面中，這就是功能可見(jiàn)性。
當(dāng)信息或者列表過(guò)多時(shí)區(qū)分狀態(tài)的展示，將重要的狀態(tài)信息呈現(xiàn)在盡可能高的信息層級(jí)當(dāng)中。如iOS信息和QQ郵箱中區(qū)分未讀信息的微標(biāo)。如果將這些徽標(biāo)隱藏起來(lái)，會(huì)極大地破壞易用性，因?yàn)槿藗儗⒉坏貌贿M(jìn)入一個(gè)個(gè)郵件詳情頁(yè)當(dāng)中進(jìn)行確認(rèn)，才能獲取到原本由徽標(biāo)提供的狀態(tài)信息，這樣的互動(dòng)非常低效且乏味。
當(dāng)用戶(hù)在執(zhí)行某項(xiàng)任務(wù)的時(shí)候應(yīng)該清晰明了的告知用戶(hù)目前在什么步驟，后面還有多少步驟，完整清晰的流程展示。如果將這些信息隱藏起來(lái)，用戶(hù)會(huì)困惑當(dāng)前進(jìn)行到哪一步，接下來(lái)還有多少步驟。
強(qiáng)調(diào)需要明確的視覺(jué)線(xiàn)索向用戶(hù)展示產(chǎn)品可以做什么。例如用戶(hù)界面中的交互元素（如滾動(dòng)條、命令按鈕和圖標(biāo)等）的設(shè)計(jì)必須能夠?yàn)橛脩?hù)提供足夠清楚的建議，讓用戶(hù)可以清晰地辨別出這些元素所代表的意思是什么、它們的功能是什么，以及如何與它們進(jìn)行交互行為（點(diǎn)擊、長(zhǎng)按、滑動(dòng) 等）
給用戶(hù)及時(shí)、恰當(dāng)?shù)姆答仯求w驗(yàn)設(shè)計(jì)中非常重要的一項(xiàng)原則；對(duì)每個(gè)用戶(hù)的操作都應(yīng)該有恰當(dāng)?shù)南到y(tǒng)反饋（包含視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)）。
明確告知用戶(hù)當(dāng)前操作發(fā)生了什么。如點(diǎn)擊下載和下載過(guò)程給出相對(duì)應(yīng)的反饋及進(jìn)度條。
當(dāng)用戶(hù)產(chǎn)生某個(gè)動(dòng)作時(shí)，給予相對(duì)應(yīng)的連接反饋。如大概用戶(hù)點(diǎn)擊某個(gè)按鈕時(shí)，按鈕默認(rèn)的外觀(guān)與點(diǎn)擊后的外觀(guān)發(fā)生變化，結(jié)合現(xiàn)實(shí)世界的開(kāi)關(guān)去思考（按下 開(kāi)燈）動(dòng)作與反饋是連接的，即時(shí)的。
?？硕桑?951年由威廉·埃德蒙·?？耸紫忍岢龅?，認(rèn)為人們從數(shù)組中選擇目標(biāo)的時(shí)間取決于可用選項(xiàng)的數(shù)量。也就是當(dāng)一個(gè)人所面臨的選擇越多，做出選擇所花的時(shí)間就越多，當(dāng)面臨選擇的數(shù)量增加，做出決定的時(shí)間也會(huì)跟著增加。
如京東篩選，在搜索結(jié)果頁(yè)會(huì)將篩選條件收起，因?yàn)槔锩娴暮Y選條件內(nèi)容過(guò)多。用戶(hù)會(huì)在當(dāng)前頁(yè)面選擇的時(shí)間增加.將一些項(xiàng)目分組放入二級(jí)下單，并且做好歸類(lèi)，用戶(hù)能夠更迅速的作出決定。
費(fèi)茨定律，是1954 年 由保羅.菲茨首次提出，在人機(jī)交互中指的是通過(guò)圖形用戶(hù)界面使用鼠標(biāo)或其他類(lèi)型的指針從一個(gè)起始位置移動(dòng)到一個(gè)最終目的所需的時(shí)間。
T：代表完成移動(dòng)所需的平均時(shí)間
A：代表光標(biāo)開(kāi)始/停止時(shí)間
B：代表光標(biāo)移動(dòng)速度
D：代表從起點(diǎn)到目標(biāo)中心的距離
W：代表目標(biāo)的尺寸
簡(jiǎn)單來(lái)說(shuō)就是指：隨著目標(biāo)的距離增加，移動(dòng)到目標(biāo)的時(shí)間更長(zhǎng)，并且隨著目標(biāo)的尺寸減小，選擇目標(biāo)的時(shí)間也會(huì)增加。
所以在界面設(shè)計(jì)當(dāng)中會(huì)遵循越重要的功能，占據(jù)面基會(huì)越大。重要圖標(biāo)的點(diǎn)擊熱區(qū)也會(huì)增大。便于用戶(hù)快速點(diǎn)擊。
屏幕外邊緣和四個(gè)角部比屏幕中的其他位置都更容易被定為和選中，所以我們?cè)谶M(jìn)行產(chǎn)品設(shè)計(jì)的過(guò)程中，會(huì)將常用/重要的操作放置在屏幕邊緣處，便于用戶(hù)操作。
神奇數(shù)字7±2法則是1956年由 喬治·米勒 所提出的，根據(jù)喬治·米勒的研究，人類(lèi)短期的記憶一般一次只能記住5-9個(gè)。也就是為什么大多數(shù)APP底部導(dǎo)航為5個(gè)的原因。
由于人類(lèi)的大腦處理信息的能力有限，大腦會(huì)將復(fù)雜信息劃分成 塊 和小的單元。如：京東和每日優(yōu)鮮的分類(lèi)處理。
人類(lèi)短期的記憶一般一次只能記住5-9個(gè)，所以人們總是傾向于把一串?dāng)?shù)字拆分為多個(gè)較短的部分進(jìn)行記憶。如銀行卡號(hào)和手機(jī)號(hào)碼等。
復(fù)雜守恒定律是1984年由 拉里·泰斯勒 所提出的，也稱(chēng)作泰斯勒定律。認(rèn)為每一個(gè)產(chǎn)品設(shè)計(jì)的過(guò)程中，都有其固有的復(fù)雜性，存在著一個(gè)臨界點(diǎn)，超過(guò)了這個(gè)點(diǎn)產(chǎn)品設(shè)計(jì)的過(guò)程就不能再簡(jiǎn)化了，你只能將固有的復(fù)雜性從一個(gè)地方轉(zhuǎn)移到另外一個(gè)地方。
在產(chǎn)品設(shè)計(jì)中，會(huì)盡量的簡(jiǎn)化界面。當(dāng)功能過(guò)多時(shí)進(jìn)行一個(gè)整合的處理，跳轉(zhuǎn)或者滑動(dòng)操作。如查看更多或者常見(jiàn)的漢堡導(dǎo)航。
新鄉(xiāng)重夫認(rèn)為遺忘有兩種：一種是疏漏，另一種是忘卻。他建議采用一些措施來(lái)預(yù)防產(chǎn)品的缺陷。
防錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽，而不是人為操作疏忽。因此，在設(shè)計(jì)中要有必要的防錯(cuò)機(jī)制；比如常見(jiàn)的信息輸入狀態(tài)，未輸入置灰不可點(diǎn)，輸入變?yōu)榭牲c(diǎn)擊狀態(tài)。
微信拍一拍：微信在出了拍一拍功能之后，很多時(shí)候點(diǎn)擊頭像的時(shí)候會(huì)不小心拍到別人，現(xiàn)在的拍一拍是可以撤銷(xiāo)的，在客戶(hù)端鼠標(biāo)懸浮上就可以進(jìn)行撤回，移動(dòng)端長(zhǎng)按出現(xiàn)撤回彈窗，兩分鐘內(nèi)有效。
微信朋友圈動(dòng)態(tài)：點(diǎn)擊返回圖標(biāo)會(huì)出現(xiàn)的彈窗，避免誤操作。利用防錯(cuò)原則，可以避免用戶(hù)重新編輯。微信當(dāng)中有很多友好的體驗(yàn)細(xì)節(jié)?？梢远喽嗳ジ惺?。
奧卡姆剃刀 定律 ：它是由14世紀(jì)英格蘭的邏輯學(xué)家、圣方濟(jì)各會(huì)修士奧卡姆的威廉 （William of Occam，約1285年至1349年）提出。 這個(gè) 原理 稱(chēng)為“如無(wú)必要，勿增實(shí)體 ”，即“ 簡(jiǎn)單有效原理 ”
不必要的元素會(huì)降低設(shè)計(jì)的效率，不管是實(shí)體、視覺(jué)或者認(rèn)知上，多余的設(shè)計(jì)元素，有可能造成失敗或者其它問(wèn)題。這并不意味著不能提供給用戶(hù)很多的信息，可以用「更多信息」來(lái)實(shí)現(xiàn)。如夸克瀏覽器，首頁(yè)只放置重要功能 搜索 和幾個(gè)整合內(nèi)容的圖標(biāo)入口。
讓用戶(hù)通過(guò)較少的點(diǎn)擊就能找到他們想要的東西或使用功能。如音樂(lè)類(lèi)軟件，在播放音樂(lè)之后進(jìn)入其他的tab，在上面都會(huì)懸浮播放/暫停的區(qū)域。都能夠隨時(shí)操作。
就是產(chǎn)品的易用性，如果年紀(jì)大點(diǎn)的人，也能夠輕松使用所設(shè)計(jì)的產(chǎn)品那么是成功的。如抖音沉浸式的體驗(yàn)，簡(jiǎn)單的滑動(dòng)就能夠觀(guān)看想看的內(nèi)容。目前抖音的用戶(hù)老年人也逐漸包含在內(nèi)，并且抖音會(huì)根據(jù)用戶(hù)的停留時(shí)長(zhǎng)等推送用戶(hù)感興趣的內(nèi)容。
頁(yè)面的使用率，當(dāng)你想要在一屏新增很多內(nèi)容時(shí)，頁(yè)面的布局就會(huì)變得擁擠和區(qū)域變小，容易過(guò)于干擾用戶(hù)做出選擇，重要功能不夠突出等。夸克瀏覽器首頁(yè)強(qiáng)化了搜索功能 和幾個(gè)整合內(nèi)容的圖標(biāo)入口；uc瀏覽器首頁(yè)內(nèi)容過(guò)多，當(dāng)用戶(hù)想要使用搜索功能時(shí)很容易被其他內(nèi)容干擾。
前面說(shuō)到的希克定律說(shuō)到，當(dāng)選擇的數(shù)量越多，用戶(hù)做決定的時(shí)間就更長(zhǎng)。做過(guò)多的決定也是一種壓力，在展示內(nèi)容的時(shí)候要努力減少用戶(hù)的思維負(fù)擔(dān)。如攜程和馬蜂窩金剛區(qū)的內(nèi)容展示，馬蜂窩根據(jù)產(chǎn)品屬性放置了6個(gè)重要的功能入口，便于用戶(hù)更快的去選擇所想要的功能。
最后我們來(lái)探討一下設(shè)計(jì)和藝術(shù)的區(qū)別是什么。我看到一句話(huà)覺(jué)得挺好的。設(shè)計(jì)和藝術(shù)的重要區(qū)別是：藝術(shù)拋出問(wèn)題，而設(shè)計(jì)解決問(wèn)題。
我們?cè)O(shè)想一個(gè)場(chǎng)景，當(dāng)你在藝術(shù)展廳站在一副名畫(huà)面前，你所思考的是什么？是驚嘆畫(huà)家的畫(huà)技還是整個(gè)畫(huà)面給你的感覺(jué)是一種故事，你會(huì)不會(huì)思考藝術(shù)家在作畫(huà)時(shí)的心情，處境，為什么要這么去畫(huà)？想表達(dá)怎么樣的情感？
然后我們?cè)僭O(shè)想一個(gè)場(chǎng)景，同樣在藝術(shù)展廳，你身上帶有手機(jī)和相機(jī)。你會(huì)選擇用相機(jī)拍照還是用手機(jī)。答案是 相機(jī) 對(duì)吧？因?yàn)橄鄼C(jī)的拍照效果在任何環(huán)境下都會(huì)比手機(jī)好。這就是設(shè)計(jì)。是能夠真真切切的解決用戶(hù)問(wèn)題的。能夠去感知到的。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
認(rèn)知負(fù)荷是完成一項(xiàng)任務(wù)所需的精神努力總量。您可以將其視為用戶(hù)與產(chǎn)品交互所需的處理能力。如果需要處理的信息超出了用戶(hù)的處理能力，那么認(rèn)知負(fù)荷就太高了。
造成用戶(hù)認(rèn)知負(fù)荷的的原因大多都是，產(chǎn)品在交互和視覺(jué)上過(guò)于復(fù)雜，設(shè)計(jì)的統(tǒng)一性不夠，導(dǎo)致用戶(hù)在使用時(shí)不斷進(jìn)行思考無(wú)法形成習(xí)慣
例如移動(dòng)端中的空狀態(tài)，目的是為了引導(dǎo)用戶(hù)完成任務(wù)，在設(shè)計(jì)時(shí)無(wú)論是文案展示與視覺(jué)表現(xiàn)都應(yīng)簡(jiǎn)單明了、層次分明、視覺(jué)統(tǒng)一
用戶(hù)獲得的初始信息會(huì)影響后續(xù)的判斷，用戶(hù)對(duì)某件事做出判斷時(shí)，會(huì)不自覺(jué)的將開(kāi)始看到的信息作為衡量標(biāo)準(zhǔn)。
在日常生活中錨點(diǎn)效應(yīng)非常常見(jiàn)，例如平常不帶帽子，偶爾帶帽子出門(mén)的你，走在大街上會(huì)發(fā)現(xiàn)挺多人都有帶帽子，因?yàn)樾睦砘顒?dòng)是把帶帽子這件事作為起始衡量，而你刻意的在尋找與帽子產(chǎn)生共鳴的事
在產(chǎn)品設(shè)計(jì)中最典型的就是會(huì)員體系，例如某視頻平臺(tái)的會(huì)員價(jià)格默認(rèn)選中的那一欄會(huì)比其他的價(jià)格低，那么用戶(hù)在使用時(shí)心理會(huì)默認(rèn)這是會(huì)員的價(jià)格，相對(duì)應(yīng)其他更高的價(jià)格只是作為衡量這個(gè)最低價(jià)格而存在
又稱(chēng)對(duì)比效應(yīng)，指人們對(duì)兩個(gè)不相上下的選項(xiàng)進(jìn)行選擇時(shí),因?yàn)榈谌齻€(gè)新選項(xiàng)(誘餌)的加入,會(huì)使某個(gè)舊選項(xiàng)顯得更有吸引力，通過(guò)對(duì)比誘導(dǎo)人購(gòu)買(mǎi)商家想讓他購(gòu)買(mǎi)的商品。
有一位著名的行為經(jīng)濟(jì)學(xué)家他叫丹·艾瑞里教授，他曾經(jīng)做過(guò)一本《經(jīng)濟(jì)學(xué)人》雜志的定價(jià)策略，這里不細(xì)講感興趣的可以搜一下。誘餌效應(yīng)運(yùn)用最多的是在超市場(chǎng)景，我們經(jīng)?？吹匠械呢浖苌蠒?huì)有看起來(lái)很實(shí)惠的物品在，如一袋泡面可能是5元，而旁邊還有3包泡面一起出售可能也就12元，然后開(kāi)心的拿走了，這就是誘餌效應(yīng)，那一袋5元的就是誘餌，商家的目的就是為了讓你買(mǎi)走12元的
而在線(xiàn)上產(chǎn)品策略中運(yùn)用最多的則是電商場(chǎng)景，如下圖中的圖書(shū)商品，單價(jià)610元，定價(jià)980元，三件單價(jià)488元，這里的單價(jià)和定價(jià)都是誘餌，目的是為了讓用戶(hù)同時(shí)購(gòu)買(mǎi)三件商品，而用戶(hù)內(nèi)心是欣然接受因?yàn)楦鼊澦?
在檢查所有可能的結(jié)果時(shí)，我們傾向于關(guān)注一些看起來(lái)合理且熟悉的事物，從而忽略了其他結(jié)果。
13年9月twitter公司宣布IPO，當(dāng)時(shí)11月份才開(kāi)始交易，但是在這兩個(gè)月時(shí)間里有一家名為twweeter的公司三天內(nèi)漲了13倍，只是在名字上與推特公司極為相似，但實(shí)際業(yè)務(wù)毫無(wú)關(guān)系，機(jī)構(gòu)就是利用用戶(hù)的注意偏差讓不了解實(shí)際情況的投資者只看到相關(guān)性，而另一面的不相關(guān)的結(jié)果用戶(hù)自然的忽視掉
在產(chǎn)品設(shè)計(jì)的客服助手中，就屬于注意偏差，我們習(xí)慣的認(rèn)為向客服回復(fù)人工等關(guān)鍵字時(shí)，會(huì)自動(dòng)切換人工客服，而產(chǎn)品則會(huì)設(shè)置一些虛擬的智能客服來(lái)節(jié)省成本，而用戶(hù)在這個(gè)過(guò)程中則忽略了細(xì)節(jié)，誤以為智能客服是人工客服
前蘇聯(lián)前蘇聯(lián)心理學(xué)家菜斯托夫提出特殊事物才易被人牢記。也就是說(shuō)，有個(gè)性的人、與眾不同設(shè)計(jì)得商品、不尋常的事情，都會(huì)讓人留下更深的印象。
生活中我們很難記住某個(gè)點(diǎn)或某件事，但是當(dāng)這件事足夠突出擁有獨(dú)特的個(gè)性我們便會(huì)深深印在腦海里，比如一串字符ezol4tpmb，我們最容易記住的是4，因?yàn)樗俏ㄒ坏臄?shù)字，在比如說(shuō)讓你去記憶國(guó)內(nèi)某些城市的特點(diǎn)，如西安、開(kāi)封、浙江我們想到的就是秦皇陵、包青天、西湖等著名具有特征的地點(diǎn)，因?yàn)檫@些事物比較特殊更容易被記住
在品牌設(shè)計(jì)中菜斯托夫效應(yīng)運(yùn)用的比較廣泛，如何通過(guò)視覺(jué)的表現(xiàn)讓用戶(hù)對(duì)產(chǎn)品更加的印象深刻，對(duì)此就衍生出產(chǎn)品IP、品牌符號(hào)這種具有特殊意義的標(biāo)識(shí)便于加強(qiáng)產(chǎn)品印象
任意一點(diǎn)移動(dòng)到目標(biāo)點(diǎn)的時(shí)間與該目標(biāo)點(diǎn)的距離和大小有關(guān)，距離越遠(yuǎn)時(shí)間越長(zhǎng)，目標(biāo)越大時(shí)間越短，公式：
T = a + b log2(D/W+1)
在交互設(shè)計(jì)中經(jīng)常用到此定律，無(wú)論是正向還是逆向此定律都能夠很好的運(yùn)用到交互中，如mac系統(tǒng)上的關(guān)閉按鈕，始終在左上角并且很小，我們的鼠標(biāo)在右側(cè)，移動(dòng)到左側(cè)上角時(shí)間會(huì)隨之變長(zhǎng)，因此這一交互結(jié)構(gòu)就避免了用戶(hù)誤操作關(guān)閉軟件
再例如移動(dòng)端中會(huì)把重要的按鈕操作放置在屏幕右下或者居下，因?yàn)榇蠖鄶?shù)人是右手使用手機(jī)，因此在使用時(shí)右手拇指距離點(diǎn)擊區(qū)域會(huì)更近
幸存者偏差是指把一些事的不同角度的人員篩選出來(lái)，篩選出一部分人進(jìn)行采訪(fǎng)從而制造輿論，觀(guān)察者只能看到事物的一面，而另一面則被忽略，也被稱(chēng)為以偏概全
某次春節(jié)記者采訪(fǎng)到一些在火車(chē)上的群眾，聊一些購(gòu)票的過(guò)程以及買(mǎi)到票的心理感受，最后向公眾公布出今年回家的票大家都買(mǎi)到了，但這個(gè)過(guò)程中卻忽略了那些不在車(chē)上或者沒(méi)買(mǎi)到票的人們，因此就以偏概全的傳輸單方面信息，這些被采訪(fǎng)到的人們就是幸存者
在做產(chǎn)品時(shí)經(jīng)常會(huì)聽(tīng)到用戶(hù)畫(huà)像這個(gè)詞，用戶(hù)畫(huà)像就是利用幸存者偏差而把廣大的用戶(hù)數(shù)據(jù)通過(guò)典例呈現(xiàn)，當(dāng)然這個(gè)幸存者的樣本必須是壓倒性的龐大，否則就掉入幸存者偏差的陷阱
彼此靠近或接近的對(duì)象往往會(huì)組合在一起，相近的元素可以建立關(guān)系，人們會(huì)不自然的把相近的元素看作一個(gè)整體。
在UI設(shè)計(jì)中，經(jīng)常會(huì)用到鄰近法則進(jìn)行設(shè)計(jì)，如一些組件、卡片的建立，由不同的元素組成變成一個(gè)整體，其次鄰近法則能夠有效的用戶(hù)層級(jí)的劃分，如下圖中的一些卡片、icon進(jìn)行規(guī)律的排布最后組成一個(gè)整體，與上下模塊的層級(jí)有效的區(qū)分
特斯勒定律又稱(chēng)復(fù)雜性守恒定律，他指出對(duì)于任何系統(tǒng)都存在一定的復(fù)雜度并且是無(wú)法避免的，問(wèn)題是誰(shuí)來(lái)處理它。
在任何產(chǎn)品設(shè)計(jì)中無(wú)論是功能還是流程都存在一定的復(fù)雜度，依據(jù)特斯勒定律有些復(fù)雜度是無(wú)法避免的，那么需要我們?cè)谠O(shè)計(jì)中去解決這些問(wèn)題，保證在用戶(hù)的角度來(lái)看它是合理的簡(jiǎn)單的
像我們常見(jiàn)的話(huà)題功能，輸入#自動(dòng)引導(dǎo)出關(guān)鍵詞供用戶(hù)填寫(xiě)省去用戶(hù)輸入時(shí)間，再例如b站的一鍵三連，長(zhǎng)按點(diǎn)贊的同時(shí)會(huì)把收藏、打賞功能一并完成；結(jié)構(gòu)層面也會(huì)用到此定律如產(chǎn)品中的設(shè)置頁(yè)面，按照不同的維度進(jìn)行區(qū)分如系統(tǒng)維度、反饋維度、功能維度幫助用戶(hù)更快的完成操作
它是由意大利經(jīng)濟(jì)學(xué)家帕累托提出，它指出對(duì)于許多事件，大約80%的影響來(lái)自20%的原因
在設(shè)計(jì)中我們會(huì)發(fā)現(xiàn)一個(gè)產(chǎn)品頁(yè)面有幾十上百個(gè)，對(duì)于用戶(hù)而言能夠提供價(jià)值的可能也就那么幾個(gè)功能頁(yè)面，這幾個(gè)頁(yè)面可能占總產(chǎn)品的20%左右，那么我們?cè)谧鰞?yōu)化的時(shí)候則需要去考慮如果把20%做好把它的價(jià)值放大
再往細(xì)了說(shuō)，例如打車(chē)軟件在這個(gè)頁(yè)面中能夠?yàn)橛脩?hù)提供核心價(jià)值的區(qū)域則是地圖區(qū)域和選擇目的地區(qū)域，那么在做優(yōu)化體驗(yàn)時(shí)應(yīng)當(dāng)著重關(guān)注此區(qū)域，而頁(yè)面中剩下的區(qū)域則受上面20%的影響
社會(huì)證明是用戶(hù)用來(lái)確定行為方式的便捷捷徑，當(dāng)他們不確定目標(biāo)時(shí)，他們最有可能認(rèn)為并接受他人的行為是正確的，人數(shù)越多，行動(dòng)似乎越合理。
最近抖音在評(píng)論區(qū)新增了一個(gè)踩一下與點(diǎn)贊進(jìn)行互補(bǔ)，但是奇怪的是我們進(jìn)行踩一下時(shí)并不會(huì)展示具體數(shù)量，試想一下當(dāng)點(diǎn)贊的數(shù)量大于踩一下的時(shí)候，我們有時(shí)就會(huì)被影響認(rèn)為這條評(píng)論值得點(diǎn)贊
再例如購(gòu)物中的評(píng)論排序，像京東把好評(píng)優(yōu)先展示在前面，當(dāng)好評(píng)的數(shù)量大于其他維度時(shí)就會(huì)影響用戶(hù)判斷，用戶(hù)會(huì)把數(shù)量多的好評(píng)當(dāng)作參考依據(jù)認(rèn)定這個(gè)商品符合自己的需求
指用戶(hù)知道的內(nèi)容與他們想要或需要知道的內(nèi)容之間的空間，這個(gè)空間叫做差距，差距會(huì)導(dǎo)致痛苦，要消除痛苦，用戶(hù)需要填補(bǔ)知識(shí)差距。
例如在做產(chǎn)品設(shè)計(jì)中都會(huì)涉及到登錄注冊(cè)流程，那么對(duì)于有些產(chǎn)品則需要在登錄注冊(cè)階段大量收集用戶(hù)信息完成更好的推薦策略，但對(duì)于用戶(hù)而言用戶(hù)的認(rèn)知是固有的流程，如填完手機(jī)號(hào)就收到驗(yàn)證碼，最后完成注冊(cè)進(jìn)入首頁(yè)，如果說(shuō)中間的過(guò)程需要收集用戶(hù)信息，則需要對(duì)應(yīng)的解決方案來(lái)彌補(bǔ)用戶(hù)的心理差距
即可App在收集用戶(hù)信息的階段使用了偏趣味性的一些設(shè)計(jì)表現(xiàn)，在用戶(hù)的這個(gè)空間差里面來(lái)緩解用戶(hù)的情緒，激起用戶(hù)填寫(xiě)欲望
心智模型是對(duì)某人關(guān)于事物在現(xiàn)實(shí)世界中如何運(yùn)作的思考過(guò)程的解釋?zhuān)菍?duì)周?chē)澜绲谋硎?，可能?zhǔn)確或不準(zhǔn)確，用戶(hù)認(rèn)為他們對(duì)您的產(chǎn)品的了解會(huì)改變他們使用產(chǎn)品的方式。
心智模型其實(shí)就是我們對(duì)未來(lái)發(fā)展的預(yù)測(cè)，內(nèi)心對(duì)要發(fā)生的事情進(jìn)行預(yù)判，然后采取行動(dòng)，例如我們要購(gòu)物想到的就是淘寶、京東，想到吃飯可能就是美團(tuán)、餓了么，這些產(chǎn)品就打入了用戶(hù)的心智。往細(xì)了說(shuō)心智模型是一個(gè)廣泛的概念，它還包括行為模型、實(shí)現(xiàn)模型、表現(xiàn)模型
像我們常用的聊天軟件，在聊天過(guò)程中撤回消息，就會(huì)有個(gè)重新編輯功能，這就是滿(mǎn)足用戶(hù)的心智模型，預(yù)判用戶(hù)的操作例如微信、釘釘、飛書(shū)
擬態(tài)是在頁(yè)面中模仿現(xiàn)實(shí)世界物品，通過(guò)它的外觀(guān)和交互模仿現(xiàn)實(shí)，擬物化適合用來(lái)讓用戶(hù)適應(yīng)新的頁(yè)面和技術(shù)形態(tài)。
我們?cè)谧鲰?yè)面時(shí)都會(huì)涉及到圖標(biāo)的繪制，那么那些具有業(yè)務(wù)屬性的圖標(biāo)則需要通過(guò)擬物的方式進(jìn)行呈現(xiàn)，對(duì)于用戶(hù)能夠降低理解成本，如經(jīng)典的紅包、自如的金剛區(qū)等
與群體相比，用戶(hù)對(duì)個(gè)人的關(guān)注不成比例，與大型抽象群體相比，人們更愿意同情一個(gè)單一的、可識(shí)別的人。
這個(gè)如果用逆向思維來(lái)想的話(huà)，類(lèi)似于我們說(shuō)的“對(duì)抗性人格”在大多數(shù)人都對(duì)一件事或事物看法一致時(shí)，出現(xiàn)一個(gè)不一樣的聲音，試想一下我們?cè)谒⒍桃曨l時(shí)評(píng)論區(qū)總有那么些人與大多數(shù)人的看法不太一致，這就是奇點(diǎn)效應(yīng)
在設(shè)計(jì)中體現(xiàn)最多的是等級(jí)體系和勛章體系，一方面為用戶(hù)的攀比心理，另一方面則是奇點(diǎn)效應(yīng)，這類(lèi)用戶(hù)的想法就是為什么要一樣，為什么不可以獨(dú)樹(shù)一幟。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bouu.cn
