藍藍設計問(wèn)答:如何提高程序員的UI審美?

2023-9-19    藍藍

作者:藍藍設計
前一段時(shí)間,有一個(gè)客戶(hù)(主管研發(fā)負責人)向我提出了這個(gè)問(wèn)題:如何提高公司程序員工程師的UI審美?
他們公司UI設計師只設計其中很小的一部分頁(yè)面,大部分頁(yè)面要讓程序員自己來(lái)做的,程序員開(kāi)發(fā)出的頁(yè)面看起來(lái)總是很丑,這是他覺(jué)得苦惱的地方。
在聽(tīng)到這個(gè)問(wèn)題的時(shí)候,我很驚訝,覺(jué)得這個(gè)問(wèn)題真的是個(gè)好問(wèn)題。我以前關(guān)注的都是設計師如何提高自己的審美?沒(méi)有想過(guò)讓程序員提高自己的審美。
據我了解,他們公司的程序員非常忙,比我們UI設計公司的加班程度要多很多。我首先想到的是工作都這么辛苦了,能把功能任務(wù)完成就很不錯了,也許能顧上提升UI設計審美的時(shí)間精力有限。
提高審美,不是短期內能夠達到的事情,何況術(shù)業(yè)有專(zhuān)攻,工程師們有沒(méi)有興趣和精力做這件事情,也是另外的一個(gè)問(wèn)題。
但是,這是一個(gè)很好的問(wèn)題,在一個(gè)軟件公司里工程師程序員是占大多數的,UI設計師相對人數比較少的。如果大量的工程師能夠把審美提高易用性提高。確實(shí),這個(gè)軟件的整個(gè)UI水準就會(huì )提高。
如何提升整體軟件的UI設計美的水準,讓軟件好用又統一?
我首先想到的是制定好的UI規范,做好全流程的交互設計原型。
通過(guò)核心關(guān)鍵場(chǎng)景,關(guān)鍵頁(yè)面的梳理,整理出一套設計語(yǔ)言,規定好UI規范。這份工作可以由設計師來(lái)做,把所有的字號顏色使用的元素組件都確定好,關(guān)鍵的場(chǎng)景和頁(yè)面做一些模板,制定一份完善的UI規范,方便工程師按照這些去復用調用,降低難度。
下圖是藍藍設計給中國石油設計界面和圖標后,制定的UI規范。

其次是讓產(chǎn)品經(jīng)理或者是交互設計師把軟件的大部分頁(yè)面,畫(huà)出交互原型。交互原型線(xiàn)框圖畫(huà)的速度要比視覺(jué)設計要快很多,它能夠解決的是軟件的易用性和對業(yè)務(wù)的理解。很多時(shí)候的反復修改,都是對業(yè)務(wù)的理解和表達方式的不一致,在交互層面各方的人達成一致,確定好布局和表現內容,就能夠減少程序員的很多工作量。少加無(wú)用的班,在做之前把問(wèn)題定義清楚。
定義問(wèn)題可能需要用戶(hù)研究員,甲方,乙方,使用方,去深入溝通討論,有很多情況下,我們并不知道自己不知道或者是不知道自己的方向是片面的,也許要引進(jìn)一些比較前沿的研究方法。
有的時(shí)候工程師做的頁(yè)面丑或難用是因為不太了解業(yè)務(wù)和沒(méi)有考慮到用戶(hù)體驗。如何使用這個(gè)軟件?程序員的使用方法和普通人的使用方法是不一樣的。即使同為工程師,對某個(gè)事情的理解和表達也是不一樣的,所以需要統一交互表達方式,要出交互設計原型。

藍藍設計畫(huà)的全流程交互原型

藍藍設計優(yōu)化后的后臺界面

如果是程序員自己剛創(chuàng )業(yè)或是個(gè)人開(kāi)發(fā)者,那么就必須自己提高UI審美了,從ant或vue上也有一些公司公開(kāi)的ui規范可以借鑒,有一些設計模板可以購買(mǎi)。
提升審美的相關(guān)網(wǎng)站:
Dribbble /花瓣/站酷/ 大作/優(yōu)設網(wǎng)/Behance / Pinterest上相關(guān)的UI設計欣賞。也可以看一些小紅書(shū)、抖音上相關(guān)的設計前后的對比、教UI設計的視頻,一些設計書(shū)籍,那就像設計師一樣學(xué)起來(lái)吧。
總結一下我給的建議:
一、降低美學(xué)難度,給予ui規范,方便工程師用此標準復用。
二、分解工作量,降低工作量,給予交互原型,方便工程師用此標準復用。
三、多看一些好的軟件UI設計和產(chǎn)品設計文章以及作品,時(shí)間久了,潛移默化中就能夠提升自己的審美。
四、設計師和開(kāi)發(fā)工程師進(jìn)行交流和討論,互相給予反饋和建議,共同提高審美能力,軟件綜合水準。

資源:
1推薦的書(shū)籍:《寫(xiě)給大家看的設計書(shū)》,經(jīng)典、簡(jiǎn)單易看懂。

2建立自己的資源庫,好的設計收藏起來(lái),這里是藍藍設計收藏的,如果想要請加微信ben_lanlan。

3 如有UI方面需要提升,需要幫助的請聯(lián)系微信ben_lanlan咨詢(xún),或打電話(huà)01063334945,希望我們能夠幫助到您。

分享本文至:

日歷

鏈接

個(gè)人資料

藍藍 http://www.bjlmtradeweb.com

存檔