再細(xì)心一點(diǎn),就能看到不一樣的設(shè)計(jì)

2024-7-29    資深UI設(shè)計(jì)者

 

作為 UI 設(shè)計(jì)師來(lái)說(shuō),體驗(yàn)總結(jié)是必不可少的日常習(xí)慣,靈感的來(lái)源離不開(kāi)對(duì)優(yōu)秀設(shè)計(jì)的探索。我們會(huì)定期為大家?guī)?lái)產(chǎn)品體驗(yàn)日記的分享,對(duì)于家族內(nèi)的小伙伴們也是常態(tài)化的要求。

一、個(gè)性化的性別選擇設(shè)計(jì)

 

完善信息對(duì)于產(chǎn)品來(lái)說(shuō)是提升體驗(yàn)的關(guān)鍵,一些產(chǎn)品在初始狀態(tài)會(huì)引導(dǎo)用戶(hù)去完善,比如昵稱(chēng)、頭像、性別、年齡等基礎(chǔ)信息的采集。如何提高用戶(hù)的設(shè)置興趣,降低完善信息的排斥感,需要設(shè)計(jì)師進(jìn)行反復(fù)推敲。

 

最近在體驗(yàn) FLAG APP 的時(shí)候,在性別選擇界面設(shè)計(jì)上區(qū)別于以往體驗(yàn)過(guò)的產(chǎn)品,將性別的可視化進(jìn)行了更為情感化的強(qiáng)化。出色的設(shè)計(jì)讓用戶(hù)眼前一亮,精美的插畫(huà)提高了整體設(shè)計(jì)的感官體驗(yàn)。該案例提供了性別選擇差異化的表現(xiàn),是提高常規(guī)信息界面設(shè)計(jì)視覺(jué)感的不錯(cuò)思路。

 

 

 

 

 

 

二、情感化的用戶(hù)等級(jí)設(shè)計(jì)

 

用戶(hù)等級(jí)是增加黏性的關(guān)鍵,也能通過(guò)等級(jí)帶給會(huì)員更多的增值服務(wù),激發(fā)用戶(hù)的參與度。

 

在使用海馬體照相館 APP 的時(shí)候,個(gè)人中心在頂部視覺(jué)區(qū)域會(huì)直接顯示用戶(hù)等級(jí),配合情感化的人物插畫(huà)特別突出。通過(guò)左右滑動(dòng)可以查看不同的等級(jí),等級(jí)名稱(chēng)和對(duì)應(yīng)的人物形象插畫(huà)也會(huì)針對(duì)性的設(shè)計(jì),不僅強(qiáng)化了用戶(hù)體驗(yàn),不錯(cuò)的視覺(jué)感也能吸引用戶(hù)的關(guān)注度。

 

 

 

 

 

 

三、精美的插畫(huà)助你釋放壓力

 

插畫(huà)在產(chǎn)品設(shè)計(jì)中的曝光度越來(lái)越高,風(fēng)格多樣化直接影響產(chǎn)品風(fēng)格,也能增強(qiáng)情感化體驗(yàn)。全靠插畫(huà)撐起整個(gè)產(chǎn)品的案例是什么樣子呢?最近發(fā)現(xiàn)了這么一款產(chǎn)品。

 

Wild Journey 是一款解壓的白噪音 APP,內(nèi)置了許多大自然的聲音,讓用戶(hù)體驗(yàn)到荒野的空曠、森林的靜謐、大海的波濤。整個(gè)設(shè)計(jì)全是精美的矢量插畫(huà)作品,帶給用戶(hù)賞心悅目的感官體驗(yàn)。來(lái)這里釋放自己的壓力,放松身心。

 

 

 

 

 

 

四、趨勢(shì)化的引導(dǎo)頁(yè)設(shè)計(jì)

 

引導(dǎo)頁(yè)設(shè)計(jì)是最容易呈現(xiàn)風(fēng)格趨勢(shì)的,利于設(shè)計(jì)師進(jìn)行創(chuàng)意發(fā)揮。無(wú)論是想要發(fā)揮插畫(huà)技能、建模能力或者動(dòng)效表現(xiàn),引導(dǎo)頁(yè)都能提供發(fā)揮的場(chǎng)景。

 

最近在體驗(yàn)嘀嗒出行的時(shí)候,發(fā)現(xiàn)全新升級(jí)的 9.0 版本,引導(dǎo)頁(yè)設(shè)計(jì)風(fēng)格也是讓人耳目一新。利用了趨勢(shì)感的插畫(huà)風(fēng)格和視覺(jué)表現(xiàn)風(fēng)格(玻璃質(zhì)感風(fēng))相結(jié)合,畫(huà)面清新自然,帶給用戶(hù)非常好的視覺(jué)感官體驗(yàn)。

 

 

 

 

 

 

五、可視化表現(xiàn)提高用戶(hù)理解度

 

可視化設(shè)計(jì)逐步成為信息傳遞的趨勢(shì),利用圖形化的形式更利于用戶(hù)理解,相較于枯燥的文字化呈現(xiàn)來(lái)說(shuō)閱讀理解的效率更高。

 

Keep 在產(chǎn)品設(shè)計(jì)的時(shí)候,有效的將一些數(shù)據(jù)的表達(dá)和內(nèi)容的普及以可視化的圖形進(jìn)行展示,不僅提高了界面設(shè)計(jì)的感官體驗(yàn),也能有利于用戶(hù)對(duì)于內(nèi)容的理解。提高界面設(shè)計(jì)的視覺(jué)感也能讓用戶(hù)更為關(guān)注,圖形可視化已經(jīng)逐步成為產(chǎn)品設(shè)計(jì)解決方案中的趨勢(shì)。

 

 

 

 

 

 

六、個(gè)性化的主題皮膚設(shè)置

 

個(gè)性化的定制設(shè)計(jì)可以讓用戶(hù)感受到產(chǎn)品的溫度,根據(jù)自己的喜好選擇主題化呈現(xiàn)。成熟的產(chǎn)品都會(huì)在個(gè)性化設(shè)置上面提升體驗(yàn)度,特別是在主題皮膚的定制上面,提供了更多的風(fēng)格讓用戶(hù)選擇。

 

Keep 在將主題皮膚設(shè)置定義為選擇運(yùn)動(dòng)伙伴,不僅提供了不同的 IP 形象和主題皮膚,俏皮可愛(ài)的動(dòng)態(tài)延展也傳遞了情感化的體驗(yàn)。多種風(fēng)格的設(shè)計(jì)滿(mǎn)足了不同用戶(hù)的喜好需求,還為不同的主題定義了擬人化的角色和身份,視覺(jué)感和體驗(yàn)度都非常的到位。

 

 

 

 

 

 

七、提高參與度的簽到設(shè)計(jì)

 

簽到設(shè)計(jì)可以提高用戶(hù)黏性,讓用戶(hù)在參與的同時(shí)獲得禮品或者增值服務(wù),簽到也成為了眾多產(chǎn)品的標(biāo)配功能。對(duì)于設(shè)計(jì)師來(lái)說(shuō),如何通過(guò)設(shè)計(jì)提高用戶(hù)簽到的參與度,是需要不斷探索的設(shè)計(jì)思考。

 

最近在使用天天跳繩時(shí),發(fā)現(xiàn)其簽到設(shè)計(jì)的視覺(jué)表達(dá)直觀(guān)醒目,大大的提高了用戶(hù)對(duì)于簽到的理解和參與度。將簽到后解鎖的勛章、經(jīng)驗(yàn)、裝扮和禮品等直觀(guān)的結(jié)合到簽到界面中,不僅風(fēng)格協(xié)調(diào)統(tǒng)一,視覺(jué)風(fēng)格也符合運(yùn)動(dòng)場(chǎng)景感。看到這個(gè)界面成功吸引了我的簽到欲望,簽到操作簡(jiǎn)單,整體的體驗(yàn)度都做得非常不錯(cuò)。

 

 

 

 

 

 

八、情感化的個(gè)人中心設(shè)計(jì)

 

個(gè)人中心作為主界面之一來(lái)說(shuō),設(shè)計(jì)的體驗(yàn)度是至關(guān)重要的。為了滿(mǎn)足用戶(hù)的喜好需求,個(gè)性化的設(shè)置也是層出不窮,功能布局、頭像裝扮、主題皮膚等都呈現(xiàn)出了眾多的優(yōu)秀設(shè)計(jì)方案。

 

天天跳繩是個(gè)人經(jīng)常使用的一款運(yùn)動(dòng)輔助工具,記錄小孩跳繩也是非常便利的工具。個(gè)人中心頂部視覺(jué)區(qū)域的人偶形象增強(qiáng)了界面設(shè)計(jì)的感官度,人偶的動(dòng)態(tài)體現(xiàn)出用戶(hù)的運(yùn)動(dòng)狀態(tài),可以進(jìn)行自定義的設(shè)置來(lái)滿(mǎn)足自己的情感表達(dá)??梢栽O(shè)置人偶的裝扮、旋轉(zhuǎn)角度、動(dòng)作等,人性化的功能設(shè)置提高了自定義的體驗(yàn)度,強(qiáng)化了用戶(hù)情感化的使用體驗(yàn)。

 

 

 

 

 

 

九、結(jié)果導(dǎo)向的設(shè)計(jì)表達(dá)

 

以圖標(biāo)/圖形/圖片等設(shè)計(jì)輔助信息的傳遞很常見(jiàn),通常都是根據(jù)信息的文案來(lái)進(jìn)行設(shè)計(jì)表達(dá)。如果放棄本身文案信息傳遞的意思,選擇結(jié)果導(dǎo)向的設(shè)計(jì)表達(dá),也能帶來(lái)不一樣的設(shè)計(jì)反思。

 

最近在體驗(yàn) One More 的時(shí)候,動(dòng)作庫(kù)的列表設(shè)計(jì)中便選擇了結(jié)果導(dǎo)向的思路。如果是常規(guī)的設(shè)計(jì)解決方案,會(huì)根據(jù)列表主題內(nèi)容來(lái)設(shè)計(jì)配圖,這樣也能輔助對(duì)于內(nèi)容的理解。但是One More 選擇了完成該項(xiàng)目得到的鍛煉部位為設(shè)計(jì)思路,雖然不能輔助項(xiàng)目信息的傳遞,但是這個(gè)設(shè)計(jì)表達(dá)更能讓用戶(hù)理解完成的結(jié)果,參與度也能得到提升??梢暬脑O(shè)計(jì)替代了文字的表達(dá),提高了用戶(hù)對(duì)項(xiàng)目的理解度,進(jìn)而轉(zhuǎn)化更高的參與度。

 

 

 

 

 

 

十、新穎的輪播 Banner 設(shè)計(jì)

 

輪播 Banner 圖對(duì)于設(shè)計(jì)發(fā)揮來(lái)說(shuō),除了在本身的創(chuàng)意和視覺(jué)表達(dá)層面以外,產(chǎn)品結(jié)構(gòu)和功能層面也是設(shè)計(jì)師需要探索的方向。

 

極有家 APP 在產(chǎn)品的體驗(yàn)設(shè)計(jì)層面做得非常不錯(cuò),針對(duì)輪播 Banner 位置也是做了新穎的創(chuàng)新。在 Banner 圖上設(shè)計(jì)了不同商品的引導(dǎo)標(biāo)簽,方便用戶(hù)在感受整體家裝效果圖的同時(shí)可以選擇場(chǎng)景中的商品,也能對(duì)場(chǎng)景中的商品價(jià)值有個(gè)清晰的認(rèn)知。輪播的形式結(jié)合了待輪播圖的預(yù)覽和風(fēng)格名稱(chēng),增加了待輪播圖的曝光度,整個(gè)樣式表達(dá)上面視覺(jué)感也非常不錯(cuò),是一個(gè)比較新穎的設(shè)計(jì)解決方案。

 

 

 

 

 

 

小結(jié)

 

體驗(yàn)、記錄和總結(jié)是為了提高我們對(duì)于優(yōu)秀設(shè)計(jì)解決方案的理解,也能強(qiáng)化我們的設(shè)計(jì)思路和靈感。對(duì)于設(shè)計(jì)的理解闡述屬于個(gè)人見(jiàn)解,不足之處歡迎大家留言補(bǔ)充,我們互相進(jìn)步。

 

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

關(guān)鍵詞:UI咨詢(xún)UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司用戶(hù)體驗(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開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)



作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTUwMzQ0OA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔