UI設(shè)計的4個角度14點思考

2023-6-27    資深UI設(shè)計者

作者:澤雨
鏈接:https://zhuanlan.zhihu.com/p/35300887
來源:知乎
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

1.學(xué)著像產(chǎn)品經(jīng)理一樣思考(THINKING LIKE PM)產(chǎn)品經(jīng)理是怎么思考的。產(chǎn)品經(jīng)理是產(chǎn)品的CEO,手握著產(chǎn)品的生殺大權(quán)??紤]的會更偏像于產(chǎn)品的核心觀。幫助用戶解決什么痛點,通過什么方式解決這個痛點,怎么為公司提高贏利、如何提高轉(zhuǎn)化、如何提升留存…當(dāng)然你并不需要完全知道所有的東西,因為你有你自己的專長(UI設(shè)計)。

但是,必須留意的幾點就是:

(1)用戶群體(2)相關(guān)競品(3)主要商業(yè)模式

1.(1)對于用戶群體的了解,你能夠通過這部分用戶群體找到相關(guān)的用戶畫像。這一點很重要(因為從你入職為UI設(shè)計師的那天開始,你的設(shè)計是幫助公司服務(wù)于用戶的,并不是為了表達你崇高的藝術(shù)涵養(yǎng)的)。通過用戶畫像,你能找到這部分人的主要特征,這將會有助于你選擇設(shè)計中使用的顏色、字體大小。

打個比方來說,總不能為服務(wù)于紅綠色盲人群設(shè)計的產(chǎn)品,UI做出了綠色界面+紅色按鈕吧?你以為你通過顏色對比突出了按鈕,實際…對吧?你可以用顏色來讓界面產(chǎn)生差異,單不能僅依賴于顏色提升設(shè)計效果,因為并不是每個人都能精確的分辨出各種顏色。

(2)產(chǎn)品的競品,對于相關(guān)競品的研究,也是目前UI設(shè)計師設(shè)計過程中常用的一種方法。好處呢當(dāng)然顯而易見,競品的顏色用取,設(shè)計風(fēng)格…這些都是已經(jīng)線上經(jīng)過驗證了的。有很多設(shè)計師是在看完競品后恍然大悟,顏色該用啥,按鈕用啥色。但這是萬萬不可取的。這會導(dǎo)致你們的產(chǎn)品沒有任何競爭力,上線比人家晚,看著有和人家差不多。怎么打差異化的戰(zhàn)?取其優(yōu),去其差。思考人家設(shè)計師為什么這么做,他們是怎么想的,如果我設(shè)計會設(shè)計成什么樣?

(3)你必須要了解你的商業(yè)模式。作為設(shè)計師有權(quán)知道公司的基本商業(yè)模式,這也是考慮在整體設(shè)計里程里面。霧里看花管中窺豹,你永遠(yuǎn)看不到你所設(shè)計的產(chǎn)品本質(zhì)。再打個比方:假設(shè)你的產(chǎn)品是通過用戶購買相關(guān)服務(wù)進行盈利的,那么設(shè)計前你得思考整個產(chǎn)品其實是需要安全、信任、服務(wù)作為設(shè)計主旨,其中突出“服務(wù)”作為亮點,需要傳遞給用戶一種安全可靠的情感,最終引導(dǎo)消費者完成支付購買。

2.學(xué)著像交互設(shè)計師一樣思考(THINKING LIKE UE) 用戶體驗、使用場景、信息優(yōu)先級、轉(zhuǎn)場、使用習(xí)慣…

對于交互設(shè)計師來說這是多么熟悉的名詞。確實,交互設(shè)計師考慮更多的是怎么讓用戶在app上操作的爽了,最符合用戶的操作習(xí)慣,將產(chǎn)品經(jīng)理傳達下來的商業(yè)模式/邏輯變?yōu)榱鞒痰男问揭龑?dǎo)用戶進行使用。通過數(shù)據(jù)的分析,不斷優(yōu)化上線后產(chǎn)品的相關(guān)體驗。作為設(shè)計師的你,怎么像交互設(shè)計師一樣思考呢?(1)用戶體驗=顏色是否和諧。顏色的使用,之前已經(jīng)說過了,考慮用戶群體的基礎(chǔ)上,看你顏色的配比是否讓人舒適,是否準(zhǔn)確的傳遞出了產(chǎn)品想給用戶的那種感覺。產(chǎn)品正式設(shè)計前,通常會進行所謂的風(fēng)格探索階段。是允許設(shè)計師根據(jù)提供的用戶群體發(fā)揮自己的創(chuàng)意進行設(shè)計的。當(dāng)找到那種適合的顏色搭配后,接下去的設(shè)計會顯得游刃有余。但是目前很多公司都是略過探索這一步的。為追求產(chǎn)品的快速上線,基本都是領(lǐng)導(dǎo)找競品給顏色,設(shè)計師根據(jù)這個顏色(衍生色)進行設(shè)計。缺乏用色的專業(yè)性。

(2)使用場景=顏色使用是否符合用戶使用產(chǎn)品時的場景。

這個就比較好理解了,產(chǎn)品到底是晚上用的還是白天用的,到底是地鐵上用的還是書房里用戶。不同的使用場景在設(shè)計時也應(yīng)該考慮在內(nèi)。例如,晚上使用的產(chǎn)品顏色一定會偏暗一些、白天熱鬧場所使用的產(chǎn)品一定會是偏簡潔、書房使用的產(chǎn)品一定是偏溫和…

(3)信息優(yōu)先級=如何通過設(shè)計的方法(大小、位置、形狀、顏色、動畫)突出產(chǎn)品重點。通過對比、突出等手法,將重要信息直接展示給用戶。做到簡單直接有效。

(4)轉(zhuǎn)場=如何通過動效的方式便于用戶理解邏輯跳轉(zhuǎn)。這一點特別是在相對復(fù)雜的產(chǎn)品的時候較為常用,例如層級相對比較深,則會通過轉(zhuǎn)場的引導(dǎo)告知用戶從哪來到哪兒去。引領(lǐng)用戶使用你的產(chǎn)品,不至于在產(chǎn)品使用過程中迷失。

(5)使用習(xí)慣=相關(guān)設(shè)計規(guī)范。用戶長時間使用完你的產(chǎn)品后,已養(yǎng)成了使用習(xí)慣。知道哪個位置是重要的內(nèi)容。如果用戶已經(jīng)建立了產(chǎn)品工作原理的心理模型,他們可能會有非常強烈的觀點,認(rèn)為某些東西就應(yīng)該在某些特定的位置,通常設(shè)計師可以利用這一特點來引導(dǎo)用戶發(fā)現(xiàn)重要功能。

3.學(xué)著像用戶一樣思考(THINKING LIKE UESR)

(1)用戶在使用產(chǎn)品的時候,最優(yōu)考慮的是,這個產(chǎn)品是不是能幫我解決我的問題(賺錢、記賬、提醒…),產(chǎn)品的核心功能一定是用戶最先考慮的。

(2)你的設(shè)計是不是好看,他會考慮說,這個東西怎么看著這么low,是不是公司不正規(guī)啊?前文也提到了,每個產(chǎn)品都有自己的目標(biāo)人群,那么研究這部分目標(biāo)人群的相關(guān)喜好,通過設(shè)計的方式將其重現(xiàn)給用戶。

(3)這個產(chǎn)品用起來爽不爽,怎么這么卡頓、怎么看起來能點實際不能點、怎么功能這么多都沒用、怎么…當(dāng)然用戶有千千萬萬,你不可能完全都能像所有用戶那樣思考,滿足大部分用戶就可以了。

4.學(xué)著像你自己一樣思考(THINKING LIKE YOURSELF) 是否在為產(chǎn)品設(shè)計的過程中,已經(jīng)忘了像自己一樣思考了。滿腦子都是產(chǎn)品經(jīng)理想要什么樣的,用戶想要什么樣的。這也會讓你喪失自己的思考能力。

(1)學(xué)著像自己一樣思考,不是說按照自己的喜好來,而是你在設(shè)計的過程中是否偏離了自己的設(shè)計觀。對于明顯是錯誤的設(shè)計,你選擇接受。

(2)以調(diào)研或用戶研究結(jié)果為準(zhǔn)則,完全喪失你自己對這個產(chǎn)品應(yīng)有的樣子的判斷。做個半理性半感性的設(shè)計師,會讓你的設(shè)計既符合用戶口味,又有自己的韻味??偨Y(jié)記住設(shè)計產(chǎn)品的人是你,對產(chǎn)品美化體驗的是你,如果你的設(shè)計和使用不再適用于用戶,他們可以毫不留情的轉(zhuǎn)向其他產(chǎn)品,而作為設(shè)計師的你不能這么做。用戶不知道你的設(shè)計是怎么來的是怎么想的,但是你了解這一點。用戶不知道你是通過調(diào)研或研究得出他們的相關(guān)喜好最終選擇了這樣的設(shè)計,但是你很清楚。真正受制于產(chǎn)品設(shè)計的人是你,因此要確保它仍是你值得付出,引以為傲的東西。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。

分享此文一切功德,皆悉回向給文章原作者及眾讀者.免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設(shè)計( yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://yvirxh.cn

存檔