2024-7-29 資深UI設(shè)計(jì)者
作為 UI 設(shè)計(jì)師來說,體驗(yàn)總結(jié)是必不可少的日常習(xí)慣,靈感的來源離不開對優(yōu)秀設(shè)計(jì)的探索。我們會(huì)定期為大家?guī)懋a(chǎn)品體驗(yàn)日記的分享,對于家族內(nèi)的小伙伴們也是常態(tài)化的要求。
一、個(gè)性化的性別選擇設(shè)計(jì)
完善信息對于產(chǎn)品來說是提升體驗(yàn)的關(guān)鍵,一些產(chǎn)品在初始狀態(tài)會(huì)引導(dǎo)用戶去完善,比如昵稱、頭像、性別、年齡等基礎(chǔ)信息的采集。如何提高用戶的設(shè)置興趣,降低完善信息的排斥感,需要設(shè)計(jì)師進(jìn)行反復(fù)推敲。
最近在體驗(yàn) FLAG APP 的時(shí)候,在性別選擇界面設(shè)計(jì)上區(qū)別于以往體驗(yàn)過的產(chǎn)品,將性別的可視化進(jìn)行了更為情感化的強(qiáng)化。出色的設(shè)計(jì)讓用戶眼前一亮,精美的插畫提高了整體設(shè)計(jì)的感官體驗(yàn)。該案例提供了性別選擇差異化的表現(xiàn),是提高常規(guī)信息界面設(shè)計(jì)視覺感的不錯(cuò)思路。
二、情感化的用戶等級(jí)設(shè)計(jì)
用戶等級(jí)是增加黏性的關(guān)鍵,也能通過等級(jí)帶給會(huì)員更多的增值服務(wù),激發(fā)用戶的參與度。
在使用海馬體照相館 APP 的時(shí)候,個(gè)人中心在頂部視覺區(qū)域會(huì)直接顯示用戶等級(jí),配合情感化的人物插畫特別突出。通過左右滑動(dòng)可以查看不同的等級(jí),等級(jí)名稱和對應(yīng)的人物形象插畫也會(huì)針對性的設(shè)計(jì),不僅強(qiáng)化了用戶體驗(yàn),不錯(cuò)的視覺感也能吸引用戶的關(guān)注度。
三、精美的插畫助你釋放壓力
插畫在產(chǎn)品設(shè)計(jì)中的曝光度越來越高,風(fēng)格多樣化直接影響產(chǎn)品風(fēng)格,也能增強(qiáng)情感化體驗(yàn)。全靠插畫撐起整個(gè)產(chǎn)品的案例是什么樣子呢?最近發(fā)現(xiàn)了這么一款產(chǎn)品。
Wild Journey 是一款解壓的白噪音 APP,內(nèi)置了許多大自然的聲音,讓用戶體驗(yàn)到荒野的空曠、森林的靜謐、大海的波濤。整個(gè)設(shè)計(jì)全是精美的矢量插畫作品,帶給用戶賞心悅目的感官體驗(yàn)。來這里釋放自己的壓力,放松身心。
四、趨勢化的引導(dǎo)頁設(shè)計(jì)
引導(dǎo)頁設(shè)計(jì)是最容易呈現(xiàn)風(fēng)格趨勢的,利于設(shè)計(jì)師進(jìn)行創(chuàng)意發(fā)揮。無論是想要發(fā)揮插畫技能、建模能力或者動(dòng)效表現(xiàn),引導(dǎo)頁都能提供發(fā)揮的場景。
最近在體驗(yàn)嘀嗒出行的時(shí)候,發(fā)現(xiàn)全新升級(jí)的 9.0 版本,引導(dǎo)頁設(shè)計(jì)風(fēng)格也是讓人耳目一新。利用了趨勢感的插畫風(fēng)格和視覺表現(xiàn)風(fēng)格(玻璃質(zhì)感風(fēng))相結(jié)合,畫面清新自然,帶給用戶非常好的視覺感官體驗(yàn)。
五、可視化表現(xiàn)提高用戶理解度
可視化設(shè)計(jì)逐步成為信息傳遞的趨勢,利用圖形化的形式更利于用戶理解,相較于枯燥的文字化呈現(xiàn)來說閱讀理解的效率更高。
Keep 在產(chǎn)品設(shè)計(jì)的時(shí)候,有效的將一些數(shù)據(jù)的表達(dá)和內(nèi)容的普及以可視化的圖形進(jìn)行展示,不僅提高了界面設(shè)計(jì)的感官體驗(yàn),也能有利于用戶對于內(nèi)容的理解。提高界面設(shè)計(jì)的視覺感也能讓用戶更為關(guān)注,圖形可視化已經(jīng)逐步成為產(chǎn)品設(shè)計(jì)解決方案中的趨勢。
六、個(gè)性化的主題皮膚設(shè)置
個(gè)性化的定制設(shè)計(jì)可以讓用戶感受到產(chǎn)品的溫度,根據(jù)自己的喜好選擇主題化呈現(xiàn)。成熟的產(chǎn)品都會(huì)在個(gè)性化設(shè)置上面提升體驗(yàn)度,特別是在主題皮膚的定制上面,提供了更多的風(fēng)格讓用戶選擇。
Keep 在將主題皮膚設(shè)置定義為選擇運(yùn)動(dòng)伙伴,不僅提供了不同的 IP 形象和主題皮膚,俏皮可愛的動(dòng)態(tài)延展也傳遞了情感化的體驗(yàn)。多種風(fēng)格的設(shè)計(jì)滿足了不同用戶的喜好需求,還為不同的主題定義了擬人化的角色和身份,視覺感和體驗(yàn)度都非常的到位。
七、提高參與度的簽到設(shè)計(jì)
簽到設(shè)計(jì)可以提高用戶黏性,讓用戶在參與的同時(shí)獲得禮品或者增值服務(wù),簽到也成為了眾多產(chǎn)品的標(biāo)配功能。對于設(shè)計(jì)師來說,如何通過設(shè)計(jì)提高用戶簽到的參與度,是需要不斷探索的設(shè)計(jì)思考。
最近在使用天天跳繩時(shí),發(fā)現(xiàn)其簽到設(shè)計(jì)的視覺表達(dá)直觀醒目,大大的提高了用戶對于簽到的理解和參與度。將簽到后解鎖的勛章、經(jīng)驗(yàn)、裝扮和禮品等直觀的結(jié)合到簽到界面中,不僅風(fēng)格協(xié)調(diào)統(tǒng)一,視覺風(fēng)格也符合運(yùn)動(dòng)場景感??吹竭@個(gè)界面成功吸引了我的簽到欲望,簽到操作簡單,整體的體驗(yàn)度都做得非常不錯(cuò)。
八、情感化的個(gè)人中心設(shè)計(jì)
個(gè)人中心作為主界面之一來說,設(shè)計(jì)的體驗(yàn)度是至關(guān)重要的。為了滿足用戶的喜好需求,個(gè)性化的設(shè)置也是層出不窮,功能布局、頭像裝扮、主題皮膚等都呈現(xiàn)出了眾多的優(yōu)秀設(shè)計(jì)方案。
天天跳繩是個(gè)人經(jīng)常使用的一款運(yùn)動(dòng)輔助工具,記錄小孩跳繩也是非常便利的工具。個(gè)人中心頂部視覺區(qū)域的人偶形象增強(qiáng)了界面設(shè)計(jì)的感官度,人偶的動(dòng)態(tài)體現(xiàn)出用戶的運(yùn)動(dòng)狀態(tài),可以進(jìn)行自定義的設(shè)置來滿足自己的情感表達(dá)??梢栽O(shè)置人偶的裝扮、旋轉(zhuǎn)角度、動(dòng)作等,人性化的功能設(shè)置提高了自定義的體驗(yàn)度,強(qiáng)化了用戶情感化的使用體驗(yàn)。
九、結(jié)果導(dǎo)向的設(shè)計(jì)表達(dá)
以圖標(biāo)/圖形/圖片等設(shè)計(jì)輔助信息的傳遞很常見,通常都是根據(jù)信息的文案來進(jìn)行設(shè)計(jì)表達(dá)。如果放棄本身文案信息傳遞的意思,選擇結(jié)果導(dǎo)向的設(shè)計(jì)表達(dá),也能帶來不一樣的設(shè)計(jì)反思。
最近在體驗(yàn) One More 的時(shí)候,動(dòng)作庫的列表設(shè)計(jì)中便選擇了結(jié)果導(dǎo)向的思路。如果是常規(guī)的設(shè)計(jì)解決方案,會(huì)根據(jù)列表主題內(nèi)容來設(shè)計(jì)配圖,這樣也能輔助對于內(nèi)容的理解。但是One More 選擇了完成該項(xiàng)目得到的鍛煉部位為設(shè)計(jì)思路,雖然不能輔助項(xiàng)目信息的傳遞,但是這個(gè)設(shè)計(jì)表達(dá)更能讓用戶理解完成的結(jié)果,參與度也能得到提升??梢暬脑O(shè)計(jì)替代了文字的表達(dá),提高了用戶對項(xiàng)目的理解度,進(jìn)而轉(zhuǎn)化更高的參與度。
十、新穎的輪播 Banner 設(shè)計(jì)
輪播 Banner 圖對于設(shè)計(jì)發(fā)揮來說,除了在本身的創(chuàng)意和視覺表達(dá)層面以外,產(chǎn)品結(jié)構(gòu)和功能層面也是設(shè)計(jì)師需要探索的方向。
極有家 APP 在產(chǎn)品的體驗(yàn)設(shè)計(jì)層面做得非常不錯(cuò),針對輪播 Banner 位置也是做了新穎的創(chuàng)新。在 Banner 圖上設(shè)計(jì)了不同商品的引導(dǎo)標(biāo)簽,方便用戶在感受整體家裝效果圖的同時(shí)可以選擇場景中的商品,也能對場景中的商品價(jià)值有個(gè)清晰的認(rèn)知。輪播的形式結(jié)合了待輪播圖的預(yù)覽和風(fēng)格名稱,增加了待輪播圖的曝光度,整個(gè)樣式表達(dá)上面視覺感也非常不錯(cuò),是一個(gè)比較新穎的設(shè)計(jì)解決方案。
小結(jié)
體驗(yàn)、記錄和總結(jié)是為了提高我們對于優(yōu)秀設(shè)計(jì)解決方案的理解,也能強(qiáng)化我們的設(shè)計(jì)思路和靈感。對于設(shè)計(jì)的理解闡述屬于個(gè)人見解,不足之處歡迎大家留言補(bǔ)充,我們互相進(jìn)步。
藍(lán)藍(lán)設(shè)計(jì)(www.teruid.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ā)
作者:黑馬青年
鏈接:https://www.zcool.com.cn/article/ZMTUwMzQ0OA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com