轉崗交互設計師需要具備哪些技能

轉崗交互設計師需要具備哪些技能

轉崗交互設計師需要具備哪些技能,教程,設計小KAM,原創文章站酷網,中國設計師互動平台。

前言:為什麼轉崗交互設計師

隨著互聯網行業的不斷發展,UI設計師崗位的競爭也越發激烈,越來越多的UI設計師為了提高自己的核心競爭力不斷去學習產品交互技能,作者曾經花了兩年多的時間去系統的學習交互知識,從一個小廠的UI設計轉崗到某廠的交互設計師,學習期間發現很難去找到整套完成流程的交互教程進行學習,零散的知識點浪費了很多的學習時間,所以我整理了一些UI轉崗到交互崗的所需技能分享給大家(當然,交互設計涉及的知識點非常多,這裡提到的主要是重要知識點),讓大家快速學習、了解一些交互知識,希望能和共同學習,一起進步。

一、目標用戶與需求分析

蘇杰老師在《人人都是產品經理》裡面說過一句話:

"不是每個人都能以產品經理為業,但在我看來,產品經理是一類人,他做事的思路與方法可以解決很多實際的生活問題。

只要你能夠發現問題並描述清楚,轉化為一個需求,進而轉化為一個任務,爭取到支持,發動起一批人,將這個任務完成,並持續不斷以主人翁的心態去跟踪、維護這個產物,那麼,你就是產品經理。

至少,你已經是自己的產品經理了。這才是“人人都是產品經理”的真諦。 "

如果你讀懂了這句話你就明白為什麼目標用戶與需求分析會放在首位,交互設計師的職能並不是單純的去設計產品功能,實際上是去解決用戶的需求問題,我們通過設計產品去最快速、最有效地解決用戶的實際需求,那才是我們做設計的真正目的。

那麼如何去定義目標用戶以及需求分析:

1、明確產品的目標用戶

相信很多同學在做UI作品集的時候也做過用戶畫像模塊,請問你們的用戶畫像是真的通過自己進行調研出來的還是只是自己通過想像而隨意編寫的呢,作者當年也是跟著網上的作品集套進去,並不理解其中的由來與作用,其實用戶畫像主要用於我們快速的理解產品用戶的期望、需要、動機等,根據用戶場景特徵去進行設計,有了用戶畫像的支撐,能避免我們在設計過程中出現一些不必要的因素,下面我列舉了一些確定目標用戶的方法。

處於不同發展階段或不同大中小型企業,可以使用不同方法確定產品的目標用戶:

  • 第一種:處於從無到有的C端產品並且是小型公司的話,最簡單直接的方法是在數據分析網站上通過競品分析去了解用戶,一般的數據分析網站有:艾瑞數據(https ://index.iresearch.com.cn)、易觀千帆(https://qianfan.analysys.cn/)、百度指數(http://index.baidu.com/v2/rank/index.html?# /industryrank)等. 每個數據分析網站有各自的優勢,這裡我用艾瑞指數來舉例:假如你的產品是教育類的產品,那麼登錄到艾瑞數據後可以選擇“學習教育”類型(你可以選擇web或app產品),隨後查看該類型TOP10的產品進行查看(這裡也順便教你們怎麼尋找競品了),如下圖:

undefined

undefined

進入產品詳情后,你可以看到該產品月度覆蓋的人數、環比,使用人群性別比例、使用人群年齡佔比以及區域佔比等.這些參數都是能快速、便捷地讓你去定義產品目標用戶特徵,你可以利用這些參數與後續的用戶調研來繪製用戶畫像,以後出去面試的時候面試官問道你的用戶畫像怎麼來的,你便有據可依。

undefined

        

  • 第二種:處於拓展期的B端產品,考慮到現在很多中小型的企業都是做B端產品(作者就是從實習到現在都是一直做B端產品),其實這種產品的目標用戶通常是已經固定的,並不需要像上面一樣,因為B端產品就是為了解決特定用戶的某些需求而研發的,就好像企業微信,就是為了提供企業員工進行考勤管理的,學生跟老人等用戶基本不會用得到,所以你們只需要參考公司策略明確產品的目標用戶人群即可。

  • 第三種:已經處於成熟期的產品,這種產品已經有了固定的用戶了,我們只需要根據後台數據庫的用戶屬性跟行為數據進行分析即可,一般這樣的用戶信息才最具有說服力,因為這些數據信息都是通過產品的真實用戶收集得到的。

2、產品需求分析

需求分析,就是根據用戶調研去挖掘和提煉用戶需求,發現用戶的痛點,把用戶需求轉為產品需求(解決方案)的過程。這部分的工作很多時候會由產品經理去負責,但是也有部分公司會讓交互設計師單獨處理,每一家公司分工不同,設計師可以根據自己的實際情況而定。

用戶需求並不是獨立存在的,我們在挖掘需求的時候需要基於用戶、場景以及期望去進行分析(有點像以前語文的人物、事件、地點),所以提煉用戶需求的時候需要結合到用戶場景案例來進行分析,例如:

“還是教育類的案例,小彬(用戶),畢業出來工作後想通過學習英語去提升自己的呢你,但是上班時間特別忙,晚上回到家都很晚了(場景),希望能夠在上班路上利用零碎時間進行學習(期望)”

根據上面的案例我們就可以很容易看到用戶的需求:“能夠在上班的路上利用零碎時間進行學習”,根據這個需求我們可以很好的給用戶提供解決方案,例如我們出一個短視頻教程模塊,讓小彬在上班的路上邊看教程學習邊坐車,並且隨時暫停,不需要長時間學習。

看完上述案例,我相信大家對需求分析有了大概的了解,但是這裡我要強調兩點,這兩點是很多人都會犯錯,需要大家注意:

(1)在結合用戶場景去進行需求分析時,用戶場景必須貼合產品真實存在的用戶場景,切勿通過自己想像得到,不然到最後得到的需求很可能是偽需求,讓後續的原型設計走很多的冤枉路。

(2)有時候通過場景挖掘的用戶需求進行設計時,需要有自己的思考,不要覺得用戶想要什麼我就只給什麼,在汽車發明出來之前人們的需求是要一匹更快的馬。

二、競品分析

通常我們在設計原型之前都會做競品分析,相信很多同學都了解什麼是競品分析,因為就像以前做UI一樣,我們也會去參考別人的界面排版、配色以及構圖等,作為交互設計師很多時候也需要去進行競品分析,一是為了讓自己快速了解產品邏輯,二是讓後面的設計方案有一個大概的方向,快速定義產品的信息架構,與UI設計不同,交互設計師分析產品的角度以及分析的方法可能並不僅僅停留在表現層,我們需要深入到框架層以及架構層。下面帶大家看一下競品分析流程:

(1)確定競品分析的維度

簡單點說就是確定競品分析的目的,確立方向,然後朝著該方向去進行分析,這樣才不會讓自己漫無目的,快速獲取競品分析結果。

很多同學做競品分析都是因為產品需要從零到一進行設計,對於新項目一般需要確定你們的項目要做那些功能,公司的設計目標是需要達到什麼樣的效果,每一個產品設計的優缺點,我們在設計的時候怎麼樣取其精華去其糟粕。

(2)選擇目標競品

 

選擇目標競品最重要的一條是確定自己產品的類型與功能,根據自己產品的功能類型去尋找同方向且熱門的競品,我下面列舉幾個方法:

1.艾瑞數據尋找目標競品:這個方法上面已經跟大家提及過,我們可以打開艾瑞數據(https://index.iresearch.com.cn),然後選擇自己產品的類型(例如學習教育類),網站會把該類型的產品按照用戶數量從高到低展示給你,一般我們只需要看top10就足夠了,競品分析不在於數量的多少,而在於你分析得是否到位。

    

undefined

    

2.APP Store(IOS)/應用寶(安卓):一般如果找APP競品的話,可以在APP Store中查找關鍵詞,再結合產品的熱度進行選擇,例如教育行業APP中,用戶量較多的學而思網校與慕課,但是這兩個產品教育方向不一樣,所以在選擇的時候需要結合自身產品的功能進行選擇。

        

(3)競品分析的方法

在確定了競品分析的維度和競品選擇後,我們需要對競品進行分析,但是每個人對競品分析的方法不經相同,也沒有一個統一的做法,所以我下面列舉一些我根據工作經驗而慢慢形成的競品分析方法,這些方法通常讓我事半功倍,同時也希望能幫助到你們。

1.從範圍層(核心內容+功能)進行分析:

 

該方法主要是指利用表格去統計各競品有哪些核心內容與功能,從而了解哪些核心內容與功能是重點,對後續的產品設計有一個更加整體的把握。下面我以現在流行的音樂APP為例子進行分析:

undefined

依照表格逐步去分析每一個產品的優缺點,從而根據自身產品的實際情況進行取其精華去其糟粕,打造一個優秀的產品。

2.從框架層(產品的交互流程)進行分析:

從框架層進行分析即針對每一個競品分析去完成一個完成功能需要哪些步驟,然後詳細記錄下來,最後查看哪一種交互方式更加方便,用戶體驗會更好,等到畫原型的時候,心裡會有一個大致的模型。例如:當使用音樂APP的時候,你聽到一首很喜歡的歌曲,你想點擊收藏,那麼在網易云音樂中需要點擊右上角的歌曲,進入歌曲頁面後點擊收藏圖標進行收藏,最後再返回原來頁面,進行原來的操作,這樣會打斷用戶的思維,帶來一些不好的體驗,而酷狗音樂,你只需要長按歌曲,然後點擊收藏圖標即可,無需進行頁面跳轉,這樣會使得整套操作更加的流程,以後在同類型的功能中,你就知道該怎麼去進行設計。

undefined

        

3.從表現層進行分析:

從表形層進行分析的話會比較簡單,就是找到競品值得借鑒的部分、然後記錄下來,分析原型,如何進行借鑒即可。例如,酷狗音樂中,長按中間的歌曲後,會彈出對這首歌進行操作的快速按鈕,可以讓你不需要跳轉頁面就能隨時對這首歌進行收藏、暫停或者是播放下一首,這種做法創新了一種用戶體驗更好的交互方式。

三、原型設計

作為交互設計師,原型是我們工作中最重要的產物,我們上面所討論的目標用戶、需求分析以及原型分析都是為了我們能夠做出一份好的產品交互原型。一份好的原型不單能讓開發人員快速了解產品的交互邏輯,並且能清晰的展現產品的核心層面,用戶痛點與用戶目標。下面我給大家介紹一下畫原型圖一般用那些工具以及怎麼去完成原型設計。

1.原型設計一般都使用那些工具:

 

(1)Axure: Axure RP是如今最傳統的原型設計工具,設計師可以根據自己的工作需要去搭建原型組件,並利用自己搭建好以及軟件內的組件快速設計出產品原型,Axure本身也提供了強大的交互支持,設計出來的原型與實際產品幾乎沒有差別,雖然自身所具有的組件比較少,但是網上提供了很多成熟好用的第三方組件,直接下載即可,作為交互設計師基本都需要掌握該工具,但是這個工具有一個缺點,就是如果把交互稿分享到Axure雲提供給同事瀏覽的話,因為是國外服務器,國內打開的時候會比較慢,相對而言會不大方便。

(2) Sketch:目前,很多的公司逐漸用sketch去取代Axure進行原型的設計,Sketch優勢在於自身俱備了很多的模板,而且也支持非常多的功能插件,可以省去網上尋找資源的麻煩,此外,Sketch還有一個重要的功能點,就是"組件/Symbol"(類似於Axure的母版功能),能夠快速修改以及維護大量重複的組件,同時還能與principle進行配合,製作出高保真的交互流程。缺點就是目前Sketch與principle都只支持蘋果用戶,Windows系統還無法使用。

(3)figma:這幾年figma越來越火,憑藉著能夠跨平台、多人同時協作等優勢,漸漸侵占了Sketch在設計師中的市場,不管是UI設計還是製作交互原型都特別方便。 figma出了擁有上面Sketch的功能之外,還支持跨平台運作,並且可以多人同時協作,任何人都能在設計圖上進行線上修改與評論(以後不會畫的,可以叫同學偷偷幫你做了),社區還提供了大量的模板與插件,開發還能根據設計稿去導出任何資源(包括CSS、IOS、Android樣式等),功能十分強大,同學們可以自行探索。不過如果需要多人協作的話,需要進行付費,但是對於一般的設計師來說,免費版也已經足夠了。

2.原型製作過程:一般的交互原型應當包含文檔封面、更新日誌、文檔圖例、產品信息架構、產品流程圖以及產品交互頁面等等(設計師可以根據自身需求去進行增減),下面著重介紹怎麼通過Axure進行頁面原型製作。

交互設計師是一個七分想三分做的崗位,產品頁面都是由組件、元素構成的,這並不復雜,複雜的是我們要捋清頁面背後的用戶需求、業務流程、頁面交互等,所以製作原型過程更多的並不在於"畫",而應該是"思考",認清產品的核心,這才是重點。

製作原型的第一步,我們可以通過用戶需求和競品分析的結果進行信息整理,心中大概有一個頁面的初步模型,這時候我們可以使用Axure去進行簡單的佈局構建,就像我一樣,按照構思好的模型,通過拖拽自己的元件庫去設計整體頁面與跳轉邏輯(注意,畫原型的時候顏色最好只使用黑白灰,避免影響UI同學設計),最後進行細節的處理與調整,例如每一個缺省頁面、特殊頁面怎麼展示,產品邏輯是否閉環,可變參數的極限是多少個字,需不需要換行等等..

在製作原型之前,每一位交互設計師都應該先準備好自己元件庫,一般的話網頁端產品一套,移動端產品一套,網上提供了很多成熟的元件庫,設計師們也可以選擇適合自己的進行調整,磨刀不誤砍柴工,製作原型時需要重複利用組件,所以一套合適的元件庫能使你的設計事半功倍。

設計完原型後,還有最後一個步驟一定要去做的,那就是交互自查,這是一個專業的交互設計師必備技能,網上關於交互自查的方法有很多,也提供了很多交互自查表給設計師們去參照,我這裡就不重複給大家介紹,但是千萬不要怕麻煩,交互自查能讓你減少後續與開發人員的溝通。

四、數據分析

 

數據分析時交互設計師必不可少的一項技能,也是驗證設計成果的重要因素。上面提及確定競品分析的維度,就是為了通過確定數據去驗證成果,如果我們缺少對數據的評估,就無法說明我們的設計效果是好還是壞。

所謂“無對比,不分析”,一般數據分析都是通過數值進行對比,去查看數據相對是上升、下降、還是持平,是否跟當初設計預期的一樣,一般來說,對於初期的產品會更關注產品的一些DAU、GMV、以及支付人數等,因為這些數據的增減是直接影響到整個產品的存活,如果產品的DAU不斷下降的話,那你就要馬上查找原因,及時調整,避免惡性循環。

此外,還有一種數據分析叫環比分析,環比,表示連續兩個週期內的量級變化比,例如連續一個研發週期、一周、一個月的量級變化比,都可以稱為環比。環比分析一般體現在該時間段對比上一個連續時間段的數據變化情況。

計算公式:環比增長率=(本期數-上期數)/上期數x 100%

舉個簡單的例子:我們研發的周期是一個月迭代一次的,那麼該產品功能上線後,我就會根據每個月的DAU數據進行環比分析,查看這次迭代產品DAU環比是上升還是下降,如果是上升再調查是否因為這次迭代的功能導致DAU的上升,最終得出設計的成果。

五、最後總結

這次分享的知識點可能會比較多,從目標用戶的確立、需求分析、競品分析、再到原型設計以及最後的數據分析等..不過作為交互設計師需要掌握的知識還有很多很多,如果你是B端的交互設計,還需要了解用戶權限、角色以及菜單的關聯關係等,但是每一家公司交互設計師的職責都不太一樣,公司規模也可能差距很大,我們需要掌握那些技能也沒有一個標準答案,不管是黑貓還是白貓,能抓老鼠的就是好貓,所以我覺得作為設計師最重要的技能是靈活,靈活的處理每一個項目,你可以不去做用戶分析,你也可以不會競品分析,只要最後能完成領導分配的任務,提升產品的用戶體驗就已經足夠了,就好像詠春一樣,沒有誰的詠春是正宗的詠春,千萬不要讓固化的思維去限制了你的設計,不斷學習,大膽創新,這樣我們設計的道路才會越走越遠。

最後感謝大家能看到這裡,最後附上一份我常用的交互文檔模板~~

希望大家能有所收穫,謝謝~~

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。