編輯導語：微交互是很常見的設計手段，目的是讓用戶感覺順暢、愉悅，設計師借此創造出吸引人的瞬間，讓用戶在某一刻感到人性化。本文作者從視覺優化、内容呈現、功能改善、情感傳遞這四個方面，對微交互做了分類，希望能給你帶來幫助。

微交互，在現在已是很常見的設計手段。微交互存在的目的是讓用戶感覺順暢、愉悅，設計師借此創造出吸引人的瞬間，讓用戶在某一刻感受到人性化。我從視覺優化、内容呈現、功能改善、情感傳遞這四個方面，對微交互做了分類，也為大家做微交互的設計提供一些思路和角度。

一、視覺優化類

1. 精巧的動畫

使用精巧的動畫效果豐富和活躍界面的視覺氛圍，給用戶帶來小驚喜和愉悅感。

例如京東的物流評價模塊，在打 5 星滿分時會有放煙花的效果出現：

2. 創新的呈現方式

使用新穎的展現形式，給用戶不同的呈現效果，出奇制勝。用戶在得物 APP 查看商品詳情頁時，可點擊産品圖 3D 浏覽，360 度無死角查看産品的全貌：

3. 拟物化的設計思路

仿照現實世界中與物體的交互行為，将現實世界中的行為帶入到手機界面中，有趣而有共鳴感。微信讀書用了用戶下拉線來切換白天和黑色的閱讀模式，模拟了生活中關燈的形式，讓交互更真實有趣：

4. 設計技巧總結

• 對生活的熱愛和對小确幸的捕捉
• 視覺效果的大膽嘗試，不拘一格
• 形式來源于功能，效果服務于内容，誇張要有依據
• 拟物化的設計思路，将手機界面與現實世界相連接
• 應該與 APP 的整體風格相匹配，幫助産品建立品質感

二、内容呈現類

1. 合理排布信息

根據用戶的行為習慣和使用需求，對頁面的信息進行人性化的排布，使用戶在使用時更高效、方便。

飛豬在選擇往返機票的時候，會将界面分成左右兩邊分别進行滾動操作，方便用戶對價格和時間做對比。比之前的單一頁面滾動操作方便很多：

2. 可視化信息

将文字信息使用可視化的方式表達出來，讓用戶更易讀、易操作。

哈啰單車在故障上報頁面直接将單車拟真拆解展示，易于辨認報修部件，隻需選擇就能快速完成報修流程，避免文字描述不清的情況，極大簡化了上報的步驟：

3. 标記重要信息、提醒用戶

标記和強化用戶需要注意的内容，對用戶進行提醒。

釘釘日程：日程會标注當前的時間點，當把日程往下或往上滑出屏幕時，會有箭頭提示上或下有日程：

4. 隐藏不必要的信息

交互行為與内容呈現緊密相連，自然地隐藏掉不必要的信息，為用戶創造更流暢的交互體驗。

馬蜂窩 APP 的底部導航欄在用戶向下浏覽時會自動收起，減少對主要内容的遮擋，讓用戶更通暢的浏覽内容；在用戶向上浏覽時自動張開，方便用戶使用其他功能：

5. 設計技巧總結

• 熟知用戶行為和習慣，以用戶為本
• 一定程度上可視化信息，直觀易用
• 自然地突出主體信息
• 自然地标記重要信息
• 自然地隐藏不必要的信息
• 找到交互行為與内容之間的關聯性，讓交互與内容融會貫通

三、功能改善類

1. 提升效率

優化産品功能的上的不足之處，讓産品更好用、更易用，節約用戶時間，提升效率。

蘋果 IOS 最新版本 13.3， 鍵盤英文輸入功能更新，滑動手指将字母連成詞，使鍵入更快速：

2. 偶爾調整功能，制造小驚喜

借助節日、活動等時機部分開放功能的限制，讓用戶有種薅羊毛或被關照的驚喜感。

某年七夕節到來，微信将原本最高 200 元的紅包金額調整到了 520 元，算得上是一個驚喜又有人文關懷的産品細節：

3. 預測用戶行為

預測用戶的行為，或提前對用戶的下一步動作進行自然地引導，簡化用戶的操作動作和步驟，提供捷徑，或替用戶完成操作。

微信-朋友圈在閱讀朋友圈中途退出再次進入時，會在内容流中間出現一個“跳到還沒看的位置”，幫助用戶快速定位之前離開的位置：

4. 設計技巧總結

• 小而美的對功能進行持續優化
• 節約用戶的時間，提升效率
• 節省用戶的精力，優化交互流程，替用戶做不必要的操作步驟
• 洞察用戶的每一步動作的上下關聯動作，提供預判和引導

四、情感傳遞類

1. 給用戶适當的提醒和關愛

适當的提醒（包括隐私提醒、天氣提醒、時間提醒等）讓用戶覺得自己時刻被關注、被惦記，傳達出人情味兒。

美團外賣針對用戶所在區域，提前推送天氣變化，提醒用戶提前下單：

2. 特殊日子搞事情

在節假日對界面的配色、元素做裝扮和替換，也可以在獨屬于用戶個人的特殊日子為用戶做界面更改，烘托氣氛、傳遞情感。

萬聖節，美團的共享單車界面将一輛輛單車的 icon 變成了南瓜的形象，十分應景地烘托出了節日氣氛。情感化的細節設計凸顯了産品的溫度與個性：

3. 創造儀式感

在用戶開始/完成某項任務的時候給用戶以鼓勵、激勵，讓用戶有儀式感，感受到被重視。

購買了得到 APP 的精英日課之後，會給用戶發一個入學通知書，讓用戶感覺到課程的專業性，銀子沒有白花：

4. 設計技巧總結

• 把用戶當朋友，傳遞關愛
• 适當的誇張情感的表達方式
• 節日/用戶的特殊日子适當搞事情
• 對用戶适當提供個性化的服務和交互
• 創造儀式感、量化用戶行為，以激勵用戶

作者：元堯；長弓小子。

本文由@ 元堯 原創發布于人人都是産品經理。未經許可，禁止轉載。

題圖來自 Unsplash，基于CC0協議。

,

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部