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