視覺(jué)設(shè)計(jì)師的進(jìn)化

視覺(jué)設(shè)計(jì)師面臨修飾者困境，本文將介紹設(shè)計(jì)沖刺帶給視覺(jué)設(shè)計(jì)師全鏈路認(rèn)知和體系化思維的有效嘗試，助力成為杰出區(qū)分者和驅(qū)動(dòng)者。

?視覺(jué)設(shè)計(jì)師的現(xiàn)狀

視覺(jué)設(shè)計(jì)師通常會(huì)面臨這樣的場(chǎng)景：做設(shè)計(jì)的時(shí)候要面臨來(lái)自產(chǎn)品、運(yùn)營(yíng)、開(kāi)發(fā)等各方的意見(jiàn)，甚至有時(shí)候領(lǐng)導(dǎo)的需求是一切。

香港理工大學(xué)教授John Heskett認(rèn)為，設(shè)計(jì)師有三層價(jià)值：

1、修飾者，主要美化產(chǎn)品頁(yè)面，體現(xiàn)較為底層的基礎(chǔ)價(jià)值

2、區(qū)分者，根據(jù)不同的產(chǎn)品打造不同調(diào)性，賦予產(chǎn)品差異性

3、驅(qū)動(dòng)者，在戰(zhàn)略高度思考產(chǎn)品，引領(lǐng)整個(gè)公司，這是價(jià)值感非常強(qiáng)的階段

典型的例子就是蘋果公司，是一家設(shè)計(jì)師驅(qū)動(dòng)、以設(shè)計(jì)為導(dǎo)向的公司，創(chuàng)新設(shè)計(jì)能力是產(chǎn)品的核心競(jìng)爭(zhēng)力。這是每一位設(shè)計(jì)師夢(mèng)寐以求的階段。要成為杰出的區(qū)分者乃至驅(qū)動(dòng)者，就意味著需要具備全鏈路的開(kāi)闊視野和綜合能力，既有用戶需求和商業(yè)需求的洞察能力，也有交互設(shè)計(jì)的思維能力，還有視覺(jué)設(shè)計(jì)的審美能力。

國(guó)內(nèi)大多數(shù)互聯(lián)網(wǎng)公司，由于崗位分工很明確，界限分明，在傳統(tǒng)的設(shè)計(jì)開(kāi)發(fā)流程中，視覺(jué)設(shè)計(jì)師通常處于下游的流水線等待的狀態(tài)，也就是交互設(shè)計(jì)之后的視覺(jué)還原工作，僅僅局限于將界面視覺(jué)美觀性發(fā)揮到極致，存在感和成就感都很低。很多視覺(jué)設(shè)計(jì)師可能處于第一層修飾者，小部分處于第二層區(qū)分者，成為杰出的區(qū)分者乃至驅(qū)動(dòng)者指明了視覺(jué)設(shè)計(jì)師未來(lái)的主要進(jìn)化發(fā)展方向之一。那么如何提升視覺(jué)設(shè)計(jì)師全鏈路的綜合能力呢?我們的實(shí)踐表明，谷歌的設(shè)計(jì)沖刺是一個(gè)很好的嘗試，創(chuàng)造了非常好的機(jī)會(huì)使視覺(jué)設(shè)計(jì)師全程協(xié)同參與，不僅更深刻地理解了用戶需求和業(yè)務(wù)目標(biāo)，也更有效地提升了視覺(jué)設(shè)計(jì)的價(jià)值。

?設(shè)計(jì)沖刺簡(jiǎn)介

設(shè)計(jì)沖刺是谷歌提出的一套為期5天的創(chuàng)新設(shè)計(jì)流程方法，集思考、設(shè)計(jì)、分析、產(chǎn)品原型產(chǎn)出為一體。

1、理解：即理解用戶需求、商業(yè)需求，了解技術(shù)可行性

2、定義：定義關(guān)鍵和重點(diǎn)問(wèn)題，既定義需求

3、發(fā)散：圍繞定義的需求盡可能探索更多的想法

4、決策：選擇目前來(lái)說(shuō)最好的方案

5、原型：制作低保真原型進(jìn)行用戶測(cè)試

6、驗(yàn)證：與用戶、商業(yè)利益相關(guān)者、技術(shù)專家進(jìn)行方案驗(yàn)證測(cè)試，最后迭代優(yōu)化

?設(shè)計(jì)沖刺的實(shí)踐

網(wǎng)易易盾是網(wǎng)易云旗下一站式B2B安全服務(wù)平臺(tái)，其中內(nèi)容安全業(yè)務(wù)主要為客戶提供文本、圖片、視頻等垃圾過(guò)濾服務(wù)并開(kāi)放相對(duì)應(yīng)的在線體驗(yàn)服務(wù)。我們結(jié)合網(wǎng)易易盾廣告在線體驗(yàn)功能的改版，給大家介紹一下設(shè)計(jì)沖刺的具體實(shí)踐過(guò)程以及視覺(jué)設(shè)計(jì)師的深度參與。

“網(wǎng)易易盾圖片在線體驗(yàn)功能需要優(yōu)化”是這次改版的主要目標(biāo)，其面臨的業(yè)務(wù)挑戰(zhàn)是，如何提升用戶體驗(yàn)以確保用戶留存率?？紤]到設(shè)計(jì)沖刺這種快速試錯(cuò)迭代的設(shè)計(jì)方法，很適合短時(shí)間小范圍洞察用戶需求并測(cè)試其準(zhǔn)確性以及發(fā)現(xiàn)具體需要完善的地方。這是傳統(tǒng)設(shè)計(jì)流程難以解決的，或者說(shuō)是成本和風(fēng)險(xiǎn)都相對(duì)比較高的任務(wù)。

1、理解

首先我們拿到產(chǎn)品的需求，“網(wǎng)易易盾圖片在線體驗(yàn)功能不好用，需要優(yōu)化”。拿到需求第一步我們要做的是分析問(wèn)題，從用戶入手，去挖掘和理解用戶的真實(shí)需求。

這次的項(xiàng)目中，視覺(jué)設(shè)計(jì)師也主動(dòng)參與到用戶研究中。我們通過(guò)面對(duì)面的深度訪談、觀察用戶在使用過(guò)程中，具體在哪些環(huán)節(jié)上遇到了體驗(yàn)上的問(wèn)題。通過(guò)觀察到的行為和場(chǎng)景去挖掘隱藏著的真實(shí)需求。

用戶使用網(wǎng)易易盾圖片在線體驗(yàn)功能過(guò)程

用戶使用網(wǎng)易易盾圖片在線體驗(yàn)功能行為路徑圖以及各個(gè)階段對(duì)應(yīng)的問(wèn)題點(diǎn)

2、定義

理解了用戶的真正需求之后，需要定義需求，把問(wèn)題限定在一定的范圍內(nèi)進(jìn)行討論和解決，這樣可以清晰目標(biāo)，之后的一切工作都圍繞著定義好的需求展開(kāi)。所以，定義問(wèn)題(需求)比解決問(wèn)題更重要。

那我們要如何定義需求呢?我們采用DVF(Desirability、Viability、Feasibility)模型來(lái)定義需求，也就是從用戶需求出發(fā)，同時(shí)考慮技術(shù)可行性和業(yè)務(wù)可持續(xù)性。

DVF模型

最后，我們定義的圖片在線檢測(cè)功能需求如下：

使用場(chǎng)景：圖片在線檢測(cè)

目標(biāo)客戶：有反垃圾需求的企業(yè)用戶

遇到的問(wèn)題：操作復(fù)雜、判斷結(jié)果不精確

核心需求：簡(jiǎn)單便捷的在線體驗(yàn)服務(wù)，判斷精準(zhǔn)無(wú)誤

業(yè)務(wù)目標(biāo)：提升用戶留存率

以前視覺(jué)設(shè)計(jì)師一拿到交互框架就開(kāi)始美化界面，從一開(kāi)始就沉浸在細(xì)節(jié)中卻很少去想為什么這樣解決，而正是從項(xiàng)目前期開(kāi)始主動(dòng)與用研同學(xué)一起理解和定義用戶真實(shí)需求，全方位、多角度熟悉業(yè)務(wù)目標(biāo)和技術(shù)實(shí)現(xiàn)能力的過(guò)程中，視覺(jué)設(shè)計(jì)師們開(kāi)始嘗試培養(yǎng)自己的理性思維，有針對(duì)性地去思考問(wèn)題的真正起源，給自己的設(shè)計(jì)帶去一個(gè)更寬廣的視野和更清晰的理解;進(jìn)而，將體驗(yàn)?zāi)繕?biāo)融入業(yè)務(wù)規(guī)劃，參與確定這次改版優(yōu)化的方向，將自己從接需求的被動(dòng)角色轉(zhuǎn)變?yōu)轶w驗(yàn)規(guī)劃的主動(dòng)推進(jìn)者。

3、發(fā)散

明確需求以后，就可以發(fā)散思維，探索各種可能的解決方案了。

我們結(jié)合波諾的水平思維法(即基于核心問(wèn)題每個(gè)人自由發(fā)散思維，探索無(wú)窮無(wú)盡的各種可能性，通常用“我們?cè)撊绾巍逼痤^)和概念扇思維法來(lái)發(fā)散思維，概念扇主要是有目標(biāo)、方向、概念和想法方案四個(gè)部分組成。

現(xiàn)在有一個(gè)目標(biāo)：將一個(gè)貼紙貼到天花板。 我們可能會(huì)想到梯子。思考一下：“梯子”只是“將我們從地面提高”的一個(gè)工具。如果把“將我們從地面提高”作為一個(gè)概念，這個(gè)概念發(fā)散還有“站在桌子上”“找人將我舉起來(lái)”。

“將我們從地面提高”只是“縮短貼紙與天花板的距離”，如果把他作為一個(gè)廣義概念，那么滿足他的其他概念還有“把我的胳膊變成”“讓物體移動(dòng)”，對(duì)應(yīng)的想法就是“用棍子加長(zhǎng)我的胳膊”、“用伸縮式桿”“貼到氫氣球上”、“操控?zé)o人機(jī)”等。

水平思維不拘泥與形式和路徑，你可以從任何節(jié)點(diǎn)開(kāi)始，只要最終能建立這樣的概念扇即可。

概念扇應(yīng)用到實(shí)際案例中：

區(qū)別于傳統(tǒng)頭腦風(fēng)暴的地方是：設(shè)計(jì)沖刺鼓勵(lì)團(tuán)隊(duì)成員在限定的時(shí)間內(nèi)獨(dú)立分散思考問(wèn)題，然后再集體聚合每個(gè)人的想法。有了對(duì)于用戶需求和業(yè)務(wù)目標(biāo)的深刻理解后，視覺(jué)設(shè)計(jì)師在此環(huán)節(jié)與其他同學(xué)一起，開(kāi)始學(xué)會(huì)始終圍繞核心問(wèn)題創(chuàng)造更好的體驗(yàn)去有條理，有針對(duì)性地開(kāi)腦洞，也讓自己的視覺(jué)創(chuàng)意有了更大的發(fā)揮空間，最終我們用便簽貼的方式輸出頭腦風(fēng)暴的結(jié)果，橫軸為可行性，縱軸為用戶價(jià)值、滿意度，聚合歸類所有想法。過(guò)程中我們不批判他人的想法是對(duì)是錯(cuò)，你可以在他的想法的基礎(chǔ)上有延伸或者補(bǔ)充，腦洞越大越好，但要圍繞定義的需求和核心問(wèn)題。

我們聚焦在問(wèn)題較多的檢測(cè)過(guò)程中和檢測(cè)結(jié)果2個(gè)階段，提供多種方式上傳圖片、提供在線圖庫(kù)、檢測(cè)過(guò)程可感知、結(jié)果圈出廣告元素、具體原因分析等解決方案。

然后每個(gè)人根據(jù)自己提的點(diǎn)子，快速繪制方案草圖，然后從每個(gè)人繪制的草圖中選出自己最滿意的方案。

4、決策

決策的過(guò)程，我們提倡單獨(dú)投票，然后集體決定最好的概念。

解決方案1-TAB切換

解決方案2-在線樣本庫(kù)

解決方案3-檢測(cè)過(guò)程以及結(jié)果展示

5、原型

本文版權(quán)歸黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師學(xué)院所有，歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明作者出處。謝謝！

作者：黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師培訓(xùn)學(xué)院

首發(fā)：http://ui.itheima.com/