用戶體驗設(shè)計是一個動態(tài)領(lǐng)域，每年都會為我們帶來新的趨勢，最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費更多的時間；他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗的趨勢，我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。

語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面（VUI）。如今年所示，語音指令仍然是UX設(shè)計中最熱門的趨勢之一?？梢钥隙ǖ卣f，明年不應(yīng)忽略它。

毫無疑問，到2021年，語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗方面一直在尋求簡單性和效率。市場需求，高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇，只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實施奠定了基礎(chǔ)。例如，星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗。

簡約的UI

極簡主義可能是當(dāng)今視覺設(shè)計中最明顯的趨勢之一。用戶正在體驗越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口，打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者，但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計應(yīng)運而生的地方。

但是，“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色，設(shè)計元素和明亮的組合，但UX設(shè)計人員仍然有很大的發(fā)揮空間。此外，元素的功能最為重要，正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反，僅具有裝飾目的的組件正逐漸失去其重要性。

內(nèi)容，消息和導(dǎo)航的清晰度是UX設(shè)計的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦，這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。

負(fù)空間

負(fù)空間是用戶體驗設(shè)計的一種大趨勢，它已經(jīng)脫離了對簡約UI的市場需求。簡而言之，負(fù)空間是頁面布局中對象周圍（宏空間）或?qū)ο髢?nèi)部（微空間）的空白區(qū)域。它已經(jīng)成為獨立的設(shè)計元素，在視覺美學(xué)和用戶體驗優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁，蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。

用戶體驗設(shè)計是一個動態(tài)領(lǐng)域，每年都會為我們帶來新的趨勢，最近十二個月也不例外。全球新冠病毒大流行和國家封鎖使我們與數(shù)字世界和現(xiàn)實世界之間的互動方式發(fā)生了突然的變化。人們不僅開始在網(wǎng)上花費更多的時間；他們的思考方式和表現(xiàn)方式也發(fā)生了不同。

本文主要闡述2021用戶體驗的趨勢，我們相信這將在新的一年里占據(jù)主導(dǎo)地位。查看一下您可以利用哪些趨勢超越競爭對手并在人群中脫穎而出吧。

語音介面

我們在2020年UX狀態(tài)預(yù)測中討論了語音用戶界面（VUI）。如今年所示，語音指令仍然是UX設(shè)計中最熱門的趨勢之一?？梢钥隙ǖ卣f，明年不應(yīng)忽略它。

毫無疑問，到2021年，語音聊天機(jī)器人和虛擬助手將繼續(xù)流行。用戶在數(shù)字體驗方面一直在尋求簡單性和效率。市場需求，高期望值以及人工智能技術(shù)的迅速發(fā)展使品牌別無選擇，只能在其產(chǎn)品中包含基于語音的功能。

已經(jīng)有許多企業(yè)為廣泛的VUI實施奠定了基礎(chǔ)。例如，星巴克推出了一種名為My Starbucks Barista的基于AI的聊天機(jī)器人。其目標(biāo)是通過允許用戶通過語音命令購買自己喜歡的飲料來改善咖啡訂購體驗。

簡約的UI

極簡主義可能是當(dāng)今視覺設(shè)計中最明顯的趨勢之一。用戶正在體驗越來越多的網(wǎng)站所有者想要傳遞的關(guān)鍵消息。Cookie彈出窗口，打折廣告和各種通知旨在吸引和轉(zhuǎn)化網(wǎng)站訪問者，但它們也吸引了我們的注意力。這就是簡約的以用戶為中心的設(shè)計應(yīng)運而生的地方。

但是，“極簡主義”并不意味著“沉悶”或“原始”。意思是“優(yōu)雅”和“高效”。盡管必須使用數(shù)量有限的顏色，設(shè)計元素和明亮的組合，但UX設(shè)計人員仍然有很大的發(fā)揮空間。此外，元素的功能最為重要，正確突出產(chǎn)品功能并傳達(dá)正確信息的能力需要大量的創(chuàng)造力。相反，僅具有裝飾目的的組件正逐漸失去其重要性。

內(nèi)容，消息和導(dǎo)航的清晰度是UX設(shè)計的簡約方法的另一個重要方面。信息過載對于大多數(shù)現(xiàn)代用戶來說是一個痛苦，這意味著網(wǎng)站所有者應(yīng)努力使自己的UX文字簡潔明了。

負(fù)空間

負(fù)空間是用戶體驗設(shè)計的一種大趨勢，它已經(jīng)脫離了對簡約UI的市場需求。簡而言之，負(fù)空間是頁面布局中對象周圍（宏空間）或?qū)ο髢?nèi)部（微空間）的空白區(qū)域。它已經(jīng)成為獨立的設(shè)計元素，在視覺美學(xué)和用戶體驗優(yōu)化中起著至關(guān)重要的作用。谷歌的主頁，蘋果的官方商店以及一些用Webflow創(chuàng)建的網(wǎng)站就是很好的例子。

不同的階段，臨摹的目的不盡相同。一般來說，前期臨摹更多的是練習(xí)軟件、技法，后期練習(xí)別人的風(fēng)格表達(dá)，綜合運用。所以，我把臨摹分為技法臨摹、半原創(chuàng)到原創(chuàng) 3 個階段，每一個階段沒有絕對的界限，都是在積累創(chuàng)意，完全是可以用到自己的項目中去的。

今天會分享一個我當(dāng)年做臨摹練習(xí)并融入實際項目中的小案例。

臨摹

大概是在 15 年左右，在網(wǎng)上看到錘子設(shè)計師設(shè)計的一個圖標(biāo)，覺得非常驚艷，當(dāng)時就想把它臨摹下來，這是當(dāng)時臨摹的一個效果。

△ 原作

△ 這是我當(dāng)時臨摹的圖

我在臨摹這張圖的時候，想達(dá)到的目標(biāo)是能根據(jù)自己的 logo 色及文字，做一個半原創(chuàng)的設(shè)計。

然后實際練習(xí)中，不斷觀察原作發(fā)現(xiàn)有一些細(xì)節(jié)值得學(xué)習(xí)：

1. 圖標(biāo)分為水上和水下，2 個層級，在水下的圖形因為折射的關(guān)系，會發(fā)生扭曲
2. 水下會有深淺的顏色變化
3. 真實的水會流動，所以在水下會畫出帶明暗細(xì)節(jié)的水紋線條
4. 水下會有氣泡，且氣泡的產(chǎn)生符合真實場景，氣泡的大小由小變大
5. 水面的邊緣因為透光而產(chǎn)生邊緣反射
6. 投影因為紅色盒子的影響，會偏紅色色相，并且有近實遠(yuǎn)虛的關(guān)系
7. 盒子的邊緣會有 1px 的高光和反光
8. 背景為了增加圖標(biāo)的展示效果，也做了單獨的設(shè)計，把四周壓暗，然后加上雜色，使得整體的質(zhì)感更加強(qiáng)烈

當(dāng)時，對我來說，在練習(xí)的過程中有一個難點就是關(guān)于第 3 個細(xì)節(jié)水的紋理執(zhí)行有些難度，因為其中包括了粗細(xì)變化、虛實變化、明暗變化等等，單純的用圖層樣式或者矢量去畫的話，難度都比較大。這個細(xì)節(jié)當(dāng)時耗費了我不少時間，后面突然想到其實也可以用合成的辦法來實現(xiàn)，然后我去找了真實水紋的圖片進(jìn)行疊加，很快就搞定了。所以，只要能達(dá)到效果，不能太過于局限某一種思路。

分析并完成這些細(xì)節(jié)后，就是你在做這個練習(xí)中學(xué)到的點，嘗試把它們學(xué)以致用。

運用

記得當(dāng)時在 360 時需要設(shè)計一套關(guān)于摩洛哥藍(lán)色小鎮(zhèn)的官方定制版主題圖標(biāo)。從搜集的當(dāng)?shù)卮硇缘膱D片中發(fā)現(xiàn)，多彩顏料是當(dāng)?shù)氐囊淮筇卣鳎詻Q定以染料為關(guān)鍵詞去畫一個圖標(biāo)，又因為顏料本身自帶多彩的特點，所以以它為主題圖標(biāo)就很合適了。

然后在思考這個圖標(biāo)的時候，首先會應(yīng)用參考圖中的配色，并結(jié)合染缸的造型做出了第一版的效果。

這個效果雖然是表達(dá)了那個意思，但缺乏亮點，聯(lián)想之前練習(xí)過水的技法表達(dá)（臨摹中第 3 點細(xì)節(jié)運用），正好可以利用水的紋理做下強(qiáng)化，這樣就優(yōu)化出了第二版。

嗯，看起來感覺有了一些特點，但感覺缺乏細(xì)節(jié)，接著思考水除了有紋理高光，應(yīng)該還會有邊緣高光（結(jié)合臨摹中第 5 點細(xì)節(jié)），所以在邊緣嘗試加了高光，增加體積感，做出水要漫出來的感覺。

如果只有這一層高光的話，細(xì)節(jié)度感覺還是不大夠，在之前的文章《如何從優(yōu)秀作品中偷師，用一個游戲案例教你思路》我有分享到在 UI 大佬的作品中能學(xué)到他們對于 1px 高光的使用（臨摹作用中的第 7 點），這里因為是液體的材質(zhì)表現(xiàn)，所以增加一個高光點增加水的通透感。

到目前為止，似乎看起來已經(jīng)差不多了，但考慮到現(xiàn)實世界中，溢出的彩色液體在透光性很好的情況下，也會對周圍環(huán)境產(chǎn)生影響，所以我在顏料設(shè)計的四周，配上對應(yīng)的四種顏色的模糊投影（臨摹練習(xí)中的第 6 點）。

在思考下，在臨摹的圖標(biāo)中為了使得圖標(biāo)更加自然，作品中其實結(jié)合了很多真實世界中會發(fā)生的情況，比如水的折射，氣泡的比例，深淺等等，那對于染料來說，會有怎樣的真實情況發(fā)生呢？我當(dāng)時想到一點是，染料在用的過程中其實很容易灑出來，所以圖標(biāo)背板上現(xiàn)在太過于干凈了，增加一些細(xì)節(jié)能夠使得背板能夠跟主體物產(chǎn)生關(guān)聯(lián)，也更加自然。嗯，又是一個小細(xì)節(jié)。

最后，我們對比下第一版和最終版的效果，細(xì)節(jié)確實豐富了很多。

一張動態(tài)圖可以更加清晰的看到變化。

總結(jié)

這次圖標(biāo)的優(yōu)化過程，我覺得有幾個要點對我來說印象深刻的：

圖標(biāo)的風(fēng)格可以是扁平的，但想要增加自然舒服的細(xì)節(jié)，一樣可以像畫寫實風(fēng)格那樣仿照現(xiàn)實。你需要留心觀察這個世界，就算是一張照片中也能有非常多可以利用的細(xì)節(jié)。

碰到難做出來的細(xì)節(jié)，多想想有沒有更效率的辦法。比如在做水紋理的時候，一開始就想著完全靠鼠繪畫出來，結(jié)果效果一直不大好，然后利用 PS 合成的方法，很快就能把效果做出來。

對于圖標(biāo)來說，要注意其整體性。比如圖標(biāo)中的主體物不要跟背景脫離，不要讓圖標(biāo)背板只是作為一個容器，而要讓背板也成為圖標(biāo)本身的一部分，這樣圖標(biāo)的整體性會更好。

臨摹的過程中，一定要多分析，多記錄自己覺得是細(xì)節(jié)的點。每一次記錄，都可能是將來設(shè)計時提升細(xì)節(jié)的靈感來源。

以上內(nèi)容只是我在日常練習(xí)中應(yīng)用到實際項目中的一個小案例，其實還有非常多的靈感想法都來自于你平時做的練習(xí)，關(guān)鍵是要多動手，多總結(jié)，才能增強(qiáng)自己對細(xì)節(jié)的把握能力。

文章來源：優(yōu)設(shè)網(wǎng)     作者：彩云譯設(shè)計

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

最近負(fù)責(zé)的新項目快上線了（感覺我好像一直在做 0-1），給大家總結(jié)了5個一定會遇到的新項目盲區(qū)及最新的解法，希望能幫助大家在交付開發(fā)前就順利完成設(shè)計輸出。

關(guān)于蘋果賬戶登錄的硬性規(guī)定

2020 年 4 月后，我們在設(shè)計 iOS 登錄界面的時候都知道必須加上蘋果官方強(qiáng)行要求的 Apple 賬戶登錄按鈕，但關(guān)于這個按鈕的設(shè)計規(guī)范其實有比較硬性的規(guī)定，沒有注意的話到了開發(fā)還原的時候就容易踩坑。

在國內(nèi)的 iOS 登錄設(shè)計中通常突出的主流登錄方式是“微信”，手機(jī)登錄以及其他的第三方登錄都會以更弱一點的視覺方式呈現(xiàn)。

蘋果官方是允許對 Apple 賬戶登錄按鈕進(jìn)行一定的自定義的，其中就包含將其弱化為一個圓形的圖標(biāo)按鈕，只是圖標(biāo)與圓形按鈕的大小比例是官方固定的比例（這個大家直接下載官方提供的圖標(biāo)，它是自帶留白的區(qū)域的，保持圖標(biāo)與高寬一致就符合要求了）。

而國外的 iOS 登錄設(shè)計中通常沒有那么多的第三方登錄方式并存，主要的“Facebook”與手機(jī)登錄通常會與 Apple 賬戶登錄按鈕同一級出現(xiàn)在界面中。

這個時候需要特別注意的是，蘋果官方對于這種大按鈕的限制主要在于 3 個部分：

• 按鈕的高度需要等于圖標(biāo)的寬高（圖標(biāo)官方有提供下載，已經(jīng)是自帶留白區(qū)域的）
• 按鈕的高度需要與中間的文案成一定比例（字體是按鈕高度的 43%，比如 44 的高度配 19 的字）
• 圖標(biāo)離左側(cè)最小間距需要超過按鈕高度的 10%

剩下的按鈕樣式，比如顏色和描邊也非常有限，只可以使用白色填充黑色描邊與純黑色底這 2 種。

想了解更多具體內(nèi)容，可以參考官方貼：https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/

關(guān)于安卓啟動圖標(biāo)可帶動效了

還記的早幾年做安卓項目的時候上架應(yīng)用商店的啟動圖標(biāo)輸出還是和 iOS 差異不大的，基本就是尺寸換換。這次輸出啟動圖標(biāo)，被安卓的開發(fā)大大告知，安卓可以出這種帶動效效果的啟動圖標(biāo)了，它的原理和效果，如下圖：

實現(xiàn)這個效果的設(shè)計配合輸出也很簡單，只需要整理一下的具體啟動圖標(biāo)輸出就可以：

1. 啟動圖標(biāo)（前景，不帶背景的）-108dp（324px）

當(dāng)然以上僅針對純色背景，可以與 logo 主體輕易分隔的啟動圖標(biāo)。如果是混為一體的話就需要調(diào)整輸出方式為以下：

• 啟動圖標(biāo)（前景，不帶背景的）-108dp（324px）
• 啟動圖標(biāo)（背景）-108dp（324px）

想了解更多具體內(nèi)容的鐵汁，戳底下官方傳送門：https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive

關(guān)于全屏切圖的壓縮限制

這次新項目又遇到了開發(fā)中改稿的問題，大部分都因為全屏的背景圖切圖大小問題。

個別全屏視覺的界面，比如閃屏、登錄頁、音視頻語音等等，我們通常設(shè)計時不考慮切圖的大小問題就會比較放飛去設(shè)計。

但實際情況是一張全屏的花色 3 倍 png 切圖基本都在 2M 左右，就算把壓縮率提到 80%+（市面上大部分壓縮軟件的壓縮率都很有限，比如大家常用的 tinypng、pp 鴨等），就算你重復(fù)壓縮，也有至少 200 多 KB，遠(yuǎn)遠(yuǎn)超出開發(fā) 100k 以內(nèi)的切圖大小限制。

所以不得不要求我們在輸出格式的時候拋棄 png 格式，啟用 JPG。

不過實際設(shè)計時候我們可能仍然會遇到不能用 JPG，必須用 PNG 格式的情況（透明度蒙層），那么建議大家可以嘗試以下 2 個小技巧：

• 盡量使用純色背景設(shè)計，這樣背景圖可以用代碼來寫，主體切圖大小可以想對控制小一些。
• 如果還是需要使用花色背景，建議可以嘗試高斯模糊的花色背景，這樣開發(fā)可以直接用 1 倍圖進(jìn)行拉伸，也可以有效控制切圖大小。

最后不想屈服于樣式限制的鐵汁，一定記得提前輸出格式大小康康會不會超標(biāo)嚴(yán)重（盡量控制在 100k 以內(nèi)），不然無法落地再好看也沒有用咯。

關(guān)于動效到底導(dǎo)出什么格式不坑爹

目前關(guān)于移動端界面里個別小動效的導(dǎo)出比較主流的幾種格式是：Gif、逐幀圖、Lottie（Jason）、Webp、Apng。

Gif、逐幀、包括前幾年流行的 Lottie 大家應(yīng)該都比較熟悉了，這里稍微科普 2 個陌生一點的格式：

• Apng：一個 PNG 格式的位圖動畫格式圖片
• Webp：2010 年 Google 推出的全部通吃的圖片格式（可代替 Jpg、gif、png）

目前我覺得性價比最高的就是 webp，它的優(yōu)勢主要在于：

• 壓縮率極大提升，同分辨率的 webp 比 gif 要小很多
• 支持位圖、支持支持 Alpha 透明和 24-bit 顏色數(shù)、支持 3D 翻轉(zhuǎn)（這些 GIf 和 Lottie 都有限制），也就是不會出現(xiàn)毛邊啦、變色一類的坑爹情況
• iOS、安卓都支持（比如同樣高性價比的 Apng 只能用于 iOS 端）

唯一的 2 個問題在于：

• webp 目前只兼容 Chrome 和 Opera 瀏覽器，其它瀏覽器不支持。不過基本我們都應(yīng)用于移動端應(yīng)用，所以瀏覽器兼容對這個影響應(yīng)該還好
• AE、PS 等各類動效設(shè)計的軟件無法直接導(dǎo)出 webp 格式，需要通過插件或其他第三方軟件轉(zhuǎn)換。

我度娘過一些導(dǎo)出 webp 的方式都不是很好用，問了我司的動效設(shè)計師，推薦一個比較簡單靠譜的方式分享給大家：

1. 先從 AE 導(dǎo)出逐幀圖（記得需要循環(huán)的動效做好循環(huán)）

不知道如何到逐幀圖的看這里：渲染→渲染設(shè)置→格式→選擇“PNG”序列→導(dǎo)出即可

2.下載 isparta

3. 直接將 AE 導(dǎo)出的逐幀圖文件包拖到 isparta 里導(dǎo)出 webp 格式（可選）

關(guān)于切圖標(biāo)注協(xié)作方式誰家強(qiáng)

設(shè)計交付的協(xié)同平臺現(xiàn)在市面上很多，很多大廠也有自己內(nèi)部的協(xié)同平臺來承載設(shè)計交付，俺們豬廠用的叫 dbox（非常滴不好用），在強(qiáng)推之下開始申請經(jīng)費改用 Figma 了。之前為了更換協(xié)同平臺，把交付的協(xié)同平臺都做了一番調(diào)研，這里給大家直接看表格吧。

看完圖大家就會發(fā)現(xiàn)除了 Figma 大家的使用情況不會差很多，差的主要還是錢。總的來說的建議就是，如果已經(jīng)從sketch改用Figma的土豪團(tuán)隊就可以直接分享Figma文件鏈接給開發(fā)搞定切圖標(biāo)注以及文件存檔這2件事兒了。

如果還在用 sketch 和 XD 的鐵汁，交付型的協(xié)同平臺我個人比較推薦 Zeplin，雖然有的人會說它服務(wù)器在國外很卡，我覺得其實還好吧，同時 Zeplin 近幾年還解決了 Win 系統(tǒng)適配的問題。

然后最后小吐槽下騰訊的 Xshow。一開始我覺得它是最香的，因為高清度、流暢度到美感幾乎都比較完美。一直到我發(fā)現(xiàn)了它居然是個完全開放的交付協(xié)作平臺，也就是別人知道你的賬戶 ID 之后就可以搜到你并看到你的所有項目文件，瞬間安全系數(shù)降為 0。作為一個明顯對標(biāo)企業(yè)級的協(xié)作平臺這么瘋狂的植入社交功能，到底是企鵝的社交基因太強(qiáng)大還是怎么肥四？

文章來源：優(yōu)設(shè)網(wǎng)     作者：Nana的設(shè)計錦囊

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

調(diào)查問卷，是一個低成本快速收集資料的定量分析工具。這是個看起來簡單，產(chǎn)出的問卷也看似很簡單，但是在整體設(shè)計的過程卻是需要很多的思考和預(yù)備。

關(guān)于調(diào)查問卷，會分成三個部分來解說，

• 第一部分是關(guān)于「設(shè)計前的準(zhǔn)備」
• 第二部分是關(guān)于「如何設(shè)計問卷」
• 第三部分是關(guān)于「數(shù)據(jù)清理和產(chǎn)出問卷報告」

廢話不說，直接開干！

著手設(shè)計問卷前，先問

1. 為什么做問卷

這個是問卷的目的，也直接影響后面問題的設(shè)計。

2. 如何使用問卷的研究結(jié)果

這是關(guān)于問卷解決方案的落地。不需要太過細(xì)致的落地計劃，但是至少要清楚，這份問卷的研究成果，可以獲得多少支持力度。不管問卷發(fā)現(xiàn)了多么偉大的問題，如果沒有落地，其實是沒有無意義。也切忌不要今年做的研究結(jié)果，明年來實施，那問卷的時效性和準(zhǔn)確性就會大打折扣了，因為市場的瞬息萬變。

問卷的目的

這是做所有事前，都要問的問題，「為什么做 Why」。而這個問題為什么重要呢，因為這會關(guān)系到設(shè)計問卷的核心內(nèi)容是什么，會影響問卷的構(gòu)成，當(dāng)然最后也會產(chǎn)出不同的結(jié)果。

問卷的目的主要可以分為六個方面

1. 收集用戶信息

很多時候，我們或許知道理想目標(biāo)用戶是誰，但是誰才是真正使用我們產(chǎn)品的用戶呢？了解真正使用的用戶，可以對用戶進(jìn)行更針對性的分析和設(shè)計。

2. 了解用戶使用習(xí)慣

了解用戶在產(chǎn)品上是如何使用產(chǎn)品的，以及用戶的使用路徑是否按著我們期待的方式進(jìn)行，這是很有必要，這也是一個驗證的過程。

2. 滿意度

了解用戶對產(chǎn)品的滿意程度，對于用戶不滿意的方面，可以進(jìn)行歸納總結(jié)，并給出合理的解決方案

3. 建議反饋、吐槽、好評

從問卷中收集用戶的心聲，明白槽點是什么。同時也收集用戶的好評，這也是激勵團(tuán)隊一個很好的方法，因為是直接來自用戶。

4. 體驗優(yōu)化

對一個成功的產(chǎn)品來說，它要好用，它也要好看。產(chǎn)品有大改版前，可以用問卷來評估整體產(chǎn)品的體驗如何，以便在重新設(shè)計的方向上能更好聚焦。

5. 需求驗證

很多時候，需求可能沒那么明確，用戶和產(chǎn)品間始終存在著 gap， 所以我們有時對方案琢磨不定時，可能會試運行，后續(xù)看用戶反饋。通過合理設(shè)計問卷，我們也可以稍微窺探到用戶的想法

但是對需求的驗證，單通過問卷還是比較難的，只能窺探到比較淺的一層，最好后續(xù)可以對用戶進(jìn)行訪談來做后續(xù)跟蹤，以便了解事情的全面。

這里要注意的是，問卷不適合探索用戶的新的需求，或者要驗證很精準(zhǔn)的信息等比較復(fù)雜性的問題。

如果你問用戶，近期會推出新功能，問他會不會用。大致上，你得到的回答都是肯定。很多時候，同意比拒絕更簡單。

問卷問題的分類

根據(jù)提問的方式，可以分為 「是什么」「怎么樣」「怎么辦」

1. 是什么

主要是用戶信息、使用習(xí)慣等問題。

例如，年齡層、職業(yè)、使用產(chǎn)品目的、知道產(chǎn)品的渠道、使用頻率、使用競品軟件、整體滿意度等

2. 怎么樣

主要是詢問用戶原因，比如打這個分?jǐn)?shù)的原因，某功能使用如何等

3. 怎么辦

主要是詢問用戶的建議、期待產(chǎn)品改進(jìn)的地方

設(shè)計問題需注意幾點

問卷中并不是所有問題都適合問，有一些比較敏感的問題需要去避免，以免激起用戶的負(fù)面情緒

1. 敏感性問題

個人信息類的問題比較容易會有敏感信息存在，就像你問用戶工資區(qū)間，和在問卷最后告知用戶參與問卷都有獎品，需要填寫收貨地址。很明顯收貨地址的準(zhǔn)確性會比工資更高。

2. 措辭嚴(yán)謹(jǐn)

• 無錯別字，文明用詞
• 用詞不產(chǎn)生歧義，準(zhǔn)確表達(dá)；比如平時，比較多、近期，每個人對此理解是不同的，要提供明確的時間節(jié)點
• 一個問題，就只問一件事
• 盡量用陳述語句，不使用反問句、疑問句、否定句，用戶可能無法準(zhǔn)確明白，特別是否定句，用戶有可能看成肯定句。
• 避免用語過于口語話，不中英文夾雜，除非名詞已完全普遍。根據(jù)目標(biāo)群體的不同，會有差異性。比如 iOS 系統(tǒng)，不一定所有人都知道，這指的是蘋果的手機(jī)系統(tǒng)。
• 標(biāo)準(zhǔn)用詞，盡可能或不使用縮寫，比如 h，hr, 直接寫小時，會更好。

3. 問卷的順序

先簡單后復(fù)雜，并注意整體邏輯性的表達(dá)。循序漸進(jìn)，如果一開頭就是很難的問題，用戶很容易放棄答題

4. 問題長度

盡量保持所有問題在一個差不多的長度呢，保持一樣的節(jié)奏。避免時長時短

5. 避免專業(yè)詞匯

很多時候，我們會用一些所謂的“行話”來表達(dá)，但是在問卷當(dāng)中，無法保證用戶同樣是理解的，而且也會讓用戶產(chǎn)生距離感，非必要情況下，不要使用專業(yè)詞匯

6. 選擇題枚舉要窮盡

題目數(shù)最好不多于 7 個，太多也會造成用戶選擇困難，最后記得加個其他并提供文本框輸入

7. 避免互斥、重復(fù)、相似

問題避免前后矛盾，造成用戶困擾，也不要重復(fù)或相似度極高的問題，除非這個問題是陷阱題，為了檢驗用戶是否認(rèn)真答題。但是在數(shù)量有限的問題中，一般比較少使用陷阱題

8. 保持開放性

為所有選擇的選項，加入「其他——」「以上都不是」「不知道」，用戶可能會覺得問題或答案不匹配，而不知道選什么，這時需要給用戶一個出口，避免產(chǎn)生無效數(shù)據(jù)

9. 避免詢問引導(dǎo)性的問題

大部分用戶認(rèn)為 XX 功能，很好用，你覺得呢？

如果看到這樣問題，大概可以從中讀出兩個信息，1. 大家都覺得好用 2. 平臺希望我說好用。

這個問題所傳達(dá)出來的隱藏含義會引導(dǎo)用戶做出不真實的反饋，這是沒有意義的問題

10. 避免讓用戶選擇「 是/否」「真/假」「好/壞」

強(qiáng)制選擇非黑即白，大部分情況下沒什么意思，因為用戶可能不確定。這個問題本身也沒有太大價值，也會錯過用戶一些比較有趣的回答。

所以如果這個問題的目的，是一定要知道的，可以更改提問的方式。

對于用戶的問題，答案要可以量化表達(dá)，來產(chǎn)生數(shù)據(jù)，才便于后續(xù)數(shù)據(jù)的分析

11. 避免問用戶將來的事，或回憶許久前的事

當(dāng)人們將自己的行為投射到未來時，通常會過于簡單化和理想化，人們更擅于解釋當(dāng)下進(jìn)行的內(nèi)容。

所以，如果要知道特定環(huán)境下用戶的操作，則要配合合適的場景預(yù)設(shè)，并且是用戶熟悉的場景?；蛘呖梢灾苯訂枺裉炷銜绾稳绾?

所以可以通過詢問今天的行為來，確定將來會不會使用。當(dāng)然這不是絕對的，畢竟未來存在太多變數(shù)。

對于許久前的用戶的操作行為，也盡量不詢問，因為會忘記，而當(dāng)強(qiáng)迫他去思考時，他可能自己腦補(bǔ)，產(chǎn)生不準(zhǔn)確的記憶，進(jìn)而對研究結(jié)果產(chǎn)生偏差。

12. 其他

問卷中存在多選題，必選題，選填題，記得預(yù)覽問卷時，注意問題平臺有無自動添加文字說明。

不要用 checkbox, radio 來區(qū)別多選和單選，這是不能準(zhǔn)確的傳達(dá)，也有可能用戶沒有注意到，或者就不清楚，而使用文字的表述會更清晰，不會產(chǎn)生歧義。

必選題，選填題，如果問卷平臺，也只是用*號來表達(dá)必選時，建議在文字上也加上這樣的說明

設(shè)定日程安排

整體問卷的過程需要時間，所以也需要的具體的日程安排，以便整體問卷的進(jìn)行是井然有序。

日程安排中，要包括：

• 確定問卷的目標(biāo)人群、確定問卷目的
• 問卷設(shè)計時間
• 問卷評審時間
• 問卷內(nèi)測時間
• 問卷投放時間、時間長度
• 產(chǎn)出問卷報告

最后的話

調(diào)查問卷從準(zhǔn)備到產(chǎn)出報告，需要一個過程，建議與其他設(shè)計師或 PD 來一起配搭工作，更高效的完成，一個人去做，總是會有一些盲點，并且會比較大的壓力。

如果你在問卷方面是新手，也建議找個有經(jīng)驗的設(shè)計師或 PD 來做你顧問，減少一些不必要的坑。

文章來源：優(yōu)設(shè)網(wǎng)       作者：箴鹽設(shè)計

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

為什么要寫這片文章？

自己入行交互一年多，最近從梁寧老師的《產(chǎn)品思維30講》和《增長思維30講》獲得了兩套思維框架，并從中銘記了兩句話：“世界如此精彩，當(dāng)然不能置身局外”，“愿你向世界交付你的價值”，于是想通過運用這兩套思維框架，重新審視各類產(chǎn)品，把自己訓(xùn)練成一個客觀的人，并向世界交付我自己的價值。

微信作為一款從2G時代出現(xiàn)的產(chǎn)品，跨越了十一年的時間，成為了如今國民級的應(yīng)用，甚至正逐漸成為我們的生活方式，卻一直保持著簡單和連接的理念。就在今年一月份，微信推出了8.0版本，其中添加了很多新奇有趣的功能，站在用戶視角上，能看到評價有褒有貶，有人說微信根本不了解用戶而且孤傲，有人說微信正在變得臃腫，有人說微信體驗不好但是沒有替代品不得不用?？戳撕芏嘟榻B微信8.0的文章，發(fā)現(xiàn)都只是在介紹微信8.0更新了什么，但是沒有看到有人會更深層次地聊微信為什么要這樣更新；上周我在聽完張小龍的微信十周年演講后，感觸良多，并從中窺探出了微信更新的些許用意。于是想試著從用戶體驗的角度去分析微信，所以我想把第二個思維框架分析對象確定在了微信身上。

愿讀完這篇文章，你能獲得我所希望交付的價值～

上期傳送門：《從用戶體驗的角度分析王者榮耀》

微信是一款什么軟件？

先說結(jié)論，微信本質(zhì)上是一款連接的信息流流量平臺。

在很多人人眼中，微信就應(yīng)該是一款社交工具，希望微信能夠做好社交的本職工作就夠了，不需要再加上其他雜七雜八的功能；有人抱怨說微信變得越來越臃腫，很多功能其實自己并不用得到，還占用手機(jī)的內(nèi)存，已經(jīng)丟失原來簡單的模樣。

但是要知道，你眼中所看到的世界，其實是由各種外部和內(nèi)部的因素所塑造的。就像幾年前有一句特別火的話：你的眼睛里，有你走過的路，看過的風(fēng)景，讀過的書和愛過的人。你能成為你今天的樣子，其實是由你的人生經(jīng)歷所決定的。所以微信十年來不斷改版，從一款通訊工具變成如今的連接信息流的平臺，其實是由微信的基因所決定的。張小龍在2021年1月微信十周年公開課中講到：“微信10年，如果非要用兩個詞來描述微信，我想一個是連接，一個是簡單。從一開始微信從一開始的連接人，到后來的連接企業(yè)，微信支付功能后開始連接現(xiàn)金流，到如今8.0的視頻號來連接視頻，短視頻的信息流，微信基于連接的理念從來沒有變過。這也是為什么當(dāng)年微信能夠戰(zhàn)勝米聊成為當(dāng)今最火熱的社交工具的原因。

在2014年的時候，微信1.0版本的時候，微信只有400萬用戶，而雷軍米聊有2000萬用戶，兩者的差距從微信3.0推出陌生人社交拉開，從推出微信支付功能開始徹底打敗了米聊。是因為米聊是只是在社交，而微信卻是在做連接；微信把社交看成一種信息流，從而把更多的信息流整合連接自己的體系內(nèi)；因為要把更多的信息流整合到平臺上，于是微信變得越來越大，占用的內(nèi)存越來越多。看似有意為之，實則情非得已。另外說一句，雷軍貌似是在這次大戰(zhàn)之后學(xué)會了教訓(xùn)，并把這套戰(zhàn)略用在了小米身上，于是能看到你OPPO，ViVO把手機(jī)作為核心盈利產(chǎn)品，而小米卻只是把手機(jī)作為流量連接的入口，繼而發(fā)展出小米智能家居這一龐大的產(chǎn)業(yè)鏈。

所以你以為微信只是一款社交工具，但其實微信是連接信息流的流量平臺。

什么是信息流？字節(jié)跳動的張一鳴認(rèn)為世界是由人流、物流、資金流、信息流組成。比如文字，語音，視頻，支付、都是信息流的一個分類。你可以把互聯(lián)網(wǎng)想象成一條大江大河，無數(shù)的企業(yè)將大江大河中的水引入自己的支流中，使自己變得強(qiáng)大；所以互聯(lián)網(wǎng)的的競爭，本質(zhì)上是流量的競爭，流量指的其實就是信息流。

什么是平臺？美團(tuán)副總裁張川的理解是：平臺首先是動態(tài)不平衡，你不知道你能在這里遇到誰；第二條，用戶彼此之間要產(chǎn)生網(wǎng)絡(luò)效應(yīng)；第3條，用戶之間永遠(yuǎn)有彼此的需求，無法握手，需要平臺從中撮合。

微信里有的那么多陌生的人，陌生的公眾號，你不知道你能在這里遇到誰，你在微信中與熟人，陌生人社交，能夠產(chǎn)生巨大的網(wǎng)絡(luò)效應(yīng)，催生出了微信支付、公眾號這樣的龐大商業(yè)體系；用戶與熟人或陌生人之間、用戶與公眾號之間、用戶與商家之間，永遠(yuǎn)存在需求，而微信在從中充當(dāng)了連接的作用。

張小龍說過一段特別牛逼的話：讓產(chǎn)品自然生長。微信作為超級巨大的流量平臺，真正做到了不打擾用戶，讓微信的流量自然碰撞、發(fā)酵，構(gòu)建出了如今如此龐大的微信帝國。

微信帶給了用戶什么樣的確定性？

微信始終致力于連接于簡單，十年來不曾改變。

連接上面已經(jīng)說過了，下面來說說簡單。微信提供了簡單的確定性，每一個功能都切中要害，張小龍說微信最驕傲的是，十年的樣子和今天的樣子并沒有什么改變。通過最簡單的方式做到最大程度滿足用戶的需求，這對產(chǎn)品經(jīng)理對用戶情緒把控要求特別高。分析一個產(chǎn)品一般要從三個角度去分析，首先是從宏觀視角看這個產(chǎn)品是附著在什么樣的經(jīng)濟(jì)體上，競爭對手是誰，也就是常說的看大局，看清楚誰是自己的朋友，誰是自己的敵人。然后是從中觀視角去分析產(chǎn)品的服務(wù)人群，功能流程，信息結(jié)構(gòu)，并由此得出用戶畫像、用戶體驗地圖、痛點癢點爽點等用戶體驗相關(guān)的結(jié)論。最后是從微觀視角，從用戶內(nèi)心的底層情緒出發(fā)，去探究產(chǎn)品對于用戶內(nèi)心情緒的影響，由此來進(jìn)一步分析產(chǎn)品帶給用戶什么樣的確定性。

一般來說，用戶體驗設(shè)計師掌握好中觀視角，基本上就能在行業(yè)內(nèi)生存下來。中觀視角更多靠的是經(jīng)驗和套路，掌握分析產(chǎn)品的方法和路徑，多花時間去實踐，假以時日，你就能成為行業(yè)內(nèi)合格的用戶體驗設(shè)計師。但更難的，其實是掌握好宏觀視角和微觀視角。宏觀視角是打大仗的能力，需要你站在足夠高的視角去俯瞰整個大局，看清楚產(chǎn)業(yè)周期，產(chǎn)業(yè)的方向，靠的其實是定戰(zhàn)略，和找杠桿，入行不久的體驗設(shè)計師或產(chǎn)品經(jīng)理通常沒經(jīng)歷過大仗，是很難體會到的，我自己也沒經(jīng)歷過，所以只是聽梁寧老師介紹，學(xué)了一些這方面的思維框架而已，感興趣的讀者可以去了解。但其實梁寧老師更希望我們做到的，是掌握分析微視角的能力。

張小龍就是一個對產(chǎn)品的微觀視角特別敏感的人，他能從用戶底層細(xì)微的情緒變化中分析出用戶的需求點。想想微信從通訊工具到熟人社交，再到陌生人社交，再到公眾號、微信支付，直到今天的視頻號，都是精準(zhǔn)地把握了用戶最底層的情緒需求的結(jié)果。比如，微信的朋友圈從完全開放，到僅設(shè)置三天可見，再到三個月或半年可見，直到可直接管理是否看朋友圈，到了微信8.0，甚至要求用戶驗證好友時就首先確定朋友圈權(quán)限，這一連串改變，其實都是源于張小龍對用戶在當(dāng)下社交情緒逐漸發(fā)生變化的精準(zhǔn)把控能力，這也是為什么都稱張小龍是產(chǎn)品經(jīng)理之神的原因。

微信為什么推出視頻號？

微信為什么推出視頻號呢？在我看來是為了爭奪信息流。這是騰訊繼2018年微視在短視頻大戰(zhàn)戰(zhàn)敗后發(fā)起的第二波戰(zhàn)爭。

上面說到過，互聯(lián)網(wǎng)的本質(zhì)其實是信息流，誰擁有的信息流越多，誰就能獲得更大的勢能。淘寶靠著電商和支付的信息流，就成為了中國第一的電商公司，字節(jié)跳動靠著短視頻載體的抖音和長視頻載體的西瓜視頻以及新聞載體的今日頭條在幾年間迅速成為了互聯(lián)網(wǎng)巨無霸級別的存在。

我們可以倒回幾年前回顧一下那場大戰(zhàn)，戰(zhàn)場上有抖音、快手、微視、還有就是一些草莽或腰部的小視頻軟件。當(dāng)時快手用戶數(shù)是高于抖音和微視的，甚至放出不屑于花錢買廣告做推廣的言論。結(jié)果就在2018年春節(jié)，抖音8天燒了5億美元，重金做推廣，吸引了大批短視頻愛好者和流量；隨后快手感覺勢頭不對，也開始瘋狂重金砸廣告，做補(bǔ)貼，并成了2020年春晚贊助商。而微視的做法是，大量補(bǔ)貼的同時，借助騰訊的杠桿，直接將入口做在了QQ和微信中，全面禁止非騰訊系短視頻鏈接在微信朋友圈中擴(kuò)散。結(jié)果出乎意料的是，微視和一眾其他成為了短視頻大戰(zhàn)的犧牲品，從此短視頻市場二分天下，南抖音北快手的陣容確定下來。與此同時，還有一件事值得關(guān)注，就是2019年，三家互聯(lián)網(wǎng)企業(yè)對微信發(fā)起了挑戰(zhàn)，一個是馬桶MT,一個是羅永浩的  聊天寶，最后一個是抖音的多閃，最后是以微信的不理會作為收場。

為什么短視頻如此重要？因為它很可能是未來信息流主流的載體。

不知道你有沒有感受到，微信公眾號沒以前那么火了，其實很大的原因是因為我們把看微信公眾號文章的時間拿去刷抖音、看短視頻了 。在2018年之前，微信公眾號是微信信息流非常重要的入口。在PC互聯(lián)網(wǎng)時代，搜索引擎百度是流量的入口，旗下的百度貼吧，百度知道，百度百科組成了中國最大的中文互聯(lián)網(wǎng)內(nèi)容創(chuàng)作社區(qū)，使得百度成為了BAT三巨頭的頭部企業(yè)。但是在移動互聯(lián)網(wǎng)時代，各大應(yīng)用開始自建搜索引擎，自營內(nèi)容對百度進(jìn)行了封鎖；微信公眾號從中崛起成為了新的流量入口，無數(shù)的自媒體創(chuàng)業(yè)者通過微信公眾號上創(chuàng)作內(nèi)容，成為了移動互聯(lián)網(wǎng)時代的信息流入口。但是，隨著4G技術(shù)帶來了更高的網(wǎng)絡(luò)帶寬與傳輸速率，視頻內(nèi)容開始發(fā)展，短視頻應(yīng)運而生。

短視頻為什么能夠取代文章？

回到底層情緒來看，是因為人們比起文字本能地更能理解簡單、直接的圖像。文字帶給人的反饋是延時的：你得先識別文字本身，理解語義，上下文聯(lián)想，最后你才能得出一段文字的含義。而短視頻是帶來即時反饋的，它沒有閱讀成本，能通過視覺和聽覺，就能給用戶帶來更加深刻和即時的情緒上的變化。其次，短視頻的創(chuàng)作門檻比寫文章低，張小龍在演講中說到，許多人其實是不擅長寫長文章的，但是你讓他用手機(jī)拍一段視頻，這是一件很容易就能做到的事情。最后是因為當(dāng)代人的心智提上去了，這時代的人們的觀念正在逐漸開放，更加樂于表達(dá)自己，短視頻當(dāng)然就能使更多人參與進(jìn)來，自然就能成為下一階段主流的信息流載體，微信當(dāng)然不能置身局外。

所以，到這里，你其實就已經(jīng)能看清一些微信在做的事情了。微信為什么要開設(shè)視頻號？就是為了爭奪下一階段信息流入口。為什么當(dāng)年支付寶要推微信？是為了爭奪的信息流。

當(dāng)前階段，誰是微信的競爭對手？信息流的上游是人，誰掌握了最大的信息流誰就是競爭對手，目前能看到的是抖音，2018年抖音推出多閃，其實就是為了構(gòu)建自己信息流平臺；在之后，可以預(yù)見到抖音和微信在短視頻流量爭奪上必有一戰(zhàn)。

微信能不能贏？

我覺得微信這次能贏，因為人性的弱點推動了互聯(lián)網(wǎng)的流量，但人性的光明構(gòu)筑了商業(yè)的文明。

互聯(lián)網(wǎng)商業(yè)本質(zhì)是流量*轉(zhuǎn)化率，字節(jié)跳動鼓勵人們在抖音、西瓜視頻上發(fā)視頻，采用的是補(bǔ)貼的方式，這會使得視頻博主在其平臺上發(fā)布視頻的目的變得利益化，是在變相鼓勵視頻創(chuàng)作者生產(chǎn)更具強(qiáng)吸引力的題材，取夸張的標(biāo)題名字來吸引更多用戶點擊，從而獲得更多流量，并通過廣告商的投資，帶來商業(yè)的變現(xiàn)。去年甚至還爆發(fā)了直播帶貨的新藍(lán)海，其實本質(zhì)上都是幫助視頻創(chuàng)作者帶來商業(yè)利益。色欲作為人類的本能，自然是最能吸引用戶的手段，所以你能看到與性相關(guān)的視頻在抖音，快手等平臺占比是最多的。

這種利用人性的弱點（貪婪、色欲、虛榮、窺視）構(gòu)筑的互聯(lián)網(wǎng)流量，使得抖音快手在短視頻草莽時代逐漸成為了短視頻中的頭部平臺，但是在存量競爭市場上這一機(jī)制終究不可持續(xù)。相比，我更喜歡微信視頻號的做法。

微信選擇只做內(nèi)容承載和傳遞的載體，這就意味著微信不會去生產(chǎn)內(nèi)容，也不會去買內(nèi)容，并不會關(guān)注具體的內(nèi)容到底是什么，而是真正做到讓用戶自發(fā)地去生產(chǎn)和分享內(nèi)容，讓產(chǎn)品自然生長。張小龍說視頻號的目標(biāo)是，希望人人都能夠很容易地通過視頻化的方式去公開表達(dá)內(nèi)容。這使得內(nèi)容創(chuàng)作者本身很難帶有利益目的。視頻號的初衷，就不是讓一部分內(nèi)容創(chuàng)作者獲得極高的關(guān)注度，成為網(wǎng)紅，獲得商業(yè)變現(xiàn)，而是希望人人都能夠像在朋友圈發(fā)布圖文一樣，以視頻化的形式去表達(dá)自己的內(nèi)容。微信能這么做，是因為其擁有巨大的信息流，有足夠的能力去做這件事。

盡管現(xiàn)在打開視頻號，里面同樣充斥各種基于人性的弱點所創(chuàng)作的內(nèi)容，微商、網(wǎng)課、低俗，誘惑等內(nèi)容遍地，但現(xiàn)在你看到的它的樣子，絕不是它本該有的樣子。我相信隨著微信對視頻號的迭代，視頻號終會成為微信所目標(biāo)的那個人人都能表達(dá)自己的樣子。

為什么張小龍說直播新的表達(dá)方式？

張小龍在公開課中講到：未來直播可能變成一種很多人都在用的、個人表達(dá)方式。為什么？因為直播能夠營造場景。

什么是場景？場就是時間+空間。景呢？是能夠觸發(fā)情緒的交互。直播比起視頻，更能夠激發(fā)用戶內(nèi)心的情感，能夠讓主播和聽眾之間產(chǎn)生更深刻的連接。這種感受其實是視頻無法比擬的。就像你在現(xiàn)場看演唱會和看錄播體驗是完全不一樣的，周邊的環(huán)境會影響用戶的情緒。令我很深刻的體驗是，今年王者榮耀冬季賽決賽第四局DYG對戰(zhàn)南京Hero戰(zhàn)隊，當(dāng)時的局面是0:3，如果第四局DYG沒有贏就意味著比賽的結(jié)束。當(dāng)時直播中所有人的心都很緊張，結(jié)果DYG里的清清用一手關(guān)羽力挽狂瀾，贏得比賽，在場主持人，和屏幕前的觀眾都被DYG清清的不服輸感動，場面一度到達(dá)高潮，我的內(nèi)心也被深深震撼到了。但是之后看錄播，就會發(fā)現(xiàn)有人在看外星人似的，發(fā)彈幕很冷淡地表示都是基本操作，完全不懂我們在激動什么。這才使我意識到，直播真的比視頻更能激發(fā)用戶的情緒。

現(xiàn)在你打開微信直播，內(nèi)容質(zhì)量其實并不好，是因為新流量入口會帶來新紅利，投機(jī)者當(dāng)然不會放過這個機(jī)會。但實際上，微信直播應(yīng)該和會如今刷禮物求關(guān)注，公會云集的直播平臺不一樣，會呈現(xiàn)出一個更加開放、生活化的樣子。

微信為什么要在表情包、狀態(tài)上的創(chuàng)新？

微信8.0更新了動態(tài)表情包，動態(tài)，把視頻放在名片，音樂播放器優(yōu)化上等一系列新有趣的小功能。這些功能按照張小龍的說法是人們對情緒的表達(dá)更強(qiáng)烈了：他覺得人們喜歡表達(dá)更加強(qiáng)烈的表情，他覺得設(shè)置狀態(tài)能夠幫助用戶找到同類，他覺得音樂播放器不該是一個電唱機(jī)放在那里轉(zhuǎn)，而應(yīng)該給用戶更直觀的視覺表達(dá)。你會發(fā)現(xiàn)，張小龍描述需求的方式，是極度自我的表現(xiàn)，他會用心里想的美好的用戶故事來解釋為什么要加這個功能，而沒有根據(jù)數(shù)據(jù)來得出結(jié)論。甚至他說想做一個功能，讓十幾億人都能在同一張畫布上畫畫，然后看最后畫出來的是什么樣子。這些一些功能，張小龍就是拉一個一二十人的團(tuán)隊，討論了一下自己的想法，就這么簡單的做了，就這么推出了。

這里我想說說自我與自律。成為高手的路徑是一萬小時定律，但是，想讓一個人持續(xù)在一件事情上花費一萬個小時是很難的，有兩種方法可以實現(xiàn)。一個是保持自律，帶著對失敗的恐懼，堅持下去；另一個是對這件事保持滿足和愉悅感，靠著對做這件事的熱愛來度過這一萬個小時。自我和自律的人都能成為非常成功的人，你從小受學(xué)校的灌輸自律的理念其實是為了便于管理。但自我的人，是充滿創(chuàng)造力的，對不滿意的事物是抱有強(qiáng)烈的情緒的，他們不能容忍不完美的事情，并會去努力改變它。蘋果大神喬布斯是一個極度自我的人，他能樂此不疲地對著ppt演練上百次，他不能容忍手機(jī)附帶個鍵盤笨重的樣子，喬布斯讓自己追求卓越的精神成為了蘋果的設(shè)計理念。梁寧老師說，張小龍是一個極度自我的產(chǎn)品經(jīng)理，正是由于其對用戶在社交需求上極其敏感的感受，才催生出了如今簡單并且連接世界的微信，張小龍說自己是被上帝選中的，其實是因為持續(xù)做出了正確的決定，而這決定，與其對用戶情緒的深刻把控有關(guān)。所以騰訊出產(chǎn)品經(jīng)理，阿里出運營人才。

你吸收誰的營養(yǎng)，你就變成誰。你靠什么滿足你，你就會成為它的樣子。什么東西持續(xù)滿足你的東西，什么東西永遠(yuǎn)讓你不爽，這就是你的命運。

總結(jié)

這次分析微信，我沒有嚴(yán)格根據(jù)梁寧老師給的中觀思維框架來分析（痛點癢點爽點、用戶畫像、用戶故事、用戶體驗地圖、服務(wù)藍(lán)圖等），而是從微觀情緒和宏觀大局上分析了微信帶給人的確定感，微信視頻號的意義所在，聊了些關(guān)于自我與自律的事情。因為我覺得微信成為今天這個樣子，服務(wù)著如此龐大的用戶量，它已經(jīng)成為了我們生活中不可或缺的一部分了，人生百態(tài)，微信包容了無數(shù)種用戶畫像，在其上也書寫著無數(shù)的感動人心的故事，我覺得這時再去聊中觀套路其實已經(jīng)沒有什么意義了。微信從1.0，跨越2G到5G的技術(shù)革新，從一個簡單的通訊工具，不忘簡單和連接的理念，十年時間迭代成為了我們離不開的一種生活方式，這放在人身上該是一個多么勵志的事情?。?

最后我想交付給你一句，也是梁寧老師交付給我的，一直觸動鼓勵我堅持下去的話：

今天你在什么樣的點位上其實并不重要，重要的是在未來，你會以哪種方式，持續(xù)迭代。

文章來源：站酷   作者：努力的橙子

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

前言

設(shè)計的思考不僅要注重表象層面，也需要圍繞信息傳達(dá)這一設(shè)計的本質(zhì)功能，以充滿自省的精神深化和反思自己的設(shè)計意識，即做到“好看、好用”。在設(shè)計過程中，要站在公司的利益上，懂用戶所想，在每一個關(guān)鍵點都要帶給用戶意想不到的驚喜，這些往往都是通過細(xì)節(jié)體現(xiàn)出來的。

2021 | 第01篇分享目錄（001~015）

001.「夸克瀏覽器」首個頁面-我的地盤我做主

002.「百度」為什么把返回按鈕放在了左下角？

003.「優(yōu)酷」彈幕中毫不違和感的廣告推送

004.「QQ」發(fā)送圖片-便捷的交互路徑

005.「美團(tuán)」減少一步操作、提升一級體驗

006.「京東」搜索框-觸發(fā)用戶轉(zhuǎn)化動機(jī)的占位符

007.「騰訊視頻」付費片-試看6分鐘的激進(jìn)小心思

008.「高德地圖」模擬現(xiàn)實事物運行規(guī)律的微交互

009.「網(wǎng)易云音樂」定制您的專屬首頁

010.「夸克瀏覽器」關(guān)鍵詞-提前預(yù)知用戶的需求

011.「快手」剛剛看多-貼心的用戶提醒

012.「騰訊視頻」VIP欄目-免費營銷策略轉(zhuǎn)化用戶

013.「支付寶」城市天氣-不僅僅是天氣預(yù)報

014.「躺平」趣味化的下拉刷新樣式

015.「滴滴打車」添加途經(jīng)點-解決位置不統(tǒng)一的情況

001.「夸克瀏覽器」首個頁面-我的地盤我做主

產(chǎn)品體驗：

進(jìn)入夸克瀏覽器的首個頁面，除此必要的元素之外，看到的是一片純凈之美。長按搜索框下方的空白區(qū)域，點擊“+”號，可根據(jù)用戶自己的喜好從彈窗中將想要的站點入口添加到搜索頁，便于快捷訪問。

設(shè)計思考：

UC瀏覽器可能不是每個移動端用戶都知道，但絕對是一方霸主，夸克與UC本是一家。昨天在網(wǎng)上看到一個帖子說“自從用了夸克之后就把別的瀏覽器全部刪掉了，沒有天氣掛件、沒有新聞推送、沒有購物頻道、沒有游戲插件、沒有精準(zhǔn)廣告、就是最原始的上網(wǎng)工具，仿佛在這看到了當(dāng)年的塞班時代一心一意做用戶體驗的影子”。迄今為止，沒有任何一個應(yīng)用可以滿足所有用戶的需求，UC瀏覽器也是如此，夸克可以將那些視UC為糞土的用戶給攬過來，表面上看似搶奪用戶，實則是風(fēng)險對沖，當(dāng)一個出了問題不是還有另一個么？用戶不管是在夸克還是UC，其實都在自家，一個獨善其身，一個兼濟(jì)天下。

用過手機(jī)瀏覽器的人都知道，在資訊爆炸的今天，夸克的畫面干凈得令人難以置信。在干凈的同時，并非是缺少這些站點模塊，而是放在了暗處，用戶可以根據(jù)自己的喜好將站點咨詢模塊調(diào)用出來，自定義空白區(qū)域，寓意用戶“自己的地盤自己做主”。眾所周知，大多數(shù)瀏覽器都有站點推薦的功能，不過該功能都是給相應(yīng)網(wǎng)站打廣告的，內(nèi)容沉雜，尤其是一些強(qiáng)制性的內(nèi)容讓用戶產(chǎn)生了逆反心理，而夸克精選中的網(wǎng)站，則是一些價值很高的優(yōu)秀站點，并非廣告業(yè)務(wù)，這點可以從致用戶的一封信和網(wǎng)站類型得出。這也是夸克被譽(yù)為最純凈瀏覽器的原因之一，不管是APP內(nèi)容還是用戶體驗、易用性方面都能提升用戶的忠誠度，深得廣大用戶喜愛。

002.「百度」為什么把返回按按鈕放在了左下角？

產(chǎn)品體驗：

進(jìn)入百度APP，頁面中80%以上的返回操作入口都放置在左下角，單手操作手機(jī)的用戶觸手可及。

設(shè)計思考：

Android智能設(shè)備的返回入口其實一直都在屏幕下方，只不過是根據(jù)品牌的不同，左右位置不同而已。根據(jù)后來大屏手機(jī)的普及，為了節(jié)約空間資源，使屏幕最大化的被使用，把原先硬件上的部分操作入口給隱藏了，但一直都存在。設(shè)計師都知道，iOS與Android的設(shè)計規(guī)范存在著差異化，比如返回入口就一直在左上角，雖然也有右滑返回的交互手勢，但畢竟是隱藏的，而且對于部分頁面的左右滑動，只能對tab導(dǎo)航起到作用，基于目前的趨勢，手機(jī)的屏幕越來越大，單手操作的靈活性就成了難點。

百度APP的大部分頁面則是把返回按鈕直接從左上角搬到了左下角，被較為激進(jìn)的用戶稱為反人類的設(shè)計，其實并非如此。大屏幕尺寸已經(jīng)是趨勢，屏幕大意味著內(nèi)容可以更大限度地得到展示，將返回按鈕放在左下角能有效的解決的用戶單手操作大屏幕手機(jī)操作的難點，更易于操作，提升便捷性。更有效的防止用戶因操作困難而導(dǎo)致手機(jī)滑落（碎屏），增加安全系數(shù)。

003.「優(yōu)酷」彈幕中毫不違和感的廣告推送

產(chǎn)品體驗：

在優(yōu)酷觀看視頻打開彈幕后，每隔幾分鐘，系統(tǒng)會推送一條廣告穿插在彈幕的內(nèi)容中，點擊可進(jìn)入對應(yīng)的頁面。

設(shè)計思考：

在互聯(lián)網(wǎng)產(chǎn)品中，花樣廣告的出場方式屢見不鮮，比如在看視頻、看書之前/過程中，總是被突入起來的的廣告打斷，用戶雖然很煩但別無選擇，畢竟沒有一款真正的既免費又免廣告還很牛B的產(chǎn)品無償提供給用戶使用，即便用戶覺得自己沒有認(rèn)真看過這些廣告，但是只要它們在用戶面前完成了播放，哪怕只是聽到了，那就完成了品牌意識 的輸出這個過程，可能會無形中就知道了這個品牌的存在和定位，在未來的某個場景中，用戶會默許和遵從這個品牌的輸出方式，乃至消費。廣告作為企業(yè)盈利的一種方式，不可避免，只會在盡可能減少用戶反感或抗拒的情況下自然出現(xiàn)。

優(yōu)酷APP用了一種較為新奇的方式植入廣告，基于很多用戶在看視頻時都有開彈幕的習(xí)慣，直接將廣告穿插在了彈幕區(qū)域，每間隔幾分鐘就會推送一條，跟隨彈幕一起流動，毫無違和感。雖然廣告植入會引起用戶的反感，但以彈幕的方式出現(xiàn)，并未占用額外空間及打擾用戶觀看視頻，很大程度上降低了對用戶的打擾及觀看視頻的沉浸體驗，增加了用戶對廣告的接受程度，如果對某個廣告感興趣，點擊后面的入口即可直接跳轉(zhuǎn)對應(yīng)的內(nèi)容頁面。

004.「QQ」發(fā)送圖片-便捷的交互路徑

產(chǎn)品體驗：

在QQ聊天對話框，點擊工具欄的圖片入口調(diào)出相冊，按住想要發(fā)送的圖片并往上拖動，松手即可發(fā)送。

設(shè)計思考：

我們下載到手機(jī)的APP，大部分在首次打開時都會彈出一系列的系統(tǒng)權(quán)限，比如相冊、相機(jī)、位置、網(wǎng)絡(luò)...等，社交類型的更是不必多說，基于應(yīng)用本身的性質(zhì)，相冊、相機(jī)及通訊錄類型的權(quán)限都是必備開啟狀態(tài)，以便于在使用過程中的圖片、視頻交流。

QQ開啟相冊權(quán)限后在用戶體驗上更是舉一反三，用戶在聊天過程中如果有使用圖片的需求，點擊后，系統(tǒng)會將手機(jī)最近保存的50張圖片，按照時間的先后順序以完整縮略圖的方式直接顯示在聊天界面的工具欄下方，用戶只需按住想要選擇的圖片并往上拖動，松手即可發(fā)送，非常方便，免去了常規(guī)的觸發(fā)跳轉(zhuǎn)頁面調(diào)取相冊的多步驟操作，且有效降低聊天過程中因頁面跳轉(zhuǎn)帶來的沉浸式的視覺思路阻斷，優(yōu)化了操作路徑，提升產(chǎn)品的易用性。

005.「美團(tuán)」減少一步操作、提升一級體驗

產(chǎn)品體驗：

在美團(tuán)訂單列表頁面，單擊其中一個訂單從右側(cè)向最左側(cè)滑動，即可出現(xiàn)彈出提示，點擊刪除完成操作。

設(shè)計思考：

刪除操作，我們一點也陌生，大部分出現(xiàn)在列表類型的頁面。早期智能設(shè)備的刪除入口基本都是通過右上角編輯或單個內(nèi)容區(qū)域明顯的刪除圖標(biāo)入口以完成對應(yīng)的刪除需求。后來，也不乏一些應(yīng)用為了節(jié)省頁面空間，去掉了明面上的刪除入口，通過長按交互操作來完成刪除流程，但時至今日，并不廣為人知。

美團(tuán)APP的訂單列表，只需將單個內(nèi)容從右滑至最左側(cè)，從自動出現(xiàn)的彈窗中完成刪除操作。其實這種交互方式在目前看來并不新鮮，基本普及了，但關(guān)注細(xì)節(jié)的用戶會發(fā)現(xiàn)，大部分APP內(nèi)容的刪除，都是在左滑之后調(diào)出刪除入口，需點擊之后才彈出確認(rèn)框，繼而完成刪除。美團(tuán)APP則是在用戶有明確刪除需求的情況，從右至左大區(qū)域滑動并自動觸發(fā)刪除入口，省去點擊觸發(fā)彈窗的操作步驟，正所謂移動界面、體驗至上，減少一步操作，就能提升一級體驗。

（除了需要對用戶的刪除操作做出挽留、有營銷的多功能隱藏入口外，如無明確需求，建議省略左滑后需要再次點擊觸發(fā)彈窗的這一步操作）

006.「京東」搜索框-觸發(fā)用戶轉(zhuǎn)化動機(jī)的占位符

產(chǎn)品體驗：

京東搜索框的占位符，會根據(jù)用戶曾經(jīng)搜索或查看過的商品關(guān)鍵詞進(jìn)行提示，每2秒鐘切換一次，以便提醒用戶再次查找之前可能想購買的的商品。

設(shè)計思考：

占位符就是在輸入框中占住一個固定的位置，然后用戶可以根據(jù)文案描述或提示語來明確每個表單輸入框應(yīng)當(dāng)填什么內(nèi)容，并且能夠促進(jìn)表單輸入完成和提高轉(zhuǎn)化率所存在的一個元素。最為常見的就是“請輸入xxx”一段提示性質(zhì)的文案，但如果把占位符的作用僅限于此，那就太浪費資源了。

京東APP搜索框的占位符開啟了自動搜索建議機(jī)制，不僅展示了平臺主推、熱門等部分商品的關(guān)鍵詞，還通過動態(tài)預(yù)測用戶查詢方向，曾經(jīng)搜索或瀏覽過的商品關(guān)鍵詞會替代占位符給予用戶提示。比如用戶搜索或購買過狗糧，后續(xù)進(jìn)入APP，系統(tǒng)就以占位符的方式推薦跟小狗相關(guān)的商品，比如狗窩、驅(qū)蟲藥、罐頭等，雖然不能直接進(jìn)行搜索，但足以喚醒無目標(biāo)用戶的購物記憶，幫助用戶明確購物需求，以便用于迅速作出決策、執(zhí)行操作，起到提升下單轉(zhuǎn)化的推動作用。

007.「騰訊視頻」付費片-試看6分鐘的激進(jìn)小心思

產(chǎn)品體驗：

觀看騰訊視頻付費影片，可免費試看6分鐘，時間到了會自動暫停并彈出付費渠道彈窗，付費/放棄觀看二選一。

設(shè)計思考：

廣告和影片付費對視頻類型的應(yīng)用來說，是兩個非常重要的盈利渠道。平臺除了日常的維護(hù)費用外，且不說影片的質(zhì)量怎么樣，單是購買版權(quán)就是很大一筆費用，所以收費也是合情合理，用戶通?？梢酝ㄟ^購買單片或開通平臺VIP觀看付費影片。使用過騰訊視頻的用戶都知道，付費影片可以免費試看6分鐘，那么為什么不是直接放在付費區(qū)域，只對付費用戶開放呢？

騰訊視頻的試看其實相當(dāng)于打開用戶的潘多拉魔盒，大部分影片6分鐘基本已初入劇情，能吊足胃口，激發(fā)用戶看下去的興趣，如果用戶不喜歡，也有自己選擇的權(quán)利。通過一小段的試看把付費片的部分價值明確告知用戶，用細(xì)節(jié)不斷觸達(dá)用戶心智，達(dá)到吸引用戶、引導(dǎo)用戶轉(zhuǎn)化目的。另外，很多用戶都傾向于回報別人的好意，投之以木桃，報之以瓊瑤，通過免費時間段的觀看，礙于面子心理，也有可能觸發(fā)用戶的付費動機(jī)（這個不難理解，比如我們路過某個熟人的水果攤，每次都會叫我們?nèi)L一下，久而久之，即使沒有購買需求，礙于面子，多少也會買一點），從而形成轉(zhuǎn)化，為平臺帶來收益。

008.「高德地圖」模擬現(xiàn)實事物運行規(guī)律的微交互

產(chǎn)品體驗：

高德地圖規(guī)劃路線后，選擇出行方式時，用模擬現(xiàn)實事務(wù)的微動效圖標(biāo)+文案提示對應(yīng)的出行方式，直觀且趣味的表現(xiàn)方式更有代入感。

設(shè)計思考：

我們經(jīng)常在網(wǎng)上看到這樣的問題“高德地圖與百度地圖到底哪個好用”，準(zhǔn)確的說是各有千秋，高德地圖用戶略多于百度地圖，若論起用戶使用體驗，兩家的應(yīng)用一點都不含糊。在導(dǎo)航軟件作為用戶出行必備軟件之一的今天，不僅僅是認(rèn)路，更是用戶在外吃、喝、玩、樂的一款綜合體，其用戶體驗一直都是企業(yè)研究的重點。

使用高德地圖選擇出行時，出行方式圖標(biāo)以模擬現(xiàn)實事物的運行規(guī)律， 利用現(xiàn)有認(rèn)知，幫助用戶輕松掌握界面的使用方式，縮短對出行方式的理解時間， 的降低用戶的學(xué)習(xí)成本。同時圖標(biāo)動效的展現(xiàn)方式，能增加趣味性、以及用戶對于界面功能直接操縱的感知，降低操作難度，用情感化方式的表現(xiàn)，提升用戶粘性。

009.「網(wǎng)易云音樂」定制您的專屬首頁

產(chǎn)品體驗：

在網(wǎng)易云音樂首頁，將頁面向上滑至底部，進(jìn)入自定義排序功能，即可定制用戶自己喜歡的專屬首頁樣式以及功能模塊的先后順序。

設(shè)計思考：

很多設(shè)計團(tuán)隊都深知用戶體驗至上的道理，但一個應(yīng)用界面的交互及展現(xiàn)樣式不管以何種方式呈現(xiàn)，都不可能滿足所有用戶的需求，只能在不斷追求細(xì)節(jié)的基礎(chǔ)上來滿足更多用戶。首頁自定義在一些部分較為個性化的APP上已經(jīng)不足為奇了，即根據(jù)用戶自身的需求，去修改系統(tǒng)、官方提供的頁面內(nèi)容及先后順序。不過在眾多APP的首頁自定義功能的認(rèn)知里，都是對頁面的原有功能進(jìn)行增減及自定義排序。

在網(wǎng)易云音樂APP版本的首頁底部也增加了自定義排序功能入口，不同于其他APP頁面自定義的是除了能對現(xiàn)有功能進(jìn)行增減及排序外，還特別定制了三種不同設(shè)計樣式的呈現(xiàn)以供用戶選擇，相當(dāng)于用戶隨時都可以對首頁進(jìn)行改版。不用的用戶都有不同的視覺瀏覽及操作喜好，比如大卡片、九宮格、操作熱區(qū)的范圍等，網(wǎng)易云音樂通過提供不同的首頁樣式可以滿足更多用戶的需求，提供更愉快的使用體驗，增強(qiáng)用戶的信任感，即多滿足一個用戶就可能多留住一群用戶，降低了用戶流失概率。

010.「夸克瀏覽器」關(guān)鍵詞-提前預(yù)知用戶的需求

產(chǎn)品體驗：

使用夸克瀏覽器搜索相關(guān)內(nèi)容時，系統(tǒng)會自動檢索關(guān)鍵詞，并將關(guān)鍵詞對應(yīng)的常見內(nèi)容結(jié)果以卡片樣式展示給用戶，隨著關(guān)鍵詞的變化，匹配的內(nèi)容也隨之改變。

設(shè)計思考：

說到瀏覽器的作用，想必大家腦海里的第一印象就是搜索，將自己不明白的東西通過搜索引擎從互聯(lián)網(wǎng)大數(shù)據(jù)中自動匹配出海量的相關(guān)數(shù)據(jù)鏈接，提供的信息量非常龐大，包含各色各樣的新聞、問答、文章，可以說一應(yīng)俱全，涵蓋一切，其各種瀏覽器的搜索操作方式大同小異，基本都是通過輸入關(guān)鍵詞，然后點擊搜索出結(jié)果。

夸克瀏覽器在用戶搜索的操作（點擊搜索之前）過程中，增加了一個細(xì)節(jié)，即“行為預(yù)判”，通過用戶輸入的關(guān)鍵詞，提前預(yù)知用戶可能想要查找的內(nèi)容，以簡介的方式呈現(xiàn)，給用戶提供一個快捷通道，加深用戶對此關(guān)鍵詞條的認(rèn)知，快速判斷出是否滿足自己的需求。系統(tǒng)所匹配的卡片式內(nèi)容簡介是通過數(shù)據(jù)庫長時間的數(shù)據(jù)分析，提取其中較為共性、常見的內(nèi)容來反映用戶可能出現(xiàn)的興趣與需求，并合理挖掘使用，通過引導(dǎo)便于用戶快速識別并點擊，縮短輸入時間，還能解決用戶對關(guān)鍵詞組織不清晰、邏輯不清的用戶給與指導(dǎo)，提升產(chǎn)品的易用性。

011.「快手」剛剛看過-貼心的用戶提醒

產(chǎn)品體驗：

從快手“精選”欄目進(jìn)入用戶主頁，在作品列表將所瀏覽過的視頻上標(biāo)記剛剛看過，避免重復(fù)點擊觀看。

設(shè)計思考：

身處移動互聯(lián)網(wǎng)浪潮之中，我們不難發(fā)現(xiàn)，如今的短視頻把用戶的卷入和參與推向了一個新高度，尤其是生活在大城市高度壓力下的年輕用戶群。學(xué)累了，就想刷個小視頻放松下，真以為然后就能集中精力再去學(xué)習(xí)？其實都是在扯淡，總覺得接下來的某個視頻會有種奇異的魔力，一刷就停不下來，就好比在無邊無際的海洋中，越喝越渴，別說自身難以碎片化學(xué)習(xí)，就連老人和小孩都帶進(jìn)來了。抖音和快手作為目前短視頻的代表，都有著龐大的用戶群，在用戶需求基本都能滿足的條件下，其戰(zhàn)略方向準(zhǔn)確的基礎(chǔ)上，誰的用戶體驗最好，誰就是最后的贏家。

快手APP雖然被后來者抖音趕超，但在用戶體驗上從未含糊過。細(xì)心的用戶可能會發(fā)現(xiàn)，在用戶主頁的作品列表中，剛剛看過的短視頻做作了提醒標(biāo)記，告知用戶少走冤路，避開已看過的短視頻，可以避免用戶因重復(fù)點擊觀看而浪費時間，且在非WiFi環(huán)境下，還能節(jié)約用戶的數(shù)據(jù)流量，這個提示算是很貼心了。

012.「騰訊視頻」VIP欄目-免費營銷策略轉(zhuǎn)化用戶

產(chǎn)品體驗：

騰訊視頻VIP欄目中的電視劇，基本都可以免費看前面的幾集，然后根據(jù)劇情的發(fā)展程度，從免費變成付費，未完結(jié)的電視劇還可以通過二次付費進(jìn)行超前點播。

設(shè)計思考：

免費的東西人人都喜歡，古今中外大都如此，免費策略營銷也因此有強(qiáng)大的生命力。但互聯(lián)網(wǎng)應(yīng)用如若完全免費，不具商業(yè)性，可能連基本的日常生活都難以維持。大家都知道，會員付費是影視類應(yīng)用盈利的一大來源，但用戶對付費造成自己財產(chǎn)損失有種天然的抗拒，通常電視劇都提供幾集免費觀看，然后才硬性要求開通VIP。

視頻類應(yīng)用大都如此，這里以騰訊視頻為例。不難發(fā)現(xiàn)，付費區(qū)不同的電視劇，其免費觀看的集數(shù)不同，這并不是隨意設(shè)定，而是根據(jù)劇情的發(fā)展程度，在某個“高潮”即將迭起的那一集開始收費，通過免費階段的觀看，對用戶產(chǎn)生一定的吸引，勾起想要看下去的欲望，從而出現(xiàn)付費動機(jī)以促成用戶開通VIP。這其中還有一部分互惠原則存在，即給用戶免費一部分之后，降低用戶付費的心理負(fù)擔(dān)，提高對費用的接受程度，來而不往非禮也。針對未完結(jié)的電視劇，如果熱度較高，在用戶的觀看欲望高漲之際抓住機(jī)會點，通過二次付費提供超前點播，用戶也隨之接受。不管是強(qiáng)制VIP還是二次付費點播，其都需要在合適的時間、合適的地點予以合理的出現(xiàn)，才有利于的轉(zhuǎn)化用戶。

013.「支付寶」城市天氣-不僅僅是天氣預(yù)報

產(chǎn)品體驗：

支付寶首頁左上角城市下方提供了天氣狀況，進(jìn)入切換地區(qū)頁面，會展示當(dāng)前城市最近幾天的天氣情況。

設(shè)計思考：

隨著支付功能的普及，幾乎也成了每天都會打開的引用，它集合了我們的衣食住行，以前出門不能忘了帶錢包，而現(xiàn)在只需要一部手機(jī)就能搞定一切。雖然功能眾多，但對大部分用戶來說，最主要還是歸結(jié)于支付功能，除了部分線上支付外，就是線下支付了，顧名思義，線下即涉及用戶的出行。

支付寶首頁城市下方的天氣預(yù)報，為用戶提供了貼心的提醒，便于有出行需求的用戶根據(jù)天氣狀況的程度決定是否必須出行或準(zhǔn)備出行的必備物品。同時支付寶集合人們的生活服務(wù)，即使用戶放棄出行，部分事情也可以通過支付寶線上解決，比如外賣、購物等。

014.「躺平」趣味化的下拉刷新樣式

產(chǎn)品體驗：

躺平APP在頁面下拉刷新時，會出現(xiàn)一個倒掛俯沖的“小人兒”動效結(jié)合情感化設(shè)計，趣味且引人注目。

設(shè)計思考：

下拉刷新是APP不可缺少的功能，十分常見，主要從品牌、功能、驚喜、運營、反饋五個維度結(jié)合情感化設(shè)計。在頁面下拉刷新的時候，整個頁面也會跟著下移，待頁面數(shù)據(jù)加載完成，頁面會恢復(fù)到初始狀態(tài)，在這中間就存在一個時間差，一個好的下拉刷新樣式，能讓用戶通過時間差享受到趣味化的視覺體驗及減少等待過程中的焦慮感。

躺平APP下拉刷新使用了品牌IP插圖，從外觀視覺上是給用戶打造品牌印象，倒掛俯沖的“小人兒”動效結(jié)合情感化設(shè)計，趣味化的用戶體驗，能在產(chǎn)品特性上帶給用戶驚喜，勾起回憶，通過視覺跟用戶進(jìn)行情感互動。

015.「滴滴打車」添加途經(jīng)點-解決位置不統(tǒng)一的情況

產(chǎn)品體驗：

使用滴滴出行叫車，用戶在行程前輸入目的地時，點擊右側(cè)“+”符號添加最多不超過三個途經(jīng)點。司機(jī)將按照乘客預(yù)先設(shè)定多個“途經(jīng)點”，把多個乘客送達(dá)預(yù)定位置，每個途經(jīng)點的停留時間不超過3分鐘。

設(shè)計思考：

打車模式從之前的線下出租車轉(zhuǎn)戰(zhàn)到線上，誕生的了很多叫車平臺，其用的最多、知名度最高的當(dāng)屬滴滴出行，線上叫車服務(wù)給我們的出行帶來的極大的便利。不知道大家有沒有碰到過這種情況，幾個人一起叫車但下車點不同，等到需要時可能會跟司機(jī)發(fā)生不必要的糾紛或不愉快的出行。多個人的上車點不同，但終點一樣，也會被迫每人都要叫車，因此需要付出更多的金錢成本。

滴滴出行APP的添加途經(jīng)點功能，完美的解決的多個用戶出行的這種煩惱。途經(jīng)點旨在滿足多人共同乘車、個人多點出行等場景下多目的地經(jīng)停的需求，減少口頭溝通帶來的誤解與不便。途經(jīng)點可以為乘客停車3分鐘，不用額外收費，如乘客需要在某個地點長時等待，則需與司機(jī)溝通達(dá)成一致即可，隨著此功能的上線，滴滴出行為用戶提供了更為便捷的打車體驗。

文章來源：站酷  作者：大漠飛鷹CYSJ

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

完美，不是因為沒有什么可以增加，而是沒有什么可以減少。

創(chuàng)建美觀、可用和的 UI 界面需要花費時間進(jìn)行設(shè)計細(xì)節(jié)的打磨，本文從視覺和情感化設(shè)計兩個方面來說說如何提升 UI 設(shè)計的高級感。

視覺元素

在互聯(lián)網(wǎng)產(chǎn)品日趨成熟的今天，你會發(fā)現(xiàn)所有的 App 越來越像，似乎是同一套模版設(shè)計出來的產(chǎn)品。而這種普適化的設(shè)計會導(dǎo)致同質(zhì)化嚴(yán)重，使得設(shè)計不精致，產(chǎn)品沒有氣質(zhì)和品牌感。一個 App 設(shè)計是否精致，是否富有設(shè)計感，在于它的細(xì)節(jié)，這就意味著我們在進(jìn)行設(shè)計的時候，要從細(xì)微之處著手，從多方面去鉆研如何創(chuàng)造出打動人心的 UI 設(shè)計。本節(jié)總結(jié)了 12 個簡單直觀的提升設(shè)計感的小細(xì)節(jié)，一起來學(xué)習(xí)。

1. 使用顏色深淺構(gòu)建層次結(jié)構(gòu)

在對 UI 文本進(jìn)行樣式控制的時候，最常見的錯誤莫過于過度依賴字體大小差異來營造對比。單純使用字體大小對比，所營造的對比并不夠，嘗試結(jié)合色彩和字重來營造更好的對比效果。

每種顏色都有一個視覺權(quán)重，這有助于在內(nèi)容中建立層次結(jié)構(gòu)。通過使用顏色的深淺，為元素賦予不同的重要性。如果可以的話，你甚至可以采用兩到三種顏色：

• 主要內(nèi)容使用深灰色（諸如標(biāo)題，但是不要用純黑）
• 次要內(nèi)容使用灰色（比如商品介紹）
• 輔助性內(nèi)容采用淺灰色（比如發(fā)布日期）

類似的，在 UI 設(shè)計的時候，通常兩種不同的字重足以營造出優(yōu)秀的層次感：

大多數(shù)的文本采用正常的字重（400 到 500，具體取決于字體）

對于需要強(qiáng)調(diào)的文字采用較重的字重（600 到 700，具體取決于字體）

△ 主標(biāo)題字重為600，其他標(biāo)綠點的文字字重都為400

應(yīng)當(dāng)盡量不要讓正文部分字重低于 400，因為這一部分字體本身尺寸已經(jīng)較小，低于 400 會使得可讀性不佳。如果你依然需要降低字重，那么不妨讓字體色彩更淺一點，或者替換成其他識別度較強(qiáng)、字重相對較小的字體。

灰色文字在無彩/彩色背景下要分開處理

不要在有色背景上使用灰色的文本，在白色背景下，將黑色的文本改成灰色（或者在黑色背景下使用灰色文本），是不錯的淡化其視覺效果的做法。

但是在彩色背景下，想要降低和背景色之間的對比，通常有兩種方法：

一是降低白色文本的不透明度；二是讓文本逐步接近背景色，而不是改為灰色。

△  左圖設(shè)計師職位信息為白色文字降低不透明度，右圖為和背景同色相的顏色

其次當(dāng)涉及長篇內(nèi)容時，大面積的深色粗體字會給人一種沉重感，而且很跳躍。通過選擇類似深灰色（#4F4F4F）這樣的顏色可以很容易地解決這個問題，使文字更容易被識別。

2. 統(tǒng)一色調(diào)

選擇一種基礎(chǔ)色，再調(diào)整色調(diào)和顏色深淺來增加均衡。設(shè)計時避免用過多的顏色。如果項目允許，只需使用固定的色板，通過調(diào)整基礎(chǔ)色的飽和度和明度，利用這種簡單的方式為設(shè)計增加一致性。

3. 干凈的陰影

陰影是 UI 設(shè)計中最常見的視覺表現(xiàn)手法，它可以增加元素的深度，使其從背景中脫穎而出，引起用戶的注意力，同時也能增強(qiáng)畫面的視覺層次感。相比于采用大范圍的擴(kuò)散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營造的陰影效果。

這種輕柔的陰影呈現(xiàn)出的干凈，增加了畫面的精致。如果陰影的范圍太小或顏色太深，位置也沒有偏移，而是聚集在元素的四周，就會讓畫面更加扁平，讓視覺變得厚重，呈現(xiàn)出不精致的畫面感。

陰影不一定是黑色的，還有一種擴(kuò)散陰影是模擬元素本身的顏色投射在背景上，由于陰影與元素的色調(diào)一致，因此呈現(xiàn)出十分融洽的畫面感。在 UI 設(shè)計中，這種手法不宜過多使用，否則呈現(xiàn)出的各種色彩搭配會讓人眼花繚亂。

4. 個性的圖標(biāo)設(shè)計

合格的設(shè)計師能夠繪制風(fēng)格統(tǒng)一的圖標(biāo)，而優(yōu)秀的設(shè)計師能夠創(chuàng)造風(fēng)格獨特的圖標(biāo)。我們能否在追求大小一致，圓角一致，線寬一致和配色一致的同時，為它的視覺表現(xiàn)力加入更多的創(chuàng)意呢？例如下面這組圖標(biāo)設(shè)計，無論是在圖形上的創(chuàng)新，還是顏色搭配上都呈現(xiàn)出無與倫比的創(chuàng)意。

標(biāo)簽欄作為一個 App 的全局導(dǎo)航起著至關(guān)重要的作用，它的設(shè)計影響著整個產(chǎn)品的視覺風(fēng)格。通常，大多數(shù) App 都是使用 iOS 規(guī)范的設(shè)計樣式（默認(rèn)灰色，選中填充品牌色），這樣的設(shè)計太普通，太常見了。要想讓標(biāo)簽欄圖標(biāo)設(shè)計精致和富有個性，可以豐富每一個選中態(tài)圖標(biāo)的視覺表現(xiàn)，例如給圖標(biāo)加上背景和表情，即顯得生動有趣，又增加了用戶的好感，給人留下深刻的印象。

3D 立體圖標(biāo)設(shè)計是近幾年來的流行趨勢，看上去十分精致、華麗，但是看久了會讓人產(chǎn)生輕微的視覺疲勞，同時因其復(fù)雜的結(jié)構(gòu)會增加用戶的認(rèn)知成本。一般在外賣美食類應(yīng)用中比較常見。

5. Tab 的設(shè)計感

Tab 是 App 設(shè)計中最常見的控件之一，它源自 Material Design 的設(shè)計規(guī)范。現(xiàn)在很多 iOS 產(chǎn)品當(dāng)中也開始使用這種導(dǎo)航欄樣式來進(jìn)行設(shè)計，而原本屬于 iOS 規(guī)范當(dāng)中的分段選擇器變得不那么常見了。

在視覺表現(xiàn)形式上，Tab 和標(biāo)簽欄同樣也分為選中態(tài)和未選態(tài)，它的設(shè)計較為簡單，通常是使用一組文字標(biāo)簽，通過顏色或在標(biāo)簽下加上小長條來區(qū)分兩者的狀態(tài)。因為它簡單，卻越難設(shè)計出彩，要發(fā)揮極大的設(shè)計想象力，跳脫出設(shè)計規(guī)范的限制，才能找到完美的方案。例如蝦米音樂的 Tab 選中態(tài)是一段音頻波線，再配合文字的大小對比，一個富有設(shè)計感又符合產(chǎn)品特征的 Tab 就被創(chuàng)造出來了。

我們還可以從品牌基因中獲取靈感，品牌作為用戶熟知的形象是個絕佳的來源。從品牌形象中提取具有獨特氣質(zhì)的視覺富豪作為 Tab 選中態(tài)的小長條，這樣就建立起視覺上的聯(lián)系，讓用戶產(chǎn)生由內(nèi)而外的一致感受。例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到 Tab 的設(shè)計上，既讓界面視覺，又進(jìn)一步強(qiáng)化了用戶對品牌形象的認(rèn)知。

6. 無框設(shè)計 去繁從簡

在 UI 設(shè)計中，有許多的裝飾元素，如卡片的邊框、列表的分割線等，雖然邊框，分割線是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設(shè)計感降低，或多或少都會干擾用戶瀏覽的視線，讓信息內(nèi)容失去注意力，因此可以減少不必要的裝飾元素。我們可以通過以下幾個方法來劃分元素的視覺層次，讓畫面變得干凈，整齊：

使用陰影

陰影同樣可以營造出邊界感，而且相比邊框分割線更加微妙，并不會顯得突兀，不會分散用戶的注意力，讓內(nèi)容更聚焦。

使用不同的背景色來區(qū)分

通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進(jìn)行區(qū)分。所以，你所需要做的就是在不同的區(qū)塊采用不同的背景色，并且嘗試刪除分割線，因為你根本不需要它。

增加額外的留白

創(chuàng)建元素之間的分離效果，并不一定要通過線框來表現(xiàn)，只要增加留白，讓它們分隔開就行了。通過留白和間距來實現(xiàn)元素分組是 UI 設(shè)計中的常用手法。

7. 統(tǒng)一設(shè)計元素

在 App 中的每一個界面都有許多元素，那些同類的元素應(yīng)保持統(tǒng)一的設(shè)計樣式。通常個人中心的標(biāo)簽欄圖標(biāo)是一個人形剪影，它代表著用戶，因此可以在展示用戶頭像和用戶形象的界面中延續(xù)使用。如果圖形擁有獨特的外觀，如橢圓矩形，也可以作為視覺符號的一種，延續(xù)到其他界面中，成為圖形或按鈕的外觀。這樣，整個界面就被統(tǒng)一的設(shè)計元素聯(lián)系起來了，給用戶始終如一的一致感。

8. 符合產(chǎn)品氣質(zhì)的字體

選擇符合產(chǎn)品氣質(zhì)的字體，可以與產(chǎn)品的定位相吻合，傳遞給用戶正確的情感意識。雖然默認(rèn)字體可以滿足大多數(shù) App 的設(shè)計需求。但會出現(xiàn)一個問題就是，系統(tǒng)字體的普適性并沒有什么特色，在一些特定的情境下就顯得收效甚微。例如在運動類 App 中更適合粗壯的斜體來傳遞力量、爆發(fā)力、速度的感覺，換成系統(tǒng)字體后，整體感覺在氣勢上就變?nèi)趿撕芏唷?

9. 第三方圖標(biāo)風(fēng)格統(tǒng)一

大多數(shù) App 都支持三方登陸，他可以減輕用戶注冊的時間成本。通常是在注冊登陸頁的底部展示第三方圖標(biāo)入口，這也是設(shè)計師最常忽略的內(nèi)容，往往是直接將第三方圖標(biāo)調(diào)整一致大小和擺放整齊位置，沒有針對它們再設(shè)計。一個設(shè)計精致的 App 不應(yīng)漏過任何的細(xì)節(jié)，我們可以以自家 App 的圖標(biāo)風(fēng)格為依據(jù)，對第三方圖標(biāo)進(jìn)行優(yōu)化設(shè)計。

10.  圖片中尋找色彩

App 中優(yōu)美的圖文設(shè)計，能帶給用戶如沐春風(fēng)的視覺享受，它非常重要。我們經(jīng)常看到文字疊加在圖片背景上的設(shè)計樣式，為了減少復(fù)雜圖片背景對文字的干擾，通常的做法是疊加半透明度的黑色蒙版，讓白色文字清晰可見，但這不是最優(yōu)的辦法。我們可以從圖片中提取主色調(diào)用于疊加背景的填充色，這樣就使文字、色塊和圖片融入到一起了，畫面變得高級和富有設(shè)計感。

11. 提高圖片質(zhì)量

圖片的質(zhì)量影響著整個 App 的格調(diào)和用戶的情緒，高品質(zhì)的圖片給人愉悅的視覺享受，產(chǎn)生美好的聯(lián)想。而低品質(zhì)的圖片會瞬間拉低 App 的質(zhì)感。在 App 設(shè)計中，一張漂亮的圖片從收集到上線，需要經(jīng)過裁剪，調(diào)色等過程才能被使用。即使是普通的商品圖片，我們將它摳圖后調(diào)整成統(tǒng)一大小，再加上干凈的背景，就能立刻提升商品的美感，界面視覺也會變得美觀、整潔。

12. 卡片式設(shè)計

現(xiàn)在的 UI 界面設(shè)計中，卡片式設(shè)計已經(jīng)是一種非常常見的設(shè)計形式，它有利于信息分層和整合，劃分出更加清晰的組織結(jié)構(gòu)，實現(xiàn)復(fù)雜內(nèi)容的簡化處理，提高空間利用率。同時卡片式設(shè)計通常很依賴視覺元素，很強(qiáng)的視覺元素正是卡片式設(shè)計的一種優(yōu)勢，也是提升設(shè)計品質(zhì)感的良方。

情感化設(shè)計

心理學(xué)認(rèn)為，情感是人對客觀事物是否滿足自己的需求而產(chǎn)生的態(tài)度體驗。只有當(dāng)產(chǎn)品觸及到用戶的內(nèi)心時，使他產(chǎn)生情感的變化，那么產(chǎn)品便不再冷冰冰，他透過眼前的東西，看到的是設(shè)計師為了他的使用體驗，對每一個魔鬼細(xì)節(jié)的用心琢磨，人們會產(chǎn)生愉快、喜愛和幸福的情感。情感化設(shè)計并不是轟轟烈烈，有時候僅僅一句文案、一幅插圖、一個動畫就能打動人心，使用戶獲得愉悅的使用體驗。讓設(shè)計變得高級不僅僅是視覺層面，這些簡單而美好的設(shè)計細(xì)節(jié)充滿了積極情緒，它是滿足產(chǎn)品的功能性和易用性之后，追求更高層次的目標(biāo)。

1. 提示性文字

語言是情感化設(shè)計最直接的利器，擬人化的對白相比冰冷的話語更能獲得用戶的好感，賦予產(chǎn)品的新的生命力。例如 App 那些 push 推送通知，因為用戶每天收到的 PUSH 實在是太多了，早已心如止水！這個時候，你就需要一條成本低、效率高的 PUSH 文案，去撩動用戶主子們的心。將原本對用戶的打擾變成一種逗趣，讓人看到會心一笑。

2. 下拉刷新

下拉刷新是用戶在 App 使用中經(jīng)常進(jìn)行的操作，常見的下拉刷新設(shè)計是圖標(biāo)加文字的形式，這種設(shè)計簡單、直觀，但毫無設(shè)計感，不能引發(fā)用戶任何的情緒。

下拉刷新是一種臨時狀態(tài)，豐富它的設(shè)計細(xì)節(jié)不會造成與產(chǎn)品界面的格格不入，相反，一個富有設(shè)計感的下拉刷新設(shè)計能讓產(chǎn)品獲得用戶的好感。例如 uc 頭條在下拉刷新時會蹦出一只奔跑的小鹿，暗示正在快馬加鞭的加載新內(nèi)容，小鹿形象延續(xù)了品牌 logo。作為資訊類產(chǎn)品，內(nèi)容更新速度至關(guān)重要，奔跑的小鹿正好隱喻了這一點。用戶也在這種快樂的情緒中對產(chǎn)品產(chǎn)生好感，瞬間就讓下拉刷新變得生動有趣。

3. 頭像設(shè)計

個人中心頁與用戶信息密切相關(guān)，用戶的虛擬形象在這里得以展現(xiàn)，常見的設(shè)計是一個用戶頭像加登陸文字的形式，這種默認(rèn)的頭像設(shè)計無法得到用戶的認(rèn)同感。

現(xiàn)在很多的產(chǎn)品已經(jīng)放棄了死板的默認(rèn)頭像，給用戶更多的選擇。賦予產(chǎn)品一些人格魅力，可以讓產(chǎn)品富有生命力，消除人機(jī)界面的冰冷交互，幫助用戶和產(chǎn)品建立友好的聯(lián)系。例如美團(tuán)外賣和躺平，它們各自的身份都代表了產(chǎn)品的氣質(zhì)和用戶的屬性，讓用戶產(chǎn)生一種身份的認(rèn)同感。

4. 缺省頁化解負(fù)面情緒

通常狀態(tài)是，當(dāng)前頁面沒有內(nèi)容或無網(wǎng)絡(luò)狀態(tài)下出現(xiàn)的頁面。常見的設(shè)計是圖標(biāo)加提示文字的形式，這種簡陋的設(shè)計會給用戶心理造成很大的落差，陷入負(fù)面情緒中。情感化設(shè)計在此時就可發(fā)揮巨大的作用，它通過設(shè)計手段來減輕用戶在看到一個毫無內(nèi)容的界面時所產(chǎn)生的挫敗感。 設(shè)計師可發(fā)揮的空間很大，根據(jù)產(chǎn)品屬性和品牌延展圖形，結(jié)合動效或插畫等情感化設(shè)計，可以很好的豐富頁面內(nèi)容。例如躺平的空白頁呈現(xiàn)出一種賤萌的場景，讓用戶會心一笑，使產(chǎn)品充滿了趣味性。

5. 標(biāo)簽欄微動效

情感化設(shè)計變得越來越豐富，圖標(biāo)設(shè)計上升至可以展示動畫效果。通過動效的使用，標(biāo)簽欄切換變得不再死板。用戶在頻繁切換頁面時，不再覺得單調(diào)。精心設(shè)計的動態(tài)效果，能夠緩解用戶等待時焦躁的心情，從心理上縮短用戶等待時長，讓品牌更加深入人心。

6. 模擬用戶行為

如果一個產(chǎn)品可以模擬用戶的行為，將用戶代入真實的情境中，用戶就會對產(chǎn)品產(chǎn)生深刻的認(rèn)同感。例如「潮汐」會根據(jù)時間場景和季節(jié)變化，播放不同的背景音樂來營造氛圍。雨聲、雷聲、風(fēng)聲、潮水聲等讓人時刻感受到身臨其境的情境。

情感化設(shè)計可以拉近用戶與產(chǎn)品之間的距離，在更深的層面體現(xiàn)出對人性的關(guān)懷，為人們帶去情感上的愉悅和感動。洞悉用戶的行為，換位思考去滿足用戶的需求，情感交流就產(chǎn)生了。例如當(dāng)你截屏了一張圖片，打開微信對話框時就會自動顯示這張圖片，提前預(yù)知了你發(fā)截圖的需求。

再例如很多觀眾都習(xí)慣了在電影結(jié)尾等彩蛋的習(xí)慣，因為很多時候坐在影院等彩蛋卻等來沒有彩蛋的結(jié)果只能白白浪費了時間。在「淘票票」上購買電影票時，你會發(fā)現(xiàn)影片詳情頁會有彩蛋提醒，告知你電影是否有彩蛋且彩蛋會出現(xiàn)在影片的什么位置。有了這個提示信息，就不必再為了不確定的彩蛋期待浪費時間啦。

7. 有趣的細(xì)節(jié)設(shè)計

俗話說：有趣的靈魂萬里挑一，可見有趣是可以引發(fā)交流進(jìn)而讓人們產(chǎn)生積極的情緒。 在 UI 設(shè)計中，有些有趣的設(shè)計是隱形的，需要用戶自己去發(fā)現(xiàn)，當(dāng)用戶找到這顆彩蛋時，就會獲得一份喜悅和樂趣，增強(qiáng)用戶對產(chǎn)品的探知欲。例如在電腦端打開 B 站的鬼畜區(qū)長按這個返回圖標(biāo) 10 秒左右，你會打開鬼畜區(qū)的新世界(⊙o⊙)（友情提示：記得戴上耳機(jī)或調(diào)小音量）其實長按「返回頂部」10秒后網(wǎng)頁下方會出現(xiàn)一條黑框提示「嘗試輸入字母，發(fā)現(xiàn)鬼畜秘密」。按照提示乖乖輸入字母就會出現(xiàn)鬼畜明星劃過你的屏幕！

有些有趣的設(shè)計又是顯性的，目的是讓用戶與產(chǎn)品引發(fā)交流從而產(chǎn)生積極的情緒。例如成為優(yōu)酷視頻會員，不僅可以尊享豐富的影視資源，還能讓自己的 ID 在發(fā)彈幕時使用劇集相關(guān)角色的頭像。帶角色扮演頭像的彈幕，讓發(fā)言更有劇集代入感。這個彩蛋的設(shè)置一方面強(qiáng)化了會員身份的尊貴感與特權(quán)性，一方面也豐富了彈幕區(qū)的多樣化，可謂一舉兩得了。

總的來說：UI 設(shè)計的“高級感”意味著在視覺層面要從細(xì)微之處著手，創(chuàng)造出精致富有設(shè)計感的畫面；另一方面要從情感化設(shè)計出發(fā)，使用戶與產(chǎn)品產(chǎn)生情感上的共鳴，獲得更高層次的使用體驗。

寫在最后

好的學(xué)習(xí)方式就是把日常積累的知識點匯總并講出來才能真正為自己所有，新的一年愿每位設(shè)計師都能繼續(xù)保持對設(shè)計&生活的激情和熱愛。希望這篇文章對你有所幫助。

文章來源：優(yōu)設(shè)網(wǎng)     作者：印跡

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