作為產(chǎn)品設(shè)計(jì)者，經(jīng)常遇到一個(gè)備受靈魂拷問的問題：怎么衡量我們?cè)O(shè)計(jì)的產(chǎn)品，用戶體驗(yàn)是過關(guān)的？
今年，我們?cè)趦?nèi)部中后臺(tái)產(chǎn)品進(jìn)行嘗試，發(fā)現(xiàn)「易用度」可以作為合適的度量指標(biāo)，并成功推廣到 35 個(gè)產(chǎn)品，幫助PD、設(shè)計(jì)師、工程師等產(chǎn)品設(shè)計(jì)者去衡量產(chǎn)品體驗(yàn)現(xiàn)狀，發(fā)現(xiàn)改進(jìn)機(jī)會(huì)點(diǎn)。實(shí)踐證明，易用度，相比滿意度、尖叫度、NPS，更適合技術(shù)類產(chǎn)品的體驗(yàn)度量。結(jié)合用戶行為數(shù)據(jù)，可以為用戶畫像、改進(jìn)方向、運(yùn)營(yíng)策略提供更準(zhǔn)確的決策依據(jù)。
在掌握了這些信息之后，我們?cè)趦?nèi)部的技術(shù)類產(chǎn)品上，進(jìn)行了一輪新的探索。經(jīng)過半年時(shí)間的試點(diǎn)，結(jié)合業(yè)界的解決方案、內(nèi)部產(chǎn)品的業(yè)務(wù)特性，我們最終選擇主觀衡量法，并使用「易用度」這個(gè)衡量指標(biāo)。
為什么易用度相比其他指標(biāo)更適合技術(shù)類產(chǎn)品呢？主要有 3 個(gè)原因：
結(jié)合行為數(shù)據(jù)，易用度可以進(jìn)行描述、分類。使用現(xiàn)狀描述找出低分人群的高頻問題，使用對(duì)比差異找到多角色的不同訴求，分析影響關(guān)系找到影響易用度的主要因素，結(jié)合用戶行為數(shù)據(jù)進(jìn)行聚類找到典型人群。
文章來源：站酷 作者：Ant_Design
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
前言
設(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)」減少一步操作、提升一級(jí)體驗(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)營(yíng)銷策略轉(zhuǎn)化用戶
013.「支付寶」城市天氣-不僅僅是天氣預(yù)報(bào)
014.「躺平」趣味化的下拉刷新樣式
015.「滴滴打車」添加途經(jīng)點(diǎn)-解決位置不統(tǒng)一的情況
001.「夸克瀏覽器」首個(gè)頁面-我的地盤我做主
產(chǎn)品體驗(yàn)：
進(jìn)入夸克瀏覽器的首個(gè)頁面，除此必要的元素之外，看到的是一片純凈之美。長(zhǎng)按搜索框下方的空白區(qū)域，點(diǎn)擊“+”號(hào)，可根據(jù)用戶自己的喜好從彈窗中將想要的站點(diǎn)入口添加到搜索頁，便于快捷訪問。
設(shè)計(jì)思考：
UC瀏覽器可能不是每個(gè)移動(dòng)端用戶都知道，但絕對(duì)是一方霸主，夸克與UC本是一家。昨天在網(wǎng)上看到一個(gè)帖子說“自從用了夸克之后就把別的瀏覽器全部刪掉了，沒有天氣掛件、沒有新聞推送、沒有購物頻道、沒有游戲插件、沒有精準(zhǔn)廣告、就是最原始的上網(wǎng)工具，仿佛在這看到了當(dāng)年的塞班時(shí)代一心一意做用戶體驗(yàn)的影子”。迄今為止，沒有任何一個(gè)應(yīng)用可以滿足所有用戶的需求，UC瀏覽器也是如此，夸克可以將那些視UC為糞土的用戶給攬過來，表面上看似搶奪用戶，實(shí)則是風(fēng)險(xiǎn)對(duì)沖，當(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ī)范存在著差異化，比如返回入口就一直在左上角，雖然也有右滑返回的交互手勢(shì)，但畢竟是隱藏的，而且對(duì)于部分頁面的左右滑動(dòng)，只能對(duì)tab導(dǎo)航起到作用，基于目前的趨勢(shì)，手機(jī)的屏幕越來越大，單手操作的靈活性就成了難點(diǎn)。
百度APP的大部分頁面則是把返回按鈕直接從左上角搬到了左下角，被較為激進(jìn)的用戶稱為反人類的設(shè)計(jì)，其實(shí)并非如此。大屏幕尺寸已經(jīng)是趨勢(shì)，屏幕大意味著內(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)入對(duì)應(yīng)的頁面。
設(shè)計(jì)思考：
在互聯(lián)網(wǎng)產(chǎn)品中，花樣廣告的出場(chǎng)方式屢見不鮮，比如在看視頻、看書之前/過程中，總是被突入起來的的廣告打斷，用戶雖然很煩但別無選擇，畢竟沒有一款真正的既免費(fèi)又免廣告還很牛B的產(chǎn)品無償提供給用戶使用，即便用戶覺得自己沒有認(rèn)真看過這些廣告，但是只要它們?cè)谟脩裘媲巴瓿闪瞬シ牛呐轮皇锹牭搅?，那就完成了品牌意識(shí) 的輸出這個(gè)過程，可能會(huì)無形中就知道了這個(gè)品牌的存在和定位，在未來的某個(gè)場(chǎng)景中，用戶會(huì)默許和遵從這個(gè)品牌的輸出方式，乃至消費(fèi)。廣告作為企業(yè)盈利的一種方式，不可避免，只會(huì)在盡可能減少用戶反感或抗拒的情況下自然出現(xiàn)。
優(yōu)酷APP用了一種較為新奇的方式植入廣告，基于很多用戶在看視頻時(shí)都有開彈幕的習(xí)慣，直接將廣告穿插在了彈幕區(qū)域，每間隔幾分鐘就會(huì)推送一條，跟隨彈幕一起流動(dòng)，毫無違和感。雖然廣告植入會(huì)引起用戶的反感，但以彈幕的方式出現(xiàn)，并未占用額外空間及打擾用戶觀看視頻，很大程度上降低了對(duì)用戶的打擾及觀看視頻的沉浸體驗(yàn)，增加了用戶對(duì)廣告的接受程度，如果對(duì)某個(gè)廣告感興趣，點(diǎn)擊后面的入口即可直接跳轉(zhuǎn)對(duì)應(yīng)的內(nèi)容頁面。
004.「QQ」發(fā)送圖片-便捷的交互路徑
產(chǎn)品體驗(yàn)：
在QQ聊天對(duì)話框，點(diǎn)擊工具欄的圖片入口調(diào)出相冊(cè)，按住想要發(fā)送的圖片并往上拖動(dòng)，松手即可發(fā)送。
設(shè)計(jì)思考：
我們下載到手機(jī)的APP，大部分在首次打開時(shí)都會(huì)彈出一系列的系統(tǒng)權(quán)限，比如相冊(cè)、相機(jī)、位置、網(wǎng)絡(luò)...等，社交類型的更是不必多說，基于應(yīng)用本身的性質(zhì)，相冊(cè)、相機(jī)及通訊錄類型的權(quán)限都是必備開啟狀態(tài)，以便于在使用過程中的圖片、視頻交流。
QQ開啟相冊(cè)權(quán)限后在用戶體驗(yàn)上更是舉一反三，用戶在聊天過程中如果有使用圖片的需求，點(diǎn)擊后，系統(tǒng)會(huì)將手機(jī)最近保存的50張圖片，按照時(shí)間的先后順序以完整縮略圖的方式直接顯示在聊天界面的工具欄下方，用戶只需按住想要選擇的圖片并往上拖動(dòng)，松手即可發(fā)送，非常方便，免去了常規(guī)的觸發(fā)跳轉(zhuǎn)頁面調(diào)取相冊(cè)的多步驟操作，且有效降低聊天過程中因頁面跳轉(zhuǎn)帶來的沉浸式的視覺思路阻斷，優(yōu)化了操作路徑，提升產(chǎn)品的易用性。
005.「美團(tuán)」減少一步操作、提升一級(jí)體驗(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)入口以完成對(duì)應(yīng)的刪除需求。后來，也不乏一些應(yīng)用為了節(jié)省頁面空間，去掉了明面上的刪除入口，通過長(zhǎng)按交互操作來完成刪除流程，但時(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)至上，減少一步操作，就能提升一級(jí)體驗(yàn)。
（除了需要對(duì)用戶的刪除操作做出挽留、有營(yíng)銷的多功能隱藏入口外，如無明確需求，建議省略左滑后需要再次點(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è)元素。最為常見的就是“請(qǐng)輸入xxx”一段提示性質(zhì)的文案，但如果把占位符的作用僅限于此，那就太浪費(fèi)資源了。
京東APP搜索框的占位符開啟了自動(dòng)搜索建議機(jī)制，不僅展示了平臺(tái)主推、熱門等部分商品的關(guān)鍵詞，還通過動(dòng)態(tài)預(yù)測(cè)用戶查詢方向，曾經(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)對(duì)視頻類型的應(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ū)域，只對(duì)付費(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)+文案提示對(duì)應(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)知，幫助用戶輕松掌握界面的使用方式，縮短對(duì)出行方式的理解時(shí)間， 的降低用戶的學(xué)習(xí)成本。同時(shí)圖標(biāo)動(dòng)效的展現(xiàn)方式，能增加趣味性、以及用戶對(duì)于界面功能直接操縱的感知，降低操作難度，用情感化方式的表現(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)知里，都是對(duì)頁面的原有功能進(jìn)行增減及自定義排序。
在網(wǎng)易云音樂APP版本的首頁底部也增加了自定義排序功能入口，不同于其他APP頁面自定義的是除了能對(duì)現(xiàn)有功能進(jìn)行增減及排序外，還特別定制了三種不同設(shè)計(jì)樣式的呈現(xiàn)以供用戶選擇，相當(dāng)于用戶隨時(shí)都可以對(duì)首頁進(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)鍵詞對(duì)應(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)容，以簡(jiǎn)介的方式呈現(xiàn)，給用戶提供一個(gè)快捷通道，加深用戶對(duì)此關(guān)鍵詞條的認(rèn)知，快速判斷出是否滿足自己的需求。系統(tǒng)所匹配的卡片式內(nèi)容簡(jiǎn)介是通過數(shù)據(jù)庫長(zhǎng)時(shí)間的數(shù)據(jù)分析，提取其中較為共性、常見的內(nèi)容來反映用戶可能出現(xiàn)的興趣與需求，并合理挖掘使用，通過引導(dǎo)便于用戶快速識(shí)別并點(diǎn)擊，縮短輸入時(shí)間，還能解決用戶對(duì)關(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)營(yíng)銷策略轉(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)策略營(yíng)銷也因此有強(qiáng)大的生命力。但互聯(lián)網(wǎng)應(yīng)用如若完全免費(fèi)，不具商業(yè)性，可能連基本的日常生活都難以維持。大家都知道，會(huì)員付費(fèi)是影視類應(yīng)用盈利的一大來源，但用戶對(duì)付費(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)階段的觀看，對(duì)用戶產(chǎn)生一定的吸引，勾起想要看下去的欲望，從而出現(xiàn)付費(fèi)動(dòng)機(jī)以促成用戶開通VIP。這其中還有一部分互惠原則存在，即給用戶免費(fèi)一部分之后，降低用戶付費(fèi)的心理負(fù)擔(dān)，提高對(duì)費(fèi)用的接受程度，來而不往非禮也。針對(duì)未完結(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ī)就能搞定一切。雖然功能眾多，但對(duì)大部分用戶來說，最主要還是歸結(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)營(yíng)、反饋五個(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è)“+”符號(hào)添加最多不超過三個(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)出行等場(chǎng)景下多目的地經(jīng)停的需求，減少口頭溝通帶來的誤解與不便。途經(jīng)點(diǎn)可以為乘客停車3分鐘，不用額外收費(fèi)，如乘客需要在某個(gè)地點(diǎn)長(zhǎng)時(shí)等待，則需與司機(jī)溝通達(dá)成一致即可，隨著此功能的上線，滴滴出行為用戶提供了更為便捷的打車體驗(yàn)。
文章來源：站酷 作者：大漠飛鷹CYSJ
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
完美，不是因?yàn)闆]有什么可以增加，而是沒有什么可以減少。
創(chuàng)建美觀、可用和的 UI 界面需要花費(fèi)時(shí)間進(jìn)行設(shè)計(jì)細(xì)節(jié)的打磨，本文從視覺和情感化設(shè)計(jì)兩個(gè)方面來說說如何提升 UI 設(shè)計(jì)的高級(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é)，這就意味著我們?cè)谶M(jìn)行設(shè)計(jì)的時(shí)候，要從細(xì)微之處著手，從多方面去鉆研如何創(chuàng)造出打動(dòng)人心的 UI 設(shè)計(jì)。本節(jié)總結(jié)了 12 個(gè)簡(jiǎn)單直觀的提升設(shè)計(jì)感的小細(xì)節(jié)，一起來學(xué)習(xí)。
在對(duì) UI 文本進(jìn)行樣式控制的時(shí)候，最常見的錯(cuò)誤莫過于過度依賴字體大小差異來營(yíng)造對(duì)比。單純使用字體大小對(duì)比，所營(yíng)造的對(duì)比并不夠，嘗試結(jié)合色彩和字重來營(yíng)造更好的對(duì)比效果。
每種顏色都有一個(gè)視覺權(quán)重，這有助于在內(nèi)容中建立層次結(jié)構(gòu)。通過使用顏色的深淺，為元素賦予不同的重要性。如果可以的話，你甚至可以采用兩到三種顏色：
類似的，在 UI 設(shè)計(jì)的時(shí)候，通常兩種不同的字重足以營(yíng)造出優(yōu)秀的層次感：
大多數(shù)的文本采用正常的字重（400 到 500，具體取決于字體）
對(duì)于需要強(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)、字重相對(duì)較小的字體。
灰色文字在無彩/彩色背景下要分開處理
不要在有色背景上使用灰色的文本，在白色背景下，將黑色的文本改成灰色（或者在黑色背景下使用灰色文本），是不錯(cuò)的淡化其視覺效果的做法。
但是在彩色背景下，想要降低和背景色之間的對(duì)比，通常有兩種方法：
一是降低白色文本的不透明度；二是讓文本逐步接近背景色，而不是改為灰色。
△ 左圖設(shè)計(jì)師職位信息為白色文字降低不透明度，右圖為和背景同色相的顏色
其次當(dāng)涉及長(zhǎng)篇內(nèi)容時(shí)，大面積的深色粗體字會(huì)給人一種沉重感，而且很跳躍。通過選擇類似深灰色（#4F4F4F）這樣的顏色可以很容易地解決這個(gè)問題，使文字更容易被識(shí)別。
選擇一種基礎(chǔ)色，再調(diào)整色調(diào)和顏色深淺來增加均衡。設(shè)計(jì)時(shí)避免用過多的顏色。如果項(xiàng)目允許，只需使用固定的色板，通過調(diào)整基礎(chǔ)色的飽和度和明度，利用這種簡(jiǎn)單的方式為設(shè)計(jì)增加一致性。
陰影是 UI 設(shè)計(jì)中最常見的視覺表現(xiàn)手法，它可以增加元素的深度，使其從背景中脫穎而出，引起用戶的注意力，同時(shí)也能增強(qiáng)畫面的視覺層次感。相比于采用大范圍的擴(kuò)散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營(yíng)造的陰影效果。
這種輕柔的陰影呈現(xiàn)出的干凈，增加了畫面的精致。如果陰影的范圍太小或顏色太深，位置也沒有偏移，而是聚集在元素的四周，就會(huì)讓畫面更加扁平，讓視覺變得厚重，呈現(xiàn)出不精致的畫面感。
陰影不一定是黑色的，還有一種擴(kuò)散陰影是模擬元素本身的顏色投射在背景上，由于陰影與元素的色調(diào)一致，因此呈現(xiàn)出十分融洽的畫面感。在 UI 設(shè)計(jì)中，這種手法不宜過多使用，否則呈現(xiàn)出的各種色彩搭配會(huì)讓人眼花繚亂。
合格的設(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ì)是近幾年來的流行趨勢(shì)，看上去十分精致、華麗，但是看久了會(huì)讓人產(chǎn)生輕微的視覺疲勞，同時(shí)因其復(fù)雜的結(jié)構(gòu)會(huì)增加用戶的認(rèn)知成本。一般在外賣美食類應(yīng)用中比較常見。
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ì)較為簡(jiǎn)單，通常是使用一組文字標(biāo)簽，通過顏色或在標(biāo)簽下加上小長(zhǎng)條來區(qū)分兩者的狀態(tài)。因?yàn)樗?jiǎn)單，卻越難設(shè)計(jì)出彩，要發(fā)揮極大的設(shè)計(jì)想象力，跳脫出設(shè)計(jì)規(guī)范的限制，才能找到完美的方案。例如蝦米音樂的 Tab 選中態(tài)是一段音頻波線，再配合文字的大小對(duì)比，一個(gè)富有設(shè)計(jì)感又符合產(chǎn)品特征的 Tab 就被創(chuàng)造出來了。
我們還可以從品牌基因中獲取靈感，品牌作為用戶熟知的形象是個(gè)絕佳的來源。從品牌形象中提取具有獨(dú)特氣質(zhì)的視覺富豪作為 Tab 選中態(tài)的小長(zhǎng)條，這樣就建立起視覺上的聯(lián)系，讓用戶產(chǎn)生由內(nèi)而外的一致感受。例如馬蜂窩品牌形象中的微笑符號(hào)和飛豬旅行品牌形象中的豬頭都被延伸到 Tab 的設(shè)計(jì)上，既讓界面視覺，又進(jìn)一步強(qiáng)化了用戶對(duì)品牌形象的認(rèn)知。
在 UI 設(shè)計(jì)中，有許多的裝飾元素，如卡片的邊框、列表的分割線等，雖然邊框，分割線是分隔兩個(gè)元素的好辦法，但是它不是唯一的方法，使用過多會(huì)讓整個(gè)布局的設(shè)計(jì)感降低，或多或少都會(huì)干擾用戶瀏覽的視線，讓信息內(nèi)容失去注意力，因此可以減少不必要的裝飾元素。我們可以通過以下幾個(gè)方法來劃分元素的視覺層次，讓畫面變得干凈，整齊：
使用陰影
陰影同樣可以營(yíng)造出邊界感，而且相比邊框分割線更加微妙，并不會(huì)顯得突兀，不會(huì)分散用戶的注意力，讓內(nèi)容更聚焦。
使用不同的背景色來區(qū)分
通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對(duì)他們進(jìn)行區(qū)分。所以，你所需要做的就是在不同的區(qū)塊采用不同的背景色，并且嘗試刪除分割線，因?yàn)槟愀静恍枰?
增加額外的留白
創(chuàng)建元素之間的分離效果，并不一定要通過線框來表現(xiàn)，只要增加留白，讓它們分隔開就行了。通過留白和間距來實(shí)現(xiàn)元素分組是 UI 設(shè)計(jì)中的常用手法。
在 App 中的每一個(gè)界面都有許多元素，那些同類的元素應(yīng)保持統(tǒng)一的設(shè)計(jì)樣式。通常個(gè)人中心的標(biāo)簽欄圖標(biāo)是一個(gè)人形剪影，它代表著用戶，因此可以在展示用戶頭像和用戶形象的界面中延續(xù)使用。如果圖形擁有獨(dú)特的外觀，如橢圓矩形，也可以作為視覺符號(hào)的一種，延續(xù)到其他界面中，成為圖形或按鈕的外觀。這樣，整個(gè)界面就被統(tǒng)一的設(shè)計(jì)元素聯(lián)系起來了，給用戶始終如一的一致感。
選擇符合產(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)字體后，整體感覺在氣勢(shì)上就變?nèi)趿撕芏唷?
大多數(shù) App 都支持三方登陸，他可以減輕用戶注冊(cè)的時(shí)間成本。通常是在注冊(cè)登陸頁的底部展示第三方圖標(biāo)入口，這也是設(shè)計(jì)師最常忽略的內(nèi)容，往往是直接將第三方圖標(biāo)調(diào)整一致大小和擺放整齊位置，沒有針對(duì)它們?cè)僭O(shè)計(jì)。一個(gè)設(shè)計(jì)精致的 App 不應(yīng)漏過任何的細(xì)節(jié)，我們可以以自家 App 的圖標(biāo)風(fēng)格為依據(jù)，對(duì)第三方圖標(biāo)進(jìn)行優(yōu)化設(shè)計(jì)。
App 中優(yōu)美的圖文設(shè)計(jì)，能帶給用戶如沐春風(fēng)的視覺享受，它非常重要。我們經(jīng)?？吹轿淖织B加在圖片背景上的設(shè)計(jì)樣式，為了減少復(fù)雜圖片背景對(duì)文字的干擾，通常的做法是疊加半透明度的黑色蒙版，讓白色文字清晰可見，但這不是最優(yōu)的辦法。我們可以從圖片中提取主色調(diào)用于疊加背景的填充色，這樣就使文字、色塊和圖片融入到一起了，畫面變得高級(jí)和富有設(shè)計(jì)感。
圖片的質(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ì)變得美觀、整潔。
現(xiàn)在的 UI 界面設(shè)計(jì)中，卡片式設(shè)計(jì)已經(jīng)是一種非常常見的設(shè)計(jì)形式，它有利于信息分層和整合，劃分出更加清晰的組織結(jié)構(gòu)，實(shí)現(xiàn)復(fù)雜內(nèi)容的簡(jiǎn)化處理，提高空間利用率。同時(shí)卡片式設(shè)計(jì)通常很依賴視覺元素，很強(qiáng)的視覺元素正是卡片式設(shè)計(jì)的一種優(yōu)勢(shì)，也是提升設(shè)計(jì)品質(zhì)感的良方。
心理學(xué)認(rèn)為，情感是人對(duì)客觀事物是否滿足自己的需求而產(chǎn)生的態(tài)度體驗(yàn)。只有當(dāng)產(chǎn)品觸及到用戶的內(nèi)心時(shí)，使他產(chǎn)生情感的變化，那么產(chǎn)品便不再冷冰冰，他透過眼前的東西，看到的是設(shè)計(jì)師為了他的使用體驗(yàn)，對(duì)每一個(gè)魔鬼細(xì)節(jié)的用心琢磨，人們會(huì)產(chǎn)生愉快、喜愛和幸福的情感。情感化設(shè)計(jì)并不是轟轟烈烈，有時(shí)候僅僅一句文案、一幅插圖、一個(gè)動(dòng)畫就能打動(dòng)人心，使用戶獲得愉悅的使用體驗(yàn)。讓設(shè)計(jì)變得高級(jí)不僅僅是視覺層面，這些簡(jiǎn)單而美好的設(shè)計(jì)細(xì)節(jié)充滿了積極情緒，它是滿足產(chǎn)品的功能性和易用性之后，追求更高層次的目標(biāo)。
1. 提示性文字
語言是情感化設(shè)計(jì)最直接的利器，擬人化的對(duì)白相比冰冷的話語更能獲得用戶的好感，賦予產(chǎn)品的新的生命力。例如 App 那些 push 推送通知，因?yàn)橛脩裘刻焓盏降?PUSH 實(shí)在是太多了，早已心如止水！這個(gè)時(shí)候，你就需要一條成本低、效率高的 PUSH 文案，去撩動(dòng)用戶主子們的心。將原本對(duì)用戶的打擾變成一種逗趣，讓人看到會(huì)心一笑。
2. 下拉刷新
下拉刷新是用戶在 App 使用中經(jīng)常進(jìn)行的操作，常見的下拉刷新設(shè)計(jì)是圖標(biāo)加文字的形式，這種設(shè)計(jì)簡(jiǎn)單、直觀，但毫無設(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)。用戶也在這種快樂的情緒中對(duì)產(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)加提示文字的形式，這種簡(jiǎn)陋的設(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)出一種賤萌的場(chǎng)景，讓用戶會(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í)長(zhǎng)，讓品牌更加深入人心。
6. 模擬用戶行為
如果一個(gè)產(chǎn)品可以模擬用戶的行為，將用戶代入真實(shí)的情境中，用戶就會(huì)對(duì)產(chǎn)品產(chǎn)生深刻的認(rèn)同感。例如「潮汐」會(huì)根據(jù)時(shí)間場(chǎng)景和季節(jié)變化，播放不同的背景音樂來營(yíng)造氛圍。雨聲、雷聲、風(fēng)聲、潮水聲等讓人時(shí)刻感受到身臨其境的情境。
情感化設(shè)計(jì)可以拉近用戶與產(chǎn)品之間的距離，在更深的層面體現(xiàn)出對(duì)人性的關(guān)懷，為人們帶去情感上的愉悅和感動(dòng)。洞悉用戶的行為，換位思考去滿足用戶的需求，情感交流就產(chǎn)生了。例如當(dāng)你截屏了一張圖片，打開微信對(duì)話框時(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)用戶對(duì)產(chǎn)品的探知欲。例如在電腦端打開 B 站的鬼畜區(qū)長(zhǎng)按這個(gè)返回圖標(biāo) 10 秒左右，你會(huì)打開鬼畜區(qū)的新世界(⊙o⊙)（友情提示：記得戴上耳機(jī)或調(diào)小音量）其實(shí)長(zhǎng)按「返回頂部」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ì)的“高級(jí)感”意味著在視覺層面要從細(xì)微之處著手，創(chuàng)造出精致富有設(shè)計(jì)感的畫面；另一方面要從情感化設(shè)計(jì)出發(fā)，使用戶與產(chǎn)品產(chǎn)生情感上的共鳴，獲得更高層次的使用體驗(yàn)。
好的學(xué)習(xí)方式就是把日常積累的知識(shí)點(diǎn)匯總并講出來才能真正為自己所有，新的一年愿每位設(shè)計(jì)師都能繼續(xù)保持對(duì)設(shè)計(jì)&生活的激情和熱愛。希望這篇文章對(duì)你有所幫助。
文章來源：優(yōu)設(shè)網(wǎng) 作者：印跡
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
隔了一年都沒發(fā)作品了，感覺還是得多發(fā)發(fā)作品提升自己呀。本來是還有兩張動(dòng)效的，文件太大導(dǎo)出有問題所以我放棄了，下次一定做好優(yōu)化。
轉(zhuǎn)自：站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
從雇傭關(guān)系看企業(yè)級(jí)協(xié)作產(chǎn)品的設(shè)計(jì)理念和原則
今年的新冠疫情突發(fā)，讓企業(yè)級(jí)協(xié)作產(chǎn)品的賽道熱鬧了起來。前有釘釘，企業(yè)微信，后有飛書帶刀入場(chǎng)，其他廠商看了眼紅，趕緊行動(dòng)起來，所以在這片一眼望不到頭的草原上，你還能看到百度的如流，美團(tuán)的大象，網(wǎng)易的popo等等。
如今疫情控制的結(jié)果也算喜人，經(jīng)過大半年的時(shí)間的市場(chǎng)錘煉，現(xiàn)在這些個(gè)企業(yè)協(xié)作平臺(tái)也需要被懷揣著審視的目光來看看接下來要走的路。
按照公司的要求，我在工作中頻繁的使用到“釘釘”這款產(chǎn)品，接觸的這4年多時(shí)間大概也就是企業(yè)協(xié)作平臺(tái)的發(fā)展史了，我試著總結(jié)了一下：
但B端的設(shè)計(jì)就僅僅是所謂的“效率”么？唯效率的設(shè)計(jì)就一定好么？
你有沒有不想打開釘釘（甚至某一時(shí)間想卸載掉）的沖動(dòng)？阿里巴巴當(dāng)初推出釘釘這個(gè)在線辦公協(xié)同產(chǎn)品，出發(fā)點(diǎn)是為了方便企業(yè)內(nèi)的辦公協(xié)作，溝通記錄、文件資料、流程審批、員工名錄等都能有效得到管理，防止丟失并隨用隨取。
后來味道變了，以“釘一下”為例，發(fā)起者可以無限次的對(duì)接收者發(fā)送信息并以“增強(qiáng)提醒”語音的方式提示。看的出來，這種交互設(shè)計(jì)本著觸達(dá)無障礙去做的，但卻忘記了設(shè)計(jì)使用門檻，從而造成了“誰有事誰牛X的局面”，如果沉下心來研究，會(huì)發(fā)現(xiàn)在這過程里情緒的變化是及其明顯的：
企業(yè)管理學(xué)里有一條著名的學(xué)說“峰終定律”（后被廣泛應(yīng)用到用戶體驗(yàn)領(lǐng)域里），大概是意思是：“在一段體驗(yàn)的高峰和結(jié)尾，體驗(yàn)是愉悅的，那么對(duì)整個(gè)體驗(yàn)的感受就是愉悅的”。
那么釘釘?shù)倪@些個(gè)機(jī)制可能就是峰終定律的反面教材了。每一個(gè)企業(yè)級(jí)協(xié)作平臺(tái)企業(yè)都在標(biāo)榜自己的創(chuàng)新和功能的全面，殊不知這就是典型的通過產(chǎn)品功能機(jī)制進(jìn)行的微觀管理，間接加劇雇傭關(guān)系的僵持。甚至一定程度上變成了控制…員工和企業(yè)的關(guān)系我不好說，但這些企業(yè)協(xié)作平臺(tái)真真實(shí)實(shí)的在彼此關(guān)系上掃滿了鹽。
翻看了眾多大廠的B端設(shè)計(jì)原則和設(shè)計(jì)理念，無一例外，所有的被沉淀下來的“原則”幾乎都是“效率”，甚至一提到跟B端相關(guān)的設(shè)計(jì)就永遠(yuǎn)是“效率！效率?。⌒剩。?！”：
以效率為核心的設(shè)計(jì)幫助任務(wù)流更的完成，就這點(diǎn)無可厚非，我自己也是一名用戶體驗(yàn)設(shè)計(jì)師，過去做企業(yè)級(jí)應(yīng)用的核心就是圍繞“效率”去做的，始終把用戶路徑的長(zhǎng)短作為我個(gè)人無形的KPI，面試跟人吹牛X的時(shí)候也是舉例說的這些。
然而不同于C，企業(yè)協(xié)作平臺(tái)是企業(yè)要求員工統(tǒng)一使用的協(xié)作產(chǎn)品，為了方便信息集中管控，絕企業(yè)員工被迫通過一次學(xué)習(xí)后逐漸轉(zhuǎn)為不用動(dòng)腦子的肌肉記憶。B端員工只想要“干完活”，C端的“圖新鮮”是發(fā)自內(nèi)心的去找樂子。所以當(dāng)被強(qiáng)迫完成任務(wù)的情況下，大部分情況下是一個(gè)偽命題。
通過審視的目光去看當(dāng)下的設(shè)計(jì)原則，企業(yè)級(jí)協(xié)作平臺(tái)經(jīng)歷了起始期的“溝通剛需”和發(fā)展期的“功能堆疊”后，未來應(yīng)該多考慮“員工與組織”/“員工與企業(yè)”的大命題，希望是以“橋梁”的姿態(tài)出現(xiàn)，以幫助雙方更好的完成工作為目標(biāo)去設(shè)計(jì)：
這其中有兩點(diǎn)需要著重注意：
先說個(gè)題外話，過去，我們?cè)谇舐殨r(shí)期的路徑大概率是到某幾個(gè)招聘網(wǎng)站上挨個(gè)填寫個(gè)人信息/工作經(jīng)歷/獲獎(jiǎng)情況，但伴隨著 OCR技術(shù)成熟，一個(gè)word/pdf上傳，自動(dòng)識(shí)別了所有信息，幫助企業(yè)和候選人大幅的解放了勞動(dòng)力。與之類似的是：日?qǐng)?bào)周報(bào)月報(bào)，除了工作總結(jié)偏腦力勞動(dòng)需要人工產(chǎn)出之外，工作內(nèi)容這種條目的列舉完全可以幫員工包辦了，畢竟釘釘上記錄了大量的工作文件和日志。單靠一個(gè)周報(bào)模版絲毫解決不了問題。
之前跟釘釘?shù)脑O(shè)計(jì)師有過情感化設(shè)計(jì)的交流，對(duì)方對(duì)情感化的理解更多體現(xiàn)在人文關(guān)懷上，特別是在打卡這個(gè)功能上，超過幾點(diǎn)下班打卡后會(huì)有一句暖心的話激勵(lì)員工。對(duì)此我還是保留意見，理智支撐我不許叫這個(gè)設(shè)計(jì)為情感化設(shè)計(jì)，因?yàn)槊篮玫奈淖趾推恋膱D形都只是表象而已，并沒有幫助用戶解決問題，所以頂多就是圖形設(shè)計(jì)，說的好聽點(diǎn)是graphic design。
我理解的情感化，從始至終要以解決用戶問題出發(fā)，與其有時(shí)間畫畫漂亮的圖形，不如去做業(yè)務(wù)的橫向打通，幫助在深夜快點(diǎn)打車回家來的更實(shí)在。
總的來說就目前國(guó)內(nèi)像這種B端企業(yè)級(jí)應(yīng)用真的還就是處在功能打通的階段，未來去balance雇傭關(guān)系的大局面市場(chǎng)還是很大的，從這個(gè)角度來看這個(gè)賽道還有的一拼，期待更多的大廠入場(chǎng)來改善僵持的雇傭關(guān)系。
轉(zhuǎn)自：站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
作者：負(fù)能量補(bǔ)給站
從雇傭關(guān)系看企業(yè)級(jí)協(xié)作產(chǎn)品的設(shè)計(jì)理念和原則
今年的新冠疫情突發(fā)，讓企業(yè)級(jí)協(xié)作產(chǎn)品的賽道熱鬧了起來。前有釘釘，企業(yè)微信，后有飛書帶刀入場(chǎng)，其他廠商看了眼紅，趕緊行動(dòng)起來，所以在這片一眼望不到頭的草原上，你還能看到百度的如流，美團(tuán)的大象，網(wǎng)易的popo等等。
如今疫情控制的結(jié)果也算喜人，經(jīng)過大半年的時(shí)間的市場(chǎng)錘煉，現(xiàn)在這些個(gè)企業(yè)協(xié)作平臺(tái)也需要被懷揣著審視的目光來看看接下來要走的路。
按照公司的要求，我在工作中頻繁的使用到“釘釘”這款產(chǎn)品，接觸的這4年多時(shí)間大概也就是企業(yè)協(xié)作平臺(tái)的發(fā)展史了，我試著總結(jié)了一下：
但B端的設(shè)計(jì)就僅僅是所謂的“效率”么？唯效率的設(shè)計(jì)就一定好么？
你有沒有不想打開釘釘（甚至某一時(shí)間想卸載掉）的沖動(dòng)？阿里巴巴當(dāng)初推出釘釘這個(gè)在線辦公協(xié)同產(chǎn)品，出發(fā)點(diǎn)是為了方便企業(yè)內(nèi)的辦公協(xié)作，溝通記錄、文件資料、流程審批、員工名錄等都能有效得到管理，防止丟失并隨用隨取。
后來味道變了，以“釘一下”為例，發(fā)起者可以無限次的對(duì)接收者發(fā)送信息并以“增強(qiáng)提醒”語音的方式提示?？吹某鰜恚@種交互設(shè)計(jì)本著觸達(dá)無障礙去做的，但卻忘記了設(shè)計(jì)使用門檻，從而造成了“誰有事誰牛X的局面”，如果沉下心來研究，會(huì)發(fā)現(xiàn)在這過程里情緒的變化是及其明顯的：
企業(yè)管理學(xué)里有一條著名的學(xué)說“峰終定律”（后被廣泛應(yīng)用到用戶體驗(yàn)領(lǐng)域里），大概是意思是：“在一段體驗(yàn)的高峰和結(jié)尾，體驗(yàn)是愉悅的，那么對(duì)整個(gè)體驗(yàn)的感受就是愉悅的”。
那么釘釘?shù)倪@些個(gè)機(jī)制可能就是峰終定律的反面教材了。每一個(gè)企業(yè)級(jí)協(xié)作平臺(tái)企業(yè)都在標(biāo)榜自己的創(chuàng)新和功能的全面，殊不知這就是典型的通過產(chǎn)品功能機(jī)制進(jìn)行的微觀管理，間接加劇雇傭關(guān)系的僵持。甚至一定程度上變成了控制…員工和企業(yè)的關(guān)系我不好說，但這些企業(yè)協(xié)作平臺(tái)真真實(shí)實(shí)的在彼此關(guān)系上掃滿了鹽。
翻看了眾多大廠的B端設(shè)計(jì)原則和設(shè)計(jì)理念，無一例外，所有的被沉淀下來的“原則”幾乎都是“效率”，甚至一提到跟B端相關(guān)的設(shè)計(jì)就永遠(yuǎn)是“效率！效率??！效率?。?！”：
以效率為核心的設(shè)計(jì)幫助任務(wù)流更的完成，就這點(diǎn)無可厚非，我自己也是一名用戶體驗(yàn)設(shè)計(jì)師，過去做企業(yè)級(jí)應(yīng)用的核心就是圍繞“效率”去做的，始終把用戶路徑的長(zhǎng)短作為我個(gè)人無形的KPI，面試跟人吹牛X的時(shí)候也是舉例說的這些。
然而不同于C，企業(yè)協(xié)作平臺(tái)是企業(yè)要求員工統(tǒng)一使用的協(xié)作產(chǎn)品，為了方便信息集中管控，絕企業(yè)員工被迫通過一次學(xué)習(xí)后逐漸轉(zhuǎn)為不用動(dòng)腦子的肌肉記憶。B端員工只想要“干完活”，C端的“圖新鮮”是發(fā)自內(nèi)心的去找樂子。所以當(dāng)被強(qiáng)迫完成任務(wù)的情況下，大部分情況下是一個(gè)偽命題。
通過審視的目光去看當(dāng)下的設(shè)計(jì)原則，企業(yè)級(jí)協(xié)作平臺(tái)經(jīng)歷了起始期的“溝通剛需”和發(fā)展期的“功能堆疊”后，未來應(yīng)該多考慮“員工與組織”/“員工與企業(yè)”的大命題，希望是以“橋梁”的姿態(tài)出現(xiàn)，以幫助雙方更好的完成工作為目標(biāo)去設(shè)計(jì)：
這其中有兩點(diǎn)需要著重注意：
先說個(gè)題外話，過去，我們?cè)谇舐殨r(shí)期的路徑大概率是到某幾個(gè)招聘網(wǎng)站上挨個(gè)填寫個(gè)人信息/工作經(jīng)歷/獲獎(jiǎng)情況，但伴隨著 OCR技術(shù)成熟，一個(gè)word/pdf上傳，自動(dòng)識(shí)別了所有信息，幫助企業(yè)和候選人大幅的解放了勞動(dòng)力。與之類似的是：日?qǐng)?bào)周報(bào)月報(bào)，除了工作總結(jié)偏腦力勞動(dòng)需要人工產(chǎn)出之外，工作內(nèi)容這種條目的列舉完全可以幫員工包辦了，畢竟釘釘上記錄了大量的工作文件和日志。單靠一個(gè)周報(bào)模版絲毫解決不了問題。
之前跟釘釘?shù)脑O(shè)計(jì)師有過情感化設(shè)計(jì)的交流，對(duì)方對(duì)情感化的理解更多體現(xiàn)在人文關(guān)懷上，特別是在打卡這個(gè)功能上，超過幾點(diǎn)下班打卡后會(huì)有一句暖心的話激勵(lì)員工。對(duì)此我還是保留意見，理智支撐我不許叫這個(gè)設(shè)計(jì)為情感化設(shè)計(jì)，因?yàn)槊篮玫奈淖趾推恋膱D形都只是表象而已，并沒有幫助用戶解決問題，所以頂多就是圖形設(shè)計(jì)，說的好聽點(diǎn)是graphic design。
我理解的情感化，從始至終要以解決用戶問題出發(fā)，與其有時(shí)間畫畫漂亮的圖形，不如去做業(yè)務(wù)的橫向打通，幫助在深夜快點(diǎn)打車回家來的更實(shí)在。
總的來說就目前國(guó)內(nèi)像這種B端企業(yè)級(jí)應(yīng)用真的還就是處在功能打通的階段，未來去balance雇傭關(guān)系的大局面市場(chǎng)還是很大的，從這個(gè)角度來看這個(gè)賽道還有的一拼，期待更多的大廠入場(chǎng)來改善僵持的雇傭關(guān)系。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
轉(zhuǎn)自：站酷
作者：負(fù)能量補(bǔ)給站
指尖滑動(dòng)屏幕的時(shí)候，多停留幾秒，捕捉一些用心的設(shè)計(jì)，記錄并反思應(yīng)用到自己的設(shè)計(jì)中去。用心設(shè)計(jì)，讓我們的生活更加美好！
關(guān)鍵詞
#運(yùn)營(yíng) #廣告
產(chǎn)品體驗(yàn)
微信：刷朋友圈的時(shí)候，無形中就刷到了廣告，以朋友圈的圖文展示。也可以進(jìn)行點(diǎn)贊，留言互動(dòng)。
微博：在關(guān)注列表中也會(huì)有一些廣告推送。用戶可以自己關(guān)閉。
愛奇藝：打開視頻觀看前，會(huì)有一小段廣告時(shí)間播放，如果沒有購買會(huì)員是需要強(qiáng)制觀看完廣告才能看視頻正片。
設(shè)計(jì)思考
微信：隱形植入廣告，以“朋友”的身份跟你安利一個(gè)物品，角色扮演，用另外一種方式介紹產(chǎn)品。
微博：無形中插播一個(gè)廣告推文，廣告的標(biāo)簽跟關(guān)閉的按鈕做的小，不明顯，增減關(guān)閉難度。
愛奇藝：提供付費(fèi)權(quán)利，可關(guān)閉廣告。
關(guān)鍵詞
#交互 #點(diǎn)贊 #評(píng)論
產(chǎn)品體驗(yàn)
微博：全屏短視頻體驗(yàn)。關(guān)注，點(diǎn)贊等功能圖標(biāo)懸浮在右側(cè)，方便用戶點(diǎn)擊，交互都關(guān)聯(lián)性也強(qiáng)。
美圖：右側(cè)一排操作按鈕，分享按鈕卻在頭部，距離有點(diǎn)遠(yuǎn)，很難被注意到。圖標(biāo)采用半透明疊加更有設(shè)計(jì)感。跟美圖這個(gè)產(chǎn)品很契合。
QQ微視：上中下的布局，中間是視頻主區(qū)域。關(guān)注按鈕在頂部，評(píng)論交互都在底部，比較傳統(tǒng)的布局體驗(yàn)。
設(shè)計(jì)思考
微博：視頻內(nèi)容全屏展示，沉浸式用戶觀看體驗(yàn)。把一些按鈕設(shè)計(jì)的離用戶可觸碰區(qū)域近一點(diǎn)，在用戶手指操作的熱點(diǎn)區(qū)域，加大他們的點(diǎn)擊欲望。
美圖：視頻內(nèi)容全屏展示，關(guān)注直接用文字加色塊高亮顯示，直接刺激用戶，引導(dǎo)他點(diǎn)擊。底部設(shè)置美化圖片產(chǎn)品本身設(shè)置了快捷入口。有點(diǎn)弱化分享操作。
QQ微視：視頻上方?jīng)]有其他干擾元素，采用比較中規(guī)中矩的布局。
關(guān)鍵詞
#加關(guān)注 #彈窗
產(chǎn)品體驗(yàn)
美圖：首頁的短視頻，點(diǎn)擊用戶進(jìn)去可以看到他的創(chuàng)作，當(dāng)頁面下拉的時(shí)候，關(guān)注按鈕會(huì)一直停留在頁面頂部，高亮顯示。
小紅書：點(diǎn)擊個(gè)人用戶進(jìn)去看筆記，下拉過程中“加關(guān)注”會(huì)一直在右上角顯示，繼續(xù)往下拉，底部會(huì)出現(xiàn)一個(gè)彈窗，提醒你可以關(guān)注一下，二次引導(dǎo)。
設(shè)計(jì)思考
美圖：主要是一個(gè)提高修圖的工具，并提供給用戶去分享美圖的平臺(tái)，沒有做過多的引導(dǎo)用戶操作。
小紅書：主打個(gè)人社交平臺(tái)，流量，關(guān)注度是主要的數(shù)據(jù)。發(fā)作品的目的性較強(qiáng)，所以給用戶做了二次引導(dǎo)關(guān)注。幫助創(chuàng)作者博得更多的關(guān)注度。
關(guān)鍵詞
#進(jìn)度 #視頻 #品牌宣傳
產(chǎn)品體驗(yàn)
嗶哩嗶哩：進(jìn)度條直接了當(dāng)，當(dāng)前位置的標(biāo)記會(huì)結(jié)合視頻的宣傳屬性來用一些特殊圖標(biāo)來加深用戶觀感。
愛奇藝：
1、視頻有標(biāo)記記憶點(diǎn)，幫助用戶快速定位到想要了解的內(nèi)容；
2、當(dāng)前位置采用該視頻品牌logo；
3、視頻上方有觀看熱度的面積圖，感覺有點(diǎn)被打擾，對(duì)用戶來說重要性不是很高。
設(shè)計(jì)思考
嗶哩嗶哩：
1、視頻進(jìn)度條顏色是品牌顏色；
2、當(dāng)前位置不再是單一的基本圖形，會(huì)用一些有趣的圖形替換，同時(shí)視頻屬性。
愛奇藝：
1、進(jìn)度條顏色不在是單一采用品牌色，可以個(gè)性化不同場(chǎng)景搭配使用；
2、當(dāng)前位置的狀態(tài)用視頻的品牌植入logo，起到二次宣傳的作用；
3、效果視頻記憶點(diǎn)，根據(jù)后臺(tái)剪輯標(biāo)記用戶可能感興趣，幫助用戶快速定位；
4、進(jìn)度條上方有觀看熱度的曲線。感覺這個(gè)設(shè)計(jì)有點(diǎn)多余，手機(jī)觀看盡量減少視覺干擾。
關(guān)鍵詞
#軌跡 #地圖 #預(yù)估時(shí)間 #定位 #場(chǎng)景
產(chǎn)品體驗(yàn)
杭州公交：等公交等時(shí)候，標(biāo)記你所在位置的站點(diǎn)，通過圖標(biāo)大小、顏色標(biāo)記其他公交車到站情況，很直觀?？梢越o自己等車時(shí)間做心里準(zhǔn)備。
淘寶：物流運(yùn)行軌跡在地圖上顯示，結(jié)合發(fā)出點(diǎn)到簽收地，預(yù)計(jì)的時(shí)間跟簽收狀態(tài)。
設(shè)計(jì)思考
場(chǎng)景化思維設(shè)計(jì)，讓用戶身臨其境感受。
杭州公交：聚焦與單條公交線路線，去除復(fù)雜的地圖背景，直接用圖標(biāo)標(biāo)記與你所在站點(diǎn)的位置關(guān)系，同時(shí)上方卡片會(huì)顯示即將到找的三個(gè)公交車預(yù)計(jì)時(shí)間，給用戶準(zhǔn)備候車預(yù)留足夠的時(shí)間準(zhǔn)備。
淘寶：物流在全國(guó)范圍內(nèi)跑，使用軌跡結(jié)合地圖會(huì)更加直觀。能看到當(dāng)前所在的位置，預(yù)計(jì)還有多少時(shí)間送達(dá)等等信息用場(chǎng)景來表達(dá)。
關(guān)鍵詞
#拍照，智能識(shí)別
產(chǎn)品體驗(yàn)
百度：拍照識(shí)別的時(shí)候，全屏且屏幕中會(huì)標(biāo)記小白點(diǎn)高光，一閃閃，bringbring 。
有道云：拍照上傳識(shí)別的時(shí)候，會(huì)出現(xiàn)錨點(diǎn)可以拖拽自己想選擇的圖片區(qū)域，直接裁剪。
設(shè)計(jì)思考
百度：識(shí)別照片環(huán)境的時(shí)候，有小光斑互動(dòng)，帶有智能科技感，讓體驗(yàn)更加有趣。
有道云：拍照過程加入裁剪功能，對(duì)圖片預(yù)處理，提高筆記效率。
關(guān)鍵詞
#編輯 #彈窗
產(chǎn)品體驗(yàn)
石墨：編輯本條筆記時(shí)，底部彈窗，一行顯示一個(gè)操作，“刪除”標(biāo)紅。
有道云筆記：有11個(gè)操作動(dòng)作，采用分類的方式布局，配合圖標(biāo)一目了然。
設(shè)計(jì)思考
石墨：追求極簡(jiǎn)體驗(yàn)，沉浸式設(shè)計(jì)。
有道云筆記：功能較多，底部彈窗最好不要超過屏幕2/3，影響體驗(yàn)，結(jié)合圖標(biāo)更加直觀。
關(guān)鍵詞
#搜索提示語
產(chǎn)品體驗(yàn)
微博：不知道看什么時(shí)，會(huì)提示你看別人都在搜什么內(nèi)容，引起你的興趣。搜索下方也有熱門搜索，也是可以買的“熱搜”廣告位，增加曝光率。
淘寶：根據(jù)你之前搜過的產(chǎn)品，程序自動(dòng)給你推送一些對(duì)應(yīng)產(chǎn)品的關(guān)鍵詞搜索。
設(shè)計(jì)思考
微博：熱搜的一些運(yùn)營(yíng)，業(yè)務(wù)層面考慮。
淘寶：電商類，記錄你的搜索喜好，給你推送符合你的產(chǎn)品，千人千面。
關(guān)鍵詞
#公告 #內(nèi)容信息
產(chǎn)品體驗(yàn)
喜馬拉雅：電臺(tái)模塊，可以私人定制自己感興趣的電臺(tái)。
支付寶：一些公告，消費(fèi)通知，結(jié)合IP形象，觸角還會(huì)動(dòng)兩下，感覺是在跟你互動(dòng)對(duì)話。
設(shè)計(jì)思考
喜馬拉雅：本身是個(gè)聲音類產(chǎn)品，用電臺(tái)的形式訂閱自己喜歡的內(nèi)容推送。
支付寶：用支付寶自己的螞蟻iP形象，加深品牌影響，同時(shí)也起到提示作用。
關(guān)鍵詞
#緩沖 #加載
產(chǎn)品體驗(yàn)
美團(tuán)外賣：下拉加載時(shí)，用美團(tuán)袋鼠IP在跑的小動(dòng)效來緩解用戶焦慮。
安居客：頁面拖動(dòng)下拉的時(shí)候，在頭部有個(gè)樓盤建筑2.5d插畫，感覺有另一個(gè)空間的感覺。
淘寶：淘寶詳情下拉對(duì)時(shí)候，有一個(gè)歷史足跡，再你逛了很多商品之后，反復(fù)對(duì)比，想回去之前的店再逛逛，同時(shí)也減少了用戶頁面跳出率。
微信讀書：頁面下拉的時(shí)候，可以添加書簽，對(duì)當(dāng)前頁做記錄，下次可以快速找到改頁面內(nèi)容。
設(shè)計(jì)思考
美團(tuán)外賣：植入IP形象做動(dòng)效，加深品牌印象。
安居客：創(chuàng)造二次空間感，讓加載的過程中，沒那么焦慮，反而讓用戶覺得驚喜。
淘寶：模擬用戶使用場(chǎng)景，在購買商品過程中會(huì)對(duì)產(chǎn)品反復(fù)對(duì)比，加入一個(gè)歷史足跡，同時(shí)提高頁面轉(zhuǎn)化率。
微信讀書：下拉的過程中給用戶制造驚喜。
關(guān)鍵詞
#配圖多張排版 #圖片
產(chǎn)品體驗(yàn)
淘寶：有視頻，又有多張圖片的情況下，視頻權(quán)重比圖片大，左一右二展示，其余收起來，點(diǎn)擊查看全部。
拼多多：圖片跟視頻同時(shí)存在，平鋪展示，視頻默認(rèn)放第一個(gè)位置，一行三個(gè)，大小統(tǒng)一。
今日頭條：頭條文章內(nèi)有多張圖，列表流只取三張顯示。
設(shè)計(jì)思考
淘寶：商品評(píng)論較多，控制每個(gè)評(píng)論列表高度統(tǒng)一性，一屏用戶可見更多買家秀，同時(shí)刺激點(diǎn)開視頻的行為。
拼多多：弱化視頻跟照片的比重。
今日頭條：圖片更直觀表達(dá)，也是用戶第一時(shí)間注意的信息。首頁列表需要能貼合文章內(nèi)容，刺激用戶點(diǎn)擊，可后臺(tái)手動(dòng)配置列表展示配圖。
關(guān)鍵詞
#用戶權(quán)限
產(chǎn)品體驗(yàn)
個(gè)人中心頭像上方有個(gè)“成長(zhǎng)守護(hù)：可以設(shè)置青少年模式，主要是為家長(zhǎng)用戶對(duì)小孩上網(wǎng)觀看視頻的一個(gè)管理。
設(shè)計(jì)思考
概念包裝：現(xiàn)在網(wǎng)絡(luò)視頻內(nèi)容層次不齊，不同年齡層都能接觸各類信息，鑒于對(duì)青少年的保護(hù)，對(duì)視頻推送權(quán)限設(shè)置，用“成長(zhǎng)守護(hù)”包裝權(quán)限設(shè)置，讓產(chǎn)品更有溫度。
關(guān)鍵詞
#評(píng)論列表
產(chǎn)品體驗(yàn)
知乎：評(píng)論列表整屏彈窗，用戶回復(fù)用戶，名稱之間用一個(gè)小箭頭指向，很有特點(diǎn)。作者身份跟在用戶昵稱后面。
愛奇藝：留言回復(fù)沒有展示用戶頭像，只有昵稱。對(duì)同一留言回復(fù)用色塊區(qū)分。
小紅書：評(píng)論列表2/3彈窗，同一留言內(nèi)容最多顯示一條，多余的折疊。
設(shè)計(jì)思考
知乎：用戶名稱比內(nèi)容層級(jí)較高，并結(jié)合頭像使用，用小尖頭圖標(biāo)直觀表達(dá)回復(fù)對(duì)象的動(dòng)作。
愛奇藝：視頻為主，評(píng)論為輔；對(duì)同一留言評(píng)論用灰色底，使用親密性原則，對(duì)其他評(píng)論人的頭像隱藏，注重評(píng)論內(nèi)容。
小紅書：從下網(wǎng)上的彈窗形式，一屏展示內(nèi)容區(qū)域較少，同一留言多條評(píng)論就收起展示。
關(guān)鍵詞
#我的個(gè)人中心
產(chǎn)品體驗(yàn)
愛奇藝：開通會(huì)員提醒醒目，右滑展示不同類別的會(huì)員。
騰訊：開通會(huì)員提醒明顯，下面是觀看歷史，常用功能分類。
優(yōu)酷：頂部有關(guān)注、粉絲、作品等數(shù)字信息展示，其次是開通會(huì)員提醒。
設(shè)計(jì)思考
愛奇藝：視頻平臺(tái)合作，會(huì)員權(quán)限開通付費(fèi)為主要業(yè)務(wù)。
騰訊：以平臺(tái)為主，個(gè)人創(chuàng)作視頻轉(zhuǎn)型中。常用功能歸類，節(jié)省首屏利用率。
優(yōu)酷：注重社交屬性，鼓勵(lì)個(gè)人創(chuàng)作視頻上傳。
關(guān)鍵詞
#會(huì)員服務(wù)，運(yùn)營(yíng)
產(chǎn)品體驗(yàn)
視頻頁面都設(shè)置了兩個(gè)開通會(huì)員入口
1、打開視頻默認(rèn)播放廣告，視頻右上角開通會(huì)員可關(guān)閉廣告；
2、視頻正下方有個(gè)大的提示開通會(huì)員入口
愛奇藝：結(jié)合用戶心理，用文字優(yōu)惠刺激用戶開通。
騰訊：會(huì)根據(jù)活動(dòng)給予免費(fèi)體驗(yàn)會(huì)員的服務(wù)。
優(yōu)酷：直接把會(huì)員所享受的服務(wù)內(nèi)容展示出來。
設(shè)計(jì)思考
愛奇藝：沒有多余的描述，直接提示新客優(yōu)惠。
騰訊：正下方的開通會(huì)員文案會(huì)根據(jù)不同的視頻運(yùn)營(yíng)有不用的文案，比如超前點(diǎn)播，活動(dòng)免費(fèi)領(lǐng)取等等。
優(yōu)酷：首屏占的比重大，無論視頻上方關(guān)閉廣告 還是正下方，按鈕都設(shè)計(jì)的很大。
轉(zhuǎn)自：站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
你是想給用戶提舒適體驗(yàn)，還是想給他們一個(gè)麻煩？
如果您想讓他們的體驗(yàn)更快更容易，請(qǐng)使用輸入框上面的字段對(duì)齊標(biāo)簽.或輸入框內(nèi)的對(duì)齊標(biāo)簽?zāi)Ｊ健?
與左對(duì)齊和右對(duì)齊的標(biāo)簽相比，頂部對(duì)齊或內(nèi)部左對(duì)齊標(biāo)簽填寫起來更快、更容易。這是因?yàn)闃?biāo)簽只需要有一半多的視覺固定物。
頂部對(duì)齊標(biāo)簽還允許用戶以一個(gè)可視方向向下移動(dòng)輸入框。左對(duì)齊和右對(duì)齊的標(biāo)簽需要兩個(gè)視覺指示才能填寫。
頂部對(duì)齊標(biāo)簽的唯一缺點(diǎn)是，它們可以使表單變得很長(zhǎng)。但是現(xiàn)在用戶滾動(dòng)的頻率越來越高，所以這不是問題。
通過減少字段之間的空白，可以減少表單長(zhǎng)度。您還可以將表單拆分成多個(gè)頁面，以使表單更短。
頂部和左/右對(duì)齊標(biāo)簽之間的差異很明顯。頂部對(duì)齊標(biāo)簽更容易在眼睛上，并使表格更容易填寫。雖然他們可以使表單更長(zhǎng)，
但用戶將從完成表單所需的時(shí)間和精力的減少中獲益更多。
如果頂部對(duì)齊的標(biāo)簽?zāi)軌蚪o用戶提供更好的表單體驗(yàn)，那么它是值得采用的。設(shè)計(jì)師應(yīng)該更多地考慮他們的字段標(biāo)簽對(duì)齊。
它可以區(qū)別于用戶填寫表單還是放棄表單。
“取消”按鈕是在沒有完成任務(wù)的情況下將用戶帶回原來屏幕的輔助動(dòng)作。
根據(jù)它們的功能，最好的順序是什么？“確定”按鈕應(yīng)該出現(xiàn)在“取消”按鈕之前還是之后？
許多人提到了以下幾點(diǎn)平臺(tái)約定作為答案。雖然這似乎是一個(gè)解決問題的方法，但實(shí)際上并非如此。它不能回答哪個(gè)位置對(duì)用戶更好，以及為什么。為了一致性而遵循平臺(tái)慣例的建議是不夠好的，給設(shè)計(jì)師留下了空手而歸的機(jī)會(huì)。
“一致性”是設(shè)計(jì)師們常用的一個(gè)詞。不深入考慮用戶面臨的設(shè)計(jì)問題也是一個(gè)流行的借口。如果一個(gè)人不知道為什么會(huì)存在，遵循設(shè)計(jì)慣例有什么好處呢？
如果某個(gè)設(shè)計(jì)約定對(duì)用戶有害呢？設(shè)計(jì)師應(yīng)該為了一致性而盲目地遵循嗎？糟糕的設(shè)計(jì)實(shí)踐是否應(yīng)該持續(xù)下去，因?yàn)樵O(shè)計(jì)師們希望通過平臺(tái)設(shè)計(jì)的一致性來解決每一個(gè)問題？
今天，有一些平臺(tái)設(shè)計(jì)約定被廣泛使用，因?yàn)樗鼈兪菫橛脩艄ぷ鞯?。但這里的要點(diǎn)是，平臺(tái)設(shè)計(jì)的一致性永遠(yuǎn)不應(yīng)該讓設(shè)計(jì)師滿意，因?yàn)檫@是做某事的唯一理由。理解為什么您應(yīng)該以一種方式而不是另一種方式來設(shè)計(jì)您的用戶界面的原因是關(guān)鍵。
人們可能會(huì)說，讓你的動(dòng)作按鈕突出給它更多的視覺重量和一個(gè)清晰清晰的標(biāo)簽比它的位置更重要。雖然動(dòng)作按鈕的視覺重量和標(biāo)簽是一個(gè)重要的設(shè)計(jì)方面需要考慮，但它不是唯一的方面。
只關(guān)注一個(gè)設(shè)計(jì)方面而不是其他方面是一個(gè)粗心的設(shè)計(jì)師的行為。一絲不茍的設(shè)計(jì)師會(huì)思考每個(gè)設(shè)計(jì)方面是如何影響用戶的。
對(duì)于設(shè)計(jì)師來說，最難搞清楚的是主動(dòng)作和次要?jiǎng)幼魇侨绾畏胖玫?。這就是為什么“確認(rèn)”/“取消”按鈕的爭(zhēng)論在設(shè)計(jì)師中如此流行的原因。
當(dāng)你通過了平臺(tái)慣例的爭(zhēng)論后，你會(huì)質(zhì)疑哪個(gè)位置最有效。您可以通過分析設(shè)計(jì)如何影響用戶來解決這個(gè)問題。
一些設(shè)計(jì)師認(rèn)為，在第二個(gè)操作之前將主操作放在左邊對(duì)用戶更好，因?yàn)樗咏?，因此，點(diǎn)擊的時(shí)間更少。
這是有意義的，但您不能忽視這樣一個(gè)事實(shí)，即用戶在選擇要采取的操作之前將查看他們的所有選項(xiàng)。
這意味著大多數(shù)用戶不會(huì)盲目地單擊主操作按鈕而不查看它旁邊的輔助操作按鈕。
他們將首先看到左邊的主要?jiǎng)幼?，然后查看右邊的次要?jiǎng)幼?。然后，他們?huì)把眼睛移回主要的動(dòng)作，點(diǎn)擊它。這將在多個(gè)方向上總共創(chuàng)建三個(gè)視覺固定。
將其與放置在對(duì)話框右側(cè)的主操作和放置在左側(cè)的輔助操作進(jìn)行比較。用戶從第二個(gè)動(dòng)作的眼睛開始，然后將眼睛移到主動(dòng)作上單擊按鈕。這在一個(gè)方向上總共創(chuàng)建了兩個(gè)視覺固定，給用戶一個(gè)更快的視覺流。
用戶只關(guān)注每個(gè)按鈕一次，并在主動(dòng)作按鈕上結(jié)束。將主操作放在左邊可能會(huì)使用戶更容易到達(dá)，但是當(dāng)您從用戶的思維過程和視覺固定的角度來看速度時(shí)，將主操作放置在對(duì)話框的右側(cè)實(shí)際上更快。
當(dāng)用戶單擊輔助操作按鈕時(shí)，他們期望應(yīng)用程序什么也不做，并將它們帶回到原來的屏幕。因此，“取消”按鈕的功能類似于“后退”按鈕。
當(dāng)用戶單擊主操作按鈕時(shí)，他們期望應(yīng)用程序執(zhí)行按鈕所述的操作，并將其轉(zhuǎn)到下一個(gè)屏幕。因此，“確認(rèn)”按鈕的功能類似于“下一頁”按鈕。將輔助動(dòng)作按鈕放置在左側(cè)，主動(dòng)作按鈕在右邊映射到用戶可以期待的‘后退’和‘下一步’按鈕功能。
它類似于分頁按鈕的放置方式。將用戶帶到下一頁的按鈕位于右側(cè)，將用戶帶回其早期頁面的按鈕位于左側(cè)。這個(gè)按鈕的放置工作是因?yàn)樗成涞接脩魪淖蟮接业拈喿x和導(dǎo)航方向，其中右是前進(jìn)的方向，左是后退的方向。
對(duì)話框中的“確認(rèn)”和“取消”按鈕應(yīng)該遵循類似的交互模式，因?yàn)樗鼈兊墓δ茴愃朴诜猪摪粹o。
不僅如此，在中國(guó)用戶習(xí)慣了左右方向的模式。
將您的主要操作放在右側(cè)，將次要操作放置在左側(cè)，將使您的對(duì)話框按鈕更容易、更直觀地為用戶所理解。
將您的按鈕放置在終端區(qū)域可以讓用戶看到他們最后需要采取的主要操作。這不僅改善了視覺流，也改善了任務(wù)流。
用戶在掃描時(shí)不會(huì)跳過主動(dòng)作按鈕。當(dāng)他們通過時(shí)，他們的眼睛就會(huì)盯著它，所以他們可以立刻點(diǎn)擊它。
另一個(gè)問題是設(shè)計(jì)師經(jīng)常想知道他們是應(yīng)該把按鈕放在角落里，還是把它們放在一起。當(dāng)您將主操作和輔助操作放置在對(duì)話框
的角中時(shí)，它將很好地映射到左右方向。但是，由于‘取消’和‘確認(rèn)’按鈕不是導(dǎo)航按鈕，所以沒有必要遵循方向映射。有時(shí)它弊大于利。
如果應(yīng)用程序要執(zhí)行用戶無法撤消的關(guān)鍵操作，那么用戶可以看到“取消”按鈕和“確定”按鈕是很重要的。在這種情況下，“取消”按鈕的功能可能像“先前”按鈕，但更重要的是，因?yàn)樗洚?dāng)安全按鈕，以防止任何更改。
在左下角放置“取消”按鈕的危險(xiǎn)是，由于兩個(gè)按鈕之間的視覺分隔很大，它可能導(dǎo)致用戶忽略它。將“取消”按鈕和“確定”按鈕放在一起，可以使用戶更容易在一次凝視中查看和比較這兩個(gè)動(dòng)作，從而選擇最佳的操作和點(diǎn)擊。
我們經(jīng)常卸載軟件的時(shí)候一不留神就會(huì)點(diǎn)錯(cuò)，或者是我們?cè)谘b某一個(gè)軟件的時(shí)候全家桶一擁而上。所以在不同場(chǎng)景當(dāng)中我們所用的按鈕形態(tài)也是不一致的。
菜單欄沒有主次之分
當(dāng)您對(duì)菜單項(xiàng)進(jìn)行全文本或全圖標(biāo)處理時(shí)，問題就會(huì)出現(xiàn).當(dāng)用戶掃描他們想要的項(xiàng)目時(shí)，他們的注意力分散在菜單周圍。這是因?yàn)闆]有層次來吸引他們的注意力。
通過將用戶的注意力引導(dǎo)到您的主要項(xiàng)目，使您的菜單可掃描。
要實(shí)現(xiàn)這一點(diǎn)，我們可以看下面設(shè)計(jì)形式來強(qiáng)調(diào)重點(diǎn)內(nèi)容
與其在每個(gè)菜單項(xiàng)上放置圖標(biāo)，還不如將其放置在主菜單項(xiàng)上。視覺強(qiáng)調(diào)首先將用戶的注意力引導(dǎo)到這些項(xiàng)目上。
次要項(xiàng)目上缺少圖標(biāo)，這使得它們能夠得到其余的關(guān)注。
如果要使所有圖標(biāo)處，請(qǐng)稍微放大需要突出的圖標(biāo)。
稍微的增大會(huì)使視覺效果有很大的不同，同時(shí)字形更容易辨認(rèn)，每一行的線高也會(huì)增加。讓整個(gè)看起來更加有空間感一些。
讓用戶瀏覽閱讀起來也會(huì)更加舒暢一些。
甚多的設(shè)計(jì)師設(shè)通常喜歡使用主按鈕的輪廓形狀作為輔助按鈕。按鈕樣式看起來可能不一樣，但還不夠。
他們?nèi)匀粫?huì)競(jìng)爭(zhēng)，因?yàn)樗麄兊念伾珜?duì)比度相等。
為了給主按鈕更多的注意，削弱輪廓按鈕的對(duì)比度。與其使用重顏色，不如使用它的色調(diào)。你可以通過降低重顏色的亮度和飽和度來制作。確保對(duì)比度足夠高，以達(dá)到主要的按鈕突出性。
設(shè)計(jì)師的另一個(gè)趨勢(shì)是把第二個(gè)按鈕變成黑色。他們認(rèn)為，使用中性的顏色，它是不會(huì)競(jìng)爭(zhēng)的。然而，黑色按鈕更為突出，因?yàn)樗幸粋€(gè)更高的對(duì)比度。
不要使用黑色，而要使用重顏色的色調(diào)，以使輔助按鈕比主按鈕更弱。要做到這一點(diǎn)，增加亮度和降低飽和水平。
將彩色按鈕與中性灰色配對(duì)并不總是意味著彩色按鈕會(huì)得到更多的關(guān)注。如果主按鈕的顏色太輕，則中性輔助按鈕將更加突出
要避免這一錯(cuò)誤，請(qǐng)選擇不太明亮的顏色。明亮的顏色可能看起來很有吸引力，但它與白色背景或文字的對(duì)比不太好。在主按鈕上使用更暗的顏色，這樣第二個(gè)按鈕就不會(huì)引起注意。
在設(shè)計(jì)當(dāng)中我們經(jīng)常會(huì)遇到做選擇性的勾選，往往很多設(shè)計(jì)師會(huì)犯的一些錯(cuò)誤問題和選擇障礙問題。
我們?cè)O(shè)計(jì)單選框的時(shí)候這不是秘密而是讓用戶做出選擇，復(fù)選框是很難點(diǎn)擊，因?yàn)樗麄兊男糁心繕?biāo)。
設(shè)計(jì)師通常會(huì)讓標(biāo)簽點(diǎn)擊，但如果它不是直觀的，那也于事無補(bǔ)。
通過將復(fù)選框轉(zhuǎn)換為復(fù)選標(biāo)記，您可以為用戶提供更大的命中目標(biāo)和更清晰的交互提示。
有時(shí)你可能想提供不同數(shù)量的商品。使用多個(gè)復(fù)選框復(fù)制它會(huì)產(chǎn)生更多的文本來讀取，并使界面混亂,且讓用戶難以進(jìn)行選擇。對(duì)于增量輸入更改使用數(shù)字選擇器一次顯示該項(xiàng)會(huì)為更好些。
總結(jié)以上兩點(diǎn)，實(shí)際商用應(yīng)用案例如下所示
卡片內(nèi)容有幾種文本類型，提供不同的信息功能。讓我們看看基本內(nèi)容卡的文本類型。
首先是眉毛，它是一個(gè)明確的詞或短語，用來描述內(nèi)容的主題。
還有一個(gè)標(biāo)題，它用一個(gè)句子中的幾個(gè)單詞告訴用戶內(nèi)容是關(guān)于什么的。
在此之后，就會(huì)有一個(gè)描述內(nèi)容的正文。
最后，就是時(shí)間與操作的按鈕
必須通過確定哪些文本類型對(duì)用戶更重要，從而為您的卡片新聞建立文本層次結(jié)構(gòu)。
此內(nèi)容新聞卡片的適當(dāng)文本層次結(jié)構(gòu)為：
1.眉毛-可以是時(shí)間，可以是新聞分類
2.標(biāo)題-最重要的是，因?yàn)樗枋龅膬?nèi)容最快。
3.正文-包含一個(gè)描述性段落，但閱讀時(shí)間最長(zhǎng)。
4.描述內(nèi)容的正文對(duì)內(nèi)內(nèi)容的簡(jiǎn)要描述。
您的內(nèi)容卡應(yīng)指導(dǎo)用戶按此順序?yàn)g覽文本類型。要實(shí)現(xiàn)這一點(diǎn)，您需要使用瀏覽控制對(duì)文本類型應(yīng)用適當(dāng)?shù)囊曈X強(qiáng)調(diào)。
通過適當(dāng)?shù)囊曈X強(qiáng)調(diào)，可以控制用戶瀏覽的順序，并指定反映文本層次結(jié)構(gòu)的瀏覽模式。
當(dāng)掃描遵循文本層次結(jié)構(gòu)時(shí)，用戶會(huì)浪費(fèi)更少的眼球運(yùn)動(dòng)，并且可以更快地處理信息。
下面的示例說明了瀏覽控制如何讓眼球工作比較。不同的是強(qiáng)調(diào)不同的文本類型。
其他文本類型具有相同的強(qiáng)調(diào)度，這使得它們爭(zhēng)奪用戶的注意力。
在內(nèi)容顏色的控制上我們可以為三種，重要的突出的需要用戶重點(diǎn)進(jìn)行關(guān)注的就用黑色
例如：#333333 #222222 #454545 等等色值
在不需要突出的內(nèi)容上我們可以用稍微淺一點(diǎn)的色值保證用戶能夠進(jìn)行閱讀即可，
例如：#999999 #787878 #666666 等等色值更加容易記住
其他輔助的內(nèi)容表達(dá)比內(nèi)容正文更淺
例如：#bbbbbb #A8A8A8 等等色值
說到這里我要說一用戶體驗(yàn)關(guān)于文字的事情如果做出來的設(shè)計(jì)文字是給自己看的隨意設(shè)計(jì)讀沒人會(huì)說你，有句話說的好：現(xiàn)在
是內(nèi)容為王的時(shí)代，如果在內(nèi)容上不夠吸引或者顏色不夠吸引眼球那就是一個(gè)很失敗的案例。
轉(zhuǎn)自：站酷
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
互聯(lián)網(wǎng)下半場(chǎng)，所有的比拼都在產(chǎn)品體驗(yàn)；然而“體驗(yàn)”是一個(gè)非常抽象的詞，我們?cè)趺窗岩粋€(gè)抽象的概念拆解成可落地執(zhí)行的策略，作用到企業(yè)中后臺(tái)產(chǎn)品上，怎么衡量策略的有效性，這一直是我們團(tuán)隊(duì)面臨的重大課題。
業(yè)界關(guān)于體驗(yàn)度量的經(jīng)驗(yàn)
目前關(guān)于“體驗(yàn)度量”比較成熟的理論模型當(dāng)屬 Google 的 HEART 模型，另外還有 ISO 9126 軟件質(zhì)量模型和Davis 的 TAM 技術(shù)接受模型。后人在此基礎(chǔ)上進(jìn)行了很多實(shí)踐，譬如 SAP 的用戶體驗(yàn)問卷（UEQ）、Oracle 的客戶體驗(yàn)價(jià)值公式（CX）等。公司內(nèi)部各個(gè) BU 也在不斷的嘗試和探索，譬如新零售技術(shù)團(tuán)隊(duì)的 TES 模型。技術(shù)團(tuán)隊(duì)研發(fā)效能的 DEVA 模型，國(guó)際 UED 語音設(shè)計(jì)的 HII 模型，阿里云的 QoUE 模型?？v觀這些模型和實(shí)踐，大多是主觀數(shù)據(jù)和客觀數(shù)據(jù)的結(jié)合。
我們團(tuán)隊(duì)也曾提出過 TECH 、PTECH 模型，但由于模型的操作門檻較高、對(duì)埋點(diǎn)數(shù)據(jù)有不少要求，難以推廣到各條業(yè)務(wù)線。痛定思痛后，我們決定重新回歸業(yè)務(wù)，回歸“體驗(yàn)度量”的初心，去繁從簡(jiǎn)，提高通用性。
企業(yè)中后臺(tái)產(chǎn)品的特點(diǎn)
企業(yè)級(jí)中后臺(tái)產(chǎn)品最大的特點(diǎn)是任務(wù)性質(zhì)非常明確；用戶使用這類產(chǎn)品通常是為了解決某個(gè)確定的問題點(diǎn)，期待用新的解決方式降本增效。
桌面研究也表明：可用性問題是軟件行業(yè)的普遍問題：在英國(guó)，一般商用計(jì)算機(jī)用戶只有30%-40%的有效生產(chǎn)率；軟件缺陷中，48%是可用性問題。
正是基于上述原因，我們嘗試提出了“兩章一分”的標(biāo)準(zhǔn)，分別從設(shè)計(jì)驗(yàn)收、可用性測(cè)試、易用度分?jǐn)?shù)等三個(gè)維度對(duì)產(chǎn)品體驗(yàn)進(jìn)行體檢和把關(guān)。
什么是「兩章一分」
1. 設(shè)計(jì)驗(yàn)收章
“設(shè)計(jì)驗(yàn)收章”主要有 3 個(gè)維度：產(chǎn)品還原度、任務(wù)流程跑通率、單頁面加載時(shí)間。
產(chǎn)品還原度：指技術(shù)同學(xué)的最終產(chǎn)出與設(shè)計(jì)稿之間的差異；
匯總?cè)斯ぶ悄芫€、技術(shù)風(fēng)險(xiǎn)線等 5 個(gè)產(chǎn)品近 1 年的可用性測(cè)試結(jié)果。除功能、性能問題外，高頻體驗(yàn)問題主要集中在“幫助引導(dǎo)”、“操作反饋”、“任務(wù)流程”、“概念術(shù)語”、“功能入口”這 5 個(gè)方面。同時(shí)，結(jié)合之前項(xiàng)目沉淀的設(shè)計(jì)經(jīng)驗(yàn)和設(shè)計(jì)工具，我們最終將“產(chǎn)品還原度”的子維度定為“信息導(dǎo)航”、“幫助引導(dǎo)”、“操作反饋”、“文案名詞”；每個(gè)子維度用 2-3 句描述來進(jìn)行評(píng)分。
任務(wù)流程跑通率：驗(yàn)收確認(rèn)能跑通的主干任務(wù)流程數(shù)，在所有主干任務(wù)流程數(shù)中的占比；舉個(gè)例子，設(shè)計(jì)稿中枚舉了 10 條主干任務(wù)流程，驗(yàn)收發(fā)現(xiàn)其中 9 條已跑通，那么任務(wù)流程跑通率就是 9/10*100%=90%。
單頁面加載時(shí)間：接入雨燕性能指標(biāo)數(shù)據(jù)的產(chǎn)品看“首次有效渲染時(shí)長(zhǎng) fmp”這個(gè)指標(biāo)；未接入的產(chǎn)品直接主觀判斷，超過 3 秒的視為不合格。
2. 可用性測(cè)試章
“可用性測(cè)試章”也在驗(yàn)收階段執(zhí)行，同樣有三個(gè)參評(píng)維度：最終完成率、人均求助次數(shù)和高阻礙頁面。
我們沒有考慮將可用性測(cè)試的常用指標(biāo)——操作時(shí)長(zhǎng)作為參評(píng)維度，主要原因是企業(yè)中后臺(tái)產(chǎn)品類型多、使用場(chǎng)景復(fù)雜程度各自不同：用語雀創(chuàng)建企業(yè)空間只需要 5 分鐘；用云鳳蝶搭建一個(gè)后臺(tái)頁面可能需要 60 分鐘，用 sofa stack 創(chuàng)建并發(fā)布一個(gè)應(yīng)用可能需要 2-3 個(gè)小時(shí)……難以確定可以作為標(biāo)準(zhǔn)的具體操作時(shí)長(zhǎng)。
3. 易用度分?jǐn)?shù)
“易用度分?jǐn)?shù)”標(biāo)準(zhǔn)為 5.5 分。
「兩章一分」的實(shí)踐
截至 2020 年 9 月，已有 58 個(gè) 產(chǎn)品實(shí)踐過“兩章一分”系列方法，基本覆蓋平臺(tái)設(shè)計(jì)團(tuán)隊(duì)支撐的重點(diǎn)項(xiàng)目及 UV 超過 100 的產(chǎn)品。詳細(xì)數(shù)據(jù)如下圖：
完整體驗(yàn)“兩章一分”的 18 個(gè)產(chǎn)品，僅可用性測(cè)試就幫助發(fā)現(xiàn) 364 個(gè)問題，平均每個(gè)產(chǎn)品發(fā)現(xiàn) 20 個(gè)問題；其中，“九州2.0 發(fā)布部署”發(fā)現(xiàn)問題數(shù)多達(dá) 53 個(gè)。
設(shè)計(jì)驗(yàn)收：共創(chuàng)式驗(yàn)收
企業(yè)中后臺(tái)產(chǎn)品生產(chǎn)階段中，由于一般沒有專門的測(cè)試同學(xué)，因此設(shè)計(jì)驗(yàn)收都是由設(shè)計(jì)師或 PD 單獨(dú)執(zhí)行，沒有作為必選環(huán)節(jié)，有時(shí)候甚至?xí)驗(yàn)殚_發(fā)周期緊張而直接略過；既沒有方法論，又缺乏儀式感。
“兩章一分”的實(shí)踐中，我們首次踐行“共創(chuàng)式驗(yàn)收”，以項(xiàng)目組會(huì)議的方式，邀請(qǐng)各個(gè)角色共同參與到驗(yàn)收環(huán)節(jié)中：如果產(chǎn)品沒有什么技術(shù)門檻，那么各個(gè)角色分別獨(dú)立操作核心流程；如果產(chǎn)品有一定的技術(shù)門檻，則由技術(shù)同學(xué)操作核心流程，同時(shí)共享屏幕，其他同學(xué)從旁觀察。操作完畢后，項(xiàng)目組內(nèi)共同討論發(fā)現(xiàn)的體驗(yàn)問題，并將問題落地到 Aone 中進(jìn)行排期管理落地。
可用性測(cè)試：引入“技術(shù)支持”+圈定測(cè)試人數(shù)+ 線上測(cè)試降成本
企業(yè)中后臺(tái)產(chǎn)品通常有一定的技術(shù)門檻，以 SOFAstack的測(cè)試任務(wù)為例：
使用 sofaboot 技術(shù)棧，創(chuàng)建 “hello world” 應(yīng)用，通過“經(jīng)典版”發(fā)布部署模式發(fā)布成功。
測(cè)試過程中經(jīng)常會(huì)出現(xiàn)一些涉及到底層技術(shù)系統(tǒng)的問題，非設(shè)計(jì)同學(xué)能解決，因此我們建議做企業(yè)中后臺(tái)產(chǎn)品的可用性測(cè)試時(shí)，需要配備至少一名技術(shù)支持同學(xué)，以備不時(shí)之需。
Jakob Nielsen 在 2000年提出測(cè)試 5 人就能發(fā)現(xiàn) 85%的可用性問題；結(jié)合我們的實(shí)際業(yè)務(wù)場(chǎng)景：有些產(chǎn)品真實(shí)客戶非常難找；前期“共創(chuàng)式驗(yàn)收”已跑通核心主干流程；因此我們將測(cè)試人數(shù)限制為 3 人。
我們開始實(shí)操案例時(shí)，恰逢疫情期間，于是就引入了線上遠(yuǎn)程測(cè)試的方式；后續(xù)實(shí)踐下來，發(fā)現(xiàn)遠(yuǎn)程測(cè)試能在觀察、分析階段顯著降低執(zhí)行成本。
通過釘釘或阿里郎發(fā)起視頻會(huì)議，邀請(qǐng)參加測(cè)試和觀察的同學(xué)入會(huì)，請(qǐng)測(cè)試用戶共享操作屏幕，主持人錄屏捕捉用戶操作軌跡，PD、技術(shù)等項(xiàng)目組成員從旁觀察。測(cè)試結(jié)束后，使用語音轉(zhuǎn)文本工具，快速將音頻轉(zhuǎn)成文字。這種模式最大的好處有兩點(diǎn)：
執(zhí)行階段的多樣化
最開始提出“兩章一分”的時(shí)候，我們?cè)鞠Ｍ@套標(biāo)準(zhǔn)能被作為判斷產(chǎn)品體驗(yàn)是否好用，能否上線的標(biāo)準(zhǔn)之一；但實(shí)際并未推動(dòng)成功。這里面有很多原因，其中一個(gè)非常實(shí)際的問題是很多產(chǎn)品需要調(diào)用線上數(shù)據(jù)庫才能跑通核心流程，在測(cè)試階段沒法跑通；這就導(dǎo)致在測(cè)試階段做可用性測(cè)試無法真實(shí)還原用戶場(chǎng)景。
此外，設(shè)計(jì)師或 PD 新接手某款產(chǎn)品時(shí)，也希望能通過可用性測(cè)試的方式來快速了解產(chǎn)品問題。回歸到“兩章一分”的初心——幫助產(chǎn)品發(fā)現(xiàn)體驗(yàn)問題，因此，我們拓展了方法的執(zhí)行階段，不再局限于測(cè)試或驗(yàn)證階段，只要場(chǎng)景適合，都可以用。
產(chǎn)品簡(jiǎn)介
LinkE 研發(fā)運(yùn)維中心是云通未來 Serverless 戰(zhàn)場(chǎng)的重要產(chǎn)品；業(yè)務(wù)方希望用該產(chǎn)品來整合研發(fā)同學(xué)日常高頻使用的研發(fā)、運(yùn)維、中間件平臺(tái)，大幅減少平臺(tái)割裂和跳轉(zhuǎn)，提供沉浸式的產(chǎn)品體驗(yàn)。
目前該產(chǎn)品還處于 0-1 建設(shè)的階段。
實(shí)踐過程
結(jié)果用戶在任務(wù) 2 遇到高阻礙頁面，導(dǎo)致可用性測(cè)試結(jié)果為“不通過”，任務(wù) 2 的易用度分為僅 4.4 分，顯著低于 5.5 分的參考標(biāo)準(zhǔn)；最終發(fā)現(xiàn) 30+ 問題點(diǎn)，并推動(dòng) PD 思考產(chǎn)品邏輯設(shè)置是否合理。
實(shí)踐效果
在實(shí)踐過程中，我們發(fā)現(xiàn)企業(yè)中后臺(tái)產(chǎn)品的典型場(chǎng)景大致可以分為 4 個(gè)場(chǎng)景；不同場(chǎng)景面臨的設(shè)計(jì)項(xiàng)目有所偏重；不同設(shè)計(jì)項(xiàng)目在體驗(yàn)度量方面的切入點(diǎn)也有所不同。譬如：云鳳蝶是一個(gè)典型的沉浸式畫布頁面，所有操作幾乎都是通過編輯器屬性面板來調(diào)整，那么如何來評(píng)估編輯器的效率呢？通過一系列實(shí)踐和思考，我們提出可以通過“高頻屬性查找、配置的步驟數(shù)和時(shí)間”、“設(shè)置相同組件屬性的耗時(shí)變化”等指標(biāo)進(jìn)行衡量。以下是我們根據(jù)不同典型場(chǎng)景、設(shè)計(jì)項(xiàng)目提出的體驗(yàn)度量切入點(diǎn)。
「兩章一分」的未來
經(jīng)過 S1 長(zhǎng)達(dá)幾個(gè)月的探索：我們制定了“兩章一分”的標(biāo)準(zhǔn)；對(duì) 30+ 產(chǎn)品進(jìn)行了易用度分?jǐn)?shù)的測(cè)試，捕捉分?jǐn)?shù)基線；提煉實(shí)操方法技巧，并賦能給各位設(shè)計(jì)師；聯(lián)合設(shè)計(jì)師和業(yè)務(wù)方跑通近 20 個(gè)案例。不管是問題發(fā)現(xiàn)數(shù)量，還是設(shè)計(jì)師、業(yè)務(wù)方的主觀反饋，都讓我們堅(jiān)定“兩章一分”在企業(yè)中后臺(tái)產(chǎn)品體驗(yàn)優(yōu)化中是一個(gè)相對(duì)有效的模式。為此，S2 我們打算繼續(xù)深化。
我們團(tuán)隊(duì)當(dāng)前支持的企業(yè)中后臺(tái)產(chǎn)品以 0-1 階段產(chǎn)品為主，PD 通常缺少用戶意識(shí)和體驗(yàn)優(yōu)化手段，這就導(dǎo)致了設(shè)計(jì)稿還原度較差、產(chǎn)品上手門檻較高。針對(duì)這一現(xiàn)狀，我們嘗試性地提出了“兩章一分”這個(gè)評(píng)價(jià)標(biāo)準(zhǔn)，從設(shè)計(jì)驗(yàn)收、可用性測(cè)試、易用度分?jǐn)?shù) 3 個(gè)維度來評(píng)價(jià)產(chǎn)品當(dāng)前的體驗(yàn)現(xiàn)狀。
通過 S1 50+ 產(chǎn)品的實(shí)操，我們一邊不斷完善評(píng)價(jià)標(biāo)準(zhǔn)和實(shí)操經(jīng)驗(yàn)，一邊總結(jié)體驗(yàn)度量經(jīng)驗(yàn)；共幫助 18 個(gè)產(chǎn)品發(fā)現(xiàn) 364 個(gè)產(chǎn)品，并在 link 、sofa 等重點(diǎn)產(chǎn)品線中落地到業(yè)務(wù)生產(chǎn)環(huán)節(jié)中，在業(yè)務(wù)方層面收到良好反饋。
在這過程中，我們總結(jié)了適合不同場(chǎng)景、不同設(shè)計(jì)項(xiàng)目的體驗(yàn)度量切入點(diǎn)，驗(yàn)證了這種方式在當(dāng)前企業(yè)中后臺(tái)產(chǎn)品中確實(shí)有效。后續(xù)我們將嘗試細(xì)化標(biāo)準(zhǔn)，閉環(huán)案例，對(duì)內(nèi)對(duì)外發(fā)聲等方式，更好地推動(dòng)體驗(yàn)思維在企業(yè)中后臺(tái)產(chǎn)品生根發(fā)芽；同時(shí)，也期待能跟對(duì)這塊感興趣的同行朋友們多多交流。
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
編輯導(dǎo)讀：當(dāng)各大電商平臺(tái)忙著雙十一的時(shí)候，拼多多似乎是個(gè)獨(dú)特的存在，不慌不忙，圍觀在旁。拼多多為什么不重視雙十一？他們主要在忙什么？文章從這兩個(gè)問題出發(fā)，對(duì)此展開了分析解讀，一起來看看~
孫悟空是石頭縫里蹦出來的。阿里系幾位P8Plus的朋友和阿德哥聊時(shí)說，拼多多也是石頭縫里蹦出來的！
“打京辦”成立這么多年，沒承想打出個(gè)拼多多。剛剛發(fā)布的拼多多Q3財(cái)報(bào)顯示：首次單季度盈利，第三季營(yíng)收142億元；GMV達(dá)1.45萬億，同比增長(zhǎng)73%；活躍買家達(dá)7.31億……
在資本市場(chǎng)上，拼多多迅速趕超京東300億美元達(dá)1600億美元市值，成為國(guó)內(nèi)僅次于阿里、騰訊、美團(tuán)的第四大互聯(lián)網(wǎng)公司。
自2014年起，投資界便開始流傳“電商已是死賽道”的共識(shí)，拼多多的崛起給了投資界一記響亮的耳光，也再次說明了“長(zhǎng)江前浪推后浪，江山代有才人出?！?/span>
與當(dāng)年打京辦、投蘇寧等手腕比，似乎阿里對(duì)拼多多已無招可施，重啟聚劃算、推淘寶低價(jià)版眼看也只是“補(bǔ)課動(dòng)作”。而拼多多，卻正在暗暗部署更多領(lǐng)域，圈內(nèi)人說，“誰如果小看黃錚的野心，就等承認(rèn)自己是一個(gè)傻X”是同樣的邏輯。
“摁不住的拼多多！”阿里的多位朋友如是說。
今年的雙11因?yàn)椤澳愣摹痹蚨@得波瀾不驚，除了天貓交出4982億元、京東交出2715億元的答卷之外，似乎乏善可陳……
“拼多多天天都是雙11！”
拼多多的朋友告訴阿德哥，所以他們不希罕宣布成績(jī)。
當(dāng)然，這并非拼多多的官方回應(yīng)，官方回應(yīng)說，拼多多更在意消費(fèi)者的購物體驗(yàn)。拼多多的Slogon是，多實(shí)惠，多樂趣。
一個(gè)小混混有了另立山頭的志向后，并非馬上另立山頭，他首先做的，不是去激怒原有的老大，而是，開辟自己的新陣地，帶自己的小弟。
拼多多只是不公布成績(jī)，并非沒有參與“雙11”盛宴。
曾國(guó)藩說，聰明的人都懂得“藏拙”，但只有少數(shù)人懂得“藏鋒”。
沒有滿減、蓋樓、升級(jí)列車、養(yǎng)貓……只有簡(jiǎn)單的“低價(jià)”，拼多多副總裁陳秋說，本次雙11，拼多多的一切優(yōu)惠都將以最簡(jiǎn)單的方式面向用戶，消費(fèi)者不用做滿減計(jì)算題，看到的即是最優(yōu)價(jià)。
前幾天，夫人非要去郵局給小侄子寄一堆童裝，這與阿德哥的習(xí)慣大相徑庭?？傻搅肃]局，除了服務(wù)的眼神不對(duì)之外，價(jià)格真讓我驚喜：30多斤一大箱的衣服，郵寄費(fèi)30元。
總說國(guó)企服務(wù)沒跟上，可價(jià)格也真是“良心價(jià)”啊?！白怨耪媲榱舨蛔。偸翘茁返萌诵摹?，黃崢說。
總是低價(jià)得人心！
阿德哥曾做過了多次田野訪問，得出兩個(gè)基本結(jié)論，一是老家很多親朋基本都知道淘寶，但大都卻正用拼多多；另一個(gè)是阿里、京東多年的鐵粉，居然瞬間被拼多多“拉走”。
“618”期間，一個(gè)朋友在京東購買售價(jià)1099元的Beats solo3藍(lán)牙耳機(jī)，已準(zhǔn)備在京東下手的他，突發(fā)異想去拼多多“多看了一眼”，499元。你沒看錯(cuò)，不要599元！
這個(gè)朋友今天已是拼多多的優(yōu)質(zhì)用戶，幾個(gè)月時(shí)間里，貢獻(xiàn)了近三萬元的GMV。
打開拼多多APP，限時(shí)秒殺、斷碼清倉、XX特賣、9塊9特賣……不要小看這樣的戰(zhàn)陣：因?yàn)榇罅康奶貎r(jià)版塊，外加重頭推出的“百億補(bǔ)貼”，拼多多給用戶展示出的，可不就是天天雙11嘛？
而其背后的玄機(jī)則在于：通過不斷上新的各種大促，拼多多對(duì)于品牌的露出與銷量拉動(dòng)，早已遠(yuǎn)超傳統(tǒng)電商“泛賣貨”模式，它一改小商家陪煉大玩家的傳統(tǒng)模式變成了“讓更多的商家可以雨露均沾”。
如果非得去探尋一下拼多多的崛起路徑，吃瓜瓤的多半會(huì)說，沒有淘寶就沒有今天的拼多多，沒有微信也沒有今天的拼多多。
這可以視為正確的廢話。
當(dāng)年抗美援朝的路上，也曾有不少志愿軍睡著了。
移動(dòng)互聯(lián)網(wǎng)大潮來臨的時(shí)候，互聯(lián)網(wǎng)的生態(tài)發(fā)生了全新的變化，拉長(zhǎng)時(shí)間線，誰臨陣換了大將，誰展開了整風(fēng)運(yùn)動(dòng)？
江山代有才人出，丁磊的知音，段永平的弟子，黃崢當(dāng)立。
簡(jiǎn)而言之，阿里為中國(guó)的電商事業(yè)立下了汗馬功勞，基本讓國(guó)人實(shí)現(xiàn)了在“消費(fèi)互聯(lián)網(wǎng)”端的揚(yáng)眉吐氣；而騰訊的QQ、微信，則讓國(guó)人實(shí)現(xiàn)了網(wǎng)絡(luò)“非主流意見市場(chǎng)”上聚集了最多的人。
創(chuàng)業(yè)，天時(shí)、地利、人和。黃崢不會(huì)都得，但都掙得了。
淘寶“開卷考試”帶來了最初的商家和貨品，微信“熱鬧人群”帶來了交易場(chǎng)景，砍價(jià)、拼單激發(fā)了社交流，拼多多，用了不到三年的時(shí)間，創(chuàng)造出了“新電商速度”。
隨后是C2M新品牌計(jì)劃，百億補(bǔ)貼的大品牌計(jì)劃，而快速上市帶來的則不僅是高光，更是贏得了“黃金時(shí)間”。
按照傳統(tǒng)電商資本套路，拼多多三季實(shí)現(xiàn)單季贏利之后，還有一年到一年半的“高增可虧損”黃金時(shí)間。換而言之，拼多多依然可以繼續(xù)實(shí)現(xiàn)補(bǔ)貼、營(yíng)銷推動(dòng)，而不必太在意贏利。
這樣的時(shí)間窗口，縱觀天下電商，唯拼多多有之。
有疑問的人，不妨多看看拼多多今年的前二季財(cái)報(bào)的營(yíng)銷費(fèi)用率，答案擺在那兒呢。
恐怖的是，黃崢的野心并非只在“實(shí)物電商”，據(jù)說，在拼多多，更多的大殺器正在路上。
上天并非偏心，了解黃崢的人，知道，他只是大器晚成，而非天縱其才。
并非拼多多不重視雙11，而是黃崢不重視，一是因?yàn)槠炊喽嘁焉狭塑壍?；二是因?yàn)辄S崢最近只關(guān)注另一件事——賣菜。這便是多多買菜。
疫情期間，拼多多便推出了線下團(tuán)購工具“快團(tuán)團(tuán)”，協(xié)助各地商家收集社區(qū)需求，從而實(shí)現(xiàn)在線下單。
此前8月，多多買菜正式上線，開始與興盛優(yōu)選、美團(tuán)買菜展開直接競(jìng)爭(zhēng)，先是APP端出現(xiàn)多多買菜頻道，更是迅速推出同名小程序與“多多買菜門店端”服務(wù)號(hào)：采取的是與本地商超合作，線上賣菜、線下提菜的路徑。
與別家合作前置倉自建供應(yīng)鏈模式不同的是，多多買菜采取了只幫“合作商家”在線賣菜的方式，換而言之，多多買菜把實(shí)惠送給了合作商家，而它想要的似乎只是“用戶”。
在這一邏輯下，拼多多采取了極為激進(jìn)的補(bǔ)貼方式，以更高方式補(bǔ)貼團(tuán)長(zhǎng)，打出的旗幟是10億量級(jí)，除此之外，還采取了“三高”戰(zhàn)術(shù)：高補(bǔ)貼拉新、高頻率回訪、率入駐。
賣菜熱不熱？
阿里、騰訊、美團(tuán)、滴滴、字節(jié)跳動(dòng)盡數(shù)入局，而當(dāng)前跑得最猛的是拼多多——多多買菜。
多位競(jìng)品人士告訴阿德哥，多多買菜團(tuán)隊(duì)更加年輕，除了在品控方面并未實(shí)現(xiàn)良好管控之外，其犀利程度、其執(zhí)行力，遠(yuǎn)超阿里鐵軍。
騰訊陣營(yíng)拉出了興盛優(yōu)選、食享會(huì)；而阿里系除了為十薈團(tuán)、你我您合并之后的新十薈團(tuán)打通阿里供應(yīng)鏈之外，更是在近期有了新動(dòng)作：菜鳥驛站團(tuán)購接入了大潤(rùn)發(fā)的商超，盒馬推出了盒馬mini和盒粉群，據(jù)傳零售通事業(yè)部亦正在籌備新的社區(qū)團(tuán)購部門。
實(shí)際上，今年的互聯(lián)網(wǎng)，除了5G軟硬概念之外，最大的賽道是賣菜，它超過了前幾年前輩造出的“新零售”概念。
今年，以賣菜為核心的生鮮賽道上，目前已宣布和匯聚的資金已超過200億元。
黃崢?biāo)坪蹩礈?zhǔn)了這條賽道，而現(xiàn)在的增量搏殺，僅僅是開始。
“此一時(shí)”的策略，是黃崢鐵了心要拿下僅比外賣吃飯稍弱的剛需——買菜，既高頻，又具備想像力。
要知道，首先撬動(dòng)農(nóng)村及五環(huán)外的，是拼多多。而拼多多C2M端的大成，其實(shí)在農(nóng)產(chǎn)品，賣空一個(gè)地方的農(nóng)產(chǎn)品，早已在拼多多持續(xù)實(shí)現(xiàn)。
而在未來嫁接進(jìn)自己的供應(yīng)鏈，顯然在邏輯上已是必須。而當(dāng)務(wù)之急，是拿下更大規(guī)模的“增量”用戶。
黃崢絕非魏延，僅僅是有反骨，他也更不會(huì)是鄧艾、鐘會(huì)，他是司馬一族。
黃崢如是說，我認(rèn)為最好的利用營(yíng)收的方式就是投資R&D、基礎(chǔ)設(shè)施、用戶認(rèn)可度、品牌知名度。重要的是，
培養(yǎng)人們的消費(fèi)習(xí)慣，讓人們以拼多多為最主要的消費(fèi)平臺(tái)。
黃崢之野心，蒼天可鑒，近在咫尺的數(shù)據(jù)是：年活躍買家已增至7.313億人，第三季度平均月活躍用戶為6.434億人。
與之對(duì)應(yīng)的是，阿里最近的數(shù)據(jù)是：年活躍買家7.57億，2020年9月，中國(guó)零售市場(chǎng)移動(dòng)月活躍用戶8.81億人。
有人在意ARPU值、GMV，但拼多多似乎更在意客單量、復(fù)購率和用戶數(shù)。
依阿德哥判斷，電商格局正在乾坤大挪移。
嗯，了不起的蓋茨比，摁不住的拼多多。
文章來源：人人都是產(chǎn)品經(jīng)理 作者：韓志鵬
藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn