十萬個產(chǎn)品細(xì)節(jié)推導(dǎo)(十四)

5 評論 3838 瀏覽 8 收藏 10 分鐘

編輯導(dǎo)語:在設(shè)計(jì)生涯中,如何能夠提高自己的產(chǎn)出,說出說服他人的理由,并減少改稿率?作者分享了十個產(chǎn)品的細(xì)節(jié)推導(dǎo),看看成功的產(chǎn)品是如何做用戶體驗(yàn)的,希望大家能夠從中有所收獲,一起來看看吧。

本期目錄

一、【最右】-拖動到此處關(guān)閉

二、【抖音】-收藏的快捷查看入口

三、【12306】-回頂部的功能設(shè)計(jì)

四、【Iphone】-搜索功能的設(shè)計(jì)細(xì)節(jié)

五、【抖音】-搜索的提示文案

六、【咕咚】-跑步歌單推薦

七、【餓了么】-快速返回頂部

八、【咕咚】-引導(dǎo)解鎖訓(xùn)練計(jì)劃

九、【餓了么】-收藏的設(shè)計(jì)小細(xì)節(jié)

十、【最右】-插眼的設(shè)計(jì)細(xì)節(jié)

一、【最右】-拖動到此處關(guān)閉

1.【使用場景】

用戶在收聽完音頻內(nèi)容之后一般都會嘗試關(guān)閉,為了更好地瀏覽其它評論內(nèi)容。

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

設(shè)計(jì)目標(biāo):解決音頻模塊如何關(guān)閉的問題,提升整體的操作體驗(yàn)。

設(shè)計(jì)方案:在最右的評論頁中,用戶長按「音頻模塊」進(jìn)行拖動時,底部即會出現(xiàn)「拖動到此處關(guān)閉」的入口,拖動到該區(qū)域即可關(guān)閉成功。通過手勢設(shè)計(jì)很好地方便用戶操作,提升用戶的滿意度。

二、【抖音】-收藏的快捷查看入口

1.【使用場景】

當(dāng)用戶瀏覽到喜歡的內(nèi)容時一般會進(jìn)行收藏,同時也希望可以快速查看到已收藏的內(nèi)容。

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

設(shè)計(jì)目標(biāo):優(yōu)化用戶查看收藏的流程,提升產(chǎn)品的流暢度。

設(shè)計(jì)方案:在抖音中,用戶點(diǎn)擊「收藏」圖標(biāo)后,底部即出現(xiàn)「已添加到“我的收藏”,去看看」的快捷入口,這樣的設(shè)計(jì)既提示了用戶已收藏成功,也方便用戶點(diǎn)擊「去看看」查看收藏內(nèi)容。

三、【12306】-回頂部的功能設(shè)計(jì)

1.【使用場景】

用戶在購票前往下瀏覽其它內(nèi)容時,如果想重新回到頂部,只能通過無限下拉界面至頂部。

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

設(shè)計(jì)目標(biāo):解決用戶返回頂部不方便的問題,提升用戶的瀏覽體驗(yàn)。

設(shè)計(jì)方案:在12306中,用戶在首頁往下瀏覽超過「購票模塊」的位置時,頂部導(dǎo)航欄中即會出現(xiàn)「回頂部」 的功能操作,點(diǎn)擊即可返回到頂部,很好的提升了瀏覽體驗(yàn)及操作效率。

四、【iPhone】-搜索功能的設(shè)計(jì)細(xì)節(jié)

1.【使用場景】
當(dāng)用戶在iPhone中搜索App來打開時,有時打開App后發(fā)現(xiàn)并不是自己想要的App。

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

設(shè)計(jì)目標(biāo):解決用戶搜索時操作失誤的問題。

設(shè)計(jì)方案:在iPhone中,用戶搜索完某App并打開后,該App會頂部會出現(xiàn)「返回搜索」 的操作入口,點(diǎn)擊后返回至搜索頁。這樣的設(shè)計(jì)方便用戶在操作失誤時重新搜索并打開自己想要的App。

五、【抖音】-搜索的提示文案

1.【使用場景】

當(dāng)用戶瀏覽短視頻的內(nèi)容時,有時會由于內(nèi)容難懂,導(dǎo)致不了解其表達(dá)的意思。

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

設(shè)計(jì)目標(biāo):給用戶提供遇到困惑時的解決方案。

設(shè)計(jì)方案:在抖音中,用戶在瀏覽短視頻時,搜索欄內(nèi)的提示文案會根據(jù)短視頻的內(nèi)容顯示,切換內(nèi)容時也會跟隨變化。這樣的設(shè)計(jì)方便用戶不理解時進(jìn)行搜索,了解更多的相關(guān)信息,解決用戶困惑。

六、【咕咚】-跑步歌單推薦

1.【使用場景】

用戶在跑步的過程中,如果有合適的跑步歌曲搭配,將使跑步的過程不再枯燥。

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

設(shè)計(jì)目標(biāo):解決用戶在跑步過程中枯燥的問題,提升整體的跑步體驗(yàn)。

設(shè)計(jì)方案:在咕咚的跑步頁中,「開始」按鈕旁會設(shè)置「聽單」的功能入口,點(diǎn)擊后呈現(xiàn)推薦的跑步歌單,供用戶選擇。這么設(shè)計(jì)既使用戶的跑步之旅更加輕松,同時也避免了打開其它聽歌App,減少操作。

七、【餓了么】-快速返回頂部

1.【使用場景】

用戶在點(diǎn)外賣的過程中往下瀏覽想點(diǎn)的商品時,如果想重新回到頂部,只能通過無限下拉界面至頂部。

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

設(shè)計(jì)目標(biāo):提升用戶返回頂部的操作容易度。

設(shè)計(jì)方案:在餓了么的店鋪頁中,用戶往下瀏覽商品時,頂部導(dǎo)航欄中的「全部商品」旁會出現(xiàn)返回頂部的的圖標(biāo),點(diǎn)擊后即可返回至頂部,很好的提升了瀏覽體驗(yàn)及操作效率。

八、【咕咚】-引導(dǎo)解鎖訓(xùn)練計(jì)劃

1.【使用場景】

用戶制定訓(xùn)練計(jì)劃的過程都不會那么容易,一般都會猶豫不決,需要推他們一把。

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

設(shè)計(jì)目標(biāo):解決用戶在定計(jì)劃時猶豫不決的問題,提升訓(xùn)練計(jì)劃的參與率。

設(shè)計(jì)方案:在咕咚的計(jì)劃頁中,底部會輪播顯示其它用戶參加計(jì)劃的信息,從而吸引用戶關(guān)注。當(dāng)用戶上滑瀏覽時,底部又會出現(xiàn)「解鎖訓(xùn)練計(jì)劃」的入口,進(jìn)一步去引導(dǎo)用戶參加。

九、【餓了么】-收藏的設(shè)計(jì)小細(xì)節(jié)

1.【使用場景】

一般商家為了讓用戶收藏店鋪,會推出相關(guān)的優(yōu)惠活動給到用戶。

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

設(shè)計(jì)目標(biāo):解決店鋪收藏量過低的問題,提升下單率。

設(shè)計(jì)方案:在餓了么的店鋪頁中,點(diǎn)擊頂部的「收藏」圖標(biāo),旁邊的「紅包」圖標(biāo)即會變成「惠」的圖標(biāo)形式,進(jìn)一步提示用戶收藏即可享受優(yōu)惠活動,同時利用貪便宜的心理暗示用戶下單購買。

十、【最右】-插眼的設(shè)計(jì)細(xì)節(jié)

1.【使用場景】

用戶在瀏覽帖子的評論內(nèi)容時,如果對內(nèi)容非常感興趣,他們會多次去查看評論的最新進(jìn)展。

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

設(shè)計(jì)目標(biāo):解決多次查看評論時的效率問題,提升操作的容易度。

設(shè)計(jì)方案:在最右的評論頁中,用戶點(diǎn)擊「插眼」圖標(biāo),即可從「我的」-「插眼」中進(jìn)行查閱內(nèi)容,方便用戶后續(xù)操作。同時圖標(biāo)上的表情戴上眼鏡的設(shè)計(jì),以及Toast中的插眼人數(shù)顯示,更好的告訴用戶插眼成功和帖子的熱度值。

十一、結(jié)語

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

本期的產(chǎn)品細(xì)節(jié)推導(dǎo)分享結(jié)束,我們下期再見!

 

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

題圖來自Pexels,基于CC0協(xié)議

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

    來自北京 回復(fù)
  2. 抖音的那個“收藏的快捷查看入口”和小紅書的比較相似,抖音是可以知道收藏成功了并且可以去看看自己收藏的內(nèi)容;小紅書也是知道收藏成功了,但是是進(jìn)行分類,分類到不同的收藏夾里頭。

    來自陜西 回復(fù)
    1. 嗯呢,感謝支持

      回復(fù)
  3. 抖音的那個“搜索的提示文案”我還以為是相關(guān)推薦呢,原來是起提示功能啊。

    來自陜西 回復(fù)
    1. 嗯呢,感謝支持

      回復(fù)