阿里交互設計師總結新人進階方法
作為職場新人,第一次接觸到這樣專業的設計大團隊還是蠻興奮和緊張的,團隊的設計氛圍很好,師兄師姐們也都很熱情。那麼交互設計師新人該如何儘快熟悉適應工作環境呢?下面是小編收集的阿里交互設計師總結的新人進階方法,歡迎學習!
作為職場新人,第一次接觸到這樣專業的設計大團隊還是蠻興奮和緊張的,團隊的設計氛圍很好,師兄師姐們也都很熱情。團隊裏有很多大牛,我們UED有一個平台可以看到大家上傳的項目作品,同時也經常會有分享活動,可以學習他們的經驗。總之接觸這樣的團隊讓我學到了很多書本上沒有的理論知識和實踐經驗,接下來整理一下我在公司裏實習幾個月的一些收穫總結,跟大家共同學習進步。
1,拿到項目先思考清楚了再動手,不要過早陷入細節
記得一開始接手第一個項目的時候,經常會犯這個錯誤——拿到需求就馬上在電腦上畫界面,這樣一方面會導致缺乏前期分析而思考不夠全面,方案產出少且創新性不足;另一方面則是過早陷入細節,進度緩慢。而在後來參加一次虛擬項目時,和一堆開發同學(也都是實習生)討論方案,發現很多人常陷入技術實現的細節中去,這時我懂得了試着把大家討論的重點往方案的大框架方向帶一帶,以提高會議的效率。所以,思考清楚再做,不要過早陷入細節。
2,目標,用户的目標是什麼?界面設計的目標是什麼?
做項目的時候,我常會糾結於當前的方案是否足夠完美,總是感覺還會有更好的解決方案,但是又實在沒能想出來更好的它們,這樣子糾結着很久,結果啥也沒幹成白白浪費了很多時間。這其實是忘記了用户目標或者是對用户目標不夠明確導致的,後來經過師姐指點回過頭來去看那些滯留方案,根據“用户的目標是什麼?當前這個方案能否滿足用户目標?以及這個頁面設計的目標是什麼?”來檢驗我在糾結啥時,就會豁然開朗,才發現原來很多時候都是沒有必要的“煩惱”(完美主義是種病)。所以在做方案時,應該要時刻記住用户目標。
3,關於兩種方案的權衡
設計方案時我一般會出兩套方案,一個保守、成本低、易實現;一個理想方案,體驗最優。而在和其它同學討論方案時,也經常會出現兩種方案的討論甚至激辯,兩個方案各有優劣PD一直拍板不下來,這個時候應該如何去權衡呢?通過實踐和大牛們的指點我覺得可從這幾個方面去考慮:
兩個方案是否都滿足用户目標?
哪個方案對用户和對商家利益最大化?設計的組件能否複用?開發成本和技術難度比較?
跳出當前的場景,用整體全局的思維考慮,從大框架和上下文去考慮哪個方案更優。
如果這樣做還是不能判斷的話,可以找幾個真實用户進行快速測試一下,比如我之前做的一個購物車湊單功能的二期方案,業務邏輯較複雜,我出了兩套方案,方案一對於當前優惠信息展現一目瞭然,但是頁面較多,用户來回切換操作不方便;方案二的頁面集成,減少了很多中間頁面,用户可以快速切換,但是缺點是對於當前優惠信息的展現不夠清晰,容易給用户造成困惑。這個時候我和用研同學找了幾位用户進行用户測試。最終敲定了方案一作為最終方案,以及這個方案中的一些改進點。
4,方案自我檢驗:
當我們做完一個設計方案,給PD、開發等同學看之前,需要對自己設計的方案進行簡單快速的自我檢驗,一方面防止出現低級錯誤,另一方面提高溝通效率,展現專業性。那麼應該如何自我檢驗:
1. 把頁面中的每個元素都檢查一遍,包括它的狀態和上下文
頁面中任何元素都要有存在的理由,不要做多餘的設計。這是最直接有效的方案自我檢驗方法。任何元素都要有存在的理由,做交互設計一定要嚴謹和理性;不要做多餘的設計,減少干擾減少不必要。我一直很喜歡設計得很簡潔的產品,如無印良品極簡的'設計風格產品,也一直信奉“少即是多”這樣的黃金設計原則。
2. 利用《About Face3》中的交互設計原則來檢驗
相信很多人都看過這本經典書籍,雖已過去很多年但裏面的原則仍然適用於指導當下的設計。
5,提高與PD/開發溝通過程中的話語權
很多設計師都在抱怨在項目中沒有話語權,一開始我也是如此,我在阿里做的第一個項目,由於對開發知識不是很瞭解,方案更多考慮的是追求好的用户體驗目標導致在方案評審會議上,發現技術上實現不了一些功能,所以砍掉了很多要素,體驗落差很大。當時內心是很憋屈的,覺得自己花了很多精力做出來的方案就因為技術原因(很多是因為開發時間問題,並非是實現不了)而要變得“面目全非”。從那以後我就下決心要學一些開發知識來提高自己的話語權。總的來説,除了技術知識外,想要把握主動權還應注意以下幾點:
1. 有想法,別輕易妥協
做第一個項目時,開始的幾個方案版本有很多自己的想法,然後與PD溝通後修改了很多地方(剛接觸沒敢太堅持自己的想法),後來找師姐溝通提出的很多點其實自己有想到過,這就説明自己思路被PD帶亂了,這樣的話會一直跟着PD的思路走,最終變成一個只會畫圖的美工,而不能在項目中發揮設計師自己的專業技能。所以應該多堅持自己的想法,不能輕易妥協,有時候爭論是為了產出更好的產品。
還有一些PD喜歡在PRD文檔中放一些視覺稿,我當時做的這個項目的PRD文檔中就已有視覺稿了,很容易被幹擾被束縛。這時候設計師要發揮自己的能力就要獨立思考,不要被幹擾。
2. 方案評審前的準備工作 (摘自《破繭成蝶》一書)
(1)事先考慮所有可能的方案;不錯過更好的方案,評審時反駁他人疑惑,用於支撐這個方案是最好的
(2)準備各種設計依據;調研結果、支撐數據、競品分析等
(3)做好會議邀請工作。
總之,PD偏重大方向、商業目標、業務功能業務等;交互設計師偏重邏輯、細節、情感、創意、界面等。我們在與PD的溝通過程中,大家的目標是為了達成一致,即權衡商業目標與用户目標。
6,責任、執行力、態度
這是一位師兄跟我講的觀點,做一名交互設計師需要樹立正確的價值觀,最重要的便是這三個點:責任、執行力和態度。我非常認同這個觀點,只有優秀設計技能的只能算是一個出色的設計工匠;而既有一流設計技能,又有崇高價值觀的才能成為真正的傑出設計師。後來我通過自身一些項目的沉澱和學習其它設計師的經驗觀念,自己總結出了心目中認為的設計師的自我修養:
包括專業技能和職業素養兩大塊,專業技能現在有許多渠道可以去學習和提高,大部分設計師都在努力提高這一塊能力;而職業素養則需要設計師靠自我意識地通過平時的細節中去留意去提高,很少有設計師在關注這一塊技能,但它事實上是非常非常重要的。
-
javascript設置創建動態表格的方法
兩種JavaScript動態創建table表格的方法,分享給大家,具體實現如下方法一:最原始的方法,創建一一元素vara1=teElement("table");vara2=teElement("tbody");vara3=teElement("tr");vara4=teElement("td");//開始appendchild()追加各個元素ndChild(a4);ndChild(a3);nd...
-
Dreamweaver跳轉菜單的方法技巧介紹
什麼是跳轉菜單:跳轉菜單是文檔內的彈出菜單,對站點訪問者可見,並列出鏈接到文檔或文件的選項。可以創建到整個Web站點內文檔的鏈接、到其它Web站點上文檔的鏈接、電子郵件鏈接、到圖形的鏈接,也可以創建到可在瀏覽器中打開的`任何文件類型的鏈接以下是小編為大家...
-
JavaScript 小型打飛機遊戲實現和原理説明
JavaScript小型打飛機遊戲實現和原理説明玩法説明:上下左右控制移動,空格發彈。每打中一個敵機就加100分,每提升5000分,玩家的飛機的一次發彈數就加一,最多四,被敵機撞到或者讓敵機飛到底部就算輸。。。。演示代碼:http://demo./js/FlyBeat/遊戲目前的功能還是比較簡...
-
網頁設計黃金配色原則是什麼
身為網頁設計新手的你,是不是還在糾結於你製作的網頁找不到一組完美的配色方案?在本教程中我們將與你分享6條肯定會火,並且“錯不了”的指導方針,你可以按照這些原則把握最基本的色彩規律。現在我們分享的這些原則都不是規則,你會在你的職業生涯中創造出更多的配色...