1. 什么是SUS ？
SUS 全稱 System Usability Scale ，系統可用性量表。SUS最初是Brooke于1986年編制，可以科學地量化用戶體驗，用于完成一系列任務場景后，對產品或系統整體宏觀的感知可用性測量。
一款產品無到有，產品經理需要做些什么？
排序在B端和C端產品中都比較常見，隨著用戶對產品使用的易用性提高，排序在產品交互中也在變化。本文分享B端拖動排序的多種場景及交互，希望對你有所啟發。
很久沒有更新B端產品相關的文章了，近期工作項目中做了很多新需求，接觸了更多業務，也學到了一些新的交互，后續將會根據我在實際工作項目中遇到的需求展開總結。
B端產品設計具有較高的業務屬性，所以對于ui設計師而言也需要有較強的業務知識，在完全理解需求后，再針對業務場景、用戶體驗、交互、布局合理、易用性等多維度展開設計。
這一期主要分享關于B端產品中拖動排序功能。
排序在B端和C端產品中都比較常見，前期排序有通過點擊上下箭頭排序，但是這樣的交互易用性較差，隨著用戶對產品使用的易用性提高，這種排序方式在產品交互中已經漸漸的被舍棄。
目前對于排序功能，使用更多的是通過拖動排序，通過選中數據后長按鼠標右鍵，上下拖動來完成數據的排序。
在B端產品中，我目前接觸的拖動排序的組件包含以下兩個大類：
對于分類2【樹組件多層級排序】又包含兩個小類：
對于小分類【跨層級排序】又可以細分為四個場景：
上面已經總結了排序的組件和場景，下面我們就一起來看看不同組件在不同場景下的具體交互，通過實際項目設計詳細介紹拖動排序的功能。
數據默認展示類似列表數據一樣，平鋪左對齊排版，當拖動排序時，鼠標移動到需要排序的數據行，長按鼠標右鍵并拖動數據上下移動，被拖動的數據原位置置灰（也可以直接消失）。
同時，被拖動的數據跟著鼠標走，移動到其它位置時，在將要放下的位置出現藍色高亮分割線（還可以做到所有數據實時變化位置效果）這樣能讓用戶更加直觀地看到數據位置的變化。
此類需求一般是針對一級數據排序，數據結構比較簡單，沒有文件夾多級樹狀結構，下面列舉幾個工作中遇到的需求場景，以及分享幾個其它產品中遇到的交互，便于大家理解。
由于B端產品具保密性，所以下面分享的截圖非工作實際數據，大家只要明白需求場景和交互即可。
需求場景1：產品業務中有很多的表單，表單中的字段順序在不同企業中不同，應該如何設計呢？
在設計時，可以將表單所有的字段羅列出來，然后用戶通過自定義排序字段即可，這里的交互就可以直接采用上下拖動排序。
需求場景2：飛書中有多個應用，對于每個用戶而言，自己所關注的應用不同，優先級不同，該如何設計？
同理，飛書也是對用戶個人的應該設計了拖動排序功能，可以根據自己關注的應該排序應該的位置，從而更快的找到自己常用的應用，提高工作效率。
無論是對于列表數據還是卡片數據的排序都可以采用這種拖動排序的交互。
（1）同層級排序（橫線高亮顯示即將放的位置）
樹組件同層級排序默認展示和拖動時效果與一級目錄常規排序一致。
（2）跨層級排序
父級未展開時：拖動到父級、父級整行高亮
如下圖，當需要把文件夾【數據名稱顯示004】放在【數據名稱顯示003】文件夾中，鼠標拖動數據放在【數據名稱顯示003】時，【數據名稱顯示003】整行會出現藍色高亮，表示被拖動的數據即將放在該文件夾內。
父級未展開時：拖動長按停留在父級時，父級自動展開子級。
如下圖，按照上面的步驟拖動時，當鼠標一直停留在【數據名稱顯示003】的位置時，該文件夾會自動展開二級目錄，這是一個拖動排序比較友好的交互，可以讓用戶再次看到該目錄下的數據結構，并快速一次性選擇需要放的位置。
父級已展開時：拖動到子級時，父級整行高亮，拖動到的位置出現高亮橫線。
如下圖，在上圖基礎上，當鼠標繼續拖動數據，想要放在二級目錄中時，數據一級目錄同樣會顯示高亮，告訴用戶當前數據的層級關系。
同時，二級數據中會出現藍色高亮分割線，標識被拖動的數據即將放的位置，這樣就能清晰的知道被拖動的數據將放在那個目錄的那個位置。
父級已展開時：拖動到子級文件夾時，父級不需要高亮，子級文件夾目錄整行高亮（子級已展開和未展開的交互與父級同理）。
當需要將數據拖動到二級文件夾內時，只需要高亮二級文件夾即可。
關于樹組件多層級排序的使用場景和交互比較復雜，上面我根據不同場景分別列出了交互展示方式，下面再根據實際業務需求列舉案例說明，因為此場景主要是針對交互和顯示，所以我就直接拿動圖展示，便于大家理解。
本文由 @設計小余 原創發布于人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基于 CC0 協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
交互規范有效地規定了產品如何與用戶進行交互的規則和標準，這篇文章里，作者便梳理了B端產品的交互規范，一起來看看，或許會對產品經理、產品開發人員、交互設計師等人群有所幫助。
從業B端產品7年+，大大小小公司對交互規范有著不同的要求，但是萬變不離其宗，交互總有其底層規范要求，那么接下來跟大家詳細說明一下交互規范細則，超級詳細的交互規范來啦！
WHAT：交互規范是什么？
產品交互規范，也稱為界面交互規范或用戶界面規范，是一套規定產品如何與用戶進行交互的規則和標準。它包括設計元素的布局、動作反饋，以及對產品的使用流程和功能邏輯等各個方面的設定和控制。
交互規范重點在于人機交互的友好性和流暢性，用起來順手且符合商業目的就是交互規范最好的詮釋。
WHY：目的及意義
WHO：適合哪些讀者
產品經理，產品開發人員，交互設計師，產品UI設計人員。
分成兩個層面：系統級和產品級。
1）系統級色彩體系可參考螞蟻的交互組件https://ant.design/docs/spec/colors-cn，螞蟻組件對整體交互規范有著細致且順滑的操作演示。假設公司內部有專門的設計部門，可以設計部門整體定義公司色系以及字體等等。
2）產品級色彩體系進一步去突出產品本身色彩調性以及功能屬性。
1）品牌色的應用
品牌色體現產品以及品牌特色，加深使用者對品牌的印象。比如支付寶系列操作均是藍色為主，微信主色調為綠色和白色，抖音是黑色系。
2）功能色
功能色代表了明確的信息以及狀態，比如錯誤提示，失敗提醒，成功提示等等。在一套產品體系下，功能色盡量保持一致，比如新增，刪除等功能按鈕色彩需要跟主題色保持一致。
公司重要對外宣傳系統以及內部主系統均使用品牌色，突出公司特色；
另外一個頁面盡量不要超過3種顏色，并且是在同一標準色彩體系內，盡量不要自己去色彩庫隨意選取色彩。
字體是體系化界面設計中最基本的構成之一。
在中后臺視覺體系中定義字體系統，我們建議從下面四個方面著手考慮：主字體，字階與行高，字重，字體顏色。
為了保證在多數常用顯示器上的用戶閱讀效率最佳，根據電腦顯示器距離舒適度以及用戶觀感舒適度，確認導航為16px，標題為16px，正文為14px，說明為12px。
字階是指不同尺寸的字體。行高就是一行字的高度，包裝在字體外的邊框盒子的高度。
建議的主要字體為 14，與之對應的行高為 22。其余的字階的選擇可根據具體情況進行自由的定義。建議在一個系統設計中，字階的選擇盡量控制在 3-5 種之間，就跟衣服搭配一樣，顏色不要過多，簡潔舒適為宜，字體字號在一個區間范圍內。
字重為字體的粗細程度，建議用 regular 以及 medium 的兩種字體重量。
黑色為主，正文建議選用 #333333到#666666 之間的顏色。注釋類的文字建議選用#999999。
文案類最好為左對齊，數字類最好為右對齊，表單類間距建議8px，文字右對齊，結尾沒有冒號。
市面上比較主流的為這四種按鈕，主按鈕，線性按鈕，次按鈕和純文字按鈕。具體使用規則和使用場景如何呢？我們應該從哪些方面下手去設計按鈕？下面給大家一一進行解答。
主按鈕為主要的按鈕。引導用戶進行點擊操作，一個按鈕區域最多使用一個主按鈕。
場景應用：可應用于確認、新增、保存等等，你想引導用戶做何操作，就可以把視覺焦點集中在哪個按鈕上。比如退款操作時，商家本質希望用戶不退款，主按鈕為返回或是再想想的按鈕。
需要注意的是不要在同一個表單中使用多個主按鈕，1-2個即可，次按鈕或是線性按鈕多于5個時可以向上折疊收起。
線性按鈕&次按鈕兩種按鈕均可點擊，但是功能均弱于主按鈕。如果希望引導用戶進行點擊，可以選擇線性按鈕；若希望用戶盡可能少點擊或是不點擊可以選擇次按鈕。
場景應用：一般在大表單頁面批量導入，下載均為次按鈕或是線性按鈕。
純文字按鈕就是有顏色的文字按鈕，可進行點擊。
場景應用：一般應用于表單中大面積需要點擊的操作，比如查看，刪除，編輯等等，對表單中每一行進行的操作。
謹慎按鈕用于特殊情況下防止誤操作的按鈕。
場景應用：一般應用于刪除/付款/退款/修改權限/移除等危險操作，大部分都需要再次確認才可以。
前面介紹了那么多種按鈕以及應用場景，那么按鈕應該如何進行排列，需要遵循何種規則呢？
1）閱讀習慣
大家可以閉著眼睛想一下，正常我們閱讀的習慣是從左到右，從上到下，表單信息閱讀完畢后需要進行操作，最好都放在右上方。
2）相關性原則
讓相關的操作按鈕更相近，比如上一步和下一步，保存和取消，增刪改查，讓這些兄弟按鈕距離挨得更近一些。
導航是B端系統的地圖索引，幫助用戶可以順利到達目的地。導航對于B端產品交互而言，是系統之眼，一方面清晰展示系統結構，另一方面幫助用戶快速找到他們想要的信息。好的導航清晰操作順滑，差的導航會讓用戶沒有二次進入的想法，所以好的導航是系統成功的一半。
市面上主流的導航交互為全局導航和頁內導航，好的導航如何進行設計，我們需要選取哪種導航模式？繼續一起探索吧。
1）側邊豎向導航
使用規則：
需要特別注意豎向導航的排列順序，較為復雜的企業級系統從上到下一般依次為：
優點：
缺點：
層級入口較多時，用戶下鉆縱深體驗稍差。
2）頂部橫向導航
使用規則：
優點：
缺點：
1）面包屑
面包屑幫助定位菜單以及返回菜單，可以顯示當前頁面的路徑，是比較常用的導航方式。
使用規則：
顯示當前頁面路徑，方便用戶進行返回操作，最好大于等于3個層級進行使用；
2）Tab
使用規則：
較常應用于顯示頁面不同內容構成，比如人力詳情頁顯示Tab欄為基礎信息、公司任職信息、獎懲信息等等。
3）步驟條
使用規則：
較常應用于一步步按照某種提示去完成任務，任務有明確的先后順序；步驟一般為1-5步。
產品交互規范的內容模塊還是較多的，希望這篇文章對你的產品交互能力有所提升！另外交互規范是產品架構的基礎的地基，具體樓房蓋成什么樣還需要用心去思考以及借助公司內部UI和UE的力量。
本文由 @月亮漫談 原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Unsplash，基于 CC0 協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
在互聯網領域中，人機之間的互動過程就是交互。交互也有一些可預測的、重復出現的規律，作者總結了其中常見的七種C端交互模式，可以提高大家的工作效率，分享給大家。
前段時間有個產品童鞋，他剛加我就問了一大串問題。
什么是模式（Pattern）？什么是模版（Template）？這兩個概念有什么區別？
作為一個熱心好學、樂于助人的產品仔，我當然和他暢聊了一個多小時，順便總結下聊天內容。
你是不是也經常在生活工作中，碰到類似“行為模式、設計模式、語言模式、文檔模版、表格模版”等名詞。
但又搞不清它們有什么區別，搞懂了又有什么用？
別急，我們花幾分鐘，先來嘮嘮什么是模式。
可預測、重復出現的現象或規律，通過歸納總結，就變成了某一種模式。
我們的生活中，就有許多模式的影子。
比如常見的商業模式、營銷模式、行為模式、數學模式、語言模式等。
舉個例子：
簡單說下行為模式，它分為了“習慣模式、消費模式、學習模式”等等。
苦逼打工仔普遍的消費模式，一般是工作日花錢少，到了周末都愛到商場逛街和購物。
但又有特例，我有個朋友就特別宅，他只喜歡在上班的時候，摸魚逛淘寶下單，簡直離譜~
掌握模式，有什么用？
當你掌握了模式的概念，并嘗試在生活中使用，相信你一定能感受到這 7 個好處。
我們試著再舉個例子，加深下對模式的理解，順便學學交互設計。
什么是交互？
簡單來說，交互指的是在互聯網領域中，人、機之間的一系列互動過程。
我還提煉了 3 種常見模式（簡單反饋、數據操作、業務判斷），比較粗糙湊合也能用。
現在試著再系統總結下，我常用的 7 種 C 端交互模式，主要有：導航模式、搜索模式、反饋模式、輸入模式、編輯模式、分享模式、引導模式。
學完就能用，趕緊卷起來~
有人就問了，還有更多交互模式嗎？
確實可以有，等我有時間再編幾個。。
話說回來，如果是一些特別復雜的業務規則，可能會涉及到 N 個交互模式的任意組合。
常見的導航模式有按鈕組合、標簽菜單、宮格布局、列表視圖等。
導航模式的主要作用是，告知用戶當前在網站的位置，以及接下來到哪些頁面，這有點像地圖 APP。
上面這張圖中，包含了幾種導航組件呢？
搜索，是各大電商 APP 常見的交互模式。
搜索模式允許用戶輸入關鍵詞，然后系統返回搜索結果。
打個比方，這有點像在 Navicat 中寫了一段 SQL 查詢。
SELECT id, name, age
FROM users
WHERE age > 18
這段 SQL 的作用是，查詢大于 18 歲的用戶信息，包含序號、名稱、年齡。
常見的反饋模式組件，涉及了對話框、吐司提示、氣泡提示等。
反饋模式用的比較多的場景是，告知用戶一些信息或提示，比如“輸入密碼錯了、展示訂單取消的注意事項”等。
輸入模式主要用于新數據創建，例如淘寶下單時，你新增了一個收貨地址。
打開美團叫個外賣，整個訂單創建流程，也是輸入模式。
有很多人可能會把輸入模式和編輯模式搞混。
區別它們的一個方法是，交互流程涉及新數據創建，還是改舊數據。
改數據的話，那就是編輯模式。
我們在看到一些干貨文章，或好用的小程序想要轉發給朋友，那就要用到分享模式。
分享模式可以很簡單，也可以往復雜了做，看產品階段去實現。
引導模式和反饋模式有點像，都是展示特定的內容。
那怎么分辨它們呢？
以設計師視角來看，反饋模式需要用戶觸發，系統被動顯示。
而要讓用戶特別關注的信息，那就是引導模式。
模式，即抽象的規律。——好夕雷
說了這么多概念和例子，你是不是對模式的認知更清晰了呢？
模式運用在產品領域，就有了這 7 種交互模式，分別是“導航模式、搜索模式、反饋模式、輸入模式、編輯模式、分享模式、引導模式”。
如果學會了模式，那么無論生活還是工作，相信你一定能輕松應對、事半功倍。
本文由 @好夕雷 原創發布于人人都是產品經理，未經許可，禁止轉載
題圖來自Unsplash，基于CC0協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
關于動效節奏的問題，有什么好的方法可以提供？這算一個常見疑問，我總結收到的問題反饋，基本都是「動畫節奏應該怎么做呀」「做完的動效一卡一卡的感覺不流暢怎么整」，索性借著今天的契機，我整理了這樣一篇主題文章，分享我對于動效節奏的一點經驗與思考，僅代表個人觀點，歡迎交流探討～
在當今數字時代，動效設計已然成為了產品和服務中不可或缺的一部分。
無論是手機APP、網頁界面還是智能設備，動效設計或是引導用戶操作的微小提示，或是增強用戶體驗的交互反饋，又或是塑造品牌形象的視覺元素，它們都以其獨特的方式，為用戶帶來更加直觀、生動的互動體驗，因此流暢的觀感體驗很重要。
提到流暢度，那動效節奏的重要性不言而喻。
動效節奏，簡單來說是動態呈現中各個元素動作的速度和時長安排，它決定了動效的快慢、強弱、起伏和變化，從而影響著用戶的感知和情緒。
一個優秀的動效設計，不僅要考慮單個元素的動效表現，更要考慮整個界面的動效節奏，使界面動效更加自然、流暢，也更加符合用戶的心理預期，從而提升用戶體驗。
所以，想入門動效領域并深耕，我認為深入理解動效節奏是尤為重要的，學會如何運用動效節奏來提升用戶體驗，讓用戶在享受科技帶來便捷的同時，也能感受到藝術的魅力。
動效可以增強界面的可理解性，例如下圖中廣告推送，有一個手機圖標的旋轉動態示例，
以及多多視頻模塊中的上滑操作指引等，幫助用戶更好地理解界面功能和操作方式，從而更有效地去使用應用。
動效可以提升界面的可用性，例如上傳文件的操作，通過提供及時的反饋和指引，降低用戶的學習成本和操作難度。
動效還可以增加界面的吸引力，例如購物軟件中模擬實際鞋盒開箱的形式，展現鞋品，通過生動有趣的動效表現，提升用戶的使用欲望和滿意度。
提到動效設計，了解其背后的基本概念和原則，才是賦予動效靈魂和意義的關鍵。
這里要提到三個關鍵詞：
1）首先是時間
時間在動效設計中扮演著至關重要的角色。它決定了動畫的快慢、停頓和節奏，從而影響用戶的情感體驗。
例如，一個緩慢漸入的動畫可能傳達出優雅、穩重的感覺；
而一個迅速閃現的動畫則可能帶來刺激、緊張的感受。
2）其次是空間
空間是指動畫發生和存在的虛擬環境。在動效設計中，空間的布局、層次和透視關系都至關重要。
它們不僅影響動畫的可視性和可讀性，還影響用戶的認知和行為。
例如，合理的空間布局可以使用戶更容易理解和操作界面元素，而不合理的布局則可能導致用戶的困惑和誤操作。
3）最后是構圖
構圖是指動畫元素的排列組合和視覺平衡。
一個良好的構圖可以突出重點、引導視線，并營造出和諧、統一的視覺效果。
相反，一個糟糕的構圖可能會分散用戶的注意力，甚至引發視覺疲勞。
動效設計的目標不僅僅是實現技術上的可能性，更是為了創造出讓用戶愉悅、滿意且易于使用的體驗，在美感和技術要求之間尋找平衡點，是我認為需要不斷練習，積累總結經驗的。
在動效設計中，能讓靜態元素動起來形成生動流暢的動態效果，需要用到兩大元素：關鍵幀與動效節奏。
關鍵幀代表了在特定時間點上某個參數的值。在動效制作過程中，通過設置關鍵幀，可以控制對象在不同時間點的狀態，從而形成連續的動作。
關鍵幀就像是動效世界里的路標，它標記了在動效呈現中某些重要時刻物體的樣子。比如說，我想讓一個球跳起來，那我就得告訴電腦，在開始的時候球在地上，然后在某個瞬間球在空中最高點，最后又回到地面；這些重要的時刻就是關鍵幀。
關鍵幀之間的變化可以是線性的，也可以是曲線的，后者可以創造出更為自然和復雜的動態效果。
線性或曲線變化，統稱動效節奏，是指在一定時間內，通過一系列有規律的動效元素的組合和排列所產生的節奏感。
常見的四種動效節奏形式有 勻速、緩入、緩出、緩動。
1）勻速（Linear）
勻速運動指的是物體在動畫過程中速度保持不變的運動方式。這種節奏簡單直接，沒有加速或減速的過程。
上面的小球彈跳呈現的效果，就是勻速運動，有些機械，缺乏實際場景中的動感。
在AE中，默認的菱形關鍵幀之間就是勻速運動，例如生活中常見的時鐘，上圖中鐘表秒針旋轉是平穩、機械的，這就是一個典型的勻速運動。
2）緩入（Ease In）
緩入是指物體在動畫開始時速度較慢，隨著時間的推移逐漸加速到最大速度的運動方式。
一般元素離開畫面或者物體加速階段使用，例如上圖中摩托車駛出畫面的部分、進度條加載緩慢到快速的節奏等，它可以增加動畫的真實感和生動性。
在AE中，以圓球為例，從空中下落的過程，就可以使用緩入的加速曲線；
調出圖表編輯器，調節曲線弧度如圖「速度圖表」所示，使曲線開始時平緩，越靠近出點速度逐漸上升，完成加速運動，此時結尾有些生硬。
加一個小知識點：曲線調節有兩種形式，一種為速度圖表，一種為值圖表；
速度圖表顧名思義，看曲線的弧度，圖中球的開始入點曲線弧度較緩，結尾出點曲線斜度較大，則代表加速度節奏變化；
值圖表分別代表X，Y軸曲線變化，如圖中球的Y軸位置發生變化，因此對應綠色線條的曲度變化是球體的動效節奏變化，下落過程中加速，則區別于前半段的直線，入點平滑，出點更陡峭。
3）緩出（Ease Out）
緩出與緩入相反，是指物體在動畫結束時速度逐漸減慢直至停止的運動方式，如元素入畫、人物行走至停下等，它能給人一種平滑和自然的結束感，是先快后慢的減速運動。
同樣以圓球為例，球落地后反彈的過程，就可以使用緩出的減速曲線；
調出圖表編輯器，調節曲線弧度如圖「速度圖表」所示，使曲線結束時平緩，調節出點的手柄桿，完成減速運動。
4）緩動（Ease In Ease Out）
緩動是最接近真實世界物體運動規律的一種方式，適用于大多數動態場景，尤其是那些需要表現自然、流暢動作的畫面呈現。
緩動曲線結合了緩入和緩出的特點，物體在動畫開始時速度緩慢上升，中間達到最高速度，最后在結束時速度逐漸降低。
示例繼續完善小球的曲線節奏，我想讓它看起來更順滑、更有彈跳感覺，通過球的大小比例（縮放）的變化，增加模糊變化的細節，這樣球跳起來的動作就會像真實世界里那樣，既有起跳的沖勁，又有落地的緩沖，整個過程更加生動有趣。
在AE中，緩動曲線沒有具體的數值，多數時候需要結合不同場景表達，去嘗試不同的曲度形式，通過反復預覽檢驗，找到自己滿意、適合畫面感呈現的形式。
日常積累動效節奏，我會分析電影或MG動畫中的經典鏡頭，比如角色走路、跑步的動作呈現，元素的出入場變化，以及自然界中的運動現象，如樹葉飄落等。
多做分鏡腳本的拆分練習，多臨摹實踐，就可以逐漸掌握常見的運動規律，自己在做設計內容時，也可以更清晰知道怎樣的節奏更適合當下場景呈現。
總的來說，創造流暢體驗對于動效設計來說還是很重要的，而要實現這一目標，掌握并靈活運用好動效節奏則是必不可少的手段之一。
萬變不離其宗，多看、多思考、多練習，通過實踐去總結復盤規律、梳理SOP流程，整理出一套適合自己記憶、使用的方法論與行動標準，提高自己對動態的感知，以及節奏力的把控，也能有效提升工作效率。
「想不如做，知行合一」，想讓學到的知識和技巧，生長到自身，唯一要做的就是立馬行動！在做的過程中解決一個個卡點，迭代出更適合自己的方法。
作者：Shirley_雪
本文由 @Shirley_雪 原創發布于人人都是產品經理。未經作者許可，禁止轉載
題圖來自 Unsplash，基于CC0協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
SUS 全稱 System Usability Scale ，系統可用性量表。SUS最初是Brooke于1986年編制，可以科學地量化用戶體驗，用于完成一系列任務場景后，對產品或系統整體宏觀的感知可用性測量。
翻譯過后可以得到下面的中文表，參與者在使用產品后對每個題目下面打鉤來對產品進行5點評分。（小伙伴們可自行保存）
SUS提供整體可用性評估度量，由10個題目組成，奇數項為正面陳述，偶數項為反面陳述。
第4，5，10三項構成的子量表為“有效性”（Effectiveness）&“易學性”（Learnability） ；第2，3，7，8四項構成的子量表為“使用效率”（Use Efficiency）&“可用性”（Usability）；第1，6，9三項構成子量表“滿意度”（Satisfaction）。
SUS適用范圍廣泛，產品新舊版本迭代之間對比，同類型競品之間對比，同一產品不同終端之間對比均可使用。可采用線上線下問卷調研的方式，簡單高效的采集真實用戶反饋。避免在初期過早的關注細節。
當收集好用戶問卷反饋過后，步驟如下：
1. 對于奇數序號的問題，將其得分減1；（比如第1題分數為4，得分為4-1=3分）
2. 對于偶數序號的問題，將其得分被5減去；（比如第2題分數為3，得分為5-3=2分）
3. 將所有問題最后的得分加在一起，然后乘以2.5；（每個題目的得分范圍記為0~4，最大值為40，SUS可用性得分的范圍在0~100，換算后乘以2.5）
4. 計算出的結果即為產品的SUS可用性得分。
Tips 注意事項：
1. 填寫之前不要進行總結或討論；
2. 應當要求用戶快速完成各個題目，不要過多思考；
3. 第二題和第六題對于參與者可能難以理解，需要解釋清楚；
4. 如果用戶因為某些原因無法完成其中某個題目，就視為用戶在該題上選擇了中間值。
SUS分數等級與百分等級的區別：
我將其翻譯過后得到中文表，可以大體上感知得出的SUS分數對應的用戶可接受范圍。
更加細化的SUS用戶感知，可參照SUS分數曲線分級范圍表：
注意到這里SUS分數等級與百分等級的區別。對照SUS分數曲線分級范圍表，如果你的SUS分數為68，說明你的產品比市面上50%的產品可用性要好。也就是說這個產品的用戶體驗算是合格了，表明需要進行較小的改進。50%中值點對應SUS分數68。（（59-41）/ （71-65）= 3 故中值點為65+10/3≈68 ，68分是均值，因此對應百分比是50%。）
1. 量表公開免費，題目簡單，只需參與者打分，實施便捷，操作簡單；
2. 適用范圍廣泛，產品初期測試驗證，競品分析，新舊版本對比等等；
3. 研究證明SUS在樣本量有限時，可以最快達到效果，可信度系數高；
4. 快速宏觀有效區分可用系統（產品）和不可用系統（產品），避免在初期過早的關注細節；
5. 當團隊內產生分歧時，SUS讓更多的人員參與代替少數意見領袖說了算的形式，定量不追求定性。
6. 小樣本量時依然呈現高度的內部一致性，產生真實可靠的反饋結果。
作者：設計師豆漿
鏈接：https://www.zcool.com.cn/article/ZMTI4NTgyMA==.html
來源：站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
在數字產品設計日新月異的今天，打造卓越用戶體驗已成為產品成功的關鍵。這篇文章精準解析了UX設計的六大核心支柱，從用戶研究到無障礙設計，為讀者提供了全面且實用的設計框架。
開啟用戶體驗設計探索之旅，首要任務是全面掌握其核心構成要素——這些是構筑絕佳用戶體驗的基石需求。事實上，在蘋果、微軟和谷歌等設計推動型科技巨頭中，這些因素的關鍵性是不言而喻的，甚至因此催生了專屬職業與角色的誕生。在這六大核心維度中，有一個更是脫穎而出，以至于一個全新的職能部門因此得以形成。接下來，讓我們深入剖析這些零部件如何共同定義卓然出色的用戶體驗設計版圖及行業切入點。
在深入分析用戶體驗設計的六大核心要素之前，我們需要先厘清其核心內涵。從本質上看，用戶體驗設計是一門創造愉悅且功能強大的體驗藝術，確保產品既具有效性又兼具高效性、易用性和用戶滿意度。它涵蓋了一個整體性的設計循環，通過不同維度的優化來最終實現這些目標。可以把用戶體驗設計比喻成一把“統籌性的大傘”，其下輻射的每個要素都是推動卓越體驗構建的重要一環。本篇文章將沿著這把傘的思維體系，逐步探索這些不可或缺的構建模塊及其影響力。
用戶研究（亦稱 UX 研究）之所以能在設計領域占據重要地位，其原因顯而易見——它是產品設計的一大核心要素。隨著其價值的日益凸顯，越來越多的企業開始設立專門的用戶研究團隊。這一趨勢背后的驅動力是什么？源于對用戶洞察的深入理解直接決定了能否創造出卓越的產品體驗。在探索方案的過程中，用戶研究永遠都是優先級最高的起點。這個關鍵過程的核心在于定義所謂的“用戶”——通過全面梳理他們的使用體驗，挖掘其需求、期望與操作行為，從而描繪出清晰的用戶畫像。這正是用戶研究的精髓之所在。更具體地說，用戶研究是圍繞用戶的需求、目標、行為模式以及心理動機，所展開的系統化調研與分析。執行用戶研究有多種專業化方法工具，包括深入訪談、結構化調查、現場可視采樣以及定性和定量化的可用性評估測試，每一步都旨在深刻理解目標人群，優化體驗閉環。
交互設計是產品設計中的關鍵環節，此階段負責精細化用戶與系統之間的互動路徑與體驗設計。設計師需要梳理并規劃用戶操作觸發的系統響應——例如按鈕點擊后的動作反饋。從提示的生成到任務處理的閉環，每一個交互流程都經過精致打磨。對交互表現的設計需通過深度用戶研究與高頻次的可用性測試進行不斷優化，以確保全流程交互體驗既順暢又高效。
我的清單中提到的第三項是信息架構，這是在設計過程中理解內容與功能的關鍵環節。它的核心是對內容和功能進行科學的分類組織和標記，以確保產品的功能與結構清晰易懂，能夠有效地滿足不同用戶的認知需求。可以把信息架構理解為產品的結構藍圖，為用戶提供在界面元素間高效切換和操作的導引路徑。它的價值在于將內容與功能資源以邏輯和體系化的方式呈現。那么如何精準定義哪些要素歸屬于頂層導航、次級導航或細化導航？此時，一種名為“卡片分類法”（Card Sorting）的用戶體驗研究方法便派上了用場，它幫助設計師優化信息層級，制定更具洞察力和用戶思維的導航設計決策。
*卡片分類法：卡片分類法是一種用戶體驗研究方法，用于幫助設計師理解用戶如何組織和分類信息。參與者通過將內容項（如網站頁面或功能）進行排序和分組，提供了關于信息架構的見解。其主要步驟為：首先，每張卡片上寫一個內容項；其次，招募目標用戶；再次，用戶根據理解將卡片分組并命名；最后，識別共同的分類方式。此方法有助于優化網站和應用的導航結構，提高用戶體驗。
接下來重點分析用戶界面設計環節，也就是我們通常所提到的視覺設計，這是 UX 設計中至關重要的一環，主要關注產品的視覺展現層。UI 設計師的職責在于打造具有吸引力且直觀自然的視覺體驗。他們通過對色彩體系、排版字體、圖形視覺以及插畫風格的細膩打磨，為產品的整體視覺編碼賦予獨特且一致的品牌形象。
UX 寫作，亦稱微文案，是文案寫作領域下的一個細分學科，聚焦于數字產品中的文本設計。UX 寫作者的核心職責是優化數字界面中的文案，不僅要貼合用戶需求，還要顯著增強整體用戶體驗。他們善于運用精準而貼近用戶心智的表達方式，撰寫既通俗易懂又情感共鳴強的界面文案，從而最大化提升用戶的可讀性與互動效率。
最后，我們需要聚焦于可訪問性——這是確保所有用戶（包括有特殊需求的群體）都能高效且無障礙地使用產品的核心要素。作為設計從業者，共情能力是我們設計哲學的重要基石。但這種共情不僅局限于通用用戶，還要涵蓋那些需要特殊支持的用戶群體。在每一次 UI 語義和交互設計中，我們必須以可訪問性優先，確保無論用戶的能力如何，都能獲得最佳的可讀性和充分的視覺對比體驗，真正實現一視同仁的包容性設計。
作者：Abhi Chatterjee
譯者：李澤慧
審核：李澤慧
編輯：丁怡豪
本文由人人都是產品經理作者【TCC翻譯情報局】，原創/授權 發布于人人都是產品經理，未經許可，禁止轉載。
題圖來自Unsplash，基于 CC0 協議。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
對九類交互狀態的深入理解和不斷創新，將為產品設計帶來更大的提升空間，為用戶帶來更加卓越的體驗，推動產品在競爭激烈的市場中不斷發展和進步。
交互狀態在產品設計中起著至關重要的作用，它直接關系到用戶體驗和產品的可用性。良好的交互狀態設計能夠讓用戶在使用產品的過程中感受到便捷、高效和愉悅，從而提高用戶對產品的滿意度和忠誠度。
從用戶體驗的角度來看，交互狀態可以增強用戶參與感和控制感。例如，在人機交互設計中，互動性和反饋機制能夠讓用戶覺得他們對系統有一定的掌控能力。當用戶進行操作時，系統能夠及時給予反饋，如按鈕按下后出現的狀態變化、鼠標懸停時的提示信息等，讓用戶清楚地知道他們的操作產生了什么效果。這種即時的反饋可以幫助用戶理解系統的運作邏輯，減少用戶的操作失誤，提升用戶的效率和滿意度。
在產品的可用性方面，交互狀態的設計也至關重要。例如，在電子產品設計過程中，實現人機交互可以為消費者提供良好的使用體驗。設計師需要考慮不同人群的需求，如設計操作簡單的老人機，以滿足老年人的使用需求。同時，將人機交互理念融入產品設計中，能夠提升消費者對產品的喜好程度，使設計出來的產品能夠滿足人們對電子產品設計的要求。
此外，交互狀態的設計還能夠影響產品的整體品質。例如，在 B 端產品的 UI 設計中，深入了解用戶需求與場景，進行簡潔直觀的界面設計，可以提升產品的可用性。通過用戶研究方法，了解用戶的工作環境、使用習慣和設備網絡條件等，將用戶需求轉化為具體的設計元素和功能，為用戶提供更加貼合實際的使用體驗。
綜上所述，交互狀態在產品設計中具有重要的地位，它對用戶體驗和產品可用性有著重大的影響。產品開發者和設計師應該充分重視交互狀態的設計，以提高產品的競爭力，在市場中脫穎而出。
加載類型：除了電商 APP 和計算器應用的不同加載方式外，一些社交平臺在加載用戶動態時也會采用類似的漸進式加載。當用戶打開社交平臺，首先會看到最近的幾條動態，隨著用戶不斷下拉刷新，更多的動態內容逐步加載出來。這樣既保證了用戶能夠快速看到部分內容，又不會因為一次性加載過多數據而導致等待時間過長。
加載狀態：在加載狀態中，不同的產品會有不同的表現形式。例如，一些在線學習平臺在加載課程視頻時，除了會有旋轉的加載動畫外，還會顯示加載進度條，讓用戶清楚地知道視頻加載的進度。如果加載成功，會有一個短暫的提示音，增強用戶的感知。而如果加載失敗，除了提示用戶檢查網絡連接外，還會提供一些常見問題的解決方案，如清理緩存、更換網絡環境等。
中斷：中斷情況在實際應用中較為復雜。以在線辦公軟件為例，如果在編輯文檔過程中出現網絡中斷，軟件會自動保存當前文檔的進度，以防止數據丟失。同時，會提示用戶網絡中斷，并嘗試重新連接。如果長時間無法連接，用戶可以選擇將文檔保存到本地，待網絡恢復后再進行上傳。
深度 / 夜間模式：除了閱讀類應用，一些視頻播放平臺也提供夜間模式。在夜晚觀看視頻時，開啟夜間模式可以降低屏幕亮度，減少對眼睛的刺激。同時，夜間模式下的界面顏色通常會更加柔和，營造出舒適的觀看氛圍。
存在沉浸模式插件：在一些在線教育平臺中，也會有類似沉浸模式的功能。當學生進入課程學習時，平臺會自動隱藏無關的通知和廣告，讓學生專注于學習內容。同時，學生可以通過特定的快捷鍵退出沉浸模式，方便隨時查看其他信息。
輸入：除了即時通訊軟件，一些辦公軟件在輸入方面也有很多優化。例如，在文檔編輯軟件中，當用戶輸入一些特定的關鍵詞時，軟件會自動彈出相關的文檔模板或格式設置選項，提高用戶的輸入效率。
點擊：在電商平臺的商品詳情頁面，點擊商品圖片通常會放大顯示，讓用戶更清楚地看到商品的細節。同時，點擊購買按鈕后，會有一個短暫的確認彈窗，讓用戶再次確認購買信息，避免誤操作。
重復點擊 / 惡意操作：在一些金融類應用中，對于重復點擊或惡意操作的防范更加嚴格。例如，在股票交易軟件中，如果用戶連續多次提交相同的交易指令，系統會自動鎖定該用戶的交易功能，并提示用戶聯系客服解決問題。
極值：在旅游預訂平臺上，用戶在選擇酒店價格區間時，系統也會進行極值限制。價格下限通常為平臺上的最低價格，價格上限則會根據當地酒店的市場價格和用戶的搜索歷史進行動態調整，確保用戶能夠得到合理的搜索結果。
邊界：在一些圖形設計軟件中，除了畫筆工具的邊界限制，其他工具也有類似的限制。例如，當用戶使用裁剪工具時，裁剪區域不能超出畫布的范圍，否則無法進行裁剪操作。
時間：在在線考試系統中，時間限制尤為重要。考試開始前，考生只能看到考試的相關信息和注意事項，無法進入答題頁面。考試開始后，系統會精確計時，一旦考試時間結束，答題頁面會自動提交，無法再進行答題。
網絡中斷：在在線游戲中，網絡中斷會對玩家的游戲體驗產生很大影響。當網絡中斷時，游戲會自動暫停，并提示玩家網絡中斷。如果玩家在網絡中斷前已經保存了游戲進度，那么在網絡恢復后可以繼續游戲；如果沒有保存進度，可能會丟失部分游戲數據。
信號不佳 / 不穩定：在視頻會議軟件中，當網絡信號不佳時，軟件會自動降低視頻的分辨率和幀率，同時關閉音頻中的一些高級功能，如降噪和回聲消除，以保證會議的基本溝通需求。
流量形式切換：在一些音樂播放軟件中，用戶可以根據自己的網絡環境手動切換流量形式。例如，在 Wi-Fi 環境下，用戶可以選擇自動播放高清音樂視頻；而在移動數據環境下，用戶可以選擇只播放音頻，以節省流量。
沒有內容：在在線文檔協作平臺中，如果一個文檔沒有內容，系統會提示用戶 “此文檔為空，請添加內容”，并提供一些常用的文檔模板供用戶選擇，方便用戶快速創建內容。
敏感 / 違規內容：在電商平臺上，對于商品描述中的敏感或違規內容，系統會進行嚴格的審核。如果發現違規內容，商品會被下架，并通知賣家進行整改。同時，平臺會對賣家進行警告，嚴重的可能會關閉賣家的店鋪。
站外內容：在一些知識分享平臺中，當用戶點擊站外鏈接時，平臺會提示用戶 “該鏈接為站外內容，請注意安全”，并提供一個返回平臺的快捷按鈕，方便用戶隨時返回。同時，平臺會對站外鏈接進行安全檢測，確保鏈接的合法性和安全性。
橫豎屏：在一些圖片編輯軟件中，橫豎屏切換會影響用戶的操作體驗。當用戶將手機從豎屏切換到橫屏時，軟件會自動調整界面布局，將工具菜單和編輯區域分別放置在屏幕的兩側，方便用戶進行操作。而當用戶將手機從橫屏切換回豎屏時，軟件會恢復到原來的布局。
分辨率：在一些游戲開發中，開發者會根據不同設備的分辨率進行優化。例如，在高分辨率的設備上，游戲畫面會更加細膩，特效也會更加豐富；而在低分辨率的設備上，游戲會自動降低畫質，以保證游戲的流暢運行。
清晰度：在一些在線視頻教育平臺中，清晰度的選擇會影響用戶的學習體驗。在網絡條件好的情況下，用戶可以選擇高清或超清的視頻清晰度，以便更清楚地看到教學內容；而在網絡條件差的情況下，用戶可以選擇標清或流暢的清晰度，以保證視頻的播放流暢度。
不同版本：在一些軟件的不同版本中，功能和界面會有所不同。例如，在一款繪圖軟件的專業版中，會提供更多的高級功能和工具，而在免費版中，功能會相對較少。同時，軟件會在界面上明確標識出不同版本的特點和優勢，方便用戶根據自己的需求進行選擇。
硬件調用：在一些智能家居控制軟件中，當用戶需要調用攝像頭進行監控時，軟件會彈出請求授權的提示框。在獲得用戶授權后，軟件會提供實時監控畫面，并支持遠程控制攝像頭的角度和焦距。
硬件聯動：在一些智能辦公場景中，硬件聯動可以提高工作效率。例如，當用戶在會議室中使用智能投影儀時，投影儀可以與會議室的燈光和音響系統聯動，根據投影內容自動調整燈光亮度和音響音量。
未登錄 / 已登錄：在一些在線教育平臺上，未登錄用戶只能瀏覽部分公開的課程內容，無法進行課程報名和學習進度跟蹤。而已登錄用戶可以享受更多的服務，如個性化課程推薦、學習記錄保存等。
新用戶 / 老用戶：對于新用戶，一些在線購物平臺會提供新人專享優惠券和折扣，幫助新用戶快速熟悉平臺的購物流程。對于老用戶，平臺會根據他們的購買歷史和瀏覽記錄，為他們推薦個性化的商品和促銷活動。
游客賬號：在一些在線音樂平臺中，游客賬號可以讓用戶試聽部分歌曲，但無法下載和收藏歌曲。當游客想要享受更多功能時，可以通過注冊賬號成為正式用戶。
普通 / 會員賬號：以在線閱讀平臺為例，會員用戶可以享受無廣告閱讀、優先閱讀新書等特權。同時，平臺會在會員專屬內容上進行明顯標識，吸引普通用戶升級為會員。
內網 / 外網賬號：在一些企業內部的項目管理軟件中，內網賬號可以訪問企業內部的項目信息和文件，外網賬號則只能查看一些公開的項目進度和報告。在設計這種賬號體系時，軟件會明確區分內網和外網賬號的權限，確保企業信息的安全。
管理員賬號：在一些社區論壇中，管理員賬號可以對用戶的發言進行審核和管理，維護社區的秩序。同時，管理員賬號還可以進行系統設置和插件管理，提升論壇的功能和性能。
通過對九類交互狀態的深入分析，我們可以清楚地看到交互狀態在產品設計中的重要性。無論是加載相關、特殊模式，還是操作相關、限制相關等各個方面，交互狀態都直接影響著用戶對產品的使用體驗和滿意度。
例如，在加載相關方面，合理的加載類型和狀態顯示能夠減少用戶的等待焦慮，中斷處理機制則能在意外情況下最大程度地保護用戶數據和操作進度。在特殊模式中，深度 / 夜間模式和沉浸模式插件為用戶提供了更加舒適和專注的使用環境。操作相關的輸入、點擊和防范重復點擊 / 惡意操作等設計，確保了用戶操作的準確性和安全性。限制相關的極值、邊界和時間限制，使得產品的使用更加規范和合理。網絡相關的處理能夠在不同網絡狀況下為用戶提供盡可能好的體驗。內容相關的處理確保了用戶在面對不同內容情況時都能得到恰當的引導和提示。站外內容相關的設計保障了用戶在訪問外部鏈接時的安全。設備相關的橫豎屏、分辨率、清晰度、不同版本、硬件調用和聯動等設計，適應了不同設備和用戶需求。角色相關的不同狀態設計，為不同類型的用戶提供了個性化的服務和體驗。
展望未來，隨著科技的不斷進步，交互狀態的設計也將不斷發展和創新。一方面，人工智能、大數據等技術的應用將使交互狀態更加智能化和個性化。例如，通過分析用戶的使用習慣和偏好，自動調整加載策略、推薦適合的操作模式等。另一方面，虛擬現實、增強現實等新興技術的發展將為交互狀態帶來全新的體驗。例如，在虛擬現實環境中的交互狀態設計將更加注重沉浸感和自然交互。同時，隨著物聯網的發展，硬件之間的聯動將更加緊密和智能，為用戶提供更加便捷和高效的服務。
本文由 @用戶體驗王叔 原創發布于人人都是產品經理。未經作者許可，禁止轉載
題圖來自 Unsplash，基于CC0協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
在交互設計的范疇里，對用戶的深入研究能夠為設計師提供關鍵的解決問題的參考依據。本文旨在運用一些成熟的方法，助力新人設計師更深入地理解用戶，拓寬認知視野，進而創造出更多具有價值的設計。
在設計的廣袤領域中，對于眾多初入行業的設計新人來說，設計工作常常被誤解為純粹主觀且感性的行為。
他們往往認為個人對美觀的評判即是設計的全部要義，似乎用戶理應沉浸于設計師所營造的美感之中。然而，設計的本質遠非如此表面。
實際上，設計是一項通過精心設想和精確計算來創造價值的工作，其真正的意義聚焦于是否具有價值以及能否切實解決特定的問題。
首先，讓我們從一道看似簡單的題目開始：
一雙球鞋和一個籃球共計 1100 元，球鞋比籃球貴 1000 元，那么這個籃球究竟值多少錢？
許多人可能會在瞬間給出 100 元的答案，但經過仔細斟酌后會發現正確答案其實是 50 元。
這種錯誤判斷的根源在于大多數人所具有的兩種思考模式，即快思考和慢思考。它們也被稱為“無意識思維和有意識受控思維”“感性和理性”等不同的表述方式。
每個人都同時擁有這兩種思考方式，然而通常情況下，慢思考會在接收快思考的估計和決策之后才開始啟動。人類在漫長的生存歷程中，不斷地處理著各種各樣的問題，有復雜的難題，也有相對簡單的情況。快思考是對眾多事情給出下意識的回應，是一種未經充分大腦思考的快速處理方式，其主要目的在于降低大腦的能量消耗。人類作為一種善于尋找規律的生物，快思考往往在以往的經驗中迅速找尋答案。只有當問題獲得反饋或者進入需要慢思考的情境時，人們才會察覺快思考中存在的疏漏。例如，我們時常會在未經深思熟慮的情況下，脫口而出對某些問題的回答，這正是快思考在發揮作用。
正如前文所述，大多數人同時具備快思考和慢思考兩種模式，所以在未經特殊訓練的情況下，大多數用戶也同樣兼具感性和理性。在大多數情形下，用戶帶著感性的心態而來，只有當遭遇問題或者涉及自身切實利益時，才會啟動慢思考，從而變得理性。對于商業領域而言，更傾向于快思考的用戶。
因為快思考會帶來感性和沖動，促使用戶迅速做出決策。這也正是為什么許多銷售人員熱衷于趁熱打鐵，讓用戶在快思考的狀態下被感性和沖動所支配，進而快速完成交易。在各類電商以及活動類的運營活動中，精心營造氛圍的目的就是期望用戶在快思考的時候就完成決策，避免用戶進入慢思考狀態后因猶豫不決而影響決策的達成。
在交互設計中，有以下更為深入的常見做法可以讓用戶持續保持感性：
1、顯著地標識狀態與當前進度：
不僅僅是簡單地顯示狀態和進度，更要通過巧妙的設計讓用戶在第一時間就能直觀地理解其含義。例如，使用動態的進度條，配合清晰的數字顯示和簡潔的文字說明，讓用戶不僅知道自己所處的位置，還能預估完成任務所需的時間。同時，根據不同的進度階段，采用不同的顏色或圖標進行區分，增強用戶的視覺感知和心理預期。
在游戲設計中，常見的經驗條就是一個很好的例子。玩家可以通過經驗條的變化，清晰地了解自己距離升級還有多遠，這種明確的進度展示能夠激發玩家繼續努力的動力，保持他們在游戲中的投入感。
2、引導用戶完成他們的目標：
引導不僅僅是提供方向，更要深入理解用戶的心理需求和行為模式，以更加個性化的方式引導用戶。通過分析用戶的歷史行為數據和偏好，為用戶量身定制引導路徑。例如，在在線學習平臺上，根據用戶的學習進度和能力水平，為其推薦適合的課程和學習資源，引導用戶逐步實現學習目標。
利用智能助手或虛擬角色進行引導，增加互動性和趣味性。例如，一些購物 APP 中的虛擬導購員，可以根據用戶的瀏覽記錄和購買意向，為用戶提供個性化的購物建議和推薦商品，讓用戶在購物過程中感受到貼心的服務和引導。
3、明確無誤地告知用戶想了解的信息：
信息的傳達要做到準確、簡潔、全面。除了基本的產品特點、功能和價格等信息外，還應提供用戶可能關心的其他細節。例如，在電子產品的介紹頁面，除了列出產品的技術參數外，還可以提供使用教程、常見問題解答、用戶評價等內容，讓用戶能夠全面了解產品，做出更明智的決策。
采用多種信息傳達方式，滿足不同用戶的需求。例如，對于視覺型用戶，可以提供圖片、視頻等直觀的信息展示；對于聽覺型用戶，可以提供語音介紹；對于閱讀型用戶，可以提供詳細的文字說明。同時，利用信息分層和漸進式披露的方式，讓用戶可以根據自己的需求逐步獲取更深入的信息。
4、不要讓用戶去診斷問題：
系統應具備強大的自我診斷和故障排除能力，在問題出現的第一時間自動檢測并提供解決方案。例如，當軟件出現故障時，系統可以自動彈出錯誤提示窗口，同時提供可能的解決方案，如重新啟動軟件、檢查網絡連接等。用戶只需按照提示進行操作，無需自己去尋找問題所在。
建立完善的用戶反饋機制，及時收集用戶遇到的問題，并進行快速響應和解決。例如，在 APP 中設置反饋入口，用戶可以隨時提交問題和建議，開發團隊可以及時跟進處理，并將處理結果反饋給用戶，增強用戶的信任感和滿意度。
5、盡量減少設置的數量和復雜度：
進行深入的用戶需求分析，去除不必要的設置選項，簡化操作流程。例如，在智能家居設備的設置中，通過智能化的默認設置和自動配置功能，減少用戶的手動操作。同時，對于一些復雜的設置，可以采用逐步引導的方式，讓用戶在需要的時候再進行深入設置。
采用可視化的設置界面，讓用戶能夠直觀地了解設置選項的作用和效果。例如，在圖像編輯軟件中，通過實時預覽功能，讓用戶可以在調整設置參數的同時看到效果的變化，從而更加方便地進行設置。
6、讓用戶感覺而不是去計算：
設計要注重用戶的直覺和感受，通過巧妙的視覺設計、交互反饋和情感化元素，讓用戶在無需進行復雜計算的情況下就能做出決策。例如，在酒店預訂網站上，通過展示酒店的圖片、評價和星級等信息，讓用戶能夠直觀地感受酒店的品質和舒適度，從而更容易做出選擇。
利用大數據和人工智能技術，為用戶提供個性化的推薦和決策支持。例如，音樂播放 APP 根據用戶的聽歌歷史和偏好，為用戶推薦符合其口味的音樂，讓用戶無需花費時間去搜索和篩選。
7、讓描述更貼近用戶：
深入了解用戶的語言習慣和文化背景，使用用戶熟悉的詞匯和表達方式進行描述。例如，在面向年輕人的產品中，可以采用流行的網絡語言和表達方式，增強用戶的認同感和親近感。在面向不同地區的用戶時，要考慮到當地的文化差異，采用合適的語言和表達方式。
進行用戶測試和反饋收集，不斷優化描述內容。邀請用戶對產品的描述進行評價和建議，根據用戶的反饋進行調整和優化，確保描述內容能夠準確傳達產品的特點和優勢，同時符合用戶的需求和期望。
8、在需要計算的內容提前幫用戶計算好：
利用自動化計算和智能算法，為用戶提供準確、及時的計算結果。例如，在理財 APP 中，自動計算用戶的收益和風險，為用戶提供投資建議。在購物網站上，自動計算商品的總價、優惠金額和運費等信息，讓用戶清楚知道自己需要支付的費用。
提供多種計算方式和比較工具，讓用戶可以根據自己的需求進行選擇。例如，在房貸計算器中，提供等額本金和等額本息兩種還款方式的計算結果，讓用戶可以比較不同還款方式的優缺點，做出更合適的選擇。
9、用情感帶給用戶細微的感受：
通過情感化設計，觸動用戶的內心深處，建立與用戶的情感連接。例如，在社交 APP 中，通過溫馨的提示和問候，讓用戶感受到關懷和溫暖。在紀念日或特殊節日，為用戶送上個性化的祝福和禮物，增強用戶的忠誠度。
利用故事和場景化設計，讓用戶在使用產品的過程中產生情感共鳴。例如，在旅游 APP 中，通過展示美麗的風景圖片和用戶的旅行故事，激發用戶的旅行欲望。在產品介紹中，以故事的形式講述產品的誕生和發展歷程，讓用戶更加了解產品的背后故事，增強用戶的認同感。
許多新人設計師在初期往往喜歡站在個人和美學的角度來看待自己的設計。然而，隨著設計經驗的不斷積累和對行業的深入理解，他們會逐漸認識到有價值、能解決問題才是人類發展的核心目的。在市場上存在眾多同類型產品都具有價值、能解決問題的情況下，才需要通過設計出不同的差異點來脫穎而出。但始終要牢記的前提是設計必須具有價值、能解決問題，一旦拋棄了這個大前提，任何設計都會顯得空洞、索然無味。
設計與藝術雖然有一定的關聯，但它們并不是一回事。設計更注重實用性和功能性，以滿足用戶的需求和解決實際問題為主要目標。而藝術則更強調審美價值和自我表達，追求的是情感的共鳴和創造力的展現。設計師需要在設計過程中平衡好實用性和美觀性，既要確保設計能夠解決問題，又要讓設計具有一定的審美價值，從而提升用戶的體驗和滿意度。
總之，交互設計要深入理解用戶的思維方式，通過更為深入和有效的方法讓用戶持續保持感性，從而提高用戶的滿意度和忠誠度。同時，設計師要時刻牢記設計的價值和目的，不斷創造有價值、能解決問題的設計作品，為人類的發展和進步做出貢獻。
以上觀點僅代表個人看法，如有不對之處，歡迎在評論區指正交流。謝謝！
本文由 @用戶體驗王叔 原創發布于人人都是產品經理。未經作者許可，禁止轉載
題圖來自Unsplash，基于CC0協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
多數產品經理總是認為很專業，總會有一些異想天開的想法；殊不知我們不少自以為是的“優秀”設計，并不符合用戶使用場景，還可能摧毀用戶價值。就像本文列舉的這幾個案例，你有注意到嗎？
產品經理的專業視角與用戶視角，如同孿生兄弟，外表相似但內在迥異。
有時我們說誰的產品專業能力過硬，可能是一句褒獎的話。但專業能力若不能融合專家視角與用戶視角，便可能被視為局限而非優點。
張小龍說自己可以很快變小白，而馬化騰卻可以“一秒變小白”。
所謂“一秒變小白”是指快速從專業視角切換到用戶視角，確保在設計產品和評估用戶價值時，避免陷入專家思維，無意中損害用戶價值。
兩年前，我帶著幾個“朋友”坐飛機回云南老家，到達長水機場后，準備去上廁所。其中一位女性朋友，徑直走進男廁所，直至上完廁所出來后，我們提醒她才“恍然大悟”——進錯了廁所。
究其原因就在于一個“設計”：女廁所圖標設計不明確，導致誤解。
目前在機場、商場（尤其是高級商場）、寫字樓等場所，設計者都采取一種精簡設計方案，他們追求簡潔的設計感。即只有一個非常簡潔的圖標，有的是男和女的人物圖標，有的是煙斗和高跟鞋等。總之，不會有任何一個漢字（或英文）描述。
好像一旦圖標旁寫上“男廁”、“女廁”后，它們就變成了一種“土”、“low”的設計方案。
同一個空間內，不僅僅是廁所圖標，還有扶梯、直梯、貨梯、嬰幼兒室、母嬰室等各類圖標，甚至有時它們會同時出現在一個引導牌，讓你真正玩一把“猜猜猜”的圖像游戲。
結果是：你無法快速找到圖標；找到后，你需要仔細辨認以及“揣摩”圖標的含義，避免走錯；直至你走錯后，才能“吃一塹，長一智”。
同時，某些商場或寫字樓的洗手臺，為了追求設計感以及合理利用空間，把洗手液跟紙抽“融入”到鏡面里，表面看確實簡潔，是一種優秀設計方案。
但當你伸手接洗手液洗手時，卻無法精準對接，需要反復嘗試2-3次。沒接到的洗手液，自然流就流落到洗手臺之上。
結果是：用戶體驗差，浪費洗手液，增加清潔成本。
保潔阿姨發現這個問題后，最后的解決方案就是：在洗手臺旁邊，直接放了一個自助式的洗手液。至此，那個“優秀”的設計方案，從此成為了擺設。
你自以為的優秀設計，往往卻摧毀了用戶的價值。它肯定不是你的初心，而是你的專業視角所致，卻忽略了用戶視角（尤其是小白用戶視角）。
如下圖所示，用戶對發放工資條時，選擇方案的設計進行了“吐槽”。一般默認勾選時，顯示一個多選框，勾選即選中，反之不選，而設計升級后，期望讓選中效果更明顯，去掉勾選框，點擊列表選中，再次點擊取消。
結果是：用戶不知道如何勾選，“優秀”設計摧毀了用戶體驗。
我們再看一個例子。
如下圖所示，它們都是新建班次的設置頁面，核心是約定員工的上下班時間跟打卡范圍，但它們代表兩種不同的設計風格。
方案1采用平鋪直敘的用戶語言風格，以對話感設計頁面元素，旨在增強用戶互動體驗，但可能導致信息顯示冗余。比如最早可提前x分鐘打卡，晚于x分鐘打卡記為遲到；
方案2采用簡潔設計，避免冗余文字，以簡潔頁面提升視覺效果，但可能增加用戶理解和使用難度（就像廁所圖標的設計一樣）。比如上班卡當天5:00-當天12:00，用戶自行設置取卡范圍。
第一，認知層面。產品經理的專業能力體現在創造用戶價值和商業價值，而非局限于單一專業領域。這種能力需同時滿足專業人士和小白用戶的需求，否則不能稱之為真正的專業能力。
第二，設計語言。采用用戶語言/自然語言作為設計語言，而不是設計師或產品經理的“專業”語言。比如晚于30分鐘打卡記為遲到，就好于“豁免30分鐘”；最早可提前120分鐘打卡，最晚可延后120分鐘打卡，就好于“上班卡范圍：當天6:00-10:00”。
第三，設計“潛規則”。遵循行業“潛規則”設計，避免過度自我創造（或創新），導致傷害了用戶價值。比如單選、多選、開關等設計要素，遵循成熟的設計方式，而不是非要“獨樹一幟”。
我們在商場、機場等，比較常見的解決方案是：提供一個間親子衛生間。
哈爾濱江北商場提供了一種創新的解決方案。即：在正常男女廁所旁邊，新建了一個開放式的兒童廁所，配備了男孩和女孩專用的小便池及兒童洗手臺。
既解決了家長帶異性子女上廁所的難題，也方便了兒童獨立使用，體現了對兒童和家長需求的細致考慮，這是真正用戶視角下的產品設計。
專欄作家
邢小作，微信公眾號：產品方法論集散地，人人都是產品經理專欄作家。一枚在線教育的產品，關注互聯網教育，喜歡研究用戶心理。
本文原創發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Unsplash，基于CC0協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
在當今數字化時代，交互設計不僅是產品成功的關鍵因素之一，更是連接用戶與產品之間的橋梁。交互設計的原則和方法雖然眾多，但本文將聚焦于產品交互設計的內在邏輯和基本原理，探討什么樣的設計才是優秀的，如何衡量其效果。
首先，我們需要明確“產品交互設計”的定義。產品交互設計是為了達成特定產品目標而進行的用戶與產品之間的交互流程設計和反饋設計。換句話說，它不僅關注用戶如何使用產品，還關注產品如何有效地反饋給用戶。值得注意的是，產品交互設計是圍繞產品目標展開的，而非單純圍繞用戶展開，用戶在這一過程中只是間接的服務對象。
這種思維方式可能與許多人的初始認知有所不同。以宜家家居為例，作為一家大型購物中心，宜家并不希望用戶能迅速找到想要的產品，而是希望用戶能在其店內多做體驗。盡管這種迂回而漫長的購物路徑可能讓人感到煩惱，但用戶卻很少對此抱怨。這正是成功的產品交互設計的體現：雖然交互流程可能令人困擾，但良好的交互反饋（如各類家具的試用體驗）卻能讓用戶感到滿意。
產品交互設計的核心在于用戶體驗流程的設計。這一理念強調，交互設計并非簡單的按鈕、彈窗或功能的堆砌，而是為了實現產品目標而有意設計的用戶與產品的互動流程。在這個過程中，每一個交互環節都旨在滿足用戶需求，同時實現產品的獲益目標。這種獲益不一定是金錢上的，可能還包括用戶的關注度和忠誠度。
尼爾森可用性原則專業描述：
尼爾森可用性原則由人機交互學博士Jakob Nielsen提出，包括狀態可見性原則、貼近用戶真實環境原則、自由控制原則、一致性和標準化原則、防錯原則等。這些原則提供了一套評估用戶體驗好壞的標準，幫助設計師和產品經理進行自查和優化
理論支撐：
用戶體驗地圖是一種以用戶為中心的可視化工具，用于描述和展示用戶在使用產品、服務或系統的過程中的整體體驗和情感變化。它通過講故事的方式，描述用戶參與服務過程中的體驗變化，并通過可視化的方式將信息予以呈現。用戶體驗地圖關注用戶的行為接觸點、情緒曲線、痛點和機會點，幫助團隊更好地理解用戶需求，從而優化產品設計
案例分析：
Netflix：Netflix通過用戶體驗地圖分析用戶觀看習慣，發現用戶在選擇觀看內容時往往會感到選擇困難。為此，Netflix優化了推薦算法，提供個性化的內容推薦，顯著提升了用戶的觀看體驗和滿意度。
交互設計的成功在于與用戶的有效溝通。正如俞軍所說，“產品經理就是以產品當筆，與世界對話”。在設計過程中，理解用戶的需求和情感是至關重要的。
理解用戶的方法：
KANO模型：由東京理工大學教授狩野紀昭（Noriaki Kano）發明，是一種對用戶需求進行分類和優先排序的方法論。它將用戶需求分為基本型需求、期望型需求和興奮型需求，幫助企業識別不同層次的用戶需求，從而優化產品功能。
馬斯洛需求層次理論專業描述： 馬斯洛需求層次理論由心理學家亞伯拉罕·馬斯洛提出，將人類的需求劃分為五個主要層次，從最基本的生理需求到最高層次的自我實現需求逐級遞增。理解這些層次的需求有助于揭示人們行為的驅動力及其生活的主要動機。
案例分析：
Dropbox：在早期，Dropbox通過用戶訪談和數據分析了解用戶對文件共享的需求，發現用戶希望能夠輕松分享文件而不必擔心復雜的設置。基于這些反饋，Dropbox簡化了分享流程，使得用戶可以一鍵分享文件，極大提升了用戶體驗。
設計的最終目標是讓用戶理解我們的意圖。如果用戶無法理解設計表達，那么所有的努力都將付諸東流。為了實現這一目標，我們需要遵循以下原則：
1. 按照用戶的思維習慣設計：設計應符合用戶的思維邏輯。例如，用戶在使用某些功能時，往往會根據自己的經驗進行操作，設計應當順應這種習慣。
2. 使用用戶的習慣性語言：設計中使用用戶熟悉的術語和表達方式，以降低理解成本。例如，針對不同文化背景的用戶，設計語言和符號應有所不同。
3. **提供足夠的提示**：在設計中加入必要的提示和指導，幫助用戶理解如何使用產品。例如，在注冊界面中，確保用戶能夠清晰地看到同意《用戶協議》的選項。
案例分析：
Slack：Slack在設計其用戶界面時，充分考慮了用戶的習慣性語言和操作邏輯，使用了直觀的圖標和清晰的提示，幫助用戶快速上手。用戶在使用Slack時，能夠輕松找到所需功能，極大提升了用戶的滿意度。
簡潔性是交互設計的重要原則，但這并不意味著界面內容越少越好，而是要讓用戶在使用過程中感到輕松和自然。簡潔的設計應當幫助用戶快速實現目標，而不是讓他們感到困惑。
實現簡潔性的策略：
理論支撐：
諾曼的交互設計基本原則：諾曼提出的示能、意符、映射、反饋和概念模型等原則，為設計師提供了清晰的指導，幫助他們創造出用戶友好的設計。
案例分析：
蘋果公司：蘋果在其產品設計中始終堅持簡潔性原則，通過直觀的界面和簡單的操作流程，使用戶能夠輕松上手。無論是iPhone的操作系統，還是Mac的桌面環境，用戶都能快速找到所需功能，享受流暢的使用體驗。
用戶體驗的“峰-終”值原理表明，用戶的整體滿意度并不取決于每個環節的完美，而是關鍵時刻的滿意度。因此，設計師應關注用戶在使用過程中的高峰體驗和結束體驗。
實現用戶滿意度的策略：
案例分析：
Zappos：Zappos以其卓越的客戶服務而聞名，尤其是在處理退貨和客戶投訴時。他們確保用戶在購買后無論遇到什么問題，都能得到及時和滿意的解決，從而提升了用戶的整體滿意度。
綜上所述，產品交互設計的基本原則在于將設計視為一個整體流程，深入理解用戶，確保設計能夠被用戶理解，并讓用戶感到簡單和愉悅。最終，設計的成功與否應通過是否幫助實現產品目標來衡量。通過不斷迭代和優化，我們可以創造出既滿足用戶需求又推動產品發展的優秀交互設計。設計師在這一過程中，應始終保持對用戶的敏感度，關注用戶的反饋，以確保設計始終圍繞用戶的真實需求展開。
作者：海鮮不設計，微信公眾號：海鮮不設計
本文由 @海鮮不設計 原創發布于人人都是產品經理，未經作者許可，禁止轉載。
題圖來自Unsplash，基于CC0協議
該文觀點僅代表作者本人，人人都是產品經理平臺僅提供信息存儲空間服務。
蘭亭妙微(www.gerard.com.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內外優秀的設計，有興趣請加入一起學習成長，咨詢及進群請加藍小助微信ben_lanlan
藍藍設計的小編 http://www.gerard.com.cn
<noscript id="qg4ue"></noscript>