👉 嘔心瀝血做了一份高端大氣上檔次的設計,卻被需求方評價:“設計沒有 Get 需求的重點,達不到理想效果,要重做哦!”
👉 設計終於落地了,卻被團隊質疑:“落地效果怎麼和設計圖差距這麼大,問題出在哪?”
以上情況在設計師工作中時有發生,而避免以上情況的發生,保障設計效果,是設計師工作的重點之一。
設計要滿足需求,達到應有的效果,有技巧可循。本期【藍湖有方】,湖湖琢磨了在設計的各個環節能有效提升設計效果的技巧,希望能幫助你更得心應手的設計,讓你的設計更有價值!
成功第一步:審題
很多設計師接到需求後,缺乏主動思維,被動的通過需求方確定需求、執行設計,最後淪爲執行工具人。
設計師應該具備主動思維,接到需求後主動“審題”,分析需求的背景和目的,爲需求方提供有效的設計建議。
1.出發點
設計不是摸石頭過河,接到需求後,深入瞭解需求的背景,能讓設計師瞭解產品的大環境,做出與行業、用戶更匹配的設計,事半功倍。
👉 不妨基於下列問題作思考:
✅ 我們的目標用戶是誰(用戶畫像)?
✅ 產品的階段目標和終極目標分別是什麼?
✅ 產品現在處於什麼階段?
✅ 現階段,用戶、產品、業務方的痛點分別是什麼?
✅ 現階段,設計的重點是什麼?
👉 如何找到這些問題的答案呢?
✅ 關注行業報告,深入瞭解行業
✅ 觀察用戶行爲,儘早知道痛點
✅ 內部溝通緊密,保持目標一致
2.目的地
“設計是圍繞目標的求解活動 ”
—— L. Bruce Archer
以目標爲導向做設計,更容易做出有效的方案。
👉 如何找到設計目標呢?
設計需求一般來自於產品和市場,產品和市場每一個季度都會有 KPI。
比如:優化體驗提高日活,提升市場銷售額。此時,提高產品日活、提升用戶的購買決策效率,爲產品和市場達到 KPI 提供一臂之力,是設計的目標。
設計的目標是滿足業務需求和用戶體驗,所以設計師要了解用戶。用戶體驗地圖是瞭解用戶有效的方法,它能幫助我們深挖用戶痛點、挖掘產品機會點、找到決策方案。
👉 一般來說,用戶體驗地圖包含以下幾方面的內容:
✅ 明確用戶:用戶畫像、用戶目標
✅ 用戶和產品:用戶行爲、情緒曲線、觸點
✅ 產品機會:用戶痛點、機會點
達到設計的終極目標不能一蹴而就。設計師要合理的拆解目標,將目標轉化爲設計可執行的階段性方案。
拆解目標要遵循 MECE 原則,即:思考問題的過程中,我們需要分解問題,每一層級的問題與問題之間“相互獨立”、“完全窮盡”。
👉 需要注意以下三點:
✅ 問題是否有遺漏
✅ 不同問題之間是否有重疊
✅ 假設是否靠譜
明確業務需求和用戶需求,設計師能輕鬆挖掘設計目標,根據尼爾森十大交互原則、格式塔原則等方法論,做出平衡業務目標和用戶體驗的有效設計。
成功第二步:舉證
經過深思熟慮,設計師提出設計方案,進入設計評審。此時,證明方案的有效性,成爲執行方案前的重點。
👉 如何判斷方案的可行性?可以從以下四個方面考量:
✅ 方案能否達到需求方的業務目標?
✅ 方案能否帶來好的用戶體驗?
✅ 爲什麼能達到理想的效果?
✅ 相比競品,這個設計方案有哪些優勢?
設計師要對這些依據有明確的認識,據此說服評審人員,推進方案的落實。
👉 應該如何闡述設計方案呢?
✅ 描述自己從需求分析到設計表達的過程
✅ 分析對比競品的方案,證明自己的方案更好
✅ 證明方案合理、可執行
✅ 運用可量化的數據,證明自己的方案
以上這些,都需要設計師在評審前有充分的準備。有理有據的闡述設計方案,才能得到需求方的信服和支持。
成功第三步:舉證
做出了有效的設計方案,如果沒有得到有效的執行落地,等於紙上談兵。
因此,推進開發落地,讓設計方案高度還原,是設計師的目標和職責之一。
1.讓開發參與設計環節
爲了避免想當然的設計,做出開發難以實現的方案,建議在設計階段就讓開發同學介入,讓 UI、交互、開發三者無縫對接、合作。
👉 比如:
交互做了創新設計,開發同學參與交互評審,根據自己寶貴的經驗,評判交互能否被實現和實現它需要的週期,以此給設計參考和建議。
避免設計完成卻被開發以“這個效果不能實現”打回來。
讓開發參與設計環節,能有效提高開發進度和設計的還原度,讓設計和開發更好的溝通和協作,讓項目更高效的進行。
2.設計規範必不可少
產品迭代的過程,包含新功能的開發、新頁面的增加等模塊。
如果沒有設計規範,視覺和交互體驗難以保持一致,設計重複勞動輸出效率低下,開發代碼混亂缺乏可持續性和可控性,最終導致產品臃腫無序,體驗不好。設計規範,爲解決這些問題而生。
設計規範是一個龐大的體系,需要設計師和團隊耐心的搭建和優化,可以在藍湖「設計規範雲」上搭建、管理、使用,讓設計有章法。
值得注意的是,搭建好設計規範之後,最好讓開發同學參與到評審中來,從開發的角度確定設計規範是否正確和專業。
3.正確的標註和切圖
經歷了縝密的思考和重重評審,設計界面終於定稿,進入設計開發交接環節。
標註和切圖是設計師的重要輸出產物,正確、精準的標註和切圖能幫助開發高度還原設計稿。
設計師需要標註各元素的尺寸、位置、顏色、不透明度、字體、字號等信息,並對圖標和圖片進行切片,提供給開發同學。
但是手動密密麻麻,而且設計師標註時一般會使用 px 作爲單位,開發同學在使用時,需要自己一一換算成 %、em、vw 等單位。手動切圖格式不全,不能滿足開發的使用需求,開發同學需要重新切圖。這無疑加大了開發的工作難度。
用藍湖自動標註、一鍵切圖,能完美解決以上問題。不僅標註切圖的速度更快,而且藍湖自動生成的標註信息正確、易於查看複製使用。
藍湖一鍵生成的切圖有多種格式,能滿足開發的所有需求。
總的來說,要提升設計的效果,讓設計有效落地,從需求分析到落地的每一個環節,設計師都要下功夫。
本期【藍湖有方】就到這裏啦,你還想聽湖湖分享什麼,歡迎在評論區留言~