完美，不是因為沒有什么可以增加，而是沒有什么可以減少。
創建美觀、可用和的 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 的設計規范?，F在很多 iOS 產品當中也開始使用這種導航欄樣式來進行設計，而原本屬于 iOS 規范當中的分段選擇器變得不那么常見了。
在視覺表現形式上，Tab 和標簽欄同樣也分為選中態和未選態，它的設計較為簡單，通常是使用一組文字標簽，通過顏色或在標簽下加上小長條來區分兩者的狀態。因為它簡單，卻越難設計出彩，要發揮極大的設計想象力，跳脫出設計規范的限制，才能找到完美的方案。例如蝦米音樂的 Tab 選中態是一段音頻波線，再配合文字的大小對比，一個富有設計感又符合產品特征的 Tab 就被創造出來了。
我們還可以從品牌基因中獲取靈感，品牌作為用戶熟知的形象是個絕佳的來源。從品牌形象中提取具有獨特氣質的視覺富豪作為 Tab 選中態的小長條，這樣就建立起視覺上的聯系，讓用戶產生由內而外的一致感受。例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到 Tab 的設計上，既讓界面視覺，又進一步強化了用戶對品牌形象的認知。
在 UI 設計中，有許多的裝飾元素，如卡片的邊框、列表的分割線等，雖然邊框，分割線是分隔兩個元素的好辦法，但是它不是唯一的方法，使用過多會讓整個布局的設計感降低，或多或少都會干擾用戶瀏覽的視線，讓信息內容失去注意力，因此可以減少不必要的裝飾元素。我們可以通過以下幾個方法來劃分元素的視覺層次，讓畫面變得干凈，整齊：
使用陰影
陰影同樣可以營造出邊界感，而且相比邊框分割線更加微妙，并不會顯得突兀，不會分散用戶的注意力，讓內容更聚焦。
使用不同的背景色來區分
通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分。所以，你所需要做的就是在不同的區塊采用不同的背景色，并且嘗試刪除分割線，因為你根本不需要它。
增加額外的留白
創建元素之間的分離效果，并不一定要通過線框來表現，只要增加留白，讓它們分隔開就行了。通過留白和間距來實現元素分組是 UI 設計中的常用手法。
在 App 中的每一個界面都有許多元素，那些同類的元素應保持統一的設計樣式。通常個人中心的標簽欄圖標是一個人形剪影，它代表著用戶，因此可以在展示用戶頭像和用戶形象的界面中延續使用。如果圖形擁有獨特的外觀，如橢圓矩形，也可以作為視覺符號的一種，延續到其他界面中，成為圖形或按鈕的外觀。這樣，整個界面就被統一的設計元素聯系起來了，給用戶始終如一的一致感。
選擇符合產品氣質的字體，可以與產品的定位相吻合，傳遞給用戶正確的情感意識。雖然默認字體可以滿足大多數 App 的設計需求。但會出現一個問題就是，系統字體的普適性并沒有什么特色，在一些特定的情境下就顯得收效甚微。例如在運動類 App 中更適合粗壯的斜體來傳遞力量、爆發力、速度的感覺，換成系統字體后，整體感覺在氣勢上就變弱了很多。
大多數 App 都支持三方登陸，他可以減輕用戶注冊的時間成本。通常是在注冊登陸頁的底部展示第三方圖標入口，這也是設計師最常忽略的內容，往往是直接將第三方圖標調整一致大小和擺放整齊位置，沒有針對它們再設計。一個設計精致的 App 不應漏過任何的細節，我們可以以自家 App 的圖標風格為依據，對第三方圖標進行優化設計。
App 中優美的圖文設計，能帶給用戶如沐春風的視覺享受，它非常重要。我們經?？吹轿淖织B加在圖片背景上的設計樣式，為了減少復雜圖片背景對文字的干擾，通常的做法是疊加半透明度的黑色蒙版，讓白色文字清晰可見，但這不是最優的辦法。我們可以從圖片中提取主色調用于疊加背景的填充色，這樣就使文字、色塊和圖片融入到一起了，畫面變得高級和富有設計感。
圖片的質量影響著整個 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 設計的“高級感”意味著在視覺層面要從細微之處著手，創造出精致富有設計感的畫面；另一方面要從情感化設計出發，使用戶與產品產生情感上的共鳴，獲得更高層次的使用體驗。
好的學習方式就是把日常積累的知識點匯總并講出來才能真正為自己所有，新的一年愿每位設計師都能繼續保持對設計&生活的激情和熱愛。希望這篇文章對你有所幫助。
文章來源：優設網 作者：印跡
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
隔了一年都沒發作品了，感覺還是得多發發作品提升自己呀。本來是還有兩張動效的，文件太大導出有問題所以我放棄了，下次一定做好優化。
從雇傭關系看企業級協作產品的設計理念和原則
今年的新冠疫情突發，讓企業級協作產品的賽道熱鬧了起來。前有釘釘，企業微信，后有飛書帶刀入場，其他廠商看了眼紅，趕緊行動起來，所以在這片一眼望不到頭的草原上，你還能看到百度的如流，美團的大象，網易的popo等等。
如今疫情控制的結果也算喜人，經過大半年的時間的市場錘煉，現在這些個企業協作平臺也需要被懷揣著審視的目光來看看接下來要走的路。
按照公司的要求，我在工作中頻繁的使用到“釘釘”這款產品，接觸的這4年多時間大概也就是企業協作平臺的發展史了，我試著總結了一下：
但B端的設計就僅僅是所謂的“效率”么？唯效率的設計就一定好么？
你有沒有不想打開釘釘（甚至某一時間想卸載掉）的沖動？阿里巴巴當初推出釘釘這個在線辦公協同產品，出發點是為了方便企業內的辦公協作，溝通記錄、文件資料、流程審批、員工名錄等都能有效得到管理，防止丟失并隨用隨取。
后來味道變了，以“釘一下”為例，發起者可以無限次的對接收者發送信息并以“增強提醒”語音的方式提示?？吹某鰜?，這種交互設計本著觸達無障礙去做的，但卻忘記了設計使用門檻，從而造成了“誰有事誰牛X的局面”，如果沉下心來研究，會發現在這過程里情緒的變化是及其明顯的：
企業管理學里有一條著名的學說“峰終定律”（后被廣泛應用到用戶體驗領域里），大概是意思是：“在一段體驗的高峰和結尾，體驗是愉悅的，那么對整個體驗的感受就是愉悅的”。
那么釘釘的這些個機制可能就是峰終定律的反面教材了。每一個企業級協作平臺企業都在標榜自己的創新和功能的全面，殊不知這就是典型的通過產品功能機制進行的微觀管理，間接加劇雇傭關系的僵持。甚至一定程度上變成了控制…員工和企業的關系我不好說，但這些企業協作平臺真真實實的在彼此關系上掃滿了鹽。
翻看了眾多大廠的B端設計原則和設計理念，無一例外，所有的被沉淀下來的“原則”幾乎都是“效率”，甚至一提到跟B端相關的設計就永遠是“效率！效率??！效率！??！”：
以效率為核心的設計幫助任務流更的完成，就這點無可厚非，我自己也是一名用戶體驗設計師，過去做企業級應用的核心就是圍繞“效率”去做的，始終把用戶路徑的長短作為我個人無形的KPI，面試跟人吹牛X的時候也是舉例說的這些。
然而不同于C，企業協作平臺是企業要求員工統一使用的協作產品，為了方便信息集中管控，絕企業員工被迫通過一次學習后逐漸轉為不用動腦子的肌肉記憶。B端員工只想要“干完活”，C端的“圖新鮮”是發自內心的去找樂子。所以當被強迫完成任務的情況下，大部分情況下是一個偽命題。
通過審視的目光去看當下的設計原則，企業級協作平臺經歷了起始期的“溝通剛需”和發展期的“功能堆疊”后，未來應該多考慮“員工與組織”/“員工與企業”的大命題，希望是以“橋梁”的姿態出現，以幫助雙方更好的完成工作為目標去設計：
這其中有兩點需要著重注意：
先說個題外話，過去，我們在求職時期的路徑大概率是到某幾個招聘網站上挨個填寫個人信息/工作經歷/獲獎情況，但伴隨著 OCR技術成熟，一個word/pdf上傳，自動識別了所有信息，幫助企業和候選人大幅的解放了勞動力。與之類似的是：日報周報月報，除了工作總結偏腦力勞動需要人工產出之外，工作內容這種條目的列舉完全可以幫員工包辦了，畢竟釘釘上記錄了大量的工作文件和日志。單靠一個周報模版絲毫解決不了問題。
之前跟釘釘的設計師有過情感化設計的交流，對方對情感化的理解更多體現在人文關懷上，特別是在打卡這個功能上，超過幾點下班打卡后會有一句暖心的話激勵員工。對此我還是保留意見，理智支撐我不許叫這個設計為情感化設計，因為美好的文字和漂亮的圖形都只是表象而已，并沒有幫助用戶解決問題，所以頂多就是圖形設計，說的好聽點是graphic design。
我理解的情感化，從始至終要以解決用戶問題出發，與其有時間畫畫漂亮的圖形，不如去做業務的橫向打通，幫助在深夜快點打車回家來的更實在。
總的來說就目前國內像這種B端企業級應用真的還就是處在功能打通的階段，未來去balance雇傭關系的大局面市場還是很大的，從這個角度來看這個賽道還有的一拼，期待更多的大廠入場來改善僵持的雇傭關系。
轉自：站酷
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
作者：負能量補給站
從雇傭關系看企業級協作產品的設計理念和原則
今年的新冠疫情突發，讓企業級協作產品的賽道熱鬧了起來。前有釘釘，企業微信，后有飛書帶刀入場，其他廠商看了眼紅，趕緊行動起來，所以在這片一眼望不到頭的草原上，你還能看到百度的如流，美團的大象，網易的popo等等。
如今疫情控制的結果也算喜人，經過大半年的時間的市場錘煉，現在這些個企業協作平臺也需要被懷揣著審視的目光來看看接下來要走的路。
按照公司的要求，我在工作中頻繁的使用到“釘釘”這款產品，接觸的這4年多時間大概也就是企業協作平臺的發展史了，我試著總結了一下：
但B端的設計就僅僅是所謂的“效率”么？唯效率的設計就一定好么？
你有沒有不想打開釘釘（甚至某一時間想卸載掉）的沖動？阿里巴巴當初推出釘釘這個在線辦公協同產品，出發點是為了方便企業內的辦公協作，溝通記錄、文件資料、流程審批、員工名錄等都能有效得到管理，防止丟失并隨用隨取。
后來味道變了，以“釘一下”為例，發起者可以無限次的對接收者發送信息并以“增強提醒”語音的方式提示。看的出來，這種交互設計本著觸達無障礙去做的，但卻忘記了設計使用門檻，從而造成了“誰有事誰牛X的局面”，如果沉下心來研究，會發現在這過程里情緒的變化是及其明顯的：
企業管理學里有一條著名的學說“峰終定律”（后被廣泛應用到用戶體驗領域里），大概是意思是：“在一段體驗的高峰和結尾，體驗是愉悅的，那么對整個體驗的感受就是愉悅的”。
那么釘釘的這些個機制可能就是峰終定律的反面教材了。每一個企業級協作平臺企業都在標榜自己的創新和功能的全面，殊不知這就是典型的通過產品功能機制進行的微觀管理，間接加劇雇傭關系的僵持。甚至一定程度上變成了控制…員工和企業的關系我不好說，但這些企業協作平臺真真實實的在彼此關系上掃滿了鹽。
翻看了眾多大廠的B端設計原則和設計理念，無一例外，所有的被沉淀下來的“原則”幾乎都是“效率”，甚至一提到跟B端相關的設計就永遠是“效率！效率?。⌒剩。?！”：
以效率為核心的設計幫助任務流更的完成，就這點無可厚非，我自己也是一名用戶體驗設計師，過去做企業級應用的核心就是圍繞“效率”去做的，始終把用戶路徑的長短作為我個人無形的KPI，面試跟人吹牛X的時候也是舉例說的這些。
然而不同于C，企業協作平臺是企業要求員工統一使用的協作產品，為了方便信息集中管控，絕企業員工被迫通過一次學習后逐漸轉為不用動腦子的肌肉記憶。B端員工只想要“干完活”，C端的“圖新鮮”是發自內心的去找樂子。所以當被強迫完成任務的情況下，大部分情況下是一個偽命題。
通過審視的目光去看當下的設計原則，企業級協作平臺經歷了起始期的“溝通剛需”和發展期的“功能堆疊”后，未來應該多考慮“員工與組織”/“員工與企業”的大命題，希望是以“橋梁”的姿態出現，以幫助雙方更好的完成工作為目標去設計：
這其中有兩點需要著重注意：
先說個題外話，過去，我們在求職時期的路徑大概率是到某幾個招聘網站上挨個填寫個人信息/工作經歷/獲獎情況，但伴隨著 OCR技術成熟，一個word/pdf上傳，自動識別了所有信息，幫助企業和候選人大幅的解放了勞動力。與之類似的是：日報周報月報，除了工作總結偏腦力勞動需要人工產出之外，工作內容這種條目的列舉完全可以幫員工包辦了，畢竟釘釘上記錄了大量的工作文件和日志。單靠一個周報模版絲毫解決不了問題。
之前跟釘釘的設計師有過情感化設計的交流，對方對情感化的理解更多體現在人文關懷上，特別是在打卡這個功能上，超過幾點下班打卡后會有一句暖心的話激勵員工。對此我還是保留意見，理智支撐我不許叫這個設計為情感化設計，因為美好的文字和漂亮的圖形都只是表象而已，并沒有幫助用戶解決問題，所以頂多就是圖形設計，說的好聽點是graphic design。
我理解的情感化，從始至終要以解決用戶問題出發，與其有時間畫畫漂亮的圖形，不如去做業務的橫向打通，幫助在深夜快點打車回家來的更實在。
總的來說就目前國內像這種B端企業級應用真的還就是處在功能打通的階段，未來去balance雇傭關系的大局面市場還是很大的，從這個角度來看這個賽道還有的一拼，期待更多的大廠入場來改善僵持的雇傭關系。
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
轉自：站酷
作者：負能量補給站
指尖滑動屏幕的時候，多停留幾秒，捕捉一些用心的設計，記錄并反思應用到自己的設計中去。用心設計，讓我們的生活更加美好！
關鍵詞
#運營 #廣告
產品體驗
微信：刷朋友圈的時候，無形中就刷到了廣告，以朋友圈的圖文展示。也可以進行點贊，留言互動。
微博：在關注列表中也會有一些廣告推送。用戶可以自己關閉。
愛奇藝：打開視頻觀看前，會有一小段廣告時間播放，如果沒有購買會員是需要強制觀看完廣告才能看視頻正片。
設計思考
微信：隱形植入廣告，以“朋友”的身份跟你安利一個物品，角色扮演，用另外一種方式介紹產品。
微博：無形中插播一個廣告推文，廣告的標簽跟關閉的按鈕做的小，不明顯，增減關閉難度。
愛奇藝：提供付費權利，可關閉廣告。
關鍵詞
#交互 #點贊 #評論
產品體驗
微博：全屏短視頻體驗。關注，點贊等功能圖標懸浮在右側，方便用戶點擊，交互都關聯性也強。
美圖：右側一排操作按鈕，分享按鈕卻在頭部，距離有點遠，很難被注意到。圖標采用半透明疊加更有設計感。跟美圖這個產品很契合。
QQ微視：上中下的布局，中間是視頻主區域。關注按鈕在頂部，評論交互都在底部，比較傳統的布局體驗。
設計思考
微博：視頻內容全屏展示，沉浸式用戶觀看體驗。把一些按鈕設計的離用戶可觸碰區域近一點，在用戶手指操作的熱點區域，加大他們的點擊欲望。
美圖：視頻內容全屏展示，關注直接用文字加色塊高亮顯示，直接刺激用戶，引導他點擊。底部設置美化圖片產品本身設置了快捷入口。有點弱化分享操作。
QQ微視：視頻上方沒有其他干擾元素，采用比較中規中矩的布局。
關鍵詞
#加關注 #彈窗
產品體驗
美圖：首頁的短視頻，點擊用戶進去可以看到他的創作，當頁面下拉的時候，關注按鈕會一直停留在頁面頂部，高亮顯示。
小紅書：點擊個人用戶進去看筆記，下拉過程中“加關注”會一直在右上角顯示，繼續往下拉，底部會出現一個彈窗，提醒你可以關注一下，二次引導。
設計思考
美圖：主要是一個提高修圖的工具，并提供給用戶去分享美圖的平臺，沒有做過多的引導用戶操作。
小紅書：主打個人社交平臺，流量，關注度是主要的數據。發作品的目的性較強，所以給用戶做了二次引導關注。幫助創作者博得更多的關注度。
關鍵詞
#進度 #視頻 #品牌宣傳
產品體驗
嗶哩嗶哩：進度條直接了當，當前位置的標記會結合視頻的宣傳屬性來用一些特殊圖標來加深用戶觀感。
愛奇藝：
1、視頻有標記記憶點，幫助用戶快速定位到想要了解的內容；
2、當前位置采用該視頻品牌logo；
3、視頻上方有觀看熱度的面積圖，感覺有點被打擾，對用戶來說重要性不是很高。
設計思考
嗶哩嗶哩：
1、視頻進度條顏色是品牌顏色；
2、當前位置不再是單一的基本圖形，會用一些有趣的圖形替換，同時視頻屬性。
愛奇藝：
1、進度條顏色不在是單一采用品牌色，可以個性化不同場景搭配使用；
2、當前位置的狀態用視頻的品牌植入logo，起到二次宣傳的作用；
3、效果視頻記憶點，根據后臺剪輯標記用戶可能感興趣，幫助用戶快速定位；
4、進度條上方有觀看熱度的曲線。感覺這個設計有點多余，手機觀看盡量減少視覺干擾。
關鍵詞
#軌跡 #地圖 #預估時間 #定位 #場景
產品體驗
杭州公交：等公交等時候，標記你所在位置的站點，通過圖標大小、顏色標記其他公交車到站情況，很直觀?？梢越o自己等車時間做心里準備。
淘寶：物流運行軌跡在地圖上顯示，結合發出點到簽收地，預計的時間跟簽收狀態。
設計思考
場景化思維設計，讓用戶身臨其境感受。
杭州公交：聚焦與單條公交線路線，去除復雜的地圖背景，直接用圖標標記與你所在站點的位置關系，同時上方卡片會顯示即將到找的三個公交車預計時間，給用戶準備候車預留足夠的時間準備。
淘寶：物流在全國范圍內跑，使用軌跡結合地圖會更加直觀。能看到當前所在的位置，預計還有多少時間送達等等信息用場景來表達。
關鍵詞
#拍照，智能識別
產品體驗
百度：拍照識別的時候，全屏且屏幕中會標記小白點高光，一閃閃，bringbring 。
有道云：拍照上傳識別的時候，會出現錨點可以拖拽自己想選擇的圖片區域，直接裁剪。
設計思考
百度：識別照片環境的時候，有小光斑互動，帶有智能科技感，讓體驗更加有趣。
有道云：拍照過程加入裁剪功能，對圖片預處理，提高筆記效率。
關鍵詞
#編輯 #彈窗
產品體驗
石墨：編輯本條筆記時，底部彈窗，一行顯示一個操作，“刪除”標紅。
有道云筆記：有11個操作動作，采用分類的方式布局，配合圖標一目了然。
設計思考
石墨：追求極簡體驗，沉浸式設計。
有道云筆記：功能較多，底部彈窗最好不要超過屏幕2/3，影響體驗，結合圖標更加直觀。
關鍵詞
#搜索提示語
產品體驗
微博：不知道看什么時，會提示你看別人都在搜什么內容，引起你的興趣。搜索下方也有熱門搜索，也是可以買的“熱搜”廣告位，增加曝光率。
淘寶：根據你之前搜過的產品，程序自動給你推送一些對應產品的關鍵詞搜索。
設計思考
微博：熱搜的一些運營，業務層面考慮。
淘寶：電商類，記錄你的搜索喜好，給你推送符合你的產品，千人千面。
關鍵詞
#公告 #內容信息
產品體驗
喜馬拉雅：電臺模塊，可以私人定制自己感興趣的電臺。
支付寶：一些公告，消費通知，結合IP形象，觸角還會動兩下，感覺是在跟你互動對話。
設計思考
喜馬拉雅：本身是個聲音類產品，用電臺的形式訂閱自己喜歡的內容推送。
支付寶：用支付寶自己的螞蟻iP形象，加深品牌影響，同時也起到提示作用。
關鍵詞
#緩沖 #加載
產品體驗
美團外賣：下拉加載時，用美團袋鼠IP在跑的小動效來緩解用戶焦慮。
安居客：頁面拖動下拉的時候，在頭部有個樓盤建筑2.5d插畫，感覺有另一個空間的感覺。
淘寶：淘寶詳情下拉對時候，有一個歷史足跡，再你逛了很多商品之后，反復對比，想回去之前的店再逛逛，同時也減少了用戶頁面跳出率。
微信讀書：頁面下拉的時候，可以添加書簽，對當前頁做記錄，下次可以快速找到改頁面內容。
設計思考
美團外賣：植入IP形象做動效，加深品牌印象。
安居客：創造二次空間感，讓加載的過程中，沒那么焦慮，反而讓用戶覺得驚喜。
淘寶：模擬用戶使用場景，在購買商品過程中會對產品反復對比，加入一個歷史足跡，同時提高頁面轉化率。
微信讀書：下拉的過程中給用戶制造驚喜。
關鍵詞
#配圖多張排版 #圖片
產品體驗
淘寶：有視頻，又有多張圖片的情況下，視頻權重比圖片大，左一右二展示，其余收起來，點擊查看全部。
拼多多：圖片跟視頻同時存在，平鋪展示，視頻默認放第一個位置，一行三個，大小統一。
今日頭條：頭條文章內有多張圖，列表流只取三張顯示。
設計思考
淘寶：商品評論較多，控制每個評論列表高度統一性，一屏用戶可見更多買家秀，同時刺激點開視頻的行為。
拼多多：弱化視頻跟照片的比重。
今日頭條：圖片更直觀表達，也是用戶第一時間注意的信息。首頁列表需要能貼合文章內容，刺激用戶點擊，可后臺手動配置列表展示配圖。
關鍵詞
#用戶權限
產品體驗
個人中心頭像上方有個“成長守護：可以設置青少年模式，主要是為家長用戶對小孩上網觀看視頻的一個管理。
設計思考
概念包裝：現在網絡視頻內容層次不齊，不同年齡層都能接觸各類信息，鑒于對青少年的保護，對視頻推送權限設置，用“成長守護”包裝權限設置，讓產品更有溫度。
關鍵詞
#評論列表
產品體驗
知乎：評論列表整屏彈窗，用戶回復用戶，名稱之間用一個小箭頭指向，很有特點。作者身份跟在用戶昵稱后面。
愛奇藝：留言回復沒有展示用戶頭像，只有昵稱。對同一留言回復用色塊區分。
小紅書：評論列表2/3彈窗，同一留言內容最多顯示一條，多余的折疊。
設計思考
知乎：用戶名稱比內容層級較高，并結合頭像使用，用小尖頭圖標直觀表達回復對象的動作。
愛奇藝：視頻為主，評論為輔；對同一留言評論用灰色底，使用親密性原則，對其他評論人的頭像隱藏，注重評論內容。
小紅書：從下網上的彈窗形式，一屏展示內容區域較少，同一留言多條評論就收起展示。
關鍵詞
#我的個人中心
產品體驗
愛奇藝：開通會員提醒醒目，右滑展示不同類別的會員。
騰訊：開通會員提醒明顯，下面是觀看歷史，常用功能分類。
優酷：頂部有關注、粉絲、作品等數字信息展示，其次是開通會員提醒。
設計思考
愛奇藝：視頻平臺合作，會員權限開通付費為主要業務。
騰訊：以平臺為主，個人創作視頻轉型中。常用功能歸類，節省首屏利用率。
優酷：注重社交屬性，鼓勵個人創作視頻上傳。
關鍵詞
#會員服務，運營
產品體驗
視頻頁面都設置了兩個開通會員入口
1、打開視頻默認播放廣告，視頻右上角開通會員可關閉廣告；
2、視頻正下方有個大的提示開通會員入口
愛奇藝：結合用戶心理，用文字優惠刺激用戶開通。
騰訊：會根據活動給予免費體驗會員的服務。
優酷：直接把會員所享受的服務內容展示出來。
設計思考
愛奇藝：沒有多余的描述，直接提示新客優惠。
騰訊：正下方的開通會員文案會根據不同的視頻運營有不用的文案，比如超前點播，活動免費領取等等。
優酷：首屏占的比重大，無論視頻上方關閉廣告 還是正下方，按鈕都設計的很大。
轉自：站酷
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
你是想給用戶提舒適體驗，還是想給他們一個麻煩？
如果您想讓他們的體驗更快更容易，請使用輸入框上面的字段對齊標簽.或輸入框內的對齊標簽模式。
與左對齊和右對齊的標簽相比，頂部對齊或內部左對齊標簽填寫起來更快、更容易。這是因為標簽只需要有一半多的視覺固定物。
頂部對齊標簽還允許用戶以一個可視方向向下移動輸入框。左對齊和右對齊的標簽需要兩個視覺指示才能填寫。
頂部對齊標簽的唯一缺點是，它們可以使表單變得很長。但是現在用戶滾動的頻率越來越高，所以這不是問題。
通過減少字段之間的空白，可以減少表單長度。您還可以將表單拆分成多個頁面，以使表單更短。
頂部和左/右對齊標簽之間的差異很明顯。頂部對齊標簽更容易在眼睛上，并使表格更容易填寫。雖然他們可以使表單更長，
但用戶將從完成表單所需的時間和精力的減少中獲益更多。
如果頂部對齊的標簽能夠給用戶提供更好的表單體驗，那么它是值得采用的。設計師應該更多地考慮他們的字段標簽對齊。
它可以區別于用戶填寫表單還是放棄表單。
“取消”按鈕是在沒有完成任務的情況下將用戶帶回原來屏幕的輔助動作。
根據它們的功能，最好的順序是什么？“確定”按鈕應該出現在“取消”按鈕之前還是之后？
許多人提到了以下幾點平臺約定作為答案。雖然這似乎是一個解決問題的方法，但實際上并非如此。它不能回答哪個位置對用戶更好，以及為什么。為了一致性而遵循平臺慣例的建議是不夠好的，給設計師留下了空手而歸的機會。
“一致性”是設計師們常用的一個詞。不深入考慮用戶面臨的設計問題也是一個流行的借口。如果一個人不知道為什么會存在，遵循設計慣例有什么好處呢？
如果某個設計約定對用戶有害呢？設計師應該為了一致性而盲目地遵循嗎？糟糕的設計實踐是否應該持續下去，因為設計師們希望通過平臺設計的一致性來解決每一個問題？
今天，有一些平臺設計約定被廣泛使用，因為它們是為用戶工作的。但這里的要點是，平臺設計的一致性永遠不應該讓設計師滿意，因為這是做某事的唯一理由。理解為什么您應該以一種方式而不是另一種方式來設計您的用戶界面的原因是關鍵。
人們可能會說，讓你的動作按鈕突出給它更多的視覺重量和一個清晰清晰的標簽比它的位置更重要。雖然動作按鈕的視覺重量和標簽是一個重要的設計方面需要考慮，但它不是唯一的方面。
只關注一個設計方面而不是其他方面是一個粗心的設計師的行為。一絲不茍的設計師會思考每個設計方面是如何影響用戶的。
對于設計師來說，最難搞清楚的是主動作和次要動作是如何放置的。這就是為什么“確認”/“取消”按鈕的爭論在設計師中如此流行的原因。
當你通過了平臺慣例的爭論后，你會質疑哪個位置最有效。您可以通過分析設計如何影響用戶來解決這個問題。
一些設計師認為，在第二個操作之前將主操作放在左邊對用戶更好，因為它更接近，因此，點擊的時間更少。
這是有意義的，但您不能忽視這樣一個事實，即用戶在選擇要采取的操作之前將查看他們的所有選項。
這意味著大多數用戶不會盲目地單擊主操作按鈕而不查看它旁邊的輔助操作按鈕。
他們將首先看到左邊的主要動作，然后查看右邊的次要動作。然后，他們會把眼睛移回主要的動作，點擊它。這將在多個方向上總共創建三個視覺固定。
將其與放置在對話框右側的主操作和放置在左側的輔助操作進行比較。用戶從第二個動作的眼睛開始，然后將眼睛移到主動作上單擊按鈕。這在一個方向上總共創建了兩個視覺固定，給用戶一個更快的視覺流。
用戶只關注每個按鈕一次，并在主動作按鈕上結束。將主操作放在左邊可能會使用戶更容易到達，但是當您從用戶的思維過程和視覺固定的角度來看速度時，將主操作放置在對話框的右側實際上更快。
當用戶單擊輔助操作按鈕時，他們期望應用程序什么也不做，并將它們帶回到原來的屏幕。因此，“取消”按鈕的功能類似于“后退”按鈕。
當用戶單擊主操作按鈕時，他們期望應用程序執行按鈕所述的操作，并將其轉到下一個屏幕。因此，“確認”按鈕的功能類似于“下一頁”按鈕。將輔助動作按鈕放置在左側，主動作按鈕在右邊映射到用戶可以期待的‘后退’和‘下一步’按鈕功能。
它類似于分頁按鈕的放置方式。將用戶帶到下一頁的按鈕位于右側，將用戶帶回其早期頁面的按鈕位于左側。這個按鈕的放置工作是因為它映射到用戶從左到右的閱讀和導航方向，其中右是前進的方向，左是后退的方向。
對話框中的“確認”和“取消”按鈕應該遵循類似的交互模式，因為它們的功能類似于分頁按鈕。
不僅如此，在中國用戶習慣了左右方向的模式。
將您的主要操作放在右側，將次要操作放置在左側，將使您的對話框按鈕更容易、更直觀地為用戶所理解。
將您的按鈕放置在終端區域可以讓用戶看到他們最后需要采取的主要操作。這不僅改善了視覺流，也改善了任務流。
用戶在掃描時不會跳過主動作按鈕。當他們通過時，他們的眼睛就會盯著它，所以他們可以立刻點擊它。
另一個問題是設計師經常想知道他們是應該把按鈕放在角落里，還是把它們放在一起。當您將主操作和輔助操作放置在對話框
的角中時，它將很好地映射到左右方向。但是，由于‘取消’和‘確認’按鈕不是導航按鈕，所以沒有必要遵循方向映射。有時它弊大于利。
如果應用程序要執行用戶無法撤消的關鍵操作，那么用戶可以看到“取消”按鈕和“確定”按鈕是很重要的。在這種情況下，“取消”按鈕的功能可能像“先前”按鈕，但更重要的是，因為它充當安全按鈕，以防止任何更改。
在左下角放置“取消”按鈕的危險是，由于兩個按鈕之間的視覺分隔很大，它可能導致用戶忽略它。將“取消”按鈕和“確定”按鈕放在一起，可以使用戶更容易在一次凝視中查看和比較這兩個動作，從而選擇最佳的操作和點擊。
我們經常卸載軟件的時候一不留神就會點錯，或者是我們在裝某一個軟件的時候全家桶一擁而上。所以在不同場景當中我們所用的按鈕形態也是不一致的。
菜單欄沒有主次之分
當您對菜單項進行全文本或全圖標處理時，問題就會出現.當用戶掃描他們想要的項目時，他們的注意力分散在菜單周圍。這是因為沒有層次來吸引他們的注意力。
通過將用戶的注意力引導到您的主要項目，使您的菜單可掃描。
要實現這一點，我們可以看下面設計形式來強調重點內容
與其在每個菜單項上放置圖標，還不如將其放置在主菜單項上。視覺強調首先將用戶的注意力引導到這些項目上。
次要項目上缺少圖標，這使得它們能夠得到其余的關注。
如果要使所有圖標處，請稍微放大需要突出的圖標。
稍微的增大會使視覺效果有很大的不同，同時字形更容易辨認，每一行的線高也會增加。讓整個看起來更加有空間感一些。
讓用戶瀏覽閱讀起來也會更加舒暢一些。
甚多的設計師設通常喜歡使用主按鈕的輪廓形狀作為輔助按鈕。按鈕樣式看起來可能不一樣，但還不夠。
他們仍然會競爭，因為他們的顏色對比度相等。
為了給主按鈕更多的注意，削弱輪廓按鈕的對比度。與其使用重顏色，不如使用它的色調。你可以通過降低重顏色的亮度和飽和度來制作。確保對比度足夠高，以達到主要的按鈕突出性。
設計師的另一個趨勢是把第二個按鈕變成黑色。他們認為，使用中性的顏色，它是不會競爭的。然而，黑色按鈕更為突出，因為它有一個更高的對比度。
不要使用黑色，而要使用重顏色的色調，以使輔助按鈕比主按鈕更弱。要做到這一點，增加亮度和降低飽和水平。
將彩色按鈕與中性灰色配對并不總是意味著彩色按鈕會得到更多的關注。如果主按鈕的顏色太輕，則中性輔助按鈕將更加突出
要避免這一錯誤，請選擇不太明亮的顏色。明亮的顏色可能看起來很有吸引力，但它與白色背景或文字的對比不太好。在主按鈕上使用更暗的顏色，這樣第二個按鈕就不會引起注意。
在設計當中我們經常會遇到做選擇性的勾選，往往很多設計師會犯的一些錯誤問題和選擇障礙問題。
我們設計單選框的時候這不是秘密而是讓用戶做出選擇，復選框是很難點擊，因為他們的小擊中目標。
設計師通常會讓標簽點擊，但如果它不是直觀的，那也于事無補。
通過將復選框轉換為復選標記，您可以為用戶提供更大的命中目標和更清晰的交互提示。
有時你可能想提供不同數量的商品。使用多個復選框復制它會產生更多的文本來讀取，并使界面混亂,且讓用戶難以進行選擇。對于增量輸入更改使用數字選擇器一次顯示該項會為更好些。
總結以上兩點，實際商用應用案例如下所示
卡片內容有幾種文本類型，提供不同的信息功能。讓我們看看基本內容卡的文本類型。
首先是眉毛，它是一個明確的詞或短語，用來描述內容的主題。
還有一個標題，它用一個句子中的幾個單詞告訴用戶內容是關于什么的。
在此之后，就會有一個描述內容的正文。
最后，就是時間與操作的按鈕
必須通過確定哪些文本類型對用戶更重要，從而為您的卡片新聞建立文本層次結構。
此內容新聞卡片的適當文本層次結構為：
1.眉毛-可以是時間，可以是新聞分類
2.標題-最重要的是，因為它描述的內容最快。
3.正文-包含一個描述性段落，但閱讀時間最長。
4.描述內容的正文對內內容的簡要描述。
您的內容卡應指導用戶按此順序瀏覽文本類型。要實現這一點，您需要使用瀏覽控制對文本類型應用適當的視覺強調。
通過適當的視覺強調，可以控制用戶瀏覽的順序，并指定反映文本層次結構的瀏覽模式。
當掃描遵循文本層次結構時，用戶會浪費更少的眼球運動，并且可以更快地處理信息。
下面的示例說明了瀏覽控制如何讓眼球工作比較。不同的是強調不同的文本類型。
其他文本類型具有相同的強調度，這使得它們爭奪用戶的注意力。
在內容顏色的控制上我們可以為三種，重要的突出的需要用戶重點進行關注的就用黑色
例如：#333333 #222222 #454545 等等色值
在不需要突出的內容上我們可以用稍微淺一點的色值保證用戶能夠進行閱讀即可，
例如：#999999 #787878 #666666 等等色值更加容易記住
其他輔助的內容表達比內容正文更淺
例如：#bbbbbb #A8A8A8 等等色值
說到這里我要說一用戶體驗關于文字的事情如果做出來的設計文字是給自己看的隨意設計讀沒人會說你，有句話說的好：現在
是內容為王的時代，如果在內容上不夠吸引或者顏色不夠吸引眼球那就是一個很失敗的案例。
轉自：站酷
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的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 等重點產品線中落地到業務生產環節中，在業務方層面收到良好反饋。
在這過程中，我們總結了適合不同場景、不同設計項目的體驗度量切入點，驗證了這種方式在當前企業中后臺產品中確實有效。后續我們將嘗試細化標準，閉環案例，對內對外發聲等方式，更好地推動體驗思維在企業中后臺產品生根發芽；同時，也期待能跟對這塊感興趣的同行朋友們多多交流。
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
編輯導讀：當各大電商平臺忙著雙十一的時候，拼多多似乎是個獨特的存在，不慌不忙，圍觀在旁。拼多多為什么不重視雙十一？他們主要在忙什么？文章從這兩個問題出發，對此展開了分析解讀，一起來看看~
孫悟空是石頭縫里蹦出來的。阿里系幾位P8Plus的朋友和阿德哥聊時說，拼多多也是石頭縫里蹦出來的！
“打京辦”成立這么多年，沒承想打出個拼多多。剛剛發布的拼多多Q3財報顯示：首次單季度盈利，第三季營收142億元；GMV達1.45萬億，同比增長73%；活躍買家達7.31億……
在資本市場上，拼多多迅速趕超京東300億美元達1600億美元市值，成為國內僅次于阿里、騰訊、美團的第四大互聯網公司。
自2014年起，投資界便開始流傳“電商已是死賽道”的共識，拼多多的崛起給了投資界一記響亮的耳光，也再次說明了“長江前浪推后浪，江山代有才人出。”
與當年打京辦、投蘇寧等手腕比，似乎阿里對拼多多已無招可施，重啟聚劃算、推淘寶低價版眼看也只是“補課動作”。而拼多多，卻正在暗暗部署更多領域，圈內人說，“誰如果小看黃錚的野心，就等承認自己是一個傻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，但拼多多似乎更在意客單量、復購率和用戶數。
依阿德哥判斷，電商格局正在乾坤大挪移。
嗯，了不起的蓋茨比，摁不住的拼多多。
文章來源：人人都是產品經理 作者：韓志鵬
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
亞馬遜作為一個知名的電商平臺，它的成功背后卻有一個很難讓人理解的設計邏輯：成功的設計不一定是美觀的。為什么會這么說呢？本文將從四個維度展開分析，希望對你有幫助
編輯導讀：如今，谷歌可以說是科技領域最大、最具有影響力的公司之一。正因為如此，它們的數字產品設計會對整個行業產生巨大的影響，成為人們競相模仿的榜樣。在該公司的UI&UX（用戶界面&用戶體驗）設計指南中，設計師們提到了10條原則，不管是iOS還是安卓系統都同樣適用。在這篇文章中，作者從這10條指南出發，加上自己的經驗和相關案例，在設計方面為大家提供一些建議，希望對大家設計產品有幫助。
這里的聲音特指“Hero sounds”，用于襯托一些喜慶的、重要的高光時刻，它們常被用來激起用戶的情感，或烘托一種喜悅的氣氛，從而塑造產品或品牌在用戶心中的形象。以下場合適合使用 Hero sounds：慶祝用戶進行了某項操作；歡迎用戶使用新的應用程序或體驗；確認用戶成功使用某款產品?！豆雀杪曇粼O計指南》
聲音可以被用來傳遞成功、成就或獲得回報等信息。谷歌指南中提到，Hero sounds出現的次數不應該頻繁，否則無法突出其重要性。通過在同樣的環節提供同樣的聲音，久而久之用戶會將這種提示音與成就感掛鉤，從而增加對產品的粘性。如每成功更新一次應用程序就會出現慶祝的聲音，或者每次待辦事項標記為完成后就會出現慶祝的提示音。
不管我們是否注意到這一點，我們所聽到的產品的聲音與自己的感覺都是相掛鉤的。無論是手機發出的“叮咚”的消息提示音，還是MacBook的廢紙簍在清空時發出的揉紙的聲音，都在某種程度上影響著我們的情緒，也幫助我們更加了解用戶界面上發生的一切。
觸覺可以和聲音配合使用，也可以單獨使用。舉個例子，在手機黑屏的時候，觸覺是唯一一種可以對用戶提供反饋的方式。和其他配合使用時，觸覺應該強有力、傳達愉悅的情緒?！栋沧坑|覺設計指南》
除了聲音之外，觸覺設計（如震動）也是一種刺激感覺的好方法，可以為用戶提供更加完整的體驗。用戶可以通過觸覺提示來嘗試、學習使用某一款產品。在有了不同的觸覺體驗后，我們將會對產品的某些功能有更加深入的了解。
舉個例子，如果某個用戶通過APP進行付款，但在付款過程中出現了錯誤。這時候APP會進行一連串緊張、短促的震動，對用戶進行錯誤反饋。當用戶熟悉了這種震動模式之后，下一次再感受到這種震動，就會立刻知道付款出現了問題。
產品設計師很容易忽略聲音和觸覺這兩個板塊，而過度專注于畫面。但這兩個板塊卻也扮演著非常重要的效果，可以為用戶體驗錦上添花。
圖片來自Material
動圖可以增加用戶的好感，在互動中為用戶增加個性化體驗，也可以表現品牌獨特的風格?！豆雀枋謩菰O計指南》
動圖是我自己設計的產品Confetti中一個非常重要的因素，這是一款運動追蹤APP，是為那些追蹤自己生活習慣的用戶設計的。在設計這款產品時，我希望可以為用戶創造出一種滿足感，鼓勵他們培養好習慣。在這款APP中，我大量使用切換功能，通過不同的手勢，界面或進程可以平滑過渡，使用起來非常便捷。當一個好習慣完成時，還會出現彩屑動畫飛舞的，加強用戶的滿意度。
簡言之，動圖可以應用于不同的場景，通過過渡和變化的吸引用戶。
動圖可以強化兩種元素之間的聯系，實現快速切換，迅速解決特定的任務。動圖可以讓用戶專注于眼下最重要的事，不被其他因素所干擾。——《谷歌手勢設計指南》
在2020年，你的產品可以在一秒之內激怒用戶。正如塔拉斯·斯凱斯基（Taras Skytski）在《用戶體驗設計中動畫使用的終極指南》中指出的那樣：“眾多研究發現，界面動畫的最佳速度在200到500毫秒之間。這一數字是通過研究人類大腦運行機制所得出的。100毫秒及以下的動畫因為速度太短而無法被識別，而超過1秒的動畫則會造成一種延遲感，讓用戶感到不舒服?！?/span>
通過動圖及產生的動畫效果（如切換）可以改善用戶體驗，同時保證可以迅速找到需要的版面，而不被其他信息干擾。但如果動圖及切換畫面的過程增加了不必要的等待時間，又不能改善體驗，那么這種環節就沒有必要存在。
圖片來自Bribble｜制圖Elena Petkovska
我們或多或少都有這樣的體驗：打開一個界面，里面充斥著太多文字和太少的圖像。在用戶體驗設計中，展示畫面比閱讀文字效果更好。用戶不希望通過閱讀來理解一款產品，而是希望通過圖像對一款產品進行直觀的視覺理解。
你所選擇的圖像應該能夠清晰地展示產品特點，不管是用戶自己上傳的圖片，專業攝影師的圖片，還是插畫風格的圖片，它們都應該能直觀展示產品外觀，反應產品的特點?！豆雀鑸D像設計指南》
APP里的插圖和所有的視覺元素一樣重要，好的圖片可以讓用戶界面更加生動，使用戶體驗更加完善。恰當的圖片還能展示品牌風格，成為無聲的“故事講述者”。
我們應當有目的地使用圖像，作為總體內容的補充而非替代。照片或者插圖最好能夠傳達足夠的信息，如產品外形、風格，APP的用途，狀態等。媒體界有這么一句話：一張圖片抵得上1000個字。你可以在Unsplash、Pexels、Adobe Stock等網站上找到高質量的圖片。
圖片來自Material
用戶界面設計中應該關注產品的像素密度，讓界面可以適應不同的屏幕。——《谷歌像素密度設計指南》
像素密度（PPI）是用來衡量每物理英寸的像素數。另一個常用的單位是DP（Density-independent pixels，有時候簡稱為DIP）。像素密度=屏幕寬度或高度（以像素為單位）/屏幕寬度或高度（以英寸為單位）。
在設計界面時，我們不應該只關注像素，還應該關注不同設備的像素密度。這樣可以讓我們在做設計時保證元素適當縮放，以適應不同屏幕的尺寸。
舉個例子，我們現在有一個按鈕素材資源，大小為200 x 50 px。在一個160ppi的屏幕上可以原畫顯示；在一個320ppi的屏幕上它就會擴大成400 x 100 px，相當于原始素材的兩倍大。
通過以上例子我們可以了解，在像素密度不同的屏幕上，素材呈現的狀態是不一樣的。在實際應用中，素材可以會被放大三倍甚至四倍，如果素材不夠清晰，就會在拉大后虛掉。這就需要我們在選擇素材時格外謹慎，嘗試在不同設備上打開并檢查。
素材密度如何適應屏幕尺寸？舉個例子，iPhone XS Max的屏幕是414 x 896 pt，注意這里的尺寸是物理尺寸pt，而非像素。如果以像素為單位計算，那么它的屏幕是1242 x 2688 px。所以當我們為iPhone XS Max設計應用產品時，我會首先考慮用414 x 896 pt的素材，然后在輸出素材時將其乘以3。
圖片來自Material
離線狀態可以讓用戶知道這款應用程序沒有連接網絡。如果你的產品有一些功能需要聯網使用，你最好能向用戶明確顯示連線狀態?！豆雀桦x線設計指南》
離線訪問功能是設計師經常忽略、對用戶體驗影響卻非常重要的一環。雖然有些功能離線也可以使用，但是在能聯網的時候，最好還是主動提示用戶，推薦他們連接網絡。
如果有可能的話，要提前告知用戶下載相關信息，以便脫機訪問。最常見的例子就是Spotify等音樂應用程序，它允許用戶下載歌曲，以便在沒有網絡的時候也能繼續聽歌。
假如你的產品不像Spotify或者Netflix那樣需要下載具體內容，你可以發揮創意來設計在線、離線兩種模式。
谷歌瀏覽器在離線頁面提供恐龍游戲就是一個著名的例子（在谷歌瀏覽器連網的過程中，離線畫面會出現一只霸王龍，按空格鍵或者向上的箭頭就能控制霸王龍——譯者注）。這個小游戲填補了用戶等待連線的時間，將消極體驗轉變成了積極體驗。
我希望這份設計指南可以為你提供一些想法。除了谷歌的設計指南之外，我們還可以在IEM Carbon、Zendesk Garden、Workday Canvas等網站找到關于用戶界面和用戶體驗的設計指導，在這一領域進行更深入地探索。
文章來源：人人都是產品經理 作者：Danny Sapio 譯者：Michiko
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
藍藍設計的小編 http://m.skdbbs.com
