編輯導(dǎo)語：產(chǎn)品設(shè)計(jì)最終服務(wù)于用戶，而交互體驗(yàn)的優(yōu)化可以讓用戶更加輕松便利地使用產(chǎn)品、獲得所需信息，進(jìn)而推動(dòng)產(chǎn)品的用戶留存。本篇文章里，作者對(duì)一些產(chǎn)品設(shè)計(jì)細(xì)節(jié)中的交互方案進(jìn)行了總結(jié)和優(yōu)化思考，一起來看一下。

一、?【 iphone備忘錄】——有趣的長(zhǎng)按拖動(dòng)復(fù)制

1. ?【使用場(chǎng)景】

用戶遇到大段文字輸入時(shí)，一般都會(huì)想到復(fù)制粘貼的功能，可是選中文字——點(diǎn)擊剪切——選擇位置——粘貼文字的操作還是過于復(fù)雜，影響用戶的操作效率。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：幫助用戶提高復(fù)制粘貼的效率；優(yōu)化復(fù)制粘貼的交互形式，降低用戶操作時(shí)間。

設(shè)計(jì)方案：在iPhone的備忘錄中，用戶選中文字之后，長(zhǎng)按直接拖動(dòng)文字到指定位置即粘貼成功，利用手勢(shì)減少了操作步驟，給用戶帶來便利，提高用戶效率。

二、?【高鐵】——超細(xì)節(jié)的狀態(tài)指示燈

1. ?【使用場(chǎng)景】

有些乘客坐高鐵購買站票后，看到空座位想要就坐時(shí)，生怕座位已經(jīng)有人了，不敢去坐，就會(huì)導(dǎo)致空座位無法利用起來。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：解決用戶無法預(yù)知座位有人的問題；增加座位的不同狀態(tài)提示，提升用戶的坐車體驗(yàn)。

設(shè)計(jì)方案：在高鐵上，座位號(hào)旁邊的指示燈的顏色會(huì)隨著座位的狀態(tài)而變化，如果有人坐則顯示紅色，如果沒有人坐則顯示綠色，如果下一站有人坐則顯示黃色。通過顏色的區(qū)別提醒站票的乘客去合理利用空座位，也能避免占用他人座位的尷尬事情發(fā)生。

三、?【百度圖片】——貼心的敏感內(nèi)容提示

1. ?【使用場(chǎng)景】

當(dāng)用戶想要搜索敏感內(nèi)容的圖片時(shí)，有時(shí)會(huì)被圖片的內(nèi)容驚嚇到，不利于用戶的瀏覽體驗(yàn)。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：解決敏感內(nèi)容沒有提醒的問題；優(yōu)化提醒敏感內(nèi)容的功能，提升用戶對(duì)產(chǎn)品的好感。

設(shè)計(jì)方案：用戶在搜索敏感圖片時(shí)，會(huì)彈出提醒用戶“當(dāng)前內(nèi)容會(huì)引起您的不適”的信息，讓用戶對(duì)內(nèi)容有一定的心理預(yù)期，避免對(duì)用戶產(chǎn)生驚嚇。

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

1. ?【使用場(chǎng)景】

用戶在記憶一長(zhǎng)串的內(nèi)容時(shí)，一般都會(huì)記不住。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：降低用戶的記憶成本；優(yōu)化內(nèi)容的顯示，提升用戶的使用體驗(yàn)。

設(shè)計(jì)方案：在打電話時(shí)，11位手機(jī)號(hào)以3-4-4的形式以及Tab欄顯示5個(gè)圖標(biāo)，都是為了方便用戶記憶。研究顯示人的短時(shí)記憶能力廣度為7±2個(gè)信息項(xiàng)，超過該范圍就容易出錯(cuò)。

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

1. ?【使用場(chǎng)景】

當(dāng)用戶在iPhone與mac端切換操作時(shí)，需要重新搜索內(nèi)容或者重新輸入，極其不方便，增加操作負(fù)擔(dān)，影響效率。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：解決蘋果端信息不同步的問題；提升用戶對(duì)產(chǎn)品的好感。

設(shè)計(jì)方案：在Safari瀏覽器上操作時(shí)，Mac的瀏覽器會(huì)顯示小手機(jī)圖標(biāo)，點(diǎn)擊小手機(jī)可打開正在iPhone瀏覽的網(wǎng)頁；在Mac上復(fù)制一段文本時(shí)，在iPhone上也會(huì)出現(xiàn)提示，點(diǎn)擊粘貼即復(fù)制成功。極大提升用戶操作的使用效率。

六、?【餓了么】——藍(lán)騎士起飛啦

1. ?【使用場(chǎng)景】

用戶在打賞外賣騎手時(shí)，在界面中增加情感化設(shè)計(jì)細(xì)節(jié)，可提升用戶對(duì)產(chǎn)品的好感。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：解決界面中互動(dòng)感、趣味性不足的問題。

設(shè)計(jì)方案：用戶進(jìn)入外賣騎手的主頁時(shí)，點(diǎn)擊藍(lán)騎士的頭像，頭頂?shù)闹耱唑丫蜁?huì)出現(xiàn)轉(zhuǎn)動(dòng)的小動(dòng)效以及出現(xiàn)幽默文案的調(diào)侃。這樣的彩蛋設(shè)計(jì)很好地提升了界面的互動(dòng)趣味性。

七、?【EFEKT】——有趣的視頻引導(dǎo)頁

1. ?【使用場(chǎng)景】

新用戶下載APP后，更多地是想要了解產(chǎn)品的功能與操作。可目前來看，沒有很好地對(duì)用戶進(jìn)行引導(dǎo)，不利于用戶的首次使用。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：解決新用戶對(duì)產(chǎn)品不了解的問題；優(yōu)化產(chǎn)品介紹的形式，提升用戶對(duì)產(chǎn)品的好感。

設(shè)計(jì)方案：第一次使用EFEKT產(chǎn)品時(shí)，引導(dǎo)頁采用視頻效果展示+主功能介紹的形式，既能讓用戶第一時(shí)間了解產(chǎn)品的主要特色，也能讓用戶感受到產(chǎn)品的視頻特效，可降低用戶的學(xué)習(xí)成本，迅速上手使用產(chǎn)品。

八、?【摩拜單車】——貼心的座椅調(diào)整提示

1. ?【使用場(chǎng)景】

用戶在使用共享單車時(shí)，經(jīng)常會(huì)遇到座椅高度調(diào)整不到位，從而影響騎行的體驗(yàn)。

2. ?【設(shè)計(jì)思考】

設(shè)計(jì)目標(biāo)：解決座椅調(diào)整不到位的問題；增加座椅調(diào)整時(shí)的提示，提升用戶好感。

設(shè)計(jì)方案：在使用摩拜單車調(diào)整座位時(shí)，會(huì)顯示與身高相對(duì)應(yīng)的刻度提示，用戶只需根據(jù)身高來調(diào)整高度即可。提高了座椅調(diào)整的精確度，也很好提升了用車體驗(yàn)。

九、結(jié)語

在設(shè)計(jì)的生涯中，如何說服別人會(huì)伴隨著我們從頭到尾。我們?cè)谟涗浐玫脑O(shè)計(jì)細(xì)節(jié)時(shí)，也要不斷提升自己的輸出表達(dá)能力。做到既能讓別人聽得舒服，也能讓自己減少改稿率。

本期的體驗(yàn)細(xì)節(jié)推導(dǎo)分享結(jié)束，我們下期再見！

本文由 @薩瓦迪卡 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議