設(shè)計(jì)練習(xí)進(jìn)步不大時(shí),我們?cè)撛趺崔k?
很多設(shè)計(jì)師經(jīng)常做練習(xí),做練習(xí)是提升設(shè)計(jì)很好的一種方式,但是如果沒有掌握一些正確的方法,或許進(jìn)步就沒有那么大了,今天我們聊下設(shè)計(jì)師如何做練習(xí),讓你的練習(xí)更有用。
沒有解決問題的設(shè)計(jì)毫無意義
做設(shè)計(jì)師的應(yīng)該都會(huì)上dribbble,如果你是剛工作的設(shè)計(jì)師,喜歡看一些很有視覺表現(xiàn)力,各種設(shè)計(jì)靈感和表現(xiàn)技法,它能幫你審美上提升很多,能學(xué)習(xí)很多基礎(chǔ)知識(shí),但是如果你工作了很多年,還是只關(guān)注視覺表現(xiàn)層,其實(shí)是很難再上一個(gè)臺(tái)階,你應(yīng)該更加關(guān)注體驗(yàn)這一塊,dribbble可能更應(yīng)該用到情緒板快速收集的時(shí)候。
▲ 比如這個(gè)設(shè)計(jì),其實(shí)這個(gè)圖表是沒什么用的,雖然人物和背景光影融合特別好,彌散投影也很時(shí)尚,但是它有用么?為什么日常設(shè)計(jì)中不會(huì)出現(xiàn)這種落地效果。
▲dribbble上最多的就是天氣小組件,試想你的手機(jī)上需要很多小的天氣小組件么?
▲這是另外一個(gè)天氣概念設(shè)計(jì),非常的創(chuàng)新,整個(gè)布局打破了常規(guī),很有美學(xué),但是毫無疑問,這個(gè)是漂亮但完全沒有用。
▲這個(gè)的谷歌的重新設(shè)計(jì),很cool哦,PC上還可以使用語(yǔ)音,整個(gè)搜索是通過按鈕喚起的,同時(shí)頂部導(dǎo)航追求差異,放到底部,視覺上很概念,但是抱歉這個(gè)設(shè)計(jì)很難用。
▲這個(gè)很形式,撞色,異形構(gòu)圖,搜索框和語(yǔ)音按鈕離那么遠(yuǎn),一個(gè)典型為了效果而設(shè)計(jì)的案例。
這樣的案例其實(shí)很多,很多同學(xué)也做了知名產(chǎn)品Redeisgn,花了很長(zhǎng)時(shí)間去做研究,但是這些練習(xí)只在工具上,配色上去提升了,是無法幫我們?cè)O(shè)計(jì)思維上提升,那么到底好的概念設(shè)計(jì),或者做練習(xí)應(yīng)該怎么去做呢?
如何正確做練習(xí)
平時(shí)做單頁(yè)UI練習(xí)它只能提升你的技法和工具熟練,但是在日常項(xiàng)目中,UI只是產(chǎn)品體驗(yàn)的一部分,做練習(xí)時(shí)應(yīng)該去模仿整個(gè)設(shè)計(jì)流程,了解設(shè)計(jì)背景和解決的問題,只有明確的設(shè)計(jì)目標(biāo),要解決的問題,才能讓我們的練習(xí)更加清晰!
那么怎么去做呢?我覺得可以從以下幾點(diǎn)去思考:
- 選一個(gè)你常用的產(chǎn)品,列出痛點(diǎn)
- 根據(jù)痛點(diǎn)給出解決方案
- 方案設(shè)計(jì)
那么到底每一步怎么做呢,我找了一個(gè)韓國(guó)設(shè)計(jì)師Sooho Choi為蘋果通知中心案例,來帶大家拆解做法。
第1步:列出產(chǎn)品痛點(diǎn)
首先這個(gè)產(chǎn)品你很熟悉,你每天都在使用,知道這個(gè)產(chǎn)品的槽點(diǎn)和難用的地方,可以分為這3步去做:
- 真實(shí)的用戶-你自己
- 真實(shí)的產(chǎn)品-你每天用的
- 真實(shí)的槽點(diǎn)-你用的很不爽的地方
那么有了上面三步,你就可以快速去尋找體驗(yàn)痛點(diǎn),和這個(gè)產(chǎn)品的槽點(diǎn),盡管你不能代表全部的用戶訴求,但是至少是真實(shí)的代表一部分用戶的訴求,這一步能夠幫助我們思考問題,這個(gè)過程也是產(chǎn)品設(shè)計(jì)在工作中所做的工作,通過這一步的練習(xí),讓我們了解用戶的重要性,養(yǎng)成正確的做設(shè)計(jì)思路。
可以將你的實(shí)際痛點(diǎn)寫在紙上,可以寫一個(gè)或者多個(gè)你覺得值得去解決的問題,為了更加聚焦,讓我們更加專注,我建議先把問題列出來,再找出1到3個(gè)你覺得最應(yīng)該去解決的!
比如我們每天用微信,設(shè)備切換不方便,好友人數(shù)限制5000,沒有內(nèi)置視頻功能,群消息不好管理,朋友圈折疊等等!都可以羅列出來,然后選出3個(gè)你要去解決的。
舉例說明,設(shè)計(jì)師Sooho Choi為蘋果通知中心改版案例:
作為互聯(lián)網(wǎng)信息時(shí)代的人,大家都希望知道很多事情最快速做的,每個(gè)通知都能第一時(shí)間獲取,所以蘋果手機(jī)中的很多功能都尤其重要,但是作為iPhone的用戶多年,iOS的通知最新,用起來非常頭疼,它有一些很明顯體驗(yàn)痛點(diǎn):
痛點(diǎn)1.通知中心消息容易丟失
▲當(dāng)用戶打開一個(gè)通知任務(wù)后,回到鎖屏狀態(tài)時(shí)候,未讀的通知就消失了,這些未讀通知,比如微信消息就會(huì)讓用戶忘記了,讓人很焦慮。
痛點(diǎn)2.通知中心排序混亂
▲當(dāng)屏幕上通知很多的時(shí)候,會(huì)占滿了整個(gè)屏幕,用戶需要在一堆文字里面去找一個(gè)通知,而且你關(guān)注的通知很多容易容易忽略掉。
痛點(diǎn)3.關(guān)閉通知只能去設(shè)置里操作
▲很多時(shí)候,很多APP發(fā)送通知太頻繁了,想取消這個(gè)通知,但是只能去蘋果設(shè)置里面關(guān)掉,而且當(dāng)你手機(jī)有幾百個(gè)APP時(shí)候,找起來相當(dāng)?shù)睦щy。
第2步:根據(jù)痛點(diǎn)給找解決方案
在這個(gè)階段,為了更好的去拆解,可以從以下兩個(gè)緯度去做:
1.競(jìng)品分析
第一步就是去尋找你要解決的問題類似的產(chǎn)品,競(jìng)品分析能幫你發(fā)現(xiàn)以及存在的解決方案,但是最重要的是,我們需要互相比較這些方案的優(yōu)缺點(diǎn)。做競(jìng)品分析的能幫助你更好的對(duì)產(chǎn)品有了解,也能擴(kuò)大你的設(shè)計(jì)參考庫(kù),養(yǎng)成好習(xí)慣后,能讓你有更好的產(chǎn)品思維幫你做出正確的設(shè)計(jì)決策!
2.多嘗試幾種方案,同時(shí)采訪身邊的人
迭代你要解決的問題,如果你從競(jìng)品或者框架上找到了你可以解決問題的思路和方案,可以將這些思考融入你到你產(chǎn)品想法中!
在這個(gè)階段,一定要注意強(qiáng)迫自己多嘗試幾種方案的合理性,同時(shí)保證你的方案是大家熟悉的,直觀的!使用起來比較巧妙,所以必須做到了解用戶,了解用戶為什么使用起來不爽,也可以把你發(fā)現(xiàn)的這些痛點(diǎn),去采訪一些身邊的朋友,得出一些用戶需求!
舉例說明,設(shè)計(jì)師Sooho Choi為蘋果通知中心改版案例:
痛點(diǎn)1.通知中心消息容易丟失
▲當(dāng)用戶打開一個(gè)通知任務(wù)后,回到鎖屏狀態(tài)時(shí)候,未讀的通知就消失了,這些未讀通知,比如微信消息就會(huì)讓用戶忘記了,讓人很焦慮。
設(shè)計(jì)策略:
▲為了優(yōu)化這個(gè)問題,可以在用戶進(jìn)入某個(gè)通知頁(yè)面后,再回到鎖屏?xí)r候,能看見這些通知被收起來了,通知也可以去點(diǎn)擊展開。
痛點(diǎn)2.通知中心排序混亂
▲當(dāng)你屏幕上通知很多的時(shí)候,會(huì)占滿了整個(gè)屏幕,用戶需要在一堆文字里面去找一個(gè)通知,而且你關(guān)注的通知很多容易容易忽略掉。
設(shè)計(jì)策略:
▲針對(duì)通知順序亂,設(shè)置通知優(yōu)先級(jí)展示,設(shè)計(jì)了四種方案:
- 方案1:運(yùn)用分割線將通知?jiǎng)澐殖蓛煞N類型
- 方案2:不常看的通知和??赐ㄖM(jìn)行分類
- 方案3:通過平時(shí)應(yīng)用打開習(xí)慣來查看通知
- 方案4:通過分類的控件來查看通知
▲最后設(shè)計(jì)師使用了第三個(gè)交互方式,根據(jù)用戶使用應(yīng)用的習(xí)慣優(yōu)先級(jí)展示通知。
▲同時(shí)設(shè)計(jì)了這個(gè)交互的一些細(xì)節(jié)交互流程,保證方案邏輯的完整性。
在這個(gè)階段是將我們的想法,轉(zhuǎn)化為交互原型圖時(shí)候,必須把所有的交互狀態(tài)和因素考慮進(jìn)去,保證我們?cè)诳捶桨笗r(shí)候,體驗(yàn)是完整的!
可以把它想象成一個(gè)故事,它有一個(gè)開始和結(jié)尾,在做交互設(shè)計(jì)時(shí)候,我們要不斷嘗試,不斷的探索,就和做視覺時(shí)候,需要去調(diào)整每一輪的方案,最終保證我們每一個(gè)解決方案比較接近我們的產(chǎn)品!這也是在實(shí)際工作中我們的解決問題的思路,也是設(shè)計(jì)師存在的價(jià)值。
第3步 方案設(shè)計(jì)
到這個(gè)階段,我們已經(jīng)有了一個(gè)原型,這個(gè)原型解決了我們使用產(chǎn)品的痛點(diǎn),現(xiàn)在需要將方案進(jìn)行設(shè)計(jì)出來。
舉例說明,設(shè)計(jì)師Sooho Choi為蘋果通知中心改版案例:
1.不再丟失通知中心消息
▲將未讀的通知保留在鎖定屏幕上,能方便用戶始終掌握信息,同時(shí)也可以隨時(shí)查看的關(guān)注的應(yīng)用通知,也不會(huì)造成屏幕刷屏現(xiàn)象。
2.按用戶優(yōu)先級(jí)排序
▲將通知信息進(jìn)行分類,根據(jù)你常用的APP頻率排列,在頂部可以切換不同APP的消息通知,比如常用的ins的消息可以直接點(diǎn)擊應(yīng)用圖標(biāo)就可以查看分類。
3.輕輕滑動(dòng)就可以關(guān)注通知
▲用戶可以控制個(gè)性化展示通知消息類型,只需要向右滑動(dòng)即可,也可以像右邊滑動(dòng)關(guān)閉消息,而不需要再去設(shè)置里面關(guān)閉。
最后
練習(xí),其實(shí)是很好的一件事情,但是沒有用戶訴求,沒有任何問題,沒有任何限制的練習(xí),就不是一個(gè)正確的做法!原因很簡(jiǎn)單,我們?cè)趯?shí)際工作中,就是去解決問題的,而不是當(dāng)藝術(shù)家。
大量練習(xí)絕對(duì)是提高設(shè)計(jì)技能的有效方式,只要每次你的練習(xí)都是解決問題的思路,其實(shí)你每次都會(huì)有收獲。
#專欄作家#
Sky,微信公眾號(hào):我們的設(shè)計(jì)日記(ID:helloskys),設(shè)計(jì)交流可加微信:hellosky678,人人都是產(chǎn)品經(jīng)理專欄作家。原支付寶體驗(yàn)設(shè)計(jì)專家,阿里巴巴天貓?jiān)O(shè)計(jì)專家;10年知名互聯(lián)網(wǎng)公司設(shè)計(jì)經(jīng)驗(yàn),對(duì)于產(chǎn)品從0到1、品牌定位、金融產(chǎn)品、設(shè)計(jì)規(guī)范、運(yùn)營(yíng)規(guī)范、大促等有豐富實(shí)戰(zhàn)經(jīng)驗(yàn)。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
- 目前還沒評(píng)論,等你發(fā)揮!