網(wǎng)頁(yè)設(shè)計(jì)太難搞？來(lái)看看十年老司機(jī)的經(jīng)驗(yàn)分享！
設(shè)計(jì)師經(jīng)常遇到的場(chǎng)景：
業(yè)務(wù):我們要升級(jí)我們的產(chǎn)品來(lái)支撐日益復(fù)雜的目標(biāo)用戶，從而達(dá)成我們業(yè)務(wù)的商業(yè)指標(biāo)，需要在1個(gè)月內(nèi)上線，吧啦吧啦…
PD:基于業(yè)務(wù)的訴求，我們對(duì)功能A、B、C進(jìn)行升級(jí)，并新增D、E、F功能，具體的功能邏輯我已經(jīng)寫(xiě)成了PRD，希望在1周內(nèi)完成。
UED：……然后：UED被動(dòng)的配合，苦逼的加班，不明所以的設(shè)計(jì)，反復(fù)的修改….
個(gè)人覺(jué)得發(fā)生這種情況是協(xié)作同學(xué)對(duì)設(shè)計(jì)師的隔閡產(chǎn)生的，團(tuán)隊(duì)協(xié)作中的同學(xué)都需要具備三種特性，圍繞用戶價(jià)值，相互信任，領(lǐng)域?qū)I(yè)和內(nèi)心強(qiáng)大。
一、設(shè)計(jì)師的價(jià)值在設(shè)計(jì)過(guò)程顯性化
作為用戶體驗(yàn)設(shè)計(jì)師，我們更了解我們的用戶，為了達(dá)到這個(gè)目的，我們會(huì)進(jìn)行專業(yè)的用戶走訪、調(diào)研、測(cè)試等，去了解用戶的背景、痛點(diǎn)、訴求等信息。所以在設(shè)計(jì)之前，我們可以做更多的事情來(lái)幫助業(yè)務(wù)實(shí)現(xiàn)商業(yè)目標(biāo)，來(lái)幫助產(chǎn)品完善產(chǎn)品功能和鏈路，讓產(chǎn)品更具人性化，更具情感化。與其花更多的時(shí)間在方案的不斷修改和調(diào)整中，還不如花更多的時(shí)間在設(shè)計(jì)前的用戶心智、行為和極致體驗(yàn)路徑上。設(shè)計(jì)洞見(jiàn)及以結(jié)果為導(dǎo)向的極致體驗(yàn)細(xì)節(jié)往往能夠從普通中脫穎而出，成就設(shè)計(jì)專業(yè)度價(jià)值和影響力。
二、洞見(jiàn)是設(shè)計(jì)師創(chuàng)新的一種思維習(xí)慣和結(jié)果
老子在《道德經(jīng)》有言：為學(xué)日益、為道日損，知識(shí)是越學(xué)越多，大道是越來(lái)越少的?；睘楹?jiǎn)，發(fā)現(xiàn)事物現(xiàn)象背后的本質(zhì)，現(xiàn)象是多樣變化的，本質(zhì)是簡(jiǎn)潔恒定的。
在公司中作為職能部門（Function）的UED團(tuán)隊(duì)，需要站在用戶的角度思辨業(yè)務(wù)，通過(guò)服務(wù)內(nèi)部客戶進(jìn)而服務(wù)我們的最終用戶,用設(shè)計(jì)專業(yè)幫助業(yè)務(wù)成功，與業(yè)務(wù)一起成長(zhǎng)。
我們團(tuán)隊(duì)的設(shè)計(jì)哲學(xué)：洞見(jiàn)、創(chuàng)新、感人、美，設(shè)計(jì)即是在洞見(jiàn)的基礎(chǔ)上，以創(chuàng)新和美的方式，讓用戶獲得好的感人體驗(yàn)的過(guò)程。
三、設(shè)計(jì)師的成就感源于不同層面的認(rèn)可
人作為社會(huì)性群居的高等動(dòng)物，逃脫不了社會(huì)和環(huán)境的影響，設(shè)計(jì)師也不例外，我創(chuàng)造過(guò)為了一次重要的匯報(bào)連續(xù)加班56個(gè)小時(shí)，雖然記不清具體是什么匯報(bào)的內(nèi)容了，但是當(dāng)我醒來(lái)后老板給我們點(diǎn)了披薩記憶猶新，那次的匯報(bào)也非常成功，工作這么多年，我把設(shè)計(jì)師的成就感來(lái)源分層5個(gè)層面。
越是底層的越容易做到，所以自我認(rèn)可的變化就是設(shè)計(jì)師的成長(zhǎng)之路，可以拿以前自認(rèn)為做的滿意作品來(lái)看看，如果覺(jué)得還是不錯(cuò)，那需要給自己敲個(gè)警鐘，自我成長(zhǎng)速度不夠或者方向不對(duì)，需要向牛人取取經(jīng)來(lái)突破自己。
四、設(shè)計(jì)師的價(jià)值源于“設(shè)計(jì)賦能對(duì)商業(yè)貢獻(xiàn)”的程度
在很多設(shè)計(jì)師看來(lái)，設(shè)計(jì)本身就是在賦能業(yè)務(wù)，所以會(huì)很奇怪為什么還會(huì)有這樣的一個(gè)話題，但是我們捫心自問(wèn)或者回顧下自身的經(jīng)歷就會(huì)發(fā)現(xiàn)：有一部分的設(shè)計(jì)師的作品總是能夠給人驚艷，各方都點(diǎn)贊，為什么？
在我的觀察和體會(huì)中，對(duì)于商業(yè)公司中的設(shè)計(jì)師，想要獲得更大的話語(yǔ)權(quán)，必須有處理完成日常的設(shè)計(jì)工作以外額外的設(shè)計(jì)價(jià)值，所以我對(duì)“設(shè)計(jì)賦能”從因果上面進(jìn)行思辨發(fā)現(xiàn)：
設(shè)計(jì)賦能，設(shè)計(jì)師以自身經(jīng)驗(yàn)做設(shè)計(jì)方案，最終達(dá)到商業(yè)賦能（也有可能只是滿足設(shè)計(jì)需求），這種情況下有可能產(chǎn)生設(shè)計(jì)方案很驚艷，但是技術(shù)實(shí)現(xiàn)不了，或者不是業(yè)務(wù)所要的。
賦能設(shè)計(jì)，設(shè)計(jì)師以商業(yè)賦能作為出發(fā)點(diǎn)，有針對(duì)性的進(jìn)行賦能的設(shè)計(jì)，最終實(shí)現(xiàn)商業(yè)目標(biāo)，這種情況下即使設(shè)計(jì)方案不驚艷，但是最終能夠滿足商業(yè)目標(biāo)，那么設(shè)計(jì)師的價(jià)值也會(huì)得到認(rèn)可。
所以結(jié)合這兩者的表達(dá)，我重新定義了“設(shè)計(jì)賦能”的含義：
以設(shè)計(jì)對(duì)象的商業(yè)價(jià)值為思考起點(diǎn)，通過(guò)設(shè)計(jì)手法和技巧為合作伙伴、團(tuán)隊(duì)、企業(yè)、用戶創(chuàng)造額外的助力，輔助其商業(yè)目標(biāo)的達(dá)成。
以賦能設(shè)計(jì)的設(shè)計(jì)思維作為起始點(diǎn)，在不同的方案中不斷鍛煉自己的設(shè)計(jì)手法和技巧，內(nèi)外雙修才能修成正果。
五、設(shè)計(jì)賦能的三層境界
設(shè)計(jì)協(xié)助：通過(guò)美化頁(yè)面，實(shí)現(xiàn)產(chǎn)品的好看、好用設(shè)計(jì)增值：通過(guò)設(shè)計(jì)差異化打造特色的產(chǎn)品設(shè)計(jì)驅(qū)動(dòng)：通過(guò)設(shè)計(jì)影響業(yè)務(wù)策略，設(shè)置影響企業(yè)戰(zhàn)略部署
第一層，設(shè)計(jì)協(xié)助：通過(guò)美化頁(yè)面，實(shí)現(xiàn)產(chǎn)品好看、好用
這里主要講第一層設(shè)計(jì)協(xié)助的2個(gè)方法：保姆邏輯和樂(lè)高邏輯。
在講方法之前先講一個(gè)我們經(jīng)常熟悉的場(chǎng)景：業(yè)務(wù)方給一個(gè)frd，要你出方案，只給非常短的時(shí)間；然后我們基于frd，快速畫(huà)原型，出視覺(jué)；然后方案評(píng)審的時(shí)候，各種意見(jiàn)紛踏而來(lái)，然后我們就陷入了痛苦的修改和評(píng)審的死循環(huán)中；最要命的是，好不容易全部搞定，發(fā)現(xiàn)我們只是一個(gè)畫(huà)圖的美工；最坑的是我們還沒(méi)有發(fā)現(xiàn)問(wèn)題，每天不斷的重復(fù)著這樣的事情。
這個(gè)是最常見(jiàn)的協(xié)助業(yè)務(wù)進(jìn)行設(shè)計(jì)的場(chǎng)景，那么我們?cè)趺醋霾拍芙鉀Q這個(gè)問(wèn)題呢？
我個(gè)人的建議是：向前走半步，深入理解業(yè)務(wù)，協(xié)助產(chǎn)品梳理邏輯，以用戶的視角來(lái)思考業(yè)務(wù)向后走半步，提取和使用可復(fù)用的組件，并協(xié)助技術(shù)實(shí)現(xiàn)成組件，并沉淀成組件庫(kù)，提升設(shè)計(jì)和技術(shù)的效率。
1.向前走半步之保姆邏輯：5字心法
深入理解業(yè)務(wù)，協(xié)助產(chǎn)品梳理邏輯，以用戶的視角來(lái)思考業(yè)務(wù)。
想：思考的出發(fā)點(diǎn)，項(xiàng)目或需求解決用戶什么問(wèn)題，滿足用戶什么期望，商業(yè)價(jià)值是什么等等。
看：項(xiàng)目（需求）包含了哪些頁(yè)面，頁(yè)面的類型和結(jié)構(gòu)用什么方式最合適試：用戶的行為路徑是什么樣的，在路徑中頁(yè)面之間有什么關(guān)系記：用戶信息和行為的記憶是否有考慮，是否有提前的信息預(yù)設(shè)，是否有后續(xù)的行為預(yù)測(cè)防：考慮極限情況、出錯(cuò)情況的處理方案防止發(fā)生意外時(shí)對(duì)用戶的傷害。
舉個(gè)例子：
五字心法逐步推導(dǎo)，能夠幫助我們能夠系統(tǒng)化的思考設(shè)計(jì)方案。
2.向后走半步之樂(lè)高邏輯：5層組件
組件化思維能夠幫助設(shè)計(jì)師在設(shè)計(jì)的過(guò)程中把可復(fù)用的組件單獨(dú)提取出來(lái)并建立標(biāo)準(zhǔn)化的組件庫(kù)，通過(guò)前端技術(shù)的實(shí)現(xiàn)，幫助設(shè)計(jì)和前端技術(shù)提升效率，這種思維模式在設(shè)計(jì)前&設(shè)計(jì)后都需要去應(yīng)用，當(dāng)建立了自身的組件庫(kù)后，設(shè)計(jì)的效率的提升會(huì)出乎你的意料。
有句話說(shuō)萬(wàn)丈高樓平地起，所以作為最底層的元素層需要定義的非常清楚和明確。
其他五層的定義：
在實(shí)際組件的建設(shè)過(guò)程中，我們會(huì)把組件層&功能層都叫做組件層，工具層&產(chǎn)品層都叫做應(yīng)用層，層次越往上越復(fù)雜，復(fù)用性就越差。
以下幾個(gè)例子可以對(duì)標(biāo)定義思考下，如有興趣可以通過(guò)網(wǎng)站右側(cè)的QQ與我進(jìn)行交流。
我們建設(shè)組件是為了提升設(shè)計(jì)和前端的效率，所以協(xié)助前端實(shí)現(xiàn)這些組件是效率提升的重要一步，例如我們會(huì)這樣實(shí)現(xiàn)：
逆向思維，從產(chǎn)品層到元素層對(duì)頁(yè)面進(jìn)行拆解，來(lái)學(xué)習(xí)一些其他公司在組件上的深入層度。
所以對(duì)于設(shè)計(jì)第一層更多的是對(duì)技能訓(xùn)練和內(nèi)容的沉淀，通過(guò)保姆邏輯的“5字心法”幫助我們更加系統(tǒng)化的思考商業(yè)需求和項(xiàng)目，通過(guò)樂(lè)高邏輯幫助我們理解產(chǎn)品構(gòu)成的元素和組件，養(yǎng)成項(xiàng)目做完后組件沉淀的習(xí)慣。
本文標(biāo)簽： 網(wǎng)頁(yè)設(shè)計(jì) 網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì) 網(wǎng)站制作 網(wǎng)頁(yè)制作
攜手肥貓，做個(gè)顏值派！推薦城市：
蘇州建站公司 杭州網(wǎng)站建設(shè) 廣州建網(wǎng)站 唐山網(wǎng)站建設(shè) 鄂爾多斯企業(yè)建站 鄭州企業(yè)建站 長(zhǎng)沙網(wǎng)站建設(shè) 石家莊做網(wǎng)站 徐州建網(wǎng)站
天門網(wǎng)站制作 恩施網(wǎng)站制作 鐘祥網(wǎng)站設(shè)計(jì) 洪湖網(wǎng)站制作 當(dāng)陽(yáng)網(wǎng)站設(shè)計(jì) 武穴網(wǎng)站建設(shè) 襄陽(yáng)做網(wǎng)站 鄂州企業(yè)建站 枝江網(wǎng)頁(yè)制作
蘇州建站公司 杭州網(wǎng)站建設(shè) 廣州建網(wǎng)站 唐山網(wǎng)站建設(shè) 鄂爾多斯企業(yè)建站 鄭州企業(yè)建站 長(zhǎng)沙網(wǎng)站建設(shè) 石家莊做網(wǎng)站 徐州建網(wǎng)站
天門網(wǎng)站制作 恩施網(wǎng)站制作 鐘祥網(wǎng)站設(shè)計(jì) 洪湖網(wǎng)站制作 當(dāng)陽(yáng)網(wǎng)站設(shè)計(jì) 武穴網(wǎng)站建設(shè) 襄陽(yáng)做網(wǎng)站 鄂州企業(yè)建站 枝江網(wǎng)頁(yè)制作
站應(yīng)該怎么做.jpg)
備類網(wǎng)站推廣方案.jpg)
類網(wǎng)站建設(shè)費(fèi)用明細(xì)表.jpg)
站內(nèi)容運(yùn)營(yíng)方案.jpg)
體材料類網(wǎng)站內(nèi)容運(yùn)營(yíng)方案.jpg)
站應(yīng)該怎么做.jpg)
站應(yīng)該怎么做.jpg)
浴設(shè)施類網(wǎng)站建設(shè)費(fèi)用明細(xì)表.jpg)
類網(wǎng)站建設(shè)方案書(shū).jpg)
施類網(wǎng)站內(nèi)容運(yùn)營(yíng)方案.jpg)
做網(wǎng)站SEO選哪家公司好.jpg)
站SEO選哪家公司好.jpg)
站SEO一年需要多少錢.jpg)
站SEO選哪家公司好.jpg)
站SEO一年需要多少錢.jpg)
做網(wǎng)站SEO一年需要多少錢.jpg)
站SEO一年需要多少錢.jpg)
站SEO選哪家公司好.jpg)
站SEO需要注意什么.jpg)
做網(wǎng)站SEO選哪家公司好.jpg)
店鋪怎么綁定自己的直播號(hào).jpg)
多久可以修改.jpg)
如何添加圖片.jpg)
小店如何發(fā)貨.jpg)
是什么意思.jpg)
商品什么推廣.jpg)
創(chuàng)意怎么改.jpg)
如何屏蔽ip.jpg)
如何制作.jpg)
平臺(tái)干什么的.jpg)
