網(wǎng)易資深設(shè)計(jì)師新人該如何提拔設(shè)計(jì)思維?
網(wǎng)易UEDC – 吳良 :視覺設(shè)計(jì)師經(jīng)常聽到別人說,要有產(chǎn)品和設(shè)計(jì)思維,做視覺不能只關(guān)諦視覺層面。那么設(shè)計(jì)思維都包括哪些方面?視覺設(shè)計(jì)師除了做好視覺,還必要關(guān)注什么?
視覺設(shè)計(jì)師除了要具備設(shè)計(jì)硬素質(zhì),也就是視覺技能實(shí)行力,還必要具備軟素質(zhì),其中就包含了設(shè)計(jì)思維,這是視覺設(shè)計(jì)師進(jìn)階的必經(jīng)之路。但設(shè)計(jì)思維卻很少被設(shè)計(jì)新人所正視,或是正視了卻不知從哪些方面去提拔。
我們通常接觸到的設(shè)計(jì)思維概念,是從用戶體驗(yàn)、產(chǎn)品角度出發(fā)。因?yàn)槲冶救藦氖乱曈X設(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)層,相稱于產(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è)團(tuán)體來思考。能削減設(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),是一種可衡量的效果。
每個(gè)產(chǎn)品都會(huì)經(jīng)歷種子期、成長期、成熟期、衰退期,每個(gè)階段,產(chǎn)品的目標(biāo)都會(huì)有不同的方向和側(cè)重點(diǎn)。設(shè)計(jì)師要了解3種目標(biāo),才能正確發(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ì)的,在脫手設(shè)計(jì)前,必要了解目標(biāo)用戶是什么樣的群體。目標(biāo)用戶的用戶畫像可以去找產(chǎn)品了解,繼而深入分析用戶特性,發(fā)掘用戶的痛點(diǎn),才能模仿用戶的使用感受,并做出貼近用戶的視覺風(fēng)格。不同類型的產(chǎn)品有不同的用戶,切忌離開產(chǎn)品用戶全憑小我喜愛去做視覺風(fēng)格。
三、視覺策略
- 用戶需求是什么?
- 用戶使用的場景是什么樣的?
用戶需求和使用場景是要聯(lián)系起來看,才能得到更正確的解決方向。簡單的理解,就是什么樣的人,在什么樣的場景下,想做什么樣的事情。比如同樣是拍照,不同的使用場景,用戶想使用的拍照 APP 也不同。iPhone 自帶的相機(jī)雖然沒有美顏、修圖功能,但啟動(dòng)和拍照速度比大多數(shù)第三方拍照 APP 快。因此,假如是在室外活動(dòng),每每時(shí)間不充裕,用戶的需求是快速拍攝多張照片,大多數(shù)會(huì)選擇 iPhone 自帶相機(jī)。反之,假如是時(shí)間充裕,相對靜止的情況下,用戶可以選擇第三方拍照 APP,遴選適合的濾鏡再進(jìn)行拍照。
引用一個(gè)例子:Clay Christensen 曾經(jīng)想要進(jìn)步奶昔的銷量。他想讓奶昔變得更甜一些,多增長一些口味并且將一份做得更大些。然而這些都沒用。直到他細(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)的視覺設(shè)計(jì)師在做用戶調(diào)研,他們剛推出了送貨上門的服務(wù),但使用的用戶很少。我也很想知道該如何使用這個(gè)功能,于是在設(shè)計(jì)師一番指導(dǎo)下,終于在取件網(wǎng)頁第二屏找到那個(gè)毫不顯眼的「送貨上門」入口。想必設(shè)計(jì)師在電腦上看視覺稿時(shí),會(huì)覺得這個(gè)入口很容易找到,由于視覺設(shè)計(jì)師一向在做迭代的工作,對于新增的功能比較敏感,但用戶都是懶惰的,一向風(fēng)俗于用取件碼取貨,加上取快遞時(shí)都是匆忙地取件走人,很難留意到界面中新增了一個(gè)不起眼的功能。
對應(yīng)的視覺策略應(yīng)如何解決以上題目?
假如接下來我們要做一款筆記 APP,了解相干的信息:
- 目標(biāo)用戶:門生、白領(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ā)問,來發(fā)掘出最核心的題目。
視覺設(shè)計(jì)師在做設(shè)計(jì)時(shí),應(yīng)多問:「這個(gè)風(fēng)格是否適合該產(chǎn)品?」「是否吻合用戶使用場景并解決題目?」,在做視覺稿專注于細(xì)節(jié)時(shí)應(yīng)多問:「如許的元素、顏色是否吻合這類產(chǎn)品的氣質(zhì)和用戶的喜愛」,通過類似的題目,垂直的刨根究底問下去,可以幫助視覺設(shè)計(jì)師做出精確的決定,站在產(chǎn)品和視覺的平衡點(diǎn)上做出真正貼近用戶的產(chǎn)品。
寫在最后
設(shè)計(jì)思維可以讓設(shè)計(jì)師把用戶體驗(yàn)當(dāng)成一個(gè)立體多維的事情去思考,而不單單是停頓在視覺美感的層面。假如僅僅局限于視覺層面去做設(shè)計(jì),會(huì)離開產(chǎn)品和用戶,就彷佛蒙著眼睛射靶,命中率極低。有如許的思維,才能更正確的幫助產(chǎn)品解決題目,解決用戶真正的痛點(diǎn)并帶來更佳的體驗(yàn)。作為視覺設(shè)計(jì)師,不要把本身固化在視覺崗位上只思考視覺自己的題目,應(yīng)多了解產(chǎn)品、用戶、上下流的工作。
迎接關(guān)注作者「網(wǎng)易UEDC」的微信公眾號
圖片素材作者:Patswerk
本文地址:http://m.likemindfilms.com/tutorial/di4145.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁設(shè)計(jì)中的常見頁面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫:40款為網(wǎng)頁設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺設(shè)計(jì)分享—專題頁面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢
- 10個(gè)智能對象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏