【藍湖有方】如何做出有效的設計,讓產品又好看又好用?

👉 嘔心瀝血做了一份高端大氣上檔次的設計,卻被需求方評價:“設計沒有 Get 需求的重點,達不到理想效果,要重做哦!”

👉 設計終於落地了,卻被團隊質疑:“落地效果怎麼和設計圖差距這麼大,問題出在哪?”

以上情況在設計師工作中時有發生,而避免以上情況的發生,保障設計效果,是設計師工作的重點之一。

設計要滿足需求,達到應有的效果,有技巧可循。本期【藍湖有方】,湖湖琢磨了在設計的各個環節能有效提升設計效果的技巧,希望能幫助你更得心應手的設計,讓你的設計更有價值!


成功第一步:審題

很多設計師接到需求後,缺乏主動思維,被動的通過需求方確定需求、執行設計,最後淪爲執行工具人。

設計師應該具備主動思維,接到需求後主動“審題”,分析需求的背景和目的,爲需求方提供有效的設計建議。


1.出發點

設計不是摸石頭過河,接到需求後,深入瞭解需求的背景,能讓設計師瞭解產品的大環境,做出與行業、用戶更匹配的設計,事半功倍。

👉 不妨基於下列問題作思考:

✅ 我們的目標用戶是誰(用戶畫像)?

✅ 產品的階段目標和終極目標分別是什麼?

✅ 產品現在處於什麼階段?

✅ 現階段,用戶、產品、業務方的痛點分別是什麼?

✅ 現階段,設計的重點是什麼?

👉 如何找到這些問題的答案呢?

✅ 關注行業報告,深入瞭解行業

✅ 觀察用戶行爲,儘早知道痛點

✅ 內部溝通緊密,保持目標一致

2.目的地

“設計是圍繞目標的求解活動 ”

—— L. Bruce Archer

以目標爲導向做設計,更容易做出有效的方案。

👉 如何找到設計目標呢?

設計需求一般來自於產品和市場,產品和市場每一個季度都會有 KPI。

比如:優化體驗提高日活,提升市場銷售額。此時,提高產品日活、提升用戶的購買決策效率,爲產品和市場達到 KPI 提供一臂之力,是設計的目標。

設計的目標是滿足業務需求和用戶體驗,所以設計師要了解用戶。用戶體驗地圖是瞭解用戶有效的方法,它能幫助我們深挖用戶痛點、挖掘產品機會點、找到決策方案。

👉 一般來說,用戶體驗地圖包含以下幾方面的內容:

✅ 明確用戶:用戶畫像、用戶目標

✅ 用戶和產品:用戶行爲、情緒曲線、觸點

✅ 產品機會:用戶痛點、機會點

達到設計的終極目標不能一蹴而就。設計師要合理的拆解目標,將目標轉化爲設計可執行的階段性方案。

拆解目標要遵循 MECE 原則,即:思考問題的過程中,我們需要分解問題,每一層級的問題與問題之間“相互獨立”、“完全窮盡”。


👉 需要注意以下三點:

✅ 問題是否有遺漏

✅ 不同問題之間是否有重疊

✅ 假設是否靠譜

明確業務需求和用戶需求,設計師能輕鬆挖掘設計目標,根據尼爾森十大交互原則、格式塔原則等方法論,做出平衡業務目標和用戶體驗的有效設計。

成功第二步:舉證

經過深思熟慮,設計師提出設計方案,進入設計評審。此時,證明方案的有效性,成爲執行方案前的重點。


👉 如何判斷方案的可行性?可以從以下四個方面考量:

✅ 方案能否達到需求方的業務目標?

✅ 方案能否帶來好的用戶體驗?

✅ 爲什麼能達到理想的效果?

✅ 相比競品,這個設計方案有哪些優勢?

設計師要對這些依據有明確的認識,據此說服評審人員,推進方案的落實。

👉 應該如何闡述設計方案呢?

✅ 描述自己從需求分析到設計表達的過程

✅ 分析對比競品的方案,證明自己的方案更好

✅ 證明方案合理、可執行

✅ 運用可量化的數據,證明自己的方案

以上這些,都需要設計師在評審前有充分的準備。有理有據的闡述設計方案,才能得到需求方的信服和支持。

成功第三步:舉證

做出了有效的設計方案,如果沒有得到有效的執行落地,等於紙上談兵。

因此,推進開發落地,讓設計方案高度還原,是設計師的目標和職責之一。

1.讓開發參與設計環節

爲了避免想當然的設計,做出開發難以實現的方案,建議在設計階段就讓開發同學介入,讓 UI、交互、開發三者無縫對接、合作。

👉 比如:

交互做了創新設計,開發同學參與交互評審,根據自己寶貴的經驗,評判交互能否被實現和實現它需要的週期,以此給設計參考和建議。

避免設計完成卻被開發以“這個效果不能實現”打回來。

讓開發參與設計環節,能有效提高開發進度和設計的還原度,讓設計和開發更好的溝通和協作,讓項目更高效的進行。

2.設計規範必不可少

產品迭代的過程,包含新功能的開發、新頁面的增加等模塊。

如果沒有設計規範,視覺和交互體驗難以保持一致,設計重複勞動輸出效率低下,開發代碼混亂缺乏可持續性和可控性,最終導致產品臃腫無序,體驗不好。設計規範,爲解決這些問題而生。


設計規範是一個龐大的體系,需要設計師和團隊耐心的搭建和優化,可以在藍湖「設計規範雲」上搭建、管理、使用,讓設計有章法。


值得注意的是,搭建好設計規範之後,最好讓開發同學參與到評審中來,從開發的角度確定設計規範是否正確和專業。

3.正確的標註和切圖

經歷了縝密的思考和重重評審,設計界面終於定稿,進入設計開發交接環節。

標註和切圖是設計師的重要輸出產物,正確、精準的標註和切圖能幫助開發高度還原設計稿。

設計師需要標註各元素的尺寸、位置、顏色、不透明度、字體、字號等信息,並對圖標和圖片進行切片,提供給開發同學。

但是手動密密麻麻,而且設計師標註時一般會使用 px 作爲單位,開發同學在使用時,需要自己一一換算成 %、em、vw 等單位。手動切圖格式不全,不能滿足開發的使用需求,開發同學需要重新切圖。這無疑加大了開發的工作難度。

用藍湖自動標註、一鍵切圖,能完美解決以上問題。不僅標註切圖的速度更快,而且藍湖自動生成的標註信息正確、易於查看複製使用。

藍湖一鍵生成的切圖有多種格式,能滿足開發的所有需求。

總的來說,要提升設計的效果,讓設計有效落地,從需求分析到落地的每一個環節,設計師都要下功夫。

本期【藍湖有方】就到這裏啦,你還想聽湖湖分享什麼,歡迎在評論區留言~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章