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

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

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

廢話不說，直接開干！

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

1. 為什么做問卷

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

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

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

問卷的目的

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

問卷的目的主要可以分為六個(gè)方面

1. 收集用戶信息

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

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

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

2. 滿意度

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

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

從問卷中收集用戶的心聲，明白槽點(diǎn)是什么。同時(shí)也收集用戶的好評，這也是激勵(lì)團(tuán)隊(duì)一個(gè)很好的方法，因?yàn)槭侵苯觼碜杂脩簟?

4. 體驗(yàn)優(yōu)化

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

5. 需求驗(yàn)證

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

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

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

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

問卷問題的分類

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

1. 是什么

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

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

2. 怎么樣

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

3. 怎么辦

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

設(shè)計(jì)問題需注意幾點(diǎn)

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

1. 敏感性問題

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

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

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

3. 問卷的順序

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

4. 問題長度

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

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

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

6. 選擇題枚舉要窮盡

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

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

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

8. 保持開放性

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

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

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

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

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

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

強(qiáng)制選擇非黑即白，大部分情況下沒什么意思，因?yàn)橛脩艨赡懿淮_定。這個(gè)問題本身也沒有太大價(jià)值，也會(huì)錯(cuò)過用戶一些比較有趣的回答。

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

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

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

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

所以，如果要知道特定環(huán)境下用戶的操作，則要配合合適的場景預(yù)設(shè)，并且是用戶熟悉的場景。或者可以直接問，今天你會(huì)如何如何

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

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

12. 其他

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

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

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

設(shè)定日程安排

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

日程安排中，要包括：

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

最后的話

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

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

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

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

為什么要寫這片文章？

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

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

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

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

微信是一款什么軟件？

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

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

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

在2014年的時(shí)候，微信1.0版本的時(shí)候，微信只有400萬用戶，而雷軍米聊有2000萬用戶，兩者的差距從微信3.0推出陌生人社交拉開，從推出微信支付功能開始徹底打敗了米聊。是因?yàn)槊琢氖侵皇窃谏缃?，而微信卻是在做連接；微信把社交看成一種信息流，從而把更多的信息流整合連接自己的體系內(nèi)；因?yàn)橐迅嗟男畔⒘髡系狡脚_(tái)上，于是微信變得越來越大，占用的內(nèi)存越來越多?？此朴幸鉃橹瑢?shí)則情非得已。另外說一句，雷軍貌似是在這次大戰(zhàn)之后學(xué)會(huì)了教訓(xùn)，并把這套戰(zhàn)略用在了小米身上，于是能看到你OPPO，ViVO把手機(jī)作為核心盈利產(chǎn)品，而小米卻只是把手機(jī)作為流量連接的入口，繼而發(fā)展出小米智能家居這一龐大的產(chǎn)業(yè)鏈。

所以你以為微信只是一款社交工具，但其實(shí)微信是連接信息流的流量平臺(tái)。

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

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

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

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

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

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

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

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

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

微信為什么推出視頻號？

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

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

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

為什么短視頻如此重要？因?yàn)樗芸赡苁俏磥硇畔⒘髦髁鞯妮d體。

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

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

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

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

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

微信能不能贏？

我覺得微信這次能贏，因?yàn)槿诵缘娜觞c(diǎn)推動(dòng)了互聯(lián)網(wǎng)的流量，但人性的光明構(gòu)筑了商業(yè)的文明。

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

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

微信選擇只做內(nèi)容承載和傳遞的載體，這就意味著微信不會(huì)去生產(chǎn)內(nèi)容，也不會(huì)去買內(nèi)容，并不會(huì)關(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)容。微信能這么做，是因?yàn)槠鋼碛芯薮蟮男畔⒘鳎凶銐虻哪芰θプ鲞@件事。

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

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

張小龍?jiān)诠_課中講到：未來直播可能變成一種很多人都在用的、個(gè)人表達(dá)方式。為什么？因?yàn)橹辈ツ軌驙I造場景。

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

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

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

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

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

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

總結(jié)

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

最后我想交付給你一句，也是梁寧老師交付給我的，一直觸動(dòng)鼓勵(lì)我堅(jiān)持下去的話：

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

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

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

前言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

觀看騰訊視頻付費(fèi)影片，可免費(fèi)試看6分鐘，時(shí)間到了會(huì)自動(dòng)暫停并彈出付費(fèi)渠道彈窗，付費(fèi)/放棄觀看二選一。

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

產(chǎn)品體驗(yàn)：

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

設(shè)計(jì)思考：

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

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

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

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

完美，不是因?yàn)闆]有什么可以增加，而是沒有什么可以減少。

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

視覺元素

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3. 干凈的陰影

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

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

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

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

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

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

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

5. Tab 的設(shè)計(jì)感

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

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

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

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

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

使用陰影

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

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

通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進(jìn)行區(qū)分。所以，你所需要做的就是在不同的區(qū)塊采用不同的背景色，并且嘗試刪除分割線，因?yàn)槟愀静恍枰?

增加額外的留白

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

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

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

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

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

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

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

10.  圖片中尋找色彩

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

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

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

12. 卡片式設(shè)計(jì)

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

情感化設(shè)計(jì)

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

1. 提示性文字

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

2. 下拉刷新

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

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

3. 頭像設(shè)計(jì)

個(gè)人中心頁與用戶信息密切相關(guān)，用戶的虛擬形象在這里得以展現(xiàn)，常見的設(shè)計(jì)是一個(gè)用戶頭像加登陸文字的形式，這種默認(rèn)的頭像設(shè)計(jì)無法得到用戶的認(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è)計(jì)是圖標(biāo)加提示文字的形式，這種簡陋的設(shè)計(jì)會(huì)給用戶心理造成很大的落差，陷入負(fù)面情緒中。情感化設(shè)計(jì)在此時(shí)就可發(fā)揮巨大的作用，它通過設(shè)計(jì)手段來減輕用戶在看到一個(gè)毫無內(nèi)容的界面時(shí)所產(chǎn)生的挫敗感。 設(shè)計(jì)師可發(fā)揮的空間很大，根據(jù)產(chǎn)品屬性和品牌延展圖形，結(jié)合動(dòng)效或插畫等情感化設(shè)計(jì)，可以很好的豐富頁面內(nèi)容。例如躺平的空白頁呈現(xiàn)出一種賤萌的場景，讓用戶會(huì)心一笑，使產(chǎn)品充滿了趣味性。

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

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

6. 模擬用戶行為

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

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

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

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

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

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

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

寫在最后

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

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

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