十萬個產品細節推導(五):微交互案例

5 評論 13560 瀏覽 19 收藏 9 分鐘

編輯導語:產品設計最終服務于用戶,而交互體驗的優化可以讓用戶更加輕松便利地使用產品、獲得所需信息,進而推動產品的用戶留存。本篇文章里,作者對一些產品設計細節中的交互方案進行了總結和優化思考,一起來看一下。

一、?【 iphone備忘錄】——有趣的長按拖動復制

1. ?【使用場景】

用戶遇到大段文字輸入時,一般都會想到復制粘貼的功能,可是選中文字——點擊剪切——選擇位置——粘貼文字的操作還是過于復雜,影響用戶的操作效率。

2. ?【設計思考】

設計目標:幫助用戶提高復制粘貼的效率;優化復制粘貼的交互形式,降低用戶操作時間。

設計方案:在iPhone的備忘錄中,用戶選中文字之后,長按直接拖動文字到指定位置即粘貼成功,利用手勢減少了操作步驟,給用戶帶來便利,提高用戶效率。

二、?【高鐵】——超細節的狀態指示燈

1. ?【使用場景】

有些乘客坐高鐵購買站票后,看到空座位想要就坐時,生怕座位已經有人了,不敢去坐,就會導致空座位無法利用起來。

2. ?【設計思考】

設計目標:解決用戶無法預知座位有人的問題;增加座位的不同狀態提示,提升用戶的坐車體驗。

設計方案:在高鐵上,座位號旁邊的指示燈的顏色會隨著座位的狀態而變化,如果有人坐則顯示紅色,如果沒有人坐則顯示綠色,如果下一站有人坐則顯示黃色。通過顏色的區別提醒站票的乘客去合理利用空座位,也能避免占用他人座位的尷尬事情發生。

三、?【百度圖片】——貼心的敏感內容提示

1. ?【使用場景】

當用戶想要搜索敏感內容的圖片時,有時會被圖片的內容驚嚇到,不利于用戶的瀏覽體驗。

2. ?【設計思考】

設計目標:解決敏感內容沒有提醒的問題;優化提醒敏感內容的功能,提升用戶對產品的好感。

設計方案:用戶在搜索敏感圖片時,會彈出提醒用戶“當前內容會引起您的不適”的信息,讓用戶對內容有一定的心理預期,避免對用戶產生驚嚇。

四、?【iphone電話】——神奇的7±2法則

1. ?【使用場景】

用戶在記憶一長串的內容時,一般都會記不住。

2. ?【設計思考】

設計目標:降低用戶的記憶成本;優化內容的顯示,提升用戶的使用體驗。

設計方案:在打電話時,11位手機號以3-4-4的形式以及Tab欄顯示5個圖標,都是為了方便用戶記憶。研究顯示人的短時記憶能力廣度為7±2個信息項,超過該范圍就容易出錯。

五、?【iPhone/mac】——高效的信息同步

1. ?【使用場景】

當用戶在iPhone與mac端切換操作時,需要重新搜索內容或者重新輸入,極其不方便,增加操作負擔,影響效率。

2. ?【設計思考】

設計目標:解決蘋果端信息不同步的問題;提升用戶對產品的好感。

設計方案:在Safari瀏覽器上操作時,Mac的瀏覽器會顯示小手機圖標,點擊小手機可打開正在iPhone瀏覽的網頁;在Mac上復制一段文本時,在iPhone上也會出現提示,點擊粘貼即復制成功。極大提升用戶操作的使用效率。

六、?【餓了么】——藍騎士起飛啦

1. ?【使用場景】

用戶在打賞外賣騎手時,在界面中增加情感化設計細節,可提升用戶對產品的好感。

2. ?【設計思考】

設計目標:解決界面中互動感、趣味性不足的問題。

設計方案:用戶進入外賣騎手的主頁時,點擊藍騎士的頭像,頭頂的竹蜻蜓就會出現轉動的小動效以及出現幽默文案的調侃。這樣的彩蛋設計很好地提升了界面的互動趣味性。

七、?【EFEKT】——有趣的視頻引導頁

1. ?【使用場景】

新用戶下載APP后,更多地是想要了解產品的功能與操作??赡壳皝砜?,沒有很好地對用戶進行引導,不利于用戶的首次使用。

2. ?【設計思考】

設計目標:解決新用戶對產品不了解的問題;優化產品介紹的形式,提升用戶對產品的好感。

設計方案:第一次使用EFEKT產品時,引導頁采用視頻效果展示+主功能介紹的形式,既能讓用戶第一時間了解產品的主要特色,也能讓用戶感受到產品的視頻特效,可降低用戶的學習成本,迅速上手使用產品。

八、?【摩拜單車】——貼心的座椅調整提示

1. ?【使用場景】

用戶在使用共享單車時,經常會遇到座椅高度調整不到位,從而影響騎行的體驗。

2. ?【設計思考】

設計目標:解決座椅調整不到位的問題;增加座椅調整時的提示,提升用戶好感。

設計方案:在使用摩拜單車調整座位時,會顯示與身高相對應的刻度提示,用戶只需根據身高來調整高度即可。提高了座椅調整的精確度,也很好提升了用車體驗。

九、結語

在設計的生涯中,如何說服別人會伴隨著我們從頭到尾。我們在記錄好的設計細節時,也要不斷提升自己的輸出表達能力。做到既能讓別人聽得舒服,也能讓自己減少改稿率。

本期的體驗細節推導分享結束,我們下期再見!

 

本文由 @薩瓦迪卡 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ??

    來自北京 回復
  2. ??前排

    來自北京 回復
    1. 感謝哈

      來自浙江 回復
  3. iphone備忘錄不是拖動復制,是拖動移動文字位置吧

    來自浙江 回復
    1. 嗯嗯是這個意思哈

      來自浙江 回復