視覺設(shè)計師的進化

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

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

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

香港理工大學教授John Heskett認為，設(shè)計師有三層價值：

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

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

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

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

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

?設(shè)計沖刺簡介

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

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

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

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

4、決策：選擇目前來說最好的方案

5、原型：制作低保真原型進行用戶測試

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

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

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

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

1、理解

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

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

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

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

2、定義

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

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

DVF模型

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

使用場景：圖片在線檢測

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

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

核心需求：簡單便捷的在線體驗服務(wù)，判斷精準無誤

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

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

3、發(fā)散

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

我們結(jié)合波諾的水平思維法(即基于核心問題每個人自由發(fā)散思維，探索無窮無盡的各種可能性，通常用“我們該如何……”起頭)和概念扇思維法來發(fā)散思維，概念扇主要是有目標、方向、概念和想法方案四個部分組成。

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

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

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

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

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

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

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

4、決策

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

解決方案1-TAB切換

解決方案2-在線樣本庫

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

5、原型