【深度解析】設計師如何從 0 到 1 做出一個好產(chǎn)品

之前有讀者問我:

公司要做一個新產(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)品的機會疯汁,一定不要錯過牲尺。

本次分享到這里就結束了,

如果覺得有用幌蚊,可以分享給朋友谤碳。

你的支持是我最大的動力!

我們下期見~

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末溢豆,一起剝皮案震驚了整個濱河市蜒简,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌漩仙,老刑警劉巖搓茬,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件犹赖,死亡現(xiàn)場離奇詭異,居然都是意外死亡卷仑,警方通過查閱死者的電腦和手機冷尉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來系枪,“玉大人雀哨,你說我怎么就攤上這事∷揭” “怎么了雾棺?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長衬浑。 經(jīng)常有香客問我捌浩,道長,這世上最難降的妖魔是什么工秩? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任尸饺,我火速辦了婚禮,結果婚禮上助币,老公的妹妹穿的比我還像新娘浪听。我一直安慰自己,他們只是感情好眉菱,可當我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布迹栓。 她就那樣靜靜地躺著,像睡著了一般俭缓。 火紅的嫁衣襯著肌膚如雪克伊。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天华坦,我揣著相機與錄音愿吹,去河邊找鬼。 笑死惜姐,一個胖子當著我的面吹牛犁跪,可吹牛的內容都是我干的。 我是一名探鬼主播载弄,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼耘拇,長吁一口氣:“原來是場噩夢啊……” “哼撵颊!你這毒婦竟也來了宇攻?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤倡勇,失蹤者是張志新(化名)和其女友劉穎逞刷,沒想到半個月后嘉涌,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡夸浅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年仑最,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片帆喇。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡警医,死狀恐怖,靈堂內的尸體忽然破棺而出坯钦,到底是詐尸還是另有隱情预皇,我是刑警寧澤,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布婉刀,位于F島的核電站吟温,受9級特大地震影響,放射性物質發(fā)生泄漏突颊。R本人自食惡果不足惜鲁豪,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望律秃。 院中可真熱鬧爬橡,春花似錦、人聲如沸棒动。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至掷漱,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間卜范,已是汗流浹背衔统。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留海雪,地道東北人。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓险掀,卻偏偏與公主長得像,于是被迫代替她去往敵國和親湾宙。 傳聞我的和親對象是個殘疾皇子樟氢,可洞房花燭夜當晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內容