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