2024-7-29 資深UI設(shè)計(jì)者
作為 UI 設(shè)計(jì)師來說，體驗(yàn)總結(jié)是必不可少的日常習(xí)慣，靈感的來源離不開對(duì)優(yōu)秀設(shè)計(jì)的探索。我們會(huì)定期為大家?guī)懋a(chǎn)品體驗(yàn)日記的分享，對(duì)于家族內(nèi)的小伙伴們也是常態(tài)化的要求。
一、個(gè)性化的性別選擇設(shè)計(jì)
完善信息對(duì)于產(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í)名稱和對(duì)應(yīng)的人物形象插畫也會(huì)針對(duì)性的設(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)。來這里釋放自己的壓力，放松身心。
四、趨勢(shì)化的引導(dǎo)頁設(shè)計(jì)
引導(dǎo)頁設(shè)計(jì)是最容易呈現(xiàn)風(fēng)格趨勢(shì)的，利于設(shè)計(jì)師進(jìn)行創(chuàng)意發(fā)揮。無論是想要發(fā)揮插畫技能、建模能力或者動(dòng)效表現(xiàn)，引導(dǎo)頁都能提供發(fā)揮的場(chǎng)景。
最近在體驗(yàn)嘀嗒出行的時(shí)候，發(fā)現(xiàn)全新升級(jí)的 9.0 版本，引導(dǎo)頁設(shè)計(jì)風(fēng)格也是讓人耳目一新。利用了趨勢(shì)感的插畫風(fēng)格和視覺表現(xiàn)風(fēng)格（玻璃質(zhì)感風(fēng)）相結(jié)合，畫面清新自然，帶給用戶非常好的視覺感官體驗(yàn)。
五、可視化表現(xiàn)提高用戶理解度
可視化設(shè)計(jì)逐步成為信息傳遞的趨勢(shì)，利用圖形化的形式更利于用戶理解，相較于枯燥的文字化呈現(xiàn)來說閱讀理解的效率更高。
Keep 在產(chǎn)品設(shè)計(jì)的時(shí)候，有效的將一些數(shù)據(jù)的表達(dá)和內(nèi)容的普及以可視化的圖形進(jìn)行展示，不僅提高了界面設(shè)計(jì)的感官體驗(yàn)，也能有利于用戶對(duì)于內(nèi)容的理解。提高界面設(shè)計(jì)的視覺感也能讓用戶更為關(guān)注，圖形可視化已經(jīng)逐步成為產(chǎn)品設(shè)計(jì)解決方案中的趨勢(shì)。
六、個(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)配功能。對(duì)于設(shè)計(jì)師來說，如何通過設(shè)計(jì)提高用戶簽到的參與度，是需要不斷探索的設(shè)計(jì)思考。
最近在使用天天跳繩時(shí)，發(fā)現(xiàn)其簽到設(shè)計(jì)的視覺表達(dá)直觀醒目，大大的提高了用戶對(duì)于簽到的理解和參與度。將簽到后解鎖的勛章、經(jīng)驗(yàn)、裝扮和禮品等直觀的結(jié)合到簽到界面中，不僅風(fēng)格協(xié)調(diào)統(tǒng)一，視覺風(fēng)格也符合運(yùn)動(dòng)場(chǎng)景感?？吹竭@個(gè)界面成功吸引了我的簽到欲望，簽到操作簡(jiǎn)單，整體的體驗(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ì)配圖，這樣也能輔助對(duì)于內(nèi)容的理解。但是One More 選擇了完成該項(xiàng)目得到的鍛煉部位為設(shè)計(jì)思路，雖然不能輔助項(xiàng)目信息的傳遞，但是這個(gè)設(shè)計(jì)表達(dá)更能讓用戶理解完成的結(jié)果，參與度也能得到提升?？梢暬脑O(shè)計(jì)替代了文字的表達(dá)，提高了用戶對(duì)項(xiàng)目的理解度，進(jìn)而轉(zhuǎn)化更高的參與度。
十、新穎的輪播 Banner 設(shè)計(jì)
輪播 Banner 圖對(duì)于設(shè)計(jì)發(fā)揮來說，除了在本身的創(chuàng)意和視覺表達(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)簽，方便用戶在感受整體家裝效果圖的同時(shí)可以選擇場(chǎng)景中的商品，也能對(duì)場(chǎng)景中的商品價(jià)值有個(gè)清晰的認(rèn)知。輪播的形式結(jié)合了待輪播圖的預(yù)覽和風(fēng)格名稱，增加了待輪播圖的曝光度，整個(gè)樣式表達(dá)上面視覺感也非常不錯(cuò)，是一個(gè)比較新穎的設(shè)計(jì)解決方案。
小結(jié)
體驗(yàn)、記錄和總結(jié)是為了提高我們對(duì)于優(yōu)秀設(shè)計(jì)解決方案的理解，也能強(qiáng)化我們的設(shè)計(jì)思路和靈感。對(duì)于設(shè)計(jì)的理解闡述屬于個(gè)人見解，不足之處歡迎大家留言補(bǔ)充，我們互相進(jìn)步。
藍(lán)藍(lán)設(shè)計(jì)(tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com