之前有讀者問我:
公司要做一個新產(chǎn)品践险,但是無從下手丸氛,該怎么辦?
其實這也是很多設計師比較關心的一個問題陆蟆。
假如公司有個機會去你做新產(chǎn)品字支,你會怎么做凤藏?
我工作這么些年,做過 7 個新產(chǎn)品堕伪,今天就給大家分享一些關于設計師如何做新產(chǎn)品的一些經(jīng)驗揖庄。
本文一共分三大部分:
開始前
產(chǎn)品定位
規(guī)范意識
競品調研
設計風格
可延展性
開發(fā)實現(xiàn)
開源組件庫推薦
進行中
產(chǎn)品邏輯
設計方案不斷優(yōu)化
規(guī)范完善
不斷 push
上線后
設計復盤
注重結果
設計驗收
更新迭代
制作設計系統(tǒng)
好了,正文開始~
一? 開始前
1)產(chǎn)品定位
1.1? 所屬行業(yè)
明確產(chǎn)品的所屬行業(yè)欠雌,每個行業(yè)都有獨特的行業(yè)屬性蹄梢。
比如電商行業(yè),他的行業(yè)屬性關鍵詞是:官方正品、快速物流禁炒、好物秒殺...
抓住行業(yè)關鍵詞而咆,才不會讓整個產(chǎn)品邏輯走偏。
1.2? ToB or ToC
ToB 和 ToC 行業(yè)對接的用戶有著很大的區(qū)別幕袱。ToB 產(chǎn)品求穩(wěn)暴备、用戶少、功能邏輯很重要们豌;ToC 產(chǎn)品靈活涯捻、視覺比較活潑、用戶量更大望迎。
1.3??用戶畫像
年齡:搞清楚用戶年齡分布障癌,按比重決定風格及交互走向。不是當前最流行的風格就一定適合自己的產(chǎn)品辩尊。
瀏覽設備:市場上主流的設備不一定是你的用戶使用的主流設備涛浙,所有一定要實際的去做調研,按本產(chǎn)品主流設備進行視覺輸出摄欲,保證最佳的使用體驗轿亮。
使用場景:考慮用戶的真實使用場景,是室內還是室外蒿涎?使用時間充裕與否哀托?你要作為一個使用者去真實感受下惦辛。
2)規(guī)范意識
一個產(chǎn)品的設計風格能不能保持統(tǒng)一以及后期迭代劳秋,規(guī)范意識是很重要的。在產(chǎn)品設計初期一定要有胖齐,不要說現(xiàn)在先做玻淑,等以后再改,這樣后面改動的工作量太大呀伙。所以說前期一定要有足夠的規(guī)范意識补履。
這個是至關重要的,尤其多個設計師協(xié)作的時候剿另,你就會發(fā)現(xiàn)有個規(guī)范是多么幸福的事情箫锤。規(guī)范意識不僅是我們設計師要有,也要讓研發(fā)熟知它的重要性雨女。一個有規(guī)范意識和沒有規(guī)范意識的研發(fā)對產(chǎn)品后期的迭代太重要了谚攒,誰用誰知道。
規(guī)范包括:
基礎樣式:顏色氛堕、字體馏臭、圖標、柵格布局讼稚、尺寸等......
組件樣式:Button括儒、input绕沈、tooltips 等常用組件。
這些規(guī)范可以在前期制定出來帮寻,有可能后面還會去改動乍狐,但是前期歸類做好了,后期也好改规婆。
3)競品調研
至少找 3 個行業(yè)內知名產(chǎn)品澜躺,從產(chǎn)品定位、設計風格抒蚜、產(chǎn)品交互入手掘鄙,深入的進行調研。
輸出完整的調研報告嗡髓,與部門內人員進行討論分析操漠,反復討論出一個完整的產(chǎn)品方向。
4)設計風格
設計風格對于產(chǎn)品來說是至關重要的饿这,所以整體風格這部分一定要調研清楚浊伙,不僅要和設計師腦暴,也要收集設計師以外的建議长捧。
好的設計是大家都說好嚣鄙,而不只是設計師覺得好。
5)可延展性
產(chǎn)品初期有可能只做 PC 端或移動端串结,但是要考慮后續(xù)業(yè)務發(fā)展哑子,蔓延到其他端的情況,所以特別限制設備的設計肌割,在設計的時候一定要慎重考慮卧蜓。
每個功能都會極限情況,不要只考慮常規(guī)情況/最理想的情況把敞,要考慮到極限情況下弥奸,產(chǎn)品視覺/交互上展示是沒有問題的。
6)開發(fā)實現(xiàn)
實際項目中奋早,時間是最大的阻礙因素盛霎。
就算你有很好的 idea ,沒有時間去開發(fā)耽装,什么都是白扯愤炸。所以要綜合設計與開發(fā),保證不影響上線時間的情況下 剂邮,最大化的實現(xiàn)更好的設計方案摇幻。
7)開源組件庫推薦
7.1? Ant Design
https://ant.design/index-cn
7.2? Element
https://element.eleme.cn/#/zh-CN
7.3? 谷歌
https://material-ui.com/zh/
7.4? 微軟
https://www.microsoft.com/design/fluent/#/
7.5? Atlassian
https://atlassian.design/
二? 進行中
1)產(chǎn)品邏輯
不要以為設計師只要做好設計圖就好了,這只是基本的工作要求。設計師只有深入了解了產(chǎn)品邏輯绰姻,才能做出好用的產(chǎn)品枉侧。
2)設計方案不斷優(yōu)化
在實現(xiàn)過程中會遇到各種沒有考慮到的設計問題,所以設計方案也要不斷的討論并優(yōu)化狂芋。不要覺得開發(fā)中遇到設計問題是個很尷尬的事情榨馁,這很正常,遇到問題解決問題就好帜矾。
3)規(guī)范完善
前期規(guī)范一定是初期版本翼虫,肯定要不斷的完善才能滿足更多功能,所以規(guī)范一定是不斷完善的屡萤,產(chǎn)品優(yōu)化也是一個長期工作珍剑。
4)不斷 push
作為設計師,要隨時和開發(fā)人員進行溝通死陆,遇到問題及時解決招拙,保證項目順利進行。
同時做好項目推進措译,什么節(jié)點交付什么東西别凤,這時候就需要你不斷的去“騷擾”開發(fā)小哥了。
三? 上線后
1)設計復盤
項目上線后领虹,短時間內盡量做一個設計復盤(時間久了就會遺忘一些細節(jié))规哪。
設計復盤都包括哪幾方面?
產(chǎn)品邏輯
設計規(guī)范
設計風格
產(chǎn)品交互
組件使用
設計復盤是一個很好的學習方法塌衰,可以很宏觀的分析總結出設計中的問題诉稍。發(fā)現(xiàn)問題解決問題,通過復盤猾蒂,至少能提高 30% 的成長經(jīng)驗均唉。
2)注重結果
再好的設計沒有落地是晨,也只是個飛機稿肚菠。所以要保證自己的設計方案能最好的呈現(xiàn)在落地項目中。
3)設計驗收
這個環(huán)節(jié)不能少罩缴,一般公司都有專門的測試區(qū)驗收功能問題蚊逢。所以設計師只需要驗收樣式、交互問題就好箫章。
設計實現(xiàn)后的效果一般情況下達不到 100%烙荷,但我們要讓還原度盡可能的高,畢竟上線后呈現(xiàn)的效果是設計師來背的檬寂。
如果有時間终抽,可以做兩次驗收,第二次為回歸驗收,看下之前提的問題有沒有達到預期的效果昼伴,并且看下有沒有改出來新問題匾旭。
4)更新迭代
產(chǎn)品上線后,v1.0 算是結束了圃郊。但優(yōu)化永不停歇价涝。
產(chǎn)品風格、設計規(guī)范持舆、功能等都要不斷更新迭代色瘩,一個好的產(chǎn)品都是長期打磨出來的。
5)制作設計系統(tǒng)
項目上線后逸寓,后續(xù)設計就要考慮效率提升以及設計統(tǒng)一性的問題居兆,這個時候就需要一個設計系統(tǒng)了。
用過設計系統(tǒng)的人都知道竹伸,簡直太好用了史辙。
雖然前期制作周期不斷,但是對于一個長期更新的產(chǎn)品來說佩伤,很有必要聊倔。(后面我會單獨出一期關于設計系統(tǒng)的制作及使用)。
總結
最后敲黑板生巡,我來劃重點了耙蔑,以下幾點是最關鍵的:
競品分析
規(guī)范意識
設計復盤
更新迭代
做一個新產(chǎn)品,前期準備占很大比重孤荣,前期準備工作做好了甸陌,后面就容易進行了。
從 0 到 1 做一個產(chǎn)品盐股,比做產(chǎn)品迭代更能學到東西钱豁,因為它是從整體去考慮一個產(chǎn)品。所以如果有做新產(chǎn)品的機會疯汁,一定不要錯過牲尺。
本次分享到這里就結束了,
如果覺得有用幌蚊,可以分享給朋友谤碳。
你的支持是我最大的動力!
我們下期見~