十萬個(gè)產(chǎn)品細(xì)節(jié)推導(dǎo)(五):微交互案例

5 評(píng)論 13515 瀏覽 19 收藏 9 分鐘

編輯導(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é)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. ??

    來自北京 回復(fù)
  2. ??前排

    來自北京 回復(fù)
    1. 感謝哈

      來自浙江 回復(fù)
  3. iphone備忘錄不是拖動(dòng)復(fù)制,是拖動(dòng)移動(dòng)文字位置吧

    來自浙江 回復(fù)
    1. 嗯嗯是這個(gè)意思哈

      來自浙江 回復(fù)