10個產(chǎn)品細節(jié)剖析,看看高手如何做趣味設(shè)計!
我們都會被好奇心所驅(qū)使,遇到有意思的事情總會想去探索一番,放到設(shè)計場景中亦是如此。一些新穎的、有意思的、好玩的設(shè)計,總會勾起用戶的好奇心,引起用戶的關(guān)注度。
今天黑馬哥也給大家分享一些不一樣的設(shè)計案例,看看是否可以勾起你的好奇心,我們一起來看看吧!
一、形象化心情設(shè)置
對于日記類產(chǎn)品來說,我們經(jīng)常會給日記設(shè)置心情,以此來記錄當(dāng)時自己的情緒狀態(tài)。
在使用 Moo 日記 App 記錄時,針對心情標(biāo)簽設(shè)計了對應(yīng)的動態(tài)場景插畫,讓心情選擇更加形象化。動態(tài)場景插畫使得心情表達更加直觀,豐富的心情標(biāo)簽也讓用戶的情緒狀態(tài)得到更準(zhǔn)確的呈現(xiàn)。
二、讓鍛煉變得更有趣
隨著生活品質(zhì)的提升,亞健康人群也越來越多,大家也開始更注重身體健康,運動輔助類產(chǎn)品就成為了更好的助手。
為了讓用戶做出選擇,每個產(chǎn)品都在打造自身的差異化,也想和用戶建立情感共鳴。最近發(fā)現(xiàn)一款非常可愛的健身軟件:Rumbo,以毛茸茸的 IP 形象為健身伙伴,為您的訓(xùn)練日程增添一些樂趣!
三、童趣的圖標(biāo)動效設(shè)計
動態(tài)圖標(biāo)的運用已經(jīng)非常普及,可以在靜態(tài)的模塊中強化關(guān)注度,特別是在金剛區(qū)模塊的設(shè)計中。
孩子王 App 首頁金剛區(qū)模塊中,"兒童館"以小孩圖標(biāo)側(cè)空翻的形式入場,使得圖標(biāo)的動態(tài)表達更有童趣感。不僅突出該功能的關(guān)注度,勾起的童年回憶也增加了用戶的情感共鳴。
四、結(jié)構(gòu)化空狀態(tài)設(shè)計
對于初始用戶而言,產(chǎn)品中會出現(xiàn)眾多無數(shù)據(jù)的空狀態(tài),而空狀態(tài)的情感化設(shè)計也備受重視。
最近在 Moo 日記 App 中發(fā)現(xiàn)一個比較特別的空狀態(tài)設(shè)計案例,個人中心相冊入口設(shè)計中,以照片展示結(jié)構(gòu)化的方式來填充空狀態(tài)。相較于常規(guī)的處理方式來說更加形象,也能讓當(dāng)前界面顯得更加飽滿,不會出現(xiàn)較大的空白區(qū)域。
五、對話式操作引導(dǎo)
我們都希望用戶可以按照預(yù)設(shè)的流程完成目標(biāo),但是往往會事與愿違,需要產(chǎn)品設(shè)計師不斷思考如何通過互動性引導(dǎo)用戶。
最近在使用罐頭冥想 App 時,通過對話式的互動形式引導(dǎo)操作很有意思,就像朋友聊天一樣,讓你放下防備心理,更愿意參與到這個互動中。通過情感化的對話場景設(shè)計和趣味性的設(shè)計表達,更好的引導(dǎo)用戶完成操作指引。
六、簽到前后的差異化設(shè)計
簽到是提升用戶粘性的常用方式,如何提高用戶完成簽到的參與度變得至關(guān)重要,通過福利策略是最直接的方案。
美團外賣會員簽到設(shè)計中,簽到前以解鎖紅包的形式進行設(shè)計表達,當(dāng)天簽到紅包還帶有搖擺動效,以此吸引用戶的參與度。簽到后以進度式的方式進行設(shè)計,保障用戶直觀理解簽到的同時,也能削弱板塊的視覺比重,給其他功能區(qū)域增加曝光度。簽到前通過強視覺吸引關(guān)注度,簽到后削弱視覺比重,提升更多內(nèi)容的預(yù)覽體驗。
七、個性化的個人中心設(shè)計
隨著個性化需求的普及,產(chǎn)品設(shè)計風(fēng)格越來越多樣化,一些元素的表達也越來越有趣。
比如白日夢 App 的個人中心,個性化的設(shè)計風(fēng)格引人注目,"呆頭呆腦"的動態(tài) IP 也十分有趣,瞬間抓住了用戶的目光。
八、手繪風(fēng) UI 設(shè)計
UI 設(shè)計風(fēng)格越來越多樣化,通過獨特的設(shè)計風(fēng)格帶給用戶驚喜,加深用戶的記憶度。
好好養(yǎng)寵物 App 以手繪風(fēng)設(shè)計為主,采用暖色系進行配色,手繪風(fēng)圖標(biāo)、插畫等也使得界面風(fēng)格更加溫馨可愛。
九、電子相冊式空狀態(tài)
插畫運用到空狀態(tài)的設(shè)計中較為普遍,不同風(fēng)格的插畫也能豐富空狀態(tài)的視覺表現(xiàn)力。
馬蜂窩 App 部分空狀態(tài)以相框結(jié)合風(fēng)景插畫進行設(shè)計,相框內(nèi)隨機填充風(fēng)景照片,點擊可不斷變化不同的風(fēng)景照。就像電子相冊一樣,循環(huán)播放著自己的旅行足跡,勾起用戶的無限遐想。
十、個性化形象設(shè)置
用戶越來越喜歡追求個性化的體驗,以此來突出自己的個性特征,形象裝扮就成為了一種有效的選擇。
比如好柿花生 App 在個人中心設(shè)計中,頂部視覺區(qū)域的形象設(shè)計可以讓用戶自行設(shè)置,用戶可以通過參與抽獎獲得裝扮道具。不僅滿足了用戶追求個性化形象的體驗感,也能通過解鎖抽獎權(quán)限提升商業(yè)轉(zhuǎn)化率。
小結(jié)
希望本期分享的案例可以帶給大家一些靈感,描述觀點屬于個人總結(jié),不足之處歡迎大家留言指正。
黑馬青年
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)