15條APP體驗設(shè)計的思路分析

2021-11-23    lanlanwork


“微信”

公眾號的音樂

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

“高德地圖”

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

“微信”

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

“抖音”

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

“微信”

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

“知乎”

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

“微信”

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

“騰訊地圖”

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

“閑魚”

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

“App Store”

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

“綠洲”

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

“淘寶”

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

“開眼”

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

“斗魚”

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

“支付寶”

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

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

作者:神奇的小豪同學

轉(zhuǎn)載請注明:學UI網(wǎng)》15條APP體驗設(shè)計的思路分析

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

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

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

藍藍設(shè)計m.sillybuy.com )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)



分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔