阿贾克斯对热刺 www.utsvcz.com.cn

本文從What和How兩個部分闡述如何輸出清晰有效的設計方案,為大家建立系統的設計思路提供幫助。

很多初入職場的設計師在審美和平面圖形基礎上都比較扎實,對軟件的操作也出神入化,單個方案的界面視覺表現完成度和細致度也沒有太大問題。但卻往往在實際輸出項目方案的時候碰到瓶頸,方案反復地修改還不盡人意,設計能力無法得到質的提升,晉升的腳步也從而停滯。

本文從What/How兩個部分循序漸進地闡述如何輸出清晰有效的設計方案,希望給大家一些建立系統性設計思路的啟發,幫助大家更好地輸出設計方案,為決策設計方案提供更有力的參考。

WHAT:什么是清晰有效的設計方案

首先我們需要對清晰有效有一個整體的認知。所謂清晰,從字面上理解是指看得很清楚、明朗,設計層面來說就是方案能做到方向明確,方案明了。而有效字面上指的是有效果,有效力,從設計層面來說就是輸出的方案可以解決存在的問題,能達到設定的目標以及可以切實落地。

清晰和有效的考量維度是不一樣的:清晰更多是針對設計這一環節,在于不同方向/方案的差異度和側重點;而有效則更多需要聯合設計上下游(用戶/產品/開發)。對于優秀的設計方案來說兩者相輔相成,缺一不可。

接下來我們來詳細拆解什么是清晰和有效。

1. 清晰

方向明確,方案明了

很多設計師對方案輸出的數量有個認知誤區,認為設計方案越多越好,可以給老板、合作方更多選擇,往往不假思索地用大量的時間輸出所有可能的方案,并拿出來讓別人評審,認為把所有的可能性列出來就不會錯,這正是對方案清晰性缺乏認知的表現。

在設計最初期,不要著急動手輸出界面,先結合目標(近期目標和遠期目標)綜合考量,系統性地思考有哪些途徑達到目標,確保所有實現手段的方式都有考慮到,并且可以整合途徑一致、方向近似的方案。對差異性不大的方案進行合并劃歸,才能在合理范圍內整理出具有不同思考維度與目標側重的提案方向。前期規劃思考的深度決定了方案的廣度,只有清晰的思考方案才會創造無限的可能。

?用案例來讓大家對清晰這個定義有更具象的認知:

相冊小程序Logo這個需求的目標是需要突出相冊元素,并強化品牌識別度。

這是設計師輸出的Logo提案初稿,雖然輸出了28個方案之多,但沒有設計思路的規劃,想到哪就畫到哪,很多方案是重復的,還有一些方案在設計初期就應該Pass,設計的整個細致度也不夠充分。

??于是設計師對設計方向重新進行規劃整合,按照輸出形式重新規劃了分類。

按照分類篩選出四個可以繼續優化的方案。并且拿著四個不同方向的方案去匯報。最終確定D方案。

我們重新回顧一下這個需求,28個方案 VS 4個方案,設計師需要的不是盡可能輸出多方案的能力,方案越多可能表示你在錯誤的道路上越走越遠,需要的是通過前期系統的思考能一次把方案做對的能力。

2. 有效

很多設計師拿到產品需求會立即動手,認為滿足了產品這個角色提的需求便是好的設計輸出,或者把方案出的天花亂墜,當產品或者其他角色提出不同意見就會覺得他們不懂什么是好的設計。這些現象大多是因為設計師在項目前期沒有正確思考和評估這個需求本身需要解決什么問題、方案能否達到團隊共同設定的目標,以及方案是否能平穩落地這三個維度。

??

解決存在的問題—從問題出發

我們在實際輸出方案的時候,不能從產品經理的需求文檔開始,而是要把考量維度更前置,從項目現有的問題出發。這個問題的搜集包括外部用戶的反饋,內部團隊的聲音,但需要注意的是用戶的反饋不一定是真正的問題,需要做到篩選和甄別。比如新發布一個版本可能會碰到的一個情況是很多用戶打一星反饋說界面太難看太丑,這種屬于用戶感受,我們可以再深挖一下用戶覺得丑的原因,是不是改變了太多用戶習慣,但又沒有給用戶真的帶來更好的體驗和更多的收益。

能達到設定的目標—從目標啟動

問題還需要結合目標一起考慮,解決問題的思路并不完全等同于目標,目標是大家一起制定的未來產品的發展方向。比如我們新發布的版本里面新加了一個Tab改變了用戶習慣,大批用戶投訴,但如果這個新Tab是符合我們目標的,我們不能為了短期解決用戶投訴把這個Tab下掉,應該繼續觀察用戶在這個使用過程中碰到了什么問題,解決實際操作中碰到的問題。

用案例來讓大家對問題和目標有更具象的認知:

我們需要優化QQ空間的為空界面,首先我們梳理下現網存在的問題,風格整體比較老舊,很多圖形表意不明確,新出??榫突嵊行路綹?,所以存在很多不統一的地方,空間整個業務有一百多個為空界面,導致開發也不清楚到底應該怎么用,用什么,所以很長一段時間是處于亂用的狀態。

接著我們梳理了這次優化的目標:

  • 界面統一,用戶能對表意感知明確(解決現網問題)
  • 強化QQ的品牌
  • 做成基礎組件,保證復用性
  • 低成本開發

確定了優化目標以后我們沒有馬上急于嘗試風格,而是先遍歷了所有為空異常頁,整合了所有場景最后梳理出八種情況,這八種情況可以覆蓋所有的為空場景,梳理整合場景是目標1、3、4能實現的前提。

?然后我們基于這八個場景來輸出設計風格,要低成本開發,所以這里沒有考慮加動畫,用企鵝剪影結合具體的場景來表意,不僅強化了品牌,也能做到表意清晰明確。圖形定好以后我們馬上也輸出了規范,Push給對接的開發同學方便調用。

??

在輸出方案過程中,始終都要緊緊貼合問題和目標,避免無效設計。

能落地的方案—技術可以實現

在輸出設計方案的時候,設計師需要考慮到開發成本是什么,需要消耗多少資源去實現這個需求,最低成本達到目標的路徑是什么。如果有些方案開發成本很大卻收益價值卻很小,我們就需要斟酌它是否仍有執行的必要。避免一味的追求設計效果不去對齊成本、人力,最后也只會是設計的自嗨。

用案例來讓大家對清晰這個定義有更具象的認知:

產品提了好友生日推送禮物的需求,目標是想用生日這一比較溫情的場景去設計專門的祝福頁,用來提升寫操作和大盤活躍。我們需要設計送給用戶的禮物卡片,從實現手段的難易規劃了三個方向:

  • 手勢交互但開發難度大:3D手勢交互動畫
  • 趣味動圖且開發成本適中:局部小動畫
  • 靜態但開發成本低:全靜態視覺,復用已有開發流程

最后團隊對齊了人力成本,決定采用方案C,把設計精力放在本身卡片的表現上。

HOW:如何輸出清晰有效的設計方案

那如何才能輸出清晰有效的設計方案呢?設計方案歸根結底是思維方式的具體體現,輸出清晰有效的設計方案最核心的點在于體系化的思考方式,我總結了一下幾點:

1. 拓寬邊界

拓寬邊界需要設計師站在更高的視角和有更廣的視野,把設計從表現和執行抽離往前后延展,在整個設計過程中往前去挖掘需求和規劃產品結構,往后做到把控和沉淀,能站在上下游各維度去Review整個項目,只有站在更全局的視角審視,才能跳出片面設計的維度。??

2. 轉換視角

從不同的視角看待問題,學會拆解問題和解決問題,從產品/開發不同的角度來全盤看整個產品,分析這個需求的投入產出比是不是足夠,是不是能達到目標(包括設計目標和產品目標)。設計、產品、開發從來都不是對立的,都是不同角色為了整個產品發力。

舉個例子,產品同學覺得輸出的方案不好看,是在用感性表達,我們可以嘗試繼續拆解不好看背后的原因,比如是不是核心內容不夠突出、擔心按鈕轉化率等,一開始就抱著產品不懂設計這種想法是沒有辦法解決問題的。

還有一個就是用戶同理心,很多時候我們不能只站在設計師和產品的角度看待用戶反饋的問題,比如新功能內部團隊覺得很厲害,但實際門檻太高,用戶根本不知道怎么操作,而我們長期體驗這個產品反而忽略了產品的易用性。

3. 結構思維

我們在啟動項目的時候,不要單點去看要在某個頁面要做什么改動,而是從問題入手,和產品同學對齊好目標,結合設計理念,最后找到發力點在哪里,循序漸進,這樣很大程度上能避免項目的反復,對設計流程的準確把控也是輸出優秀設計方案的基礎。

舉一個日常生活的例子幫助大家理解,比如我的問題是長得丑,我的目標是要變得更年輕漂亮,我的理念就是改善體型和優化五官,最后找到具體的發力點比如晚上不吃晚飯,去美容院打美容針、學會怎么化妝等。

4. 認知創新

有些新設計師對設計創新的認知還停留在是去做一些創造世界、改變世界的事情,認為創新就是把原項目進行翻天覆地的改變,初入職場會覺得負責的業務和項目都很小,沒有什么意思,其實創新的維度有很多,包括設計工作流程的優化、還有從小的問題點著手去深挖和思考,找到合適的解決方案并打磨細節給用戶創造驚喜。擺正心態才能做對事做好事。

5. 及時復盤

完成項目以后需要不斷的總結方法,遇到的問題,除了技法層面的提升,更重要的還包括思考層面的提升。學會去總結之前踩過的坑,避免重復性的問題,比如你的輸出一直存在層級不清晰的問題,那么你需要關注后續輸出的界面里大??櫓湟約霸刂淶牟憒問欠窕勾嬖謖飧鑫侍???梢苑復砦?,但是盡量避免總是犯同樣的錯誤,這樣才能加速成長的腳步。

總結

進入互聯網公司工作之前,我們對設計的理解更多停留在表現層面,所以對好設計的判斷標準更多是好不好看、喜不喜歡。當進入互聯網公司后,隨著工作經驗的積累,我們會發現設計不只是狹義地使用軟件繪制圖形,背后需要很強的邏輯和系統思考的能力、結構化的思維、溝通能力等,需要我們不斷的學習補齊自己的短板,及時轉換職場心態。

歡迎關注「騰訊ISUX」的公眾號:

點贊
收藏 293

發表評論 已發布 8

還可以輸入 800 個字
 
 
載入中....
相關推薦
8 收藏