2023-12-1 ui設(shè)計(jì)分享達(dá)人
先聊一個(gè)我發(fā)現(xiàn)的當(dāng)下普遍存在的問題，眾所周知道，現(xiàn)在“大環(huán)境”不好，很多設(shè)計(jì)師在求職中會(huì)遇到兩個(gè)比較尷尬的事兒，第一個(gè)就是在中小型公司工作幾年，由于公司在發(fā)展階段，所以更多的是在高強(qiáng)度的上需求加功能，所以做的需求更多是“實(shí)現(xiàn)產(chǎn)品功能”而沒有機(jī)會(huì)像頭部廠商一樣去做大的改版升級(jí)，去突出“設(shè)計(jì)呈現(xiàn)”，最后就只能從中規(guī)中矩的頁面中尋求數(shù)據(jù)上的設(shè)計(jì)價(jià)值；第二個(gè)就是人手不足，每個(gè)項(xiàng)目的項(xiàng)目周期自然比較緊張，到最后的結(jié)果就是 —— 留給設(shè)計(jì)研發(fā)的時(shí)間有限，在設(shè)計(jì)階段的不得不將設(shè)計(jì)精度大打折扣，即使是這樣在進(jìn)入研發(fā)后，由于研發(fā)周期的原因，在研發(fā)還原度上還要再砍一刀，導(dǎo)致最后的呈現(xiàn)往往和自己的預(yù)期差距較大，結(jié)論：如此往復(fù)設(shè)計(jì)呈現(xiàn)拿不出什么，思維也會(huì)慢慢固化，最后成為無情的“圖狗”甚至不知道什么該做什么不該做，最后換工作的時(shí)候一臉懵逼。那怎么辦？
先說結(jié)論，我認(rèn)得這種情況下個(gè)人有兩個(gè)直接的辦法給到大家參考：第一個(gè)，尋找新的機(jī)會(huì)，作為設(shè)計(jì)者項(xiàng)目周期是改變不了，而且我也認(rèn)為常規(guī)設(shè)計(jì)者在產(chǎn)品孵化的流程中應(yīng)該是一個(gè)在已經(jīng)決定好的事上“推一把”的角色，所以很多時(shí)候我們無法產(chǎn)能不足帶來的影響，那最好的辦法就是再找一個(gè)你中意的公司。如果你因?yàn)榉N種原因，個(gè)人能力不足也好，房貸壓力也好，無法跑路，那這時(shí)候我們就會(huì)面臨一個(gè)問題，也是我認(rèn)為的第二種方法：如何在中規(guī)中矩的常規(guī)項(xiàng)目中鍛煉設(shè)計(jì)思維提高自身價(jià)值
我們平常在接到一個(gè)體驗(yàn)升級(jí)任務(wù)或者日常自發(fā)審視產(chǎn)品問題時(shí)，如果比較完善頁面去尋找問題時(shí)常常會(huì)發(fā)現(xiàn)，找一圈回來發(fā)現(xiàn)頁面哪哪好像都合理，感覺分析一波下來他好像就應(yīng)該長這個(gè)樣子。不排除他確實(shí)暫時(shí)沒有改動(dòng)空間的可能性，但是更多時(shí)候產(chǎn)品自身還是不可避免的有一些缺陷的，那應(yīng)該如何發(fā)現(xiàn)這些潛在問題呢？這里隨便找一個(gè)我在行業(yè)大廠的頁面，來看看即使是我沒做過的一個(gè)陌生產(chǎn)品和頁面，在有部分行業(yè)經(jīng)驗(yàn)的前提下，我都會(huì)做些什么來合理的發(fā)現(xiàn)問題解決問題的。
這里找一個(gè)我做的出行行業(yè)的頭部廠商“百度地圖”中的“打車業(yè)務(wù)”位例。
一個(gè)沒做過的頁面，有些同學(xué)會(huì)習(xí)慣先把頁面拉到畫板上，然后一頓分析，最后還是變成了前面說的“頁面好像和我想的一樣”，然后無從下手，暗自emo，這里和大家分享下我個(gè)人的小方法，自認(rèn)為解決這個(gè)問題還是蠻有效果的。
首先，我不會(huì)先把頁面放上來，我第一步往往是先確定思路，不管是有項(xiàng)目背景改版，還是自發(fā)審視產(chǎn)品問題的階段，我會(huì)先確定目標(biāo)，根據(jù)目標(biāo)確定整個(gè)事情的大方向，這一步是為了保證你整體做的事兒不會(huì)偏離最基本的軌道。
在確定好了我這次要干一個(gè)什么事兒之后，，我第二步往往做的是思考 — 產(chǎn)品形態(tài)應(yīng)該是什么樣子的？先弄清楚了他應(yīng)該是什么樣子的，你才能發(fā)現(xiàn)和你預(yù)期中差異的點(diǎn)，然后去探究問題產(chǎn)生的原因或做相關(guān)調(diào)整。這里來說為什么我不提倡先把頁面放過來直接找問題，因?yàn)槿绻敲锤傻脑捄苋菀拙蜁?huì)變成“你來給頁面設(shè)計(jì)者為什么這么做找理由”然后就會(huì)發(fā)現(xiàn)看著看著自己就被洗腦了。
但是在這一步的時(shí)候有一個(gè)需要注意的問題，用戶要的是更好的產(chǎn)品，不管這個(gè)“更好”是指的什么，但是公司做產(chǎn)品最根本的是想賺錢，這按理說是一個(gè)完全沖突的事情。不過在產(chǎn)品的不同階段，側(cè)重是不一樣的，我們首先要做的就是結(jié)合產(chǎn)品階段與具體頁面所在的節(jié)點(diǎn)，權(quán)衡產(chǎn)品側(cè)重，就能在你心里建立起一個(gè)最基本的產(chǎn)品形態(tài)預(yù)期，這樣在你下一步真正開始分析頁面現(xiàn)狀的時(shí)候就能幫助你一些發(fā)現(xiàn)功能的可優(yōu)化點(diǎn)。
通過上面的推導(dǎo)可知，至少在當(dāng)前產(chǎn)品的當(dāng)前業(yè)務(wù)線來說，工具類產(chǎn)品公司關(guān)心的節(jié)點(diǎn)轉(zhuǎn)化，還是要依賴于用戶使用的滿意程度，也就是說，兩者沖突時(shí)，優(yōu)先服務(wù)于用戶體驗(yàn)。這里要注意下在真正的工作過程中，有些產(chǎn)品的階段導(dǎo)致產(chǎn)品要優(yōu)先服務(wù)于轉(zhuǎn)化，也就是營收，這是很正常的事兒，要根據(jù)不同階段來權(quán)衡設(shè)計(jì)中心，不要被“設(shè)計(jì)師就是站在用戶這邊的”這種話誤導(dǎo)，具體場景具體分析。
接下來第三步就可以正式的進(jìn)入到頁面現(xiàn)狀分析了。
主要分為三大點(diǎn)，第一個(gè)框架現(xiàn)狀，首先得知道現(xiàn)在的框架是怎樣的，這一步主要是看頁面的功能區(qū)，找出他們并講他們的層級(jí)用一維分析法列出，方便之后的對(duì)比。第二是合理性驗(yàn)證，將找出的模塊用“十字交叉分析”畫出坐標(biāo)軸，這里我是根據(jù)“對(duì)用戶的重要程度”和“盈利能力”來代表X軸與Y軸（XY軸并不是一直固定代表什么，可根據(jù)第二步你的產(chǎn)品重心來決定XY軸），決定好XY軸之后，結(jié)合產(chǎn)品側(cè)重把剛才找出的大模塊定位在坐標(biāo)軸相關(guān)的位置上，這么做的目的是，你可以根據(jù)坐標(biāo)軸的定位，來對(duì)比剛才一維分析法列出的模塊層級(jí)是否合理；最后第三步根據(jù)分析結(jié)果，得出相關(guān)結(jié)論，用來指導(dǎo)你之后具體設(shè)計(jì)，將影響用戶行為與體驗(yàn)的點(diǎn)進(jìn)行改進(jìn)，暫無問題的點(diǎn)根據(jù)時(shí)間成本選擇暫時(shí)不動(dòng)或在不影響產(chǎn)品功能和研發(fā)成本的基礎(chǔ)上進(jìn)行視覺升級(jí)。這一步往往能夠解決設(shè)計(jì)者工作中遇到的一個(gè)最基本的問題： 項(xiàng)目周期不夠，什么做什么可以放棄。
功能區(qū)的問題解決之后，就可以進(jìn)行第四步，也就是我們最熟悉的工作了，小模塊的優(yōu)化，也是最考驗(yàn)設(shè)計(jì)師細(xì)節(jié)打磨能力的地方，這一步要做的就是根據(jù)你自己的經(jīng)驗(yàn)與方法論，找出模塊的設(shè)計(jì)目標(biāo)，并且根據(jù)自己的方法論與經(jīng)驗(yàn)積累，用你覺得達(dá)成這個(gè)設(shè)計(jì)目標(biāo)最合適的設(shè)計(jì)方法。方法論這東西就很宏大了，主要是知識(shí)積累，然后自己拆分與結(jié)合，其實(shí)多定理之類的說的都是一個(gè)事兒，網(wǎng)上文章一大堆，所以就不過多描述了。
在做完這一步后，通常你就可以根據(jù)時(shí)間成本選擇交付研發(fā)了，然后等待上線后一個(gè)周期后進(jìn)行數(shù)據(jù)驗(yàn)證來驗(yàn)證設(shè)計(jì)的正確性。
但是如果你還有時(shí)間，你可以選擇在不影響產(chǎn)品功能和研發(fā)成本的基礎(chǔ)上進(jìn)行視覺升級(jí)。這來引入一個(gè)新的技術(shù)來幫助高效進(jìn)行設(shè)計(jì)產(chǎn)出，也就是當(dāng)下大熱的AIGC技術(shù)。這時(shí)候就有些人可能會(huì)說AIGC的產(chǎn)出不可控等問題，現(xiàn)在通常的解決方法是通過mj或手繪或拼接出你心中的畫面，然后放進(jìn)SD里進(jìn)行邊緣描摹，并通過openpose等插件產(chǎn)出你心儀的視覺效果，如果你沒有訓(xùn)練有素的模型也可以之后再扔進(jìn)MJ里進(jìn)行畫面細(xì)化。
什么？SD配置太麻煩？是不是就搞不了了？其實(shí)不是的，AIGC的發(fā)展如此迅猛，每天都在以我們想象不到的速度進(jìn)化這，其實(shí)面對(duì)我們工作中一些不復(fù)用的視覺素材，MJ已經(jīng)能夠快速的產(chǎn)出構(gòu)圖相差無幾的畫面了，要求不高的話能夠大大的減小設(shè)計(jì)者的成本。下面我們就以現(xiàn)在頁面的一些視覺為例，讓我們看看AIGC能夠幫助我們做到什么程度。
相信大家不難看出，在我們心中已經(jīng)有了一個(gè)合適的樣子或者有了一個(gè)合適的參考之后，再通過合理的prompt描述方式，AIGC能夠通過較小的時(shí)間成本幫助我們產(chǎn)出較高質(zhì)量的圖片，這樣我們就能夠選擇性的把時(shí)間分配到更多的地方產(chǎn)出更為精致的設(shè)計(jì)呈現(xiàn)。
藍(lán)藍(lán)設(shè)計(jì)(tweetduck.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ì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com