網(wǎng)站制作前端設(shè)計(jì)師經(jīng)常聽到別人說，要有產(chǎn)品和設(shè)計(jì)思維，做視覺不能只關(guān)注視覺層面。那么設(shè)計(jì)思維都包括哪些方面？網(wǎng)站制作前端設(shè)計(jì)師除了做好視覺，還需要關(guān)注什么？
網(wǎng)站制作前端設(shè)計(jì)師除了要具備設(shè)計(jì)硬素質(zhì)，也就是視覺技能執(zhí)行力，還需要具備軟素質(zhì)，其中就包含了設(shè)計(jì)思維，這是網(wǎng)站制作前端設(shè)計(jì)師進(jìn)階的必經(jīng)之路。但設(shè)計(jì)思維卻很少被設(shè)計(jì)新人所重視，或是重視了卻不知從哪些方面去提升。
我們通常接觸到的設(shè)計(jì)思維概念，是從用戶體驗(yàn)、產(chǎn)品角度出發(fā)。由于我本人從事視覺設(shè)計(jì)崗位，這篇文章里所講到的設(shè)計(jì)思維，會(huì)更多站在視覺角度結(jié)合產(chǎn)品思維去展開。
一、設(shè)計(jì)思維包含哪些方面？
三個(gè)層面就像一艘要開往遠(yuǎn)處的船，產(chǎn)品思維能幫助我們知悉最終要去的目的地，而視覺策略就是那張航海圖，指導(dǎo)船員如何避免航行障礙物（礁石、淺灘等），保證航行的順利。視覺驅(qū)動(dòng)是舵手、水手的專業(yè)技能。要想順利航行到目的地，三者缺一不可。
設(shè)計(jì)思維包含了產(chǎn)品思維和視覺策略，產(chǎn)品思維是至上而下的第一步，在開始做項(xiàng)目前，需要首先梳理產(chǎn)品思維。視覺策略在流程三部曲中起到承上啟下的作用，新人設(shè)計(jì)師往往會(huì)忽略這一步，導(dǎo)致視覺產(chǎn)出不能很好的銜接產(chǎn)品需求，出現(xiàn)斷層。
二、產(chǎn)品思維
產(chǎn)品存在的價(jià)值是滿足用戶的某些需求，解決用戶的痛點(diǎn)?；ヂ?lián)網(wǎng)工作流程是從產(chǎn)品需求到交互方案再到視覺呈現(xiàn)，視覺是流程中的實(shí)現(xiàn)層，相當(dāng)于產(chǎn)品和用戶之間的橋梁，如果視覺沒有很好的承接自上而下的產(chǎn)品思路，很難產(chǎn)出能幫助到產(chǎn)品和用戶的產(chǎn)品。
做項(xiàng)目時(shí)，理清產(chǎn)品思維是第一步工作，有助于讓設(shè)計(jì)師了解產(chǎn)品方向，把用戶體驗(yàn)設(shè)計(jì)當(dāng)成一個(gè)整體來思考。能減少設(shè)計(jì)無效的風(fēng)險(xiǎn)，這是為什么把產(chǎn)品思維放在第一步的主要原因。
梳理產(chǎn)品思維需從以下方面來入手：
產(chǎn)品目標(biāo)是什么？
產(chǎn)品要解決什么問題？
目標(biāo)用戶是？
1. 產(chǎn)品目標(biāo)是什么？
一般有大中小3種類型，和時(shí)間有密切關(guān)系。大型目標(biāo)一般比較長遠(yuǎn)，指的是產(chǎn)品的發(fā)展愿景，比如在某行業(yè)做到TOP1，成為行業(yè)標(biāo)桿。中型目標(biāo)是階段性目標(biāo)，如年度、季度目標(biāo)。小型目標(biāo)是近期目標(biāo)，一般是版本目標(biāo)，某個(gè)版本需要達(dá)成什么目標(biāo)，比如提升注冊轉(zhuǎn)化率。目標(biāo)，是一種可衡量的結(jié)果。
每個(gè)產(chǎn)品都會(huì)經(jīng)歷種子期、成長期、成熟期、衰退期，每個(gè)階段，產(chǎn)品的目標(biāo)都會(huì)有不同的方向和側(cè)重點(diǎn)。設(shè)計(jì)師要了解3種目標(biāo)，才能準(zhǔn)確發(fā)力，幫助產(chǎn)品發(fā)展。
2. 產(chǎn)品要解決什么問題？
一個(gè)版本目標(biāo)的達(dá)成，分解下來，就是需要解決若干問題。比如 B端產(chǎn)品官網(wǎng)在一次新版本中需要達(dá)成提升注冊轉(zhuǎn)化率的目標(biāo)，需要解決多個(gè)問題：突出核心功能點(diǎn)、優(yōu)化內(nèi)容展示、增強(qiáng)注冊入口等。設(shè)計(jì)師了解目標(biāo)和當(dāng)期需要解決的問題，才能更主動(dòng)的推進(jìn)項(xiàng)目，而不是坐等。
3. 目標(biāo)用戶
產(chǎn)品是為目標(biāo)用戶而設(shè)計(jì)的，在動(dòng)手設(shè)計(jì)前，需要了解目標(biāo)用戶是什么樣的群體。目標(biāo)用戶的用戶畫像可以去找產(chǎn)品了解，繼而深入分析用戶特征，挖掘用戶的痛點(diǎn)，才能模擬用戶的使用感受，并做出貼近用戶的視覺風(fēng)格。不同類型的產(chǎn)品有不同的用戶，切忌脫離產(chǎn)品用戶全憑個(gè)人喜好去做視覺風(fēng)格。
三、視覺策略
用戶需求是什么？
用戶使用的場景是什么樣的？
用戶需求和使用場景是要聯(lián)系起來看，才能得到更準(zhǔn)確的解決方向。簡單的理解，就是什么樣的人，在什么樣的場景下，想做什么樣的事情。比如同樣是拍照，不同的使用場景，用戶想使用的拍照 APP 也不同。iPhone 自帶的相機(jī)雖然沒有美顏、修圖功能，但啟動(dòng)和拍照速度比大多數(shù)第三方拍照 APP 快。因此，如果是在室外活動(dòng)，往往時(shí)間不充裕，用戶的需求是快速拍攝多張照片，大多數(shù)會(huì)選擇 iPhone 自帶相機(jī)。反之，如果是時(shí)間充裕，相對靜止的情況下，用戶可以選擇第三方拍照 APP，挑選適合的濾鏡再進(jìn)行拍照。
引用一個(gè)例子：Clay Christensen 曾經(jīng)想要提高奶昔的銷量。他想讓奶昔變得更甜一些，多增加一些口味并且將一份做得更大些。然而這些都沒用。直到他仔細(xì)觀察了來買奶昔的顧客，他發(fā)現(xiàn)來買奶昔的顧客只是想讓他們上班的路上不再那么無聊——奶昔是口感濃稠的飲料，很久才能喝掉并且能填飽肚子。這是問題所在，卻不是用戶自己發(fā)現(xiàn)的，最終 Christensen 將奶昔做得更厚了些，果然銷量隨之上升了。
再舉個(gè)生活中的例子：隨著網(wǎng)購的發(fā)展，用戶自取的快遞網(wǎng)點(diǎn)也越來越多。如果買了5件東西要去5個(gè)網(wǎng)點(diǎn)取件，就成了一件麻煩的事，于是送貨上門就成了需求，哪怕是輕度付費(fèi)的。
有一次去某網(wǎng)點(diǎn)取件，正好碰到該網(wǎng)點(diǎn)的網(wǎng)站制作前端設(shè)計(jì)師在做用戶調(diào)研，他們剛推出了送貨上門的服務(wù)，但使用的用戶很少。我也很想知道該如何使用這個(gè)功能，于是在設(shè)計(jì)師一番引導(dǎo)下，終于在取件頁面第二屏找到那個(gè)毫不顯眼的「送貨上門」入口。想必設(shè)計(jì)師在電腦上看視覺稿時(shí)，會(huì)覺得這個(gè)入口很容易找到，因?yàn)榫W(wǎng)站制作前端設(shè)計(jì)師一直在做迭代的工作，對于新增的功能比較敏感，但用戶都是懶惰的，一直習(xí)慣于用取件碼取貨，加上取快遞時(shí)都是匆忙地取件走人，很難留意到界面中新增了一個(gè)不起眼的功能。
對應(yīng)的視覺策略應(yīng)如何解決以上問題？
如果接下來我們要做一款筆記 APP，了解相關(guān)的信息：
目標(biāo)用戶：學(xué)生、白領(lǐng)
用戶需求：快速記錄、查閱筆記
使用場景：會(huì)議室、教室、室內(nèi)、車上
了解用戶群體，可以得出大概的設(shè)計(jì)風(fēng)格范圍。在了解用戶需求是快速記錄和查閱筆記后，我們可以得出主要功能按鈕應(yīng)盡可能突出，在快速使用時(shí)要有較高的易用性。記錄和查閱就意味著可能會(huì)長時(shí)間看著界面，視覺在設(shè)計(jì)界面時(shí)應(yīng)避免顏色對比度過于強(qiáng)烈、字號保持一定的易讀性，否則用戶會(huì)視覺疲勞。
記得以前看過一本設(shè)計(jì)書，書里講到連續(xù)提問法則，意思是做設(shè)計(jì)碰到問題時(shí)，通過幾個(gè)垂直的連續(xù)發(fā)問，來挖掘出最核心的問題。網(wǎng)站制作前端設(shè)計(jì)師在做設(shè)計(jì)時(shí)，應(yīng)多問：「這個(gè)風(fēng)格是否適合該產(chǎn)品？」「是否符合用戶使用場景并解決問題？」，在做視覺稿專注于細(xì)節(jié)時(shí)應(yīng)多問：「這樣的元素、顏色是否符合這類產(chǎn)品的氣質(zhì)和用戶的喜好」，通過類似的問題，垂直的刨根究底問下去，可以幫助網(wǎng)站制作前端設(shè)計(jì)師做出正確的決定，站在產(chǎn)品和視覺的平衡點(diǎn)上做出真正貼近用戶的產(chǎn)品。
深圳網(wǎng)站制作公司總結(jié)
設(shè)計(jì)思維可以讓設(shè)計(jì)師把用戶體驗(yàn)當(dāng)成一個(gè)立體多維的事情去思考，而不單單是停留在視覺美感的層面。如果僅僅局限于視覺層面去做設(shè)計(jì)，會(huì)脫離產(chǎn)品和用戶，就好像蒙著眼睛射靶，命中率極低。有這樣的思維，才能更準(zhǔn)確的幫助產(chǎn)品解決問題，解決用戶真正的痛點(diǎn)并帶來更佳的體驗(yàn)。作為網(wǎng)站制作前端設(shè)計(jì)師，不要把自己固化在視覺崗位上只思考視覺本身的問題，應(yīng)多了解產(chǎn)品、用戶、上下游的工作。深圳網(wǎng)站制作博納網(wǎng)絡(luò)編輯整理。
