設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”

2024-1-10    博博

一、表情化反饋設(shè)計(jì)
 
通過用戶反饋可以讓產(chǎn)品的服務(wù)和體驗(yàn)做得更好,因此獲取反饋的設(shè)計(jì)變得至關(guān)重要。
 
在餓了么 App 點(diǎn)餐,完成訂單配送之后,會(huì)以彈窗的形式采集用戶反饋。通過表情化的設(shè)計(jì)讓用戶完成選項(xiàng),情感化的表達(dá)可以提高用戶的參與度,進(jìn)而達(dá)到獲取反饋意見的目的。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
 
二、靈動(dòng)可愛的動(dòng)效表達(dá)
 
動(dòng)效的表達(dá)相較于靜態(tài)而言更有吸引力,可以讓畫面更有視覺張力。
 
餓了么在 0 元奪寶活動(dòng)設(shè)計(jì)中,以 3D 動(dòng)效的形式展示靈動(dòng)可愛的小魚吐泡泡的畫面,瞬間讓場(chǎng)景變得更有趣味性。吸引用戶關(guān)注度的同時(shí),也讓活動(dòng)氛圍感十足。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
三、突出品牌主題的輪播設(shè)計(jì)
 
輪播圖的設(shè)計(jì)樣式豐富多樣,設(shè)計(jì)師都在不斷探索更新穎的表現(xiàn)形式和互動(dòng)玩法。
 
最近在體驗(yàn)芒果TV 時(shí),在好物欄目中的輪播圖布局設(shè)計(jì)中,結(jié)合了品牌主題進(jìn)行輪播切換。不僅強(qiáng)化了品牌主題,新穎的樣式表達(dá)也使得欄目更有設(shè)計(jì)感。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
四、收縮式導(dǎo)航欄設(shè)計(jì)
 
通過交互形式可以讓靜態(tài)布局有更多靈活性,方便用戶在不同操作場(chǎng)景中享受更好的體驗(yàn)。
 
作業(yè)幫 App 首頁默認(rèn)狀態(tài)突出搜索功能,當(dāng)用戶滑動(dòng)瀏覽內(nèi)容時(shí),頂部導(dǎo)航欄和搜索功能會(huì)收縮展示。簡(jiǎn)化部分功能和適配導(dǎo)航欄布局,提高當(dāng)前界面的利用率,帶給用戶更好的瀏覽體驗(yàn)。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
五、通過動(dòng)效強(qiáng)化按鈕關(guān)注度
 
微動(dòng)效越來越普及,不僅可以讓產(chǎn)品變得更有趣味性,也能通過動(dòng)靜對(duì)比突出功能關(guān)注度。
 
進(jìn)入作業(yè)幫 App 個(gè)人中心時(shí),會(huì)員開通按鈕會(huì)通過一圈光效動(dòng)效進(jìn)行強(qiáng)化,吸引用戶關(guān)注到開通按鈕。左上角的每日簽到圖標(biāo)也會(huì)以 3D 動(dòng)效的形式循環(huán)播放,以此吸引用戶進(jìn)行簽到操作。通過動(dòng)效強(qiáng)化功能的吸引力,提高用戶的操作概率。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
六、可視化設(shè)計(jì)強(qiáng)化任務(wù)流程
 
生硬的文字表達(dá)無法打動(dòng)用戶的參與度,圖形化、趣味性的可視化表達(dá)更能打動(dòng)用戶。
 
One More App 通過對(duì)選項(xiàng)內(nèi)容進(jìn)行圖形化表達(dá),讓用戶更直觀地判斷,可視化的設(shè)計(jì)也讓任務(wù)流程的選擇變得更輕松。不僅讓選項(xiàng)內(nèi)容更直觀,也能提高用戶的參與度,達(dá)到采集數(shù)據(jù)的目的。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
七、動(dòng)態(tài)封面更吸引人
 
封面設(shè)計(jì)是吸引用戶點(diǎn)擊欄目的關(guān)鍵,通過豐富多樣的設(shè)計(jì)表達(dá)逐步拉開差異,而動(dòng)態(tài)封面變得尤為重視。
 
天天跳繩 App 首頁中,趣運(yùn)動(dòng)欄目的活動(dòng)主題封面進(jìn)行了動(dòng)靜結(jié)合。相較于靜態(tài)封面而言,動(dòng)態(tài)封面不僅更吸引人,也顯得很有趣味性。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
八、賦予功能營(yíng)銷屬性
 
挖掘營(yíng)銷點(diǎn)是提高產(chǎn)品變現(xiàn)力的關(guān)鍵,如何在用戶體驗(yàn)和營(yíng)銷曝光度中做平衡,需要我們不斷思考和探索。
 
微博 App 內(nèi)的營(yíng)銷布局點(diǎn)很多,在發(fā)現(xiàn)欄目中進(jìn)行下拉刷新時(shí),有時(shí)也會(huì)結(jié)合活動(dòng)或者品牌廣告。在不改變功能屬性的基礎(chǔ)上,融入營(yíng)銷屬性,是一個(gè)不錯(cuò)的嘗試。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
九、趣味性的設(shè)置按鈕
 
通過設(shè)置按鈕/開關(guān)等進(jìn)行選項(xiàng)或者功能切換,一枚小小的按鈕也可以進(jìn)行更好的設(shè)計(jì)發(fā)揮,往往細(xì)微之處才能體現(xiàn)出產(chǎn)品的體驗(yàn)。
 
進(jìn)入騰訊動(dòng)漫 App 在“我的”版塊,進(jìn)行性別設(shè)置和夜間/日間切換時(shí),按鈕設(shè)計(jì)結(jié)合趣味性的動(dòng)效表達(dá)。小小的按鈕變得更加形象可愛,更能吸引用戶進(jìn)行設(shè)置和體驗(yàn)。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”
 
十、細(xì)微動(dòng)效讓圖標(biāo)更精致
 
微動(dòng)效在圖標(biāo)設(shè)計(jì)中的運(yùn)用非常普及,通常是為了突出點(diǎn)擊狀態(tài)或者重點(diǎn)功能,而用于所有圖標(biāo)的案例相對(duì)較少。
 
最近在體驗(yàn)馬蜂窩 App 的時(shí)候,發(fā)現(xiàn)首頁金剛區(qū)圖標(biāo)全部都帶有微動(dòng)效,動(dòng)效表達(dá)不會(huì)很夸張,都是細(xì)微的點(diǎn)綴。不僅點(diǎn)綴了圖標(biāo)設(shè)計(jì),也讓圖標(biāo)顯得更精致和趣味,細(xì)微的動(dòng)效不會(huì)使得整體互相干擾,是一個(gè)非常不錯(cuò)的金剛區(qū)圖標(biāo)設(shè)計(jì)方案。
設(shè)計(jì)靈感來源于“善于發(fā)現(xiàn)”


作者:黑馬青年
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)、軌道交通界面設(shè)計(jì)地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)、醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)教育行業(yè)軟件UI界面設(shè)計(jì)企業(yè)信息化UI界面設(shè)計(jì)

軟件qt開發(fā)、軟件wpf開發(fā)軟件vue開發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔