15條APP體驗(yàn)設(shè)計(jì)的思路分析

2021-11-23    lanlanwork


“微信”

公眾號(hào)的音樂(lè)

關(guān)鍵詞:#用戶(hù)體驗(yàn)#
產(chǎn)品體驗(yàn):
在微信公眾號(hào)內(nèi)的文章中或者鏈接中,會(huì)遇到插入音樂(lè)模塊的內(nèi)容,點(diǎn)擊播放后可以拖拽快進(jìn)或者重放,同時(shí)點(diǎn)擊下方有15的按鈕可以快進(jìn)15s或快退15s。
圖片 
設(shè)計(jì)思考:
在原有的公眾號(hào)內(nèi)插入音樂(lè)模塊是無(wú)法快進(jìn)或者快退的,用戶(hù)只能聽(tīng)完或者關(guān)閉音樂(lè)的單獨(dú)模塊,推出該公眾號(hào)也是不能關(guān)閉的。在優(yōu)化后這里明顯體驗(yàn)更好,沒(méi)有兩極分化嚴(yán)重的選擇,增加了快進(jìn)快退這樣的功能,還有一個(gè)原因我認(rèn)為,在公眾號(hào)內(nèi)增加音樂(lè)模塊的內(nèi)容多數(shù)還是以推薦為目的的,增加拖拽功能后,用戶(hù)在閱讀時(shí)快速了解到到歌曲是否是自己喜愛(ài)的類(lèi)型,提高用戶(hù)的選擇速度。  
 

“高德地圖”

詢(xún)問(wèn)前方路況
關(guān)鍵詞:#活躍度# #用戶(hù)體驗(yàn)#
產(chǎn)品體驗(yàn):
使用高德地圖導(dǎo)航后,如果路段中發(fā)生事故等原因堵塞時(shí),在該路段會(huì)彈出一個(gè)提示框,提示該路段可能通暢的時(shí)間段,點(diǎn)擊提示框后進(jìn)入實(shí)時(shí)交通對(duì)話框。 
圖片 
設(shè)計(jì)思考:
之前有體驗(yàn)過(guò)一次高德的交通實(shí)況功能,這次也是看到了在導(dǎo)航初期就提示了路段的狀況,在系統(tǒng)的提示之外,結(jié)合實(shí)況交通的方式,更準(zhǔn)確的提供路況信息,也是為了進(jìn)一步的提高用戶(hù)在產(chǎn)品內(nèi)的活躍程度,更有可能提供潛在的陌生人社交,畢竟產(chǎn)品也上線的旅游路線等功能。  
 

“微信”

可以手動(dòng)拒收其他應(yīng)用的消息
關(guān)鍵詞:#用戶(hù)體驗(yàn)優(yōu)化#
產(chǎn)品體驗(yàn):
在微信的對(duì)話框內(nèi),好友發(fā)送來(lái)的非微信產(chǎn)品的分享消息,可以點(diǎn)擊該消息右下角的小手,點(diǎn)擊后彈出“接受/拒收來(lái)自此應(yīng)用的所有消息”用戶(hù)可以自主選擇是否接受。 
圖片 
設(shè)計(jì)思考:
產(chǎn)品分享鏈接無(wú)非是QQ、微信、微博、小紅書(shū)等一些社交類(lèi)產(chǎn)品,其中微信的基數(shù)是最大的一個(gè),多數(shù)小伙伴還是選擇微信登陸其他產(chǎn)品,再以微信為分享終端。不過(guò)這樣做有一個(gè)問(wèn)題,就是朋友分享來(lái)的程序可能是自己不感興趣的內(nèi)容,還會(huì)拉低朋友之間的好感度。微信在這里直接上線了拒收這類(lèi)消息的功能,讓用戶(hù)自己決定要不要接收,不再整個(gè)產(chǎn)品上做限制。也是按照用戶(hù)自主意愿進(jìn)行了有效的分類(lèi)選擇。  
 

“抖音”

關(guān)注的提示增強(qiáng)
關(guān)鍵詞:#視覺(jué)強(qiáng)化# #提示#
產(chǎn)品體驗(yàn):
在抖音觀看視頻時(shí),長(zhǎng)時(shí)間停留在該up主的頁(yè)面時(shí),在作者信息下會(huì)顯示出關(guān)注的顏色飽和度較高的按鈕。 
圖片 
設(shè)計(jì)思考:
抖音的用戶(hù)基礎(chǔ)是非常龐大的數(shù)字,眾多用戶(hù)每天在產(chǎn)品中瀏覽觀看是up主發(fā)視頻的動(dòng)力之一,其次,用戶(hù)的關(guān)注度更是刺激up主更新優(yōu)質(zhì)視頻的動(dòng)力源之一。所以在這里產(chǎn)品強(qiáng)化了關(guān)注這一行為,原有的up主頭像下的關(guān)注按鈕保留之外,增加了一個(gè)面積更大的按鈕在創(chuàng)作者、視頻信息的區(qū)域,刺激用戶(hù)的視覺(jué)感受提示用戶(hù)喜歡就關(guān)注,不過(guò)這個(gè)按鈕是在用戶(hù)長(zhǎng)時(shí)間停留之后才顯示的按鈕,產(chǎn)品會(huì)根據(jù)用戶(hù)頁(yè)面停留時(shí)長(zhǎng)做初步判斷,用戶(hù)是否對(duì)這個(gè)視頻感興趣,停留時(shí)間長(zhǎng)感興趣才會(huì)顯示關(guān)注按鈕提示用戶(hù)。 
  

“微信”

折疊群
關(guān)鍵詞:#強(qiáng)提示#
產(chǎn)品體驗(yàn):
微信群中可以進(jìn)入群設(shè)置,在消息免打擾下新增折疊群的功能,點(diǎn)擊后將不出現(xiàn)在消息區(qū),可以在群列表中找到,也不會(huì)收到@的強(qiáng)提示。
圖片 
設(shè)計(jì)思考:
微信與QQ在群聊天上之前最大的不同就是,QQ可以完全屏蔽群信息,微信卻不可以,雖然有消息免打擾,但是群@消息會(huì)有強(qiáng)提醒的功能,用戶(hù)還是可以看到群中的信息。而這一次的優(yōu)化徹底解決了這個(gè)問(wèn)題,實(shí)際的使用環(huán)境確實(shí)會(huì)有用加入群是不得已的情況,退也不好退,又不想被打擾,所以需要一個(gè)完全屏蔽的功能來(lái)解決這個(gè)問(wèn)題。而這個(gè)功能推出之后,估計(jì)對(duì)運(yùn)營(yíng)的同學(xué)是不太友好了,私域流量的限制估計(jì)會(huì)在未來(lái)越來(lái)越大,微信也總給我一種和QQ越來(lái)越像的感覺(jué)。  
 
 

“知乎”

我的頁(yè)面中的回答問(wèn)題
關(guān)鍵詞:#交互方式#
產(chǎn)品體驗(yàn):
打開(kāi)知乎后切換至我的頁(yè)面,在頁(yè)面中間可以看到卡片形式的回答問(wèn)題的部分,左右滑動(dòng)卡片可以切換下一張。 
圖片
 
設(shè)計(jì)思考:
知乎這里的回答問(wèn)題采用左右滑動(dòng)的方式,更像是社交產(chǎn)品中的交互方式,但是不同點(diǎn)是這里的左右滑沒(méi)有附加更多的功能,只是為了看下一個(gè)內(nèi)容。不過(guò)這樣的操作也在一定程度上增加了用戶(hù)與產(chǎn)品之間的互動(dòng)性,讓回答問(wèn)題變得有趣。還有一點(diǎn)就是如果回答問(wèn)題是很長(zhǎng)的feed流,用戶(hù)會(huì)在漫長(zhǎng)的瀏覽中產(chǎn)生疲倦感,從而導(dǎo)致流量的流失,這樣左右滑的形式可以很好的避免長(zhǎng)頁(yè)面的瀏覽疲倦,讓用戶(hù)的精力集中在內(nèi)容本身。  
 

“微信”

視頻等待接通期間可看朋友狀態(tài)
關(guān)鍵詞:#用戶(hù)體驗(yàn)#
產(chǎn)品體驗(yàn):
在微信中,與好友視頻通話時(shí),在等待對(duì)方接電話的時(shí)間里,界面中會(huì)顯示對(duì)方近期發(fā)布朋友圈的內(nèi)容,同時(shí)點(diǎn)擊下方按鈕可以收起內(nèi)容不查看。  
圖片  
設(shè)計(jì)思考:
在生活中,微信已經(jīng)成為我們?nèi)粘W钪饕臏贤ㄊ侄沃?,而隨著流量降費(fèi),視頻電話也更多的興起。隨之而來(lái)的就是在等待電話的過(guò)程中,用戶(hù)是無(wú)事可做的狀態(tài),增加對(duì)方用戶(hù)的朋友圈發(fā)布內(nèi)容觀看,除了知道對(duì)方近期做了什么,也是消除等待電話的真空期,提升用戶(hù)體驗(yàn)。  
 

“騰訊地圖”

搜索路線更綜合
關(guān)鍵詞:#用戶(hù)體驗(yàn)#
產(chǎn)品體驗(yàn):
在騰訊地圖中搜索路線,在公共交通這里會(huì)有更綜合的搜索結(jié)果,把騎行也包含在目標(biāo)路線內(nèi)。 
圖片
 
設(shè)計(jì)思考:
騰訊地圖的公共交通搜索更綜合,對(duì)于日常上班出行的人群來(lái)說(shuō)更友好,往往增加一個(gè)交通工具的選擇可以有更多一種節(jié)省時(shí)間的出行方式,而且標(biāo)注了每一條結(jié)果路線的預(yù)計(jì)費(fèi)用,這也是給用戶(hù)多一個(gè)選擇思考的方向。 
  

“閑魚(yú)”

長(zhǎng)輩模式
關(guān)鍵詞:#適老設(shè)計(jì)#
產(chǎn)品體驗(yàn):
在閑魚(yú)中我的頁(yè)面內(nèi),設(shè)置按鈕進(jìn)入后可以在列表中可以找到長(zhǎng)輩模式,點(diǎn)擊后進(jìn)入確認(rèn)開(kāi)啟頁(yè),點(diǎn)擊開(kāi)啟后重啟app進(jìn)入長(zhǎng)輩模式。
圖片 
設(shè)計(jì)思考:
面對(duì)老齡結(jié)構(gòu)嚴(yán)重的社會(huì),互聯(lián)網(wǎng)產(chǎn)品不只是年輕人的專(zhuān)屬,疫情之后更多老年人學(xué)會(huì)了智能手機(jī),從而帶來(lái)的問(wèn)題就是多數(shù)產(chǎn)品沒(méi)有適老設(shè)計(jì),老年人面對(duì)小手機(jī)會(huì)看不清內(nèi)容,操作按不準(zhǔn)等現(xiàn)象凸顯出來(lái),玲瑯滿目的運(yùn)營(yíng)活動(dòng)也是讓老年人招架不過(guò)來(lái)。
那么,面對(duì)這么龐大的人群基數(shù),推出適合老年人的產(chǎn)品就顯得更為重要。這里并不單單是為老年人優(yōu)化設(shè)計(jì)更好的用戶(hù)體驗(yàn),而是從根本上,心里上解決老年人在互聯(lián)網(wǎng)產(chǎn)品使用的問(wèn)題,閑魚(yú)在這里推出的長(zhǎng)輩版本刪除了很多花里胡哨的設(shè)計(jì)元素,也沒(méi)有簡(jiǎn)單用大字解決一切,更好的滿足老年人使用需求。 
  

“App Store”

搜索結(jié)果增加細(xì)分標(biāo)簽(ios)
關(guān)鍵詞:#標(biāo)簽#
產(chǎn)品體驗(yàn):
在ios系統(tǒng)的Appstore內(nèi),搜索目標(biāo)內(nèi)容后,搜索結(jié)果頁(yè)面搜索框下新增了結(jié)果的細(xì)分標(biāo)簽,點(diǎn)擊標(biāo)簽可以進(jìn)一步篩選。  
 
圖片 
設(shè)計(jì)思考:
蘋(píng)果商店中在近幾個(gè)月不斷的更新,首先是之前增加的搜索結(jié)果頁(yè)廣告位,這里有增加了搜索結(jié)果的細(xì)分標(biāo)簽,可以讓用戶(hù)進(jìn)一步細(xì)分篩選,節(jié)約目標(biāo)明確的用戶(hù),因?yàn)g覽導(dǎo)致選擇困難或無(wú)限下滑尋找目標(biāo)的痛苦。  
 

“綠洲”

我的頁(yè)面增加時(shí)間線
關(guān)鍵詞:#用戶(hù)體驗(yàn)#
產(chǎn)品體驗(yàn):
在綠洲中,進(jìn)入我的頁(yè)面,可以看到自己發(fā)表內(nèi)容的時(shí)間線,切換tab到第二個(gè)icon也保留了瀑布流的列表樣式。 
圖片 
 
設(shè)計(jì)思考:
在最初的綠洲中沒(méi)有設(shè)置發(fā)布時(shí)間線的展示樣式,只有瀑布流的列表樣式,用戶(hù)在這里雖然可以有更前衛(wèi),更沉浸的閱讀感受,但是作為內(nèi)容發(fā)布,并不能很好的看到自己發(fā)布內(nèi)容的時(shí)間,尤其是時(shí)間久了之后,會(huì)有忘記原來(lái)發(fā)布的時(shí)間。那么增加時(shí)間線后,用戶(hù)可以很清楚的看到自己發(fā)布每一個(gè)內(nèi)容時(shí)的時(shí)間點(diǎn),作為內(nèi)容發(fā)布的產(chǎn)品來(lái)說(shuō),這種功能的增加也會(huì)激發(fā)用戶(hù)的成就感,刺激用戶(hù)繼續(xù)發(fā)布。  
 
 

“淘寶”

雙11前的視覺(jué)變化
關(guān)鍵詞:#視覺(jué)氣氛#
產(chǎn)品體驗(yàn):
更新淘寶產(chǎn)品之后,啟動(dòng)可以發(fā)現(xiàn)淘寶有點(diǎn)不一樣了,首頁(yè)、逛逛頻道視覺(jué)更新。   
圖片 
設(shè)計(jì)思考:
隨著淘寶的雙十一購(gòu)物節(jié)的到來(lái),從遠(yuǎn)古的光棍節(jié)的感念到現(xiàn)在全民購(gòu)物的形成,產(chǎn)品在這個(gè)節(jié)點(diǎn)前增強(qiáng)節(jié)日氣氛,用戶(hù)在啟動(dòng)打開(kāi)產(chǎn)品后會(huì)潛移默化的感覺(jué)到購(gòu)物的氣氛,在氣氛烘托的作用之下用戶(hù)會(huì)逛一逛,動(dòng)作有了開(kāi)始的第一步隨之而來(lái)的就會(huì)有后續(xù)的一連串動(dòng)作。  
 

“開(kāi)眼”

底部標(biāo)簽欄的交互方式
關(guān)鍵詞:#趣味性# #用戶(hù)習(xí)慣#
產(chǎn)品體驗(yàn):
啟動(dòng)產(chǎn)品后,切換底部標(biāo)簽欄,可以看到選中狀態(tài)是中文漢字加選中點(diǎn),未選中的則為icon符號(hào)。在切換時(shí)也采用了模仿滾動(dòng)的樣式。  
圖片 
設(shè)計(jì)思考:
底部標(biāo)簽作為整個(gè)產(chǎn)品的導(dǎo)航,承接這很重要的功能性,用戶(hù)進(jìn)入產(chǎn)品除了看到首頁(yè)的視覺(jué)、滑動(dòng)兩下看內(nèi)容,接下來(lái)就是點(diǎn)一點(diǎn)底部的導(dǎo)航。有序的底部導(dǎo)航會(huì)對(duì)產(chǎn)品的使用有不少的加分,比如愛(ài)奇藝、優(yōu)酷的點(diǎn)擊交互,比如早一點(diǎn)之前版本的站酷app都是比較有序的方式,當(dāng)然,極簡(jiǎn)的樣式也是有的比如小紅書(shū)、Behance這樣的。
而開(kāi)眼雖說(shuō)也是極簡(jiǎn)的類(lèi)別中,但是更適應(yīng)中文用戶(hù)的交互方式,作為傳統(tǒng)的中文用戶(hù),習(xí)慣性的還是要看一下文字的提示來(lái)確保點(diǎn)擊正確,減少大腦的二次思考。所以開(kāi)眼并沒(méi)有像Behance一樣完全符號(hào)化,也沒(méi)有像小紅書(shū)全完中文漢字,將兩者結(jié)合之后加上一定的動(dòng)效豐富切換的之間的有趣度,感覺(jué)會(huì)更符合大眾用戶(hù)的使用習(xí)慣 
 

“斗魚(yú)”

將用戶(hù)關(guān)注內(nèi)容分類(lèi)
關(guān)鍵詞:#細(xì)分#
產(chǎn)品體驗(yàn):
在斗魚(yú)中,用戶(hù)關(guān)注的主播列表進(jìn)行了很好的分類(lèi),未開(kāi)播、錄播、正在直播、精選視頻和很久未上線的主播分類(lèi)設(shè)計(jì)。 
圖片 
設(shè)計(jì)思考:
目前市場(chǎng)中的軟件產(chǎn)品中,不論是不是內(nèi)容類(lèi)的,都設(shè)計(jì)了收藏的功能,當(dāng)然也不是說(shuō)收藏功能只有內(nèi)容類(lèi)的可以用。斗魚(yú)作為直播平臺(tái),收藏喜歡的主播可以節(jié)約用戶(hù)的操作路徑,快速觸達(dá)用戶(hù)目標(biāo)。但是問(wèn)題也來(lái)了,并不是所有的產(chǎn)品都會(huì)細(xì)分收藏之后的內(nèi)容,收藏列表里大多數(shù)還是按照時(shí)間點(diǎn)按序排列。而斗魚(yú)這里之前版本也是這樣的方式,但是更新之后的斗魚(yú)收藏列表則一改面貌,更好的細(xì)分可以讓用戶(hù)更快的找到目標(biāo),較少思考提高效率也就會(huì)留住用戶(hù)。 
 

“支付寶”

積分去看看
關(guān)鍵詞:#按鈕#
產(chǎn)品體驗(yàn):
在支付寶中付款完成后,支付完成頁(yè)面中金額下第一個(gè)卡片是領(lǐng)積分,點(diǎn)擊立即領(lǐng)按鈕后領(lǐng)取積分,領(lǐng)取完成后按鈕變?yōu)槿タ纯?,點(diǎn)擊后跳轉(zhuǎn)積分頁(yè)面。 
圖片 
 
設(shè)計(jì)思考:
支付完成后的領(lǐng)取積分,這里點(diǎn)擊領(lǐng)取并不會(huì)跳轉(zhuǎn)到積分頁(yè)面,不會(huì)對(duì)用戶(hù)造成頁(yè)面之間的跳轉(zhuǎn)導(dǎo)致多一步返回的操作,而點(diǎn)擊之后將按鈕由“立即領(lǐng)”變?yōu)椤叭タ纯础笨梢宰層脩?hù)多一個(gè)選擇,是否要去積分頁(yè),減少用戶(hù)的來(lái)回操作的煩躁感。同時(shí)在視覺(jué)上,領(lǐng)取積分為實(shí)心的暖色按鈕,點(diǎn)擊感視覺(jué)沖擊上比較強(qiáng)烈,領(lǐng)取之后的去看看變?yōu)榭招牡木€框按鈕,在視覺(jué)強(qiáng)度上減弱,也在一定程度上考慮了購(gòu)物之后需要展示付款成功頁(yè)面的使用環(huán)境,需要降低用戶(hù)的視覺(jué)沖擊。 
  
本期產(chǎn)品設(shè)計(jì)細(xì)節(jié)分享結(jié)束,我們下期再見(jiàn)。  
 

原文地址:黑馬家族(公眾號(hào))

作者:神奇的小豪同學(xué)

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》15條APP體驗(yàn)設(shè)計(jì)的思路分析

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔