更新時間:2018年01月09日14時58分 來源:傳智播客 瀏覽次數(shù):
視覺設計師面臨修飾者困境,本文將介紹設計沖刺帶給視覺設計師全鏈路認知和體系化思維的有效嘗試,助力成為杰出區(qū)分者和驅動者。
?視覺設計師的現(xiàn)狀
視覺設計師通常會面臨這樣的場景:做設計的時候要面臨來自產(chǎn)品、運營、開發(fā)等各方的意見,甚至有時候領導的需求是一切。
香港理工大學教授John Heskett認為,設計師有三層價值:
1、修飾者,主要美化產(chǎn)品頁面,體現(xiàn)較為底層的基礎價值
2、區(qū)分者,根據(jù)不同的產(chǎn)品打造不同調性,賦予產(chǎn)品差異性
3、驅動者,在戰(zhàn)略高度思考產(chǎn)品,引領整個公司,這是價值感非常強的階段
典型的例子就是蘋果公司,是一家設計師驅動、以設計為導向的公司,創(chuàng)新設計能力是產(chǎn)品的核心競爭力。這是每一位設計師夢寐以求的階段。要成為杰出的區(qū)分者乃至驅動者,就意味著需要具備全鏈路的開闊視野和綜合能力,既有用戶需求和商業(yè)需求的洞察能力,也有交互設計的思維能力,還有視覺設計的審美能力。
國內(nèi)大多數(shù)互聯(lián)網(wǎng)公司,由于崗位分工很明確,界限分明,在傳統(tǒng)的設計開發(fā)流程中,視覺設計師通常處于下游的流水線等待的狀態(tài),也就是交互設計之后的視覺還原工作,僅僅局限于將界面視覺美觀性發(fā)揮到極致,存在感和成就感都很低。很多視覺設計師可能處于第一層修飾者,小部分處于第二層區(qū)分者,成為杰出的區(qū)分者乃至驅動者指明了視覺設計師未來的主要進化發(fā)展方向之一。那么如何提升視覺設計師全鏈路的綜合能力呢?我們的實踐表明,谷歌的設計沖刺是一個很好的嘗試,創(chuàng)造了非常好的機會使視覺設計師全程協(xié)同參與,不僅更深刻地理解了用戶需求和業(yè)務目標,也更有效地提升了視覺設計的價值。
?設計沖刺簡介
設計沖刺是谷歌提出的一套為期5天的創(chuàng)新設計流程方法,集思考、設計、分析、產(chǎn)品原型產(chǎn)出為一體。
1、理解:即理解用戶需求、商業(yè)需求,了解技術可行性
2、定義:定義關鍵和重點問題,既定義需求
3、發(fā)散:圍繞定義的需求盡可能探索更多的想法
4、決策:選擇目前來說最好的方案
5、原型:制作低保真原型進行用戶測試
6、驗證:與用戶、商業(yè)利益相關者、技術專家進行方案驗證測試,最后迭代優(yōu)化
?設計沖刺的實踐
網(wǎng)易易盾是網(wǎng)易云旗下一站式B2B安全服務平臺,其中內(nèi)容安全業(yè)務主要為客戶提供文本、圖片、視頻等垃圾過濾服務并開放相對應的在線體驗服務。我們結合網(wǎng)易易盾廣告在線體驗功能的改版,給大家介紹一下設計沖刺的具體實踐過程以及視覺設計師的深度參與。
“網(wǎng)易易盾圖片在線體驗功能需要優(yōu)化”是這次改版的主要目標,其面臨的業(yè)務挑戰(zhàn)是,如何提升用戶體驗以確保用戶留存率??紤]到設計沖刺這種快速試錯迭代的設計方法,很適合短時間小范圍洞察用戶需求并測試其準確性以及發(fā)現(xiàn)具體需要完善的地方。這是傳統(tǒng)設計流程難以解決的,或者說是成本和風險都相對比較高的任務。
1、理解
首先我們拿到產(chǎn)品的需求,“網(wǎng)易易盾圖片在線體驗功能不好用,需要優(yōu)化”。拿到需求第一步我們要做的是分析問題,從用戶入手,去挖掘和理解用戶的真實需求。
這次的項目中,視覺設計師也主動參與到用戶研究中。我們通過面對面的深度訪談、觀察用戶在使用過程中,具體在哪些環(huán)節(jié)上遇到了體驗上的問題。通過觀察到的行為和場景去挖掘隱藏著的真實需求。
用戶使用網(wǎng)易易盾圖片在線體驗功能過程
用戶使用網(wǎng)易易盾圖片在線體驗功能行為路徑圖以及各個階段對應的問題點
2、定義
理解了用戶的真正需求之后,需要定義需求,把問題限定在一定的范圍內(nèi)進行討論和解決,這樣可以清晰目標,之后的一切工作都圍繞著定義好的需求展開。所以,定義問題(需求)比解決問題更重要。
那我們要如何定義需求呢?我們采用DVF(Desirability、Viability、Feasibility)模型來定義需求,也就是從用戶需求出發(fā),同時考慮技術可行性和業(yè)務可持續(xù)性。
DVF模型
最后,我們定義的圖片在線檢測功能需求如下:
使用場景:圖片在線檢測
目標客戶:有反垃圾需求的企業(yè)用戶
遇到的問題:操作復雜、判斷結果不精確
核心需求:簡單便捷的在線體驗服務,判斷精準無誤
業(yè)務目標:提升用戶留存率
以前視覺設計師一拿到交互框架就開始美化界面,從一開始就沉浸在細節(jié)中卻很少去想為什么這樣解決,而正是從項目前期開始主動與用研同學一起理解和定義用戶真實需求,全方位、多角度熟悉業(yè)務目標和技術實現(xiàn)能力的過程中,視覺設計師們開始嘗試培養(yǎng)自己的理性思維,有針對性地去思考問題的真正起源,給自己的設計帶去一個更寬廣的視野和更清晰的理解;進而,將體驗目標融入業(yè)務規(guī)劃,參與確定這次改版優(yōu)化的方向,將自己從接需求的被動角色轉變?yōu)轶w驗規(guī)劃的主動推進者。
3、發(fā)散
明確需求以后,就可以發(fā)散思維,探索各種可能的解決方案了。
我們結合波諾的水平思維法(即基于核心問題每個人自由發(fā)散思維,探索無窮無盡的各種可能性,通常用“我們該如何……”起頭)和概念扇思維法來發(fā)散思維,概念扇主要是有目標、方向、概念和想法方案四個部分組成。
現(xiàn)在有一個目標:將一個貼紙貼到天花板。 我們可能會想到梯子。思考一下:“梯子”只是“將我們從地面提高”的一個工具。如果把“將我們從地面提高”作為一個概念,這個概念發(fā)散還有“站在桌子上”“找人將我舉起來”。
“將我們從地面提高”只是“縮短貼紙與天花板的距離”,如果把他作為一個廣義概念,那么滿足他的其他概念還有“把我的胳膊變成”“讓物體移動”,對應的想法就是“用棍子加長我的胳膊”、“用伸縮式桿”“貼到氫氣球上”、“操控無人機”等。
水平思維不拘泥與形式和路徑,你可以從任何節(jié)點開始,只要最終能建立這樣的概念扇即可。
概念扇應用到實際案例中:
區(qū)別于傳統(tǒng)頭腦風暴的地方是:設計沖刺鼓勵團隊成員在限定的時間內(nèi)獨立分散思考問題,然后再集體聚合每個人的想法。有了對于用戶需求和業(yè)務目標的深刻理解后,視覺設計師在此環(huán)節(jié)與其他同學一起,開始學會始終圍繞核心問題創(chuàng)造更好的體驗去有條理,有針對性地開腦洞,也讓自己的視覺創(chuàng)意有了更大的發(fā)揮空間,最終我們用便簽貼的方式輸出頭腦風暴的結果,橫軸為可行性,縱軸為用戶價值、滿意度,聚合歸類所有想法。過程中我們不批判他人的想法是對是錯,你可以在他的想法的基礎上有延伸或者補充,腦洞越大越好,但要圍繞定義的需求和核心問題。
我們聚焦在問題較多的檢測過程中和檢測結果2個階段,提供多種方式上傳圖片、提供在線圖庫、檢測過程可感知、結果圈出廣告元素、具體原因分析等解決方案。
然后每個人根據(jù)自己提的點子,快速繪制方案草圖,然后從每個人繪制的草圖中選出自己最滿意的方案。
4、決策
決策的過程,我們提倡單獨投票,然后集體決定最好的概念。
解決方案1-TAB切換
解決方案2-在線樣本庫
解決方案3-檢測過程以及結果展示
5、原型
1、固定導航,減少切換
2、增加判斷規(guī)則和樣本示例
3、支持批量、單張、粘貼url、直接拖動等多種上傳方式
4、增加圖片在線樣本庫
5、在線圖片庫可以一次性添加10張隨機圖片,供檢測試用,也可以隨機更換
6、檢測進度可感知,讓用戶知道圖片在線檢測當前的狀態(tài)
7、檢測結果圈出違規(guī)元素(文字、二維碼、電話等),圖片類型、違規(guī)程度百分比展示
6、驗證
設計沖刺包含2方面測試,第一是驗證概念方向是否正確,第二是可用性測試。由于我們這里做的是功能的優(yōu)化,所以只是做了可用性測試。我們招募了典型的5-7位用戶代表進行測試。在情境訪談式的可用性測試中,我們細心觀察用戶使用過程中的各種表情以及動作等,鼓勵用戶發(fā)聲思考。同時制作打分版,統(tǒng)計完成率、錯誤率。最后歸納總結所有問題,提出優(yōu)化的迭代方案。
測試結果表明,我們選定的方案是行之有效的,5位目標用戶均完成了我們的測試,整個操作流程基本沒有遇到挫折,體驗流暢,并大都給出了滿意的反饋。
改版之前存在頁面跳轉多、上傳方式單一、入口不明顯、檢測結果不準確等問題
改版之后體驗入口固定左側、樣本圖片展示、判斷標準展示、結果圈出廣告元素、展示類型和違規(guī)程度
新版本體驗動畫
?關于設計沖刺的反思
1、設計沖刺的本質
其實,在我們看來,設計沖刺的本質就是設計思維,是關于設計的元思考。
我們把設計沖刺歸納成2大階段,問題的解讀和問題的解決。第一個階段從用戶研究到問題和機會點定義,明確方向,是做正確的事情,屬于策略層面的事情;第二個階段明確方向以后,開始創(chuàng)意發(fā)散和迭代測試,直到重新聚攏在技術合理業(yè)務可行的方案上,是把事情做正確,這屬于執(zhí)行層面的事。這就是一種全局性認知。
2、設計沖刺的價值
通過實踐可以看到,視覺設計師參與整個研究和設計過程中,對目標用戶需求、業(yè)務目標和交互邏輯有更透徹和深入的理解,讓視覺設計回歸到了“人”本身,變得有理有據(jù),而不是單純的視覺技巧的呈現(xiàn),這樣視覺設計可以發(fā)揮更大的價值,能夠獲得更完整的視野和更系統(tǒng)的設計思考能力,從而在與用研、交互以及整個團隊的協(xié)同工作中釋放更大的價值,增強視覺設計師在團隊中的成就感。與此同時,設計沖刺強調的協(xié)同工作打破了職位分工的隔閡,大家學會相互理解,更合理地發(fā)揮各自所長,客觀上能夠大大提升團隊的創(chuàng)新效率。
精通自身領域同時具備綜合能力,那么你在團隊中的不可替代性更強,對于企業(yè)來說也會更重視這樣的全方位人才。
設計沖刺只是其中一種方法工作,如果自己能夠有意識地去培養(yǎng)整體性的設計思維,就回有更大的價值感和成就感產(chǎn)生。