如何做出好看又好用的產(chǎn)品設(shè)計(jì)?
哈嘍各位小伙伴,以下這些情況你都經(jīng)歷過嗎?嘔心瀝血做了一份高端大氣上檔次的設(shè)計(jì),卻被需求方評(píng)價(jià):“設(shè)計(jì)沒有 Get 需求的重點(diǎn),達(dá)不到理想效果,要重做哦!”設(shè)計(jì)終于落地了,卻被團(tuán)隊(duì)質(zhì)疑:“落地效果怎么和設(shè)計(jì)圖差距這么大,問題出在哪?”
應(yīng)該如何避免這些情況的發(fā)生,保障設(shè)計(jì)效果,是設(shè)計(jì)師工作的重點(diǎn)之一。
設(shè)計(jì)要滿足需求,達(dá)到應(yīng)有的效果,有技巧可循。本期小編來聊聊在設(shè)計(jì)的各個(gè)環(huán)節(jié)能有效提升設(shè)計(jì)效果的技巧,希望對(duì)各位小伙伴有所幫助~
成功第一步:審題

1、出發(fā)點(diǎn)
設(shè)計(jì)不是摸石頭過河,接到需求后,深入了解需求的背景,能讓設(shè)計(jì)師了解產(chǎn)品的大環(huán)境,做出與行業(yè)、用戶更匹配的設(shè)計(jì),事半功倍。
不妨基于下列問題作思考:
- 我們的目標(biāo)用戶是誰(用戶畫像)?
- 產(chǎn)品的階段目標(biāo)和終極目標(biāo)分別是什么?
- 產(chǎn)品現(xiàn)在處于什么階段?
- 現(xiàn)階段,用戶、產(chǎn)品、業(yè)務(wù)方的痛點(diǎn)分別是什么?
- 現(xiàn)階段,設(shè)計(jì)的重點(diǎn)是什么?
如何找到這些問題的答案呢?
關(guān)注行業(yè)報(bào)告,深入了解行業(yè)
觀察用戶行為,盡早知道痛點(diǎn)
內(nèi)部溝通緊密,保持目標(biāo)一致
2、目的地
以目標(biāo)為導(dǎo)向做設(shè)計(jì),更容易做出有效的方案。
如何找到設(shè)計(jì)目標(biāo)呢?
設(shè)計(jì)需求一般來自于產(chǎn)品和市場,產(chǎn)品和市場每一個(gè)季度都會(huì)有 KPI。
比如:優(yōu)化體驗(yàn)提高日活,提升市場銷售額。此時(shí),提高產(chǎn)品日活、提升用戶的購買決策效率,為產(chǎn)品和市場達(dá)到 KPI 提供一臂之力,是設(shè)計(jì)的目標(biāo)。
設(shè)計(jì)的目標(biāo)是滿足業(yè)務(wù)需求和用戶體驗(yàn),所以設(shè)計(jì)師要了解用戶。用戶體驗(yàn)地圖是了解用戶有效的方法,它能幫助我們深挖用戶痛點(diǎn)、挖掘產(chǎn)品機(jī)會(huì)點(diǎn)、找到?jīng)Q策方案。
一般來說,用戶體驗(yàn)地圖包含以下幾方面的內(nèi)容:
- 明確用戶:用戶畫像、用戶目標(biāo)
- 用戶和產(chǎn)品:用戶行為、情緒曲線、觸點(diǎn)
- 產(chǎn)品機(jī)會(huì):用戶痛點(diǎn)、機(jī)會(huì)點(diǎn)
達(dá)到設(shè)計(jì)的終極目標(biāo)不能一蹴而就。設(shè)計(jì)師要合理的拆解目標(biāo),將目標(biāo)轉(zhuǎn)化為設(shè)計(jì)可執(zhí)行的階段性方案。
拆解目標(biāo)要遵循 MECE 原則,即:思考問題的過程中,我們需要分解問題,每一層級(jí)的問題與問題之間“相互獨(dú)立”、“完全窮盡”。
需要注意以下三點(diǎn):
- 問題是否有遺漏
- 不同問題之間是否有重疊
- 假設(shè)是否靠譜
明確業(yè)務(wù)需求和用戶需求,設(shè)計(jì)師能輕松挖掘設(shè)計(jì)目標(biāo),根據(jù)尼爾森十大交互原則、格式塔原則等方法論,做出平衡業(yè)務(wù)目標(biāo)和用戶體驗(yàn)的有效設(shè)計(jì)。
成功第二步:舉證
經(jīng)過深思熟慮,設(shè)計(jì)師提出設(shè)計(jì)方案,進(jìn)入設(shè)計(jì)評(píng)審。此時(shí),證明方案的有效性,成為執(zhí)行方案前的重點(diǎn)。
如何判斷方案的可行性?可以從以下四個(gè)方面考量:
- 方案能否達(dá)到需求方的業(yè)務(wù)目標(biāo)?
- 方案能否帶來好的用戶體驗(yàn)?
- 為什么能達(dá)到理想的效果?
- 相比競品,這個(gè)設(shè)計(jì)方案有哪些優(yōu)勢(shì)?
設(shè)計(jì)師要對(duì)這些依據(jù)有明確的認(rèn)識(shí),據(jù)此說服評(píng)審人員,推進(jìn)方案的落實(shí)。
應(yīng)該如何闡述設(shè)計(jì)方案呢?
- 描述自己從需求分析到設(shè)計(jì)表達(dá)的過程
- 分析對(duì)比競品的方案,證明自己的方案更好
- 證明方案合理、可執(zhí)行
- 運(yùn)用可量化的數(shù)據(jù),證明自己的方案
以上這些,都需要設(shè)計(jì)師在評(píng)審前有充分的準(zhǔn)備。有理有據(jù)的闡述設(shè)計(jì)方案,才能得到需求方的信服和支持。
成功第三步:落實(shí)
做出了有效的設(shè)計(jì)方案,如果沒有得到有效的執(zhí)行落地,等于紙上談兵。
因此,推進(jìn)開發(fā)落地,讓設(shè)計(jì)方案高度還原,是設(shè)計(jì)師的目標(biāo)和職責(zé)之一。
1、讓開發(fā)參與設(shè)計(jì)環(huán)節(jié)
為了避免想當(dāng)然的設(shè)計(jì),做出開發(fā)難以實(shí)現(xiàn)的方案,建議在設(shè)計(jì)階段就讓開發(fā)同學(xué)介入,讓 UI、交互、開發(fā)三者無縫對(duì)接、合作。
讓開發(fā)參與設(shè)計(jì)環(huán)節(jié),能有效提高開發(fā)進(jìn)度和設(shè)計(jì)的還原度,讓設(shè)計(jì)和開發(fā)更好的溝通和協(xié)作,讓項(xiàng)目更高效的進(jìn)行。
2、設(shè)計(jì)規(guī)范必不可少
產(chǎn)品迭代的過程,包含新功能的開發(fā)、新頁面的增加等模塊。
如果沒有設(shè)計(jì)規(guī)范,視覺和交互體驗(yàn)難以保持一致,設(shè)計(jì)重復(fù)勞動(dòng)輸出效率低下,開發(fā)代碼混亂缺乏可持續(xù)性和可控性,最終導(dǎo)致產(chǎn)品臃腫無序,體驗(yàn)不好。設(shè)計(jì)規(guī)范,為解決這些問題而生。
設(shè)計(jì)規(guī)范是一個(gè)龐大的體系,需要設(shè)計(jì)師和團(tuán)隊(duì)耐心的搭建和優(yōu)化,可以在藍(lán)湖「設(shè)計(jì)規(guī)范云」上搭建、管理、使用,讓設(shè)計(jì)有章法。
值得注意的是,搭建好設(shè)計(jì)規(guī)范之后,最好讓開發(fā)同學(xué)參與到評(píng)審中來,從開發(fā)的角度確定設(shè)計(jì)規(guī)范是否正確和專業(yè)。
3、正確的標(biāo)注和切圖
經(jīng)歷了縝密的思考和重重評(píng)審,設(shè)計(jì)界面終于定稿,進(jìn)入設(shè)計(jì)開發(fā)交接環(huán)節(jié)。
標(biāo)注和切圖是設(shè)計(jì)師的重要輸出產(chǎn)物,正確、精準(zhǔn)的標(biāo)注和切圖能幫助開發(fā)高度還原設(shè)計(jì)稿。
設(shè)計(jì)師需要標(biāo)注各元素的尺寸、位置、顏色、不透明度、字體、字號(hào)等信息,并對(duì)圖標(biāo)和圖片進(jìn)行切片,提供給開發(fā)同學(xué)。
但是手動(dòng)密密麻麻,而且設(shè)計(jì)師標(biāo)注時(shí)一般會(huì)使用 px 作為單位,開發(fā)同學(xué)在使用時(shí),需要自己一一換算成 %、em、vw 等單位。手動(dòng)切圖格式不全,不能滿足開發(fā)的使用需求,開發(fā)同學(xué)需要重新切圖。這無疑加大了開發(fā)的工作難度。
總的來說,要提升設(shè)計(jì)的效果,讓設(shè)計(jì)有效落地,從需求分析到落地的每一個(gè)環(huán)節(jié),設(shè)計(jì)師都要下功夫。
以上就是本期分享的內(nèi)容啦,希望對(duì)各位小伙伴有所啟發(fā)~
轉(zhuǎn)載聲明:本文來源于網(wǎng)絡(luò),不作任何商業(yè)用途

全部評(píng)論


暫無留言,趕緊搶占沙發(fā)
熱門資訊

【?PS教程】PS自動(dòng)保存技巧,媽媽再也不用擔(dān)心我忘保存了!...

深圳設(shè)計(jì)培訓(xùn)機(jī)構(gòu)排名前十哪個(gè)家好?

深圳美工設(shè)計(jì)培訓(xùn)班哪個(gè)專業(yè)?

APP端表單表格設(shè)計(jì)方法

深圳平面攝影培訓(xùn)班一般多少錢?

深圳平面攝影培訓(xùn)學(xué)校排名哪家比較正規(guī)?

初中畢業(yè)學(xué)設(shè)計(jì)哪個(gè)機(jī)構(gòu)好?

電商美工要掌握哪些軟件呢?

插畫手繪入門知識(shí)講解
