隨筆:軟件改版中ui設(shè)計(jì)的常見(jiàn)問(wèn)題及解決方法

2024-10-31    藍(lán)藍(lán)小助手 隨筆的一些文章

作者:藍(lán)藍(lán)

兩天拜訪了一家客戶, 他們成立已經(jīng)28年了,主要的方向是一套某行業(yè)的管理系統(tǒng)??此麄兊南到y(tǒng)主頁(yè)和關(guān)鍵的頁(yè)面,其實(shí)做的很用心,是在傳統(tǒng)的軟件框架下博采眾長(zhǎng),開(kāi)發(fā)工程師能做成這樣已經(jīng)很好啦。(沒(méi)有設(shè)計(jì)師),而且功能非常齊全,所有我當(dāng)下想到的功能基本上都有了。這個(gè)系統(tǒng)開(kāi)發(fā)了20多年,總經(jīng)理也非常了解業(yè)務(wù)和客戶的需求,對(duì)目前存在的問(wèn)題和想要怎么樣改,是清晰的。產(chǎn)品己經(jīng)歷過(guò)幾次改版,每一次都是用一種不同的語(yǔ)言,符合當(dāng)年的開(kāi)發(fā)趨勢(shì),目前是用Java做的。軟件改版中ui設(shè)計(jì)的常見(jiàn)問(wèn)題及解決方法-上_1_UI設(shè)計(jì)公司-蘭亭妙微_來(lái)自小紅書網(wǎng)頁(yè)版.jpg

這次的改版其實(shí)還是客戶和競(jìng)爭(zhēng)對(duì)手的驅(qū)動(dòng),也找了好多家ui公司,雖然功能齊全,但就像老版的諾基亞,太過(guò)瑣碎,不夠創(chuàng)新、太土、大眾化,不能吸引高品位的客戶。比較關(guān)注ui美化和某一任務(wù)交互流程的優(yōu)化。這種情況可以說(shuō)是我們碰到的中小企業(yè)軟件公司中一種常見(jiàn)的情形。 我做了一些演示,不同的風(fēng)格和交互流程設(shè)計(jì)前后的對(duì)比。 審美和美感,這是肯定可以提升的,之前沒(méi)有設(shè)計(jì)師,工程師的關(guān)注點(diǎn)都在控件規(guī)范上(工程師是寫代碼的,思考方式也是如此),設(shè)計(jì)上很難有突破性的靈感,而ui設(shè)計(jì)師是看圖作畫的,就會(huì)更注重圖像語(yǔ)言的表現(xiàn)力。僅僅是做視覺(jué)優(yōu)化(增加美感),也可以做到不同的層級(jí),就好像普通大學(xué)生畫油畫和大師畫油畫,同樣一張畫,它的表現(xiàn)力是不同的。

軟件改版中ui設(shè)計(jì)的常見(jiàn)問(wèn)題及解決方法-上_2_UI設(shè)計(jì)公司-蘭亭妙微_來(lái)自小紅書網(wǎng)頁(yè)版.jpg

 某一任務(wù)交互流程的優(yōu)化,比較好的是做一下真正的用戶調(diào)研,理解會(huì)更深入(見(jiàn)微知著),憑經(jīng)驗(yàn)也可以優(yōu)化(常識(shí)),不過(guò)如果是不考慮成本的話,肯定訪談?wù)嬲挠脩羧舾尚Ч麜?huì)更好。 有趣的是,第一眼看他們那個(gè)系統(tǒng)的首頁(yè),我覺(jué)得還不錯(cuò),但是隨著演示感覺(jué)三四級(jí)的頁(yè)面越來(lái)越粗糙,沒(méi)有把首頁(yè)的效果繼續(xù)延續(xù),不能保持統(tǒng)一。這又是另外一個(gè)問(wèn)題,就是沒(méi)有形成一個(gè)ui規(guī)范,沒(méi)有形成有效的工作方法,事先定制好這種風(fēng)格組件的代碼和交互原型,可能在后期多人協(xié)作的時(shí)候,時(shí)間倉(cāng)促的時(shí)候就沒(méi)有考慮到設(shè)計(jì)風(fēng)格的統(tǒng)一性,只是顧著把功能實(shí)現(xiàn)了。我們?cè)诰〇|和設(shè)計(jì)師交流的時(shí)候,發(fā)現(xiàn)他們就有一套做好的ui規(guī)范和組件,在figama上拖過(guò)來(lái)就可以用,在很短的時(shí)間內(nèi)就能保持統(tǒng)一性。不管是用什么軟件其實(shí)都可以,但是不管是用什么軟件其實(shí)都可以,但是這項(xiàng)工作要事先做好。螞蟻框架它的交互(axtuer)、設(shè)計(jì)(sketch)和開(kāi)發(fā)(ant)都有一套統(tǒng)一的ui規(guī)范和風(fēng)格,這樣就保證了做這三個(gè)工作的交互設(shè)計(jì)師(產(chǎn)品策劃)、ui設(shè)計(jì)師(視覺(jué))和開(kāi)發(fā)工程師,可以隨時(shí)保持風(fēng)格和控件的一致性,保持水準(zhǔn)。 還有一個(gè)問(wèn)題就是菜單層級(jí)太多,主導(dǎo)航菜單兩級(jí)就可以了,其他的可以在頁(yè)面里面體現(xiàn),通過(guò)主次分明的視覺(jué)設(shè)計(jì)來(lái)讓客戶做不同的選擇。這也是個(gè)常見(jiàn)的問(wèn)題,功能單一羅列的太多,缺乏頁(yè)面中和頁(yè)面之間橫向或遞進(jìn)的聯(lián)系。

軟件改版中ui設(shè)計(jì)的常見(jiàn)問(wèn)題及解決方法-上_4_UI設(shè)計(jì)公司-蘭亭妙微_來(lái)自小紅書網(wǎng)頁(yè)版.jpg現(xiàn)在的菜單流行的趨勢(shì)是簡(jiǎn)潔,以圖標(biāo)的形式把第1級(jí)菜單占地兒很小的放在左邊頁(yè)面上,二級(jí)可以浮動(dòng)展示,這樣又漂亮又靈活,可以把更多的空間留給內(nèi)容區(qū)。 還有一種感覺(jué)就是事情沒(méi)有這么簡(jiǎn)單,其實(shí)越精細(xì)越了解用戶的心理和工作習(xí)慣,做的越細(xì)這個(gè)軟件就越好,但成本也會(huì)越高。如果有人不斷的優(yōu)化就好了,這也是個(gè)常態(tài)??上Т蠖鄶?shù)公司都是盡可能去開(kāi)發(fā)更多的產(chǎn)品擴(kuò)大銷售,而不是把人都留在一個(gè)重點(diǎn)產(chǎn)品上把產(chǎn)品做得更好。這可以理解。 偉大的產(chǎn)品需要有很多閑暇時(shí)間去想,有一些可能是無(wú)用功,但是也有用的部分,這個(gè)有用的部分就可以慢慢發(fā)展成核心競(jìng)爭(zhēng)力。

軟件改版中ui設(shè)計(jì)的常見(jiàn)問(wèn)題及解決方法-上_8_UI設(shè)計(jì)公司-蘭亭妙微_來(lái)自小紅書網(wǎng)頁(yè)版.jpg不斷的試錯(cuò)、比較,把時(shí)間浪費(fèi)在美好的事物上是值得的。 創(chuàng)新和因循,各有道理。像這個(gè)產(chǎn)品20多年被客戶認(rèn)可,那就說(shuō)明它有一些核心的部分是非常好的,再怎么改版也要把這些好的東西留下來(lái)。不要為了創(chuàng)新而不同。如果總負(fù)責(zé)的還是同一個(gè)人,也會(huì)有一些認(rèn)知是想突破而很難突破的,這是一起創(chuàng)作的過(guò)程,也是思想碰撞的過(guò)程,也許我們說(shuō)了10件事情,有8件還是回到習(xí)慣思維中,只有兩件事情做出改變,那這個(gè)事情就已經(jīng)是值得的了。我們不是要變成一個(gè)新的軟件,而是要保留原來(lái)客戶喜歡的操作方式,喜歡的功能和流程,把它做得更美觀易用,把軟件整體的品味和美提升。 今天這個(gè)客戶感覺(jué)好嚴(yán)肅哦,不過(guò)我們開(kāi)會(huì)結(jié)束的時(shí)候,他笑了,他們找了很久,可能覺(jué)得這回碰到了比較靠譜的設(shè)計(jì)公司。 我現(xiàn)在覺(jué)得如果給別人能帶去一些有價(jià)值的東西就很開(kāi)心,能不能合作其實(shí)取決于很多因素,商務(wù)價(jià)格等等。我有美好的愿景,幫助別人把設(shè)計(jì)做得更好, 但問(wèn)耕耘,莫問(wèn)前程。

image.png

藍(lán)藍(lán)設(shè)計(jì)(bouu.cn )是一家專注而深入的界面設(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)的軟件開(kāi)發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

image.png

關(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開(kāi)發(fā)軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔