中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

我怎么做產(chǎn)品設(shè)計(jì)?

2022-05-30    分類: 網(wǎng)站建設(shè)

本文包含了我個(gè)人進(jìn)行獨(dú)立產(chǎn)品設(shè)計(jì)時(shí)的流程和工作心得,非科班、非大公司流程、非一定正確,歡迎大家批評(píng)指正,如果有幫助,也希望得到你的鼓勵(lì)。

產(chǎn)品經(jīng)理或產(chǎn)品設(shè)計(jì)是一個(gè)在不同環(huán)境中差別很大的崗位,大公司和創(chuàng)業(yè)公司、大團(tuán)隊(duì)和小團(tuán)隊(duì)、人員配備情況等都會(huì)影響我們工作的內(nèi)容和合作方式,而每個(gè)人相信在一定的工作磨練之后,都建立并積累了屬于自己的工作方法。

作為一個(gè)混跡于小團(tuán)隊(duì)甚至個(gè)人獨(dú)立設(shè)計(jì)開發(fā)應(yīng)用的學(xué)生,我是這么工作的:

idea的產(chǎn)生

我主要的設(shè)計(jì)工作都來(lái)源于自己的意愿,一般是我加入的某些小團(tuán)隊(duì),或者是我想要滿足的某種需求,甚至也可能是我個(gè)人的產(chǎn)品設(shè)計(jì)練習(xí)。之前有很多朋友問(wèn)我為什么去創(chuàng)業(yè),或者參加這么多的項(xiàng)目,我回答的是『只是對(duì)于不好用或者不方便的東西,想要去改進(jìn)它罷了』。

我是一個(gè)比較敏感和細(xì)致的人,有比較強(qiáng)的共情能力,因此總會(huì)在自己或身邊的人身上發(fā)現(xiàn)一些需求,那么需求很多,idea 也會(huì)有很多,我們?cè)趺催x擇呢?

腦補(bǔ)

一般一個(gè)想法出現(xiàn),我會(huì)從兩個(gè)方面去論證它。

第一,這個(gè)需求是否在用戶中普遍存在。普遍的意義不是說(shuō)要所有人都需要,但是至少某個(gè)需求應(yīng)該有一定數(shù)量的用戶群,這樣才有解決的價(jià)值。結(jié)合自己的日常觀察以及生活經(jīng)驗(yàn),首先慮掉那些明顯不典型的需求,而對(duì)于難以確認(rèn)的,則在下一個(gè)『用戶調(diào)研』的環(huán)節(jié)搜集信息。

舉個(gè)例子,之前和朋友討論一個(gè)功能,是開發(fā)一個(gè) App,一鍵將整個(gè)手機(jī)系統(tǒng)和所安裝的所有(或常用的)其他 App 都變?yōu)橐归g模式,并且可以和正常模式進(jìn)行切換。這個(gè)需求乍一聽很新奇,因?yàn)殚喿x類產(chǎn)品都會(huì)設(shè)計(jì)夜間模式方便在黑暗環(huán)境下的閱讀,所以是否需要一個(gè)手機(jī)整體大切換的產(chǎn)品呢?我個(gè)人認(rèn)為這個(gè)需求并不真實(shí)存在的,首先我詢問(wèn)了身邊喜歡看小說(shuō)的朋友,他們大部分甚至不使用夜間模式來(lái)讀信息,而是選擇在有光的條件下閱讀;其次,整體替換手機(jī)閱讀模式會(huì)帶來(lái)不確定性、權(quán)限問(wèn)題、夜間模式匹配設(shè)計(jì)問(wèn)題等一系列狀況,因此這并不是一個(gè)好的選擇。

(如果有朋友覺(jué)得這個(gè)想法不錯(cuò),歡迎討論)

第二,這個(gè)需求的技術(shù)難度和實(shí)現(xiàn)可能性。當(dāng)一個(gè)需求有比較明顯的用戶群時(shí),就可以從技術(shù)以及設(shè)計(jì)角度來(lái)進(jìn)行分析,看是否能夠?qū)崿F(xiàn)。

舉個(gè)例子,我早上上班經(jīng)常要乘坐地鐵,在早高峰是總是苦于如何快速找到座位。我相信這個(gè)需求很多人都有,選擇站位和觀察乘客都是一種技巧(寫過(guò)一個(gè)知乎答案:地鐵如何判斷哪個(gè)位置的人會(huì)早下車?)。但是仔細(xì)考慮一下這個(gè)需求的解決方案:首先,乘客需要貢獻(xiàn)自己的上下車地點(diǎn)(隱私問(wèn)題,激勵(lì)問(wèn)題);其次,需要精確到某一個(gè)車廂甚至具體的某一個(gè)座位(定位精度問(wèn)題、網(wǎng)絡(luò)通暢問(wèn)題);很快會(huì)發(fā)現(xiàn),在一個(gè)信號(hào)時(shí)有時(shí)無(wú)、乘客摩肩接踵、隱私敏感的環(huán)境下,這個(gè)需求實(shí)現(xiàn)難度非常高。

用戶調(diào)研

用戶調(diào)研環(huán)節(jié),我個(gè)人比較喜歡采取訪談的形式——事先準(zhǔn)備好一些問(wèn)題和我關(guān)心的要素,在網(wǎng)上聊天、面對(duì)面溝通、實(shí)際情景模擬等場(chǎng)景下,進(jìn)行調(diào)研。調(diào)研的主要目的,一方面是確認(rèn)需求的普遍程度,另一方面則是調(diào)查需求解決方案中的一些用戶細(xì)節(jié)。比如 O2O 產(chǎn)品中的單價(jià)、社交產(chǎn)品中的興趣點(diǎn)等等。

關(guān)于調(diào)查問(wèn)卷,我之前針對(duì)不同的項(xiàng)目做過(guò)很多次調(diào)研,多的時(shí)候可以回收上千份有效答卷。設(shè)計(jì)調(diào)查問(wèn)卷時(shí)應(yīng)該注意,這種形式更適合整理數(shù)據(jù)性質(zhì)的信息(價(jià)格、使用時(shí)間、用戶分類占比等),而對(duì)于一些比較感性的問(wèn)題不太容易得到準(zhǔn)確的答案;另一方面,投放人群也需要提前針對(duì)你所要調(diào)研的信息做好設(shè)計(jì)。

核心頁(yè)面繪制

前面幾個(gè)環(huán)節(jié),著重從用戶需求分析等產(chǎn)品角度討論。而從這一階段開始,更多的涉及設(shè)計(jì)方面的工作。有的人在設(shè)計(jì)產(chǎn)品時(shí)會(huì)先繪制流程圖和結(jié)構(gòu)圖,或者先畫線框圖來(lái)說(shuō)明產(chǎn)品邏輯,最后再繪制界面。這個(gè)地方我的習(xí)慣和大家有些不一樣,也不一定是正確的做法。

當(dāng)開始進(jìn)行設(shè)計(jì)時(shí),我會(huì)首先根據(jù)之前腦補(bǔ)+調(diào)研的內(nèi)容,繪制3-5頁(yè)高視覺(jué)保真的界面圖。這么做的第一個(gè)原因,是我想先確立產(chǎn)品的基調(diào)(顏色、布局等),更重要的是,我打算把最核心的功能先確定下來(lái)。

某產(chǎn)品的核心界面

直接繪制流程圖會(huì)有一個(gè)小問(wèn)題,就是不容易抓住重點(diǎn),有的時(shí)候會(huì)陷在某一個(gè)細(xì)節(jié)里。《體驗(yàn)·度》中提到一個(gè)例子:

我們用百度新聞客戶端來(lái)舉例。在做新聞客戶端的時(shí)候都會(huì)思考哪個(gè)信息是用戶每天都想看到的,調(diào)研結(jié)果是『天氣』,既然是天氣我們是否要將天氣做得更炫酷呢,甚至點(diǎn)擊后顯示一周的天氣呢,如果你問(wèn)用戶,答案是肯定的;既然是如此絢麗的 UI,我們是不是要進(jìn)行微博分享呢?用戶依然認(rèn)為是的;那么既然分享我們是否要增加查看評(píng)論功能呢?這時(shí)候你會(huì)發(fā)現(xiàn)我們討論的點(diǎn)已經(jīng)和新聞客戶端完全無(wú)關(guān)了。

所以,先畫幾頁(yè)核心頁(yè)面,把最重要的功能確定下來(lái),并且在后面的流程中時(shí)刻提醒自己,不要跑偏了。

流程圖與結(jié)構(gòu)圖

一般不會(huì)在操作流程上百分百繪制流程圖,而是針對(duì)需要著重設(shè)計(jì)的功能來(lái)繪制。下面的例子是一個(gè)O2O 外賣配送產(chǎn)品的泳道圖(部分)

某產(chǎn)品泳道圖

而結(jié)構(gòu)圖就需要把產(chǎn)品可能涉及到的每一個(gè)頁(yè)面表達(dá)出來(lái),這無(wú)論是在產(chǎn)品討論還是開發(fā)溝通,甚至是用戶調(diào)研階段都是很有用的。注意,結(jié)構(gòu)圖主要表達(dá)的是層級(jí)關(guān)系,直接相關(guān)的就是產(chǎn)品的導(dǎo)航結(jié)構(gòu)以及頁(yè)面層次,可以使用顏色、樹狀圖等進(jìn)行區(qū)分和強(qiáng)調(diào),而至于頁(yè)面之間的跳轉(zhuǎn)關(guān)系,則可以在交互設(shè)計(jì)中再著重表達(dá)。如下圖,是某習(xí)慣養(yǎng)成產(chǎn)品的信息結(jié)構(gòu)圖:

某產(chǎn)品信息結(jié)構(gòu)圖

視覺(jué)設(shè)計(jì)

視覺(jué)設(shè)計(jì)階段,根據(jù)前面定下來(lái)的基調(diào)確定 VI (視覺(jué)系統(tǒng)),根據(jù)信息結(jié)構(gòu)圖來(lái)明確導(dǎo)航結(jié)構(gòu)(雖然大部分時(shí)間這屬于交互設(shè)計(jì)的工作),最后把每一個(gè)頁(yè)面的真實(shí)視覺(jué)設(shè)計(jì)稿繪制出來(lái)。

如果可以的話,最好使用可以投影到手機(jī)上的軟件實(shí)時(shí)查看設(shè)計(jì)效果。比如 Sketch 的 mirror 功能,還有 Skala Preview 都是比較常用的軟件。

視覺(jué)設(shè)計(jì)的另一個(gè)工作,就是切圖和標(biāo)注。把所使用的控件按照最小單元導(dǎo)出,并且單獨(dú)復(fù)制一份視覺(jué)稿,在上面對(duì)形狀大小、尺寸距離、字體和顏色等信息都進(jìn)行標(biāo)注,方便開發(fā)工程師的工作。注意,對(duì)于某些通用的控件,可以單獨(dú)標(biāo)注,就不需要重復(fù)標(biāo)注了。

某產(chǎn)品標(biāo)注圖

交互設(shè)計(jì)與文檔補(bǔ)完

然后呢,我需要設(shè)計(jì)每一個(gè)頁(yè)面的每一個(gè)狀態(tài)所呈現(xiàn)的視覺(jué)。比如打卡類應(yīng)用根據(jù)當(dāng)天的打卡次數(shù),打卡按鈕會(huì)有不同的文案;比如輸入框輸入了不合理的信息,應(yīng)當(dāng)反饋給用戶;比如信息呈現(xiàn)頁(yè)面如果內(nèi)容為空,需要增加文字或圖片說(shuō)明;再比如網(wǎng)絡(luò)不通暢或者刷新、發(fā)送失敗,又需要通知提醒。總之,在這個(gè)階段,需要考慮很多用戶使用上的細(xì)節(jié),多用極限思考的方法模擬用戶的極限操作,往往會(huì)有新的發(fā)現(xiàn)。

一般,我會(huì)使用視覺(jué)圖+文字注釋+引導(dǎo)線的方法來(lái)做交互設(shè)計(jì)。

某產(chǎn)品交互稿

完成了這些內(nèi)容之后,如果有需要,還可以進(jìn)行動(dòng)效設(shè)計(jì),使用一些原型設(shè)計(jì)軟件可以呈現(xiàn)出比較好的真實(shí)模擬效果,用以用戶實(shí)際測(cè)試或者項(xiàng)目演示。原型設(shè)計(jì)軟件主要考量的是這樣幾個(gè)因素,不分先后,分別是上手難度、效果復(fù)雜度、可否進(jìn)行代發(fā)復(fù)用等,這里我推薦幾個(gè)軟件:

Axure,是人都知道,就不細(xì)說(shuō)了,操作簡(jiǎn)單,效果一流,比較適合制作相對(duì)完整的產(chǎn)品原型。但是,不能制作比較復(fù)雜的動(dòng)態(tài)效果,另外原型設(shè)計(jì)工作導(dǎo)出文件為 html 格式,對(duì)于原生應(yīng)用開發(fā)難以復(fù)用。

Quartz Composer,俗稱 QC,結(jié)合 origami 插件能夠降低使用難度,但是依然有陡峭的學(xué)習(xí)曲線。效果出眾,幾乎可以實(shí)現(xiàn)你想到的任何動(dòng)態(tài)效果,并且使用 pop 引擎能夠?qū)崿F(xiàn)代碼復(fù)用(僅iOS),值得注意的是,QC 比較適合去制作某一個(gè)特定的效果,而不適合描繪整體。還有一個(gè)類似的軟件叫做 Form,被 google 收購(gòu)后免費(fèi)了,在手機(jī)上瀏覽效果不錯(cuò),和 QC 非常類似。

Xcode storyboard,故事版,其實(shí)就是直接開發(fā)只有頁(yè)面結(jié)構(gòu)的 App 了,使用 Swift 語(yǔ)言大大降低了難度,不過(guò)因?yàn)樾枰_發(fā)和編程,總體還是有一定上手難度的。優(yōu)點(diǎn)不用多說(shuō),效果好,代碼無(wú)縫復(fù)用。

當(dāng)然,真正的工作中也絕不僅僅只包含這些內(nèi)容,還有很多細(xì)節(jié)、工具和文檔都是根據(jù)實(shí)際情況來(lái)選擇的。不知道大家一般怎么工作和練習(xí)呢,如果不介意的話,可以留言或者聯(lián)系我一起交流,互相學(xué)習(xí),一起進(jìn)步。

新聞標(biāo)題:我怎么做產(chǎn)品設(shè)計(jì)?
路徑分享:http://m.rwnh.cn/news4/161404.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站制作、網(wǎng)站排名、品牌網(wǎng)站建設(shè)商城網(wǎng)站、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)
同德县| 龙口市| 灵台县| 綦江县| 柳江县| 辽源市| 子长县| 温泉县| 乐业县| 申扎县| 隆昌县| 漳平市| 岳普湖县| 偏关县| 怀化市| 红原县| 汽车| 金门县| 壶关县| 长沙市| 长汀县| 淮安市| 子长县| 镇安县| 两当县| 库尔勒市| 绥滨县| 临沧市| 博爱县| 高陵县| 普宁市| 赤峰市| 兴和县| 阿瓦提县| 大埔区| 格尔木市| 崇左市| 会同县| 丰原市| 平谷区| 稷山县|