互動設計師到底是需要做什麼?

2021-02-13 開課吧產品100

互動設計師到底是需要做什麼?

儘管很多談及交互的書上都已經回答過了:

還是有很多對互動設計有興趣的朋友會問我這個問題,並希望我能回答得詳細,具體到我工作中的每個細節。

其實互動設計需要做什麼,會隨每個互動設計師的工作內容差異而不同,具體到每個項目也會有區別。

下面分享下我是怎樣做交互,方式不一定是最合適,希望大家多指點,共同學習進步。

發現用戶需求,建立明確需求

發現用戶需要的方式有很多種,我們可以在用戶反饋裡收集到許多用戶提出的想法,他們希望我們能提供幫助解決問題的產品;我們也可以主動去觀察一些生活中的信息,為靈感的迸發做儲備。

比如說日程管理項目,有不少用戶跟我們的郵箱反應說,他們忙碌的時候會忘記一些重要的事情,比如一些會議或者約會,所以希望網易郵箱能提供一個專業的日程管理功能,能夠幫助他們有效的管理和安排每天的日程。

確認了用戶的這一需要,我們的產品同事就會組織立項,把用研和設計組的同事呼喚過來一起進行調研,確定我們的目標用戶。

用研組會通過問卷調查等方式儘可能多的去收集信息,互動設計師也會參與分析調研,組織會議幫助用研組完善信息,我們會採取一些有趣的方式,比如一堆人在一起頭腦風暴,大家回憶各種相關的生活場景,然後把一些關鍵詞記錄下來。

這一步我們的目的是要知道:用戶想要什麼?

通過這些步驟我們提煉出一些最重要的功能需求,接著產品組會整理出需求文檔,設計師就位。

提出設計方案

通過調研,我們得到了大量數據信息,並建立了明確的需求,下一步就是開始提設計方案。

這個階段我會做一些概念設計,類似於做實物產品時設計一個水杯,我會描述它說:我要設計一個旅行用的水杯,它能疊成一個小圓盤,喝水的時候只需要把小圓盤的圓心部分往下按,就能變成一個杯子。

網際網路產品也是這樣,需要賦予它一個概念,例如日程管理:這是一個專業的日程管理功能,通過使用它,我們可以有效的管理自己每天的日程和時間,以提高工作效率,並且不會再錯過每個重要的約會!

這些文字並不一定非是互動設計師所總結,但是互動設計師必須要做到對產品心裡有數,明確我們要做什麼。

同時需要進行的還有初稿設計,在這裡我所謂的初稿,並不一定是嚴格要求中的交互原型,可以是用Axure把主要的頁面流程做出來,也可以手繪草圖,只要能清晰表達設計構思的,什麼樣的方式都可以。


製作設計原型

製作設計原型,也就是常說的交互稿,區別於做設計方案時的初稿,這份交互稿我會儘可能細緻的把流程和具體操作形式表達出來。

考慮到做交互是一個迭代過程,我會在設計稿的首頁為設計的產品做一份交互更新日誌,記錄下交互更新時間、版本名稱、更新類型、更新內容、參考需求文檔與交互負責人。

這份更新日誌的意義在於:

交互稿的製作過程,一般是用Axure做原型,像郵箱這樣視覺比較成熟且相對穩定的產品,我會偏向做高保真模型,我們會整理一個控制項庫,這樣能提高製作效率;做一個全新項目時,黑白稿線稿都是可用的方式,如果互動設計師能對大概的視覺效果有把握,也能做得精緻些。這些我想大家都很了解,所以不多說了。

之所以把這部分內容提出來單獨寫一段,是因為之前和很多做交互的朋友討論過該怎樣做好交互說明,大家各有看法,很難找到這部分工作的衡量標準。

製作交互說明

交互說明書在整個設計過程中,也許只會佔用小部分工作量,但是作用不小,它能幫助我們減少溝通成本,輔助交互稿描述設計理念,表達交互流程,更細緻的展現我們的設計。

與做設計稿不同,個人認為,交互說明這部分工作,需要我們更多了解它作說明的對象,即產品經理、視覺設計師、開發人員的需求,從而達到真正的「輔助」效果,而不是盲目憑自己主觀去長篇大論,否則我們要為此花費時間,而且這部分工作只能沉積為一堆我們自己欣賞毫無意義的文字。

為此我曾與合作過的各組同事進行溝通,提煉出一些他們對交互說明的需求,不求全面,但求能說明一些問題。

1.交互說明最好是圖文並茂(all)

便於閱讀和理解。

2.頁面跳轉的說明(產品&程序)

頁面跳轉是涉及多個頁面關係的操作,產品人員在看交互稿時,會更多去關注多個目的性的任務操作流程,而對頁面跳轉的記憶是有限的,所以需要頁面跳轉說明。

3.交互說明能否考慮與產品需求文檔結合(產品)

開發文檔會涉及產品概念、技術方案、業務執行角色等內容,和互動設計稿有著緊密關聯,所以交互說明書與開發文檔是可以相互做補充,整理成一份文檔,這樣也能避免工作內容重複。

4.對交互稿中不明顯的交互動作或隱藏的設置項作說明(產品&視覺&頁面構架)

細節和動作需要描述清楚,比如說滑鼠focus、click的動作,或click後是loading還是跳轉,這些平時都是開會上討論,但是參與項目的人員不一定都能記住,所以會需要在交互說明書裡做說明,並需要考慮到頁面構架組需要預留適應變化的結構。

5.產品風格定位(視覺)

商務風?休閒風?視覺需要一個準確的產品風格定位。這部分工作不一定是由交互人員來確定,但在產品孕育階段中,設計稿討論以及不定時更新的數據調查,會使得產品風格定位漸漸明確,視覺的同事更多是參與設計階段的工作,這就需要交互人員將這些信息在交互說明中記錄下來,以輔助視覺完成。

6.極限狀態(前端)

比如一個列表最長和最短顯示。

7.異常/出錯情況說明(程序)

這一點在交互稿製作和與產品溝通過程中容易被忽略。

有的設計師會疑惑:為什麼我做的設計說明書會沒人看?我寫的很詳細了,但是他們還是會問我一堆設計的問題!甚至,問我為什麼要做這個文檔?

在這些情況面前,設計師應該做些思考,我們所製作的這份說明是否真正解決問題了呢?

一些基本的邏輯判斷和文字內容,產品人員已在需求文檔中列出且在交互稿中已清晰呈現,例如原型中完整呈現的設置內容,或一個單選複選關係,這些內容我們再花時間去大篇描述,並無太大意義。

所以我的理解是,交互說明並不一定是一份文本,它不該是設計師的舞文弄墨,更不該流於形式做互動設計原型的複製品。

我們可以在交互原型上注釋,在圖上寫說明,或者是在和項目組發郵件時寫為郵件內容,當然也可以是word文檔,PPT….

總之,我們要做到的是真正解決問題,讓交互說明書成為幫助項目中各組成員之間進行有效溝通、輔助理解設計內容從而達到提高項目效率的工具,並在需要的時候被製作。

用戶測試與評估

產品基本功能實現後,我們會做用戶測試,設計是很主觀的,並且會受各種因素影響,所以我們的產品難免會存在一些意料之外的問題,通過招募用戶來使用我們的產品,我們能收集到一些使用場景中發現問題的反饋,並把這些整理成優化點,完善我們的產品。

同時互動設計師也要多用自己的產品,保證上線內容與設計保持一致。

這就是我對自己交互工作的一個相對完整的描述,互動設計師這個頭銜我領了不到一年,但是這一年學到了很多。我的感覺是,這是一份不難的工作,因為我自己也是一個用戶,我會在使用產品的過程中發現這樣那樣的問題,所以我也自然而然的想去解決這些問題,並在尋求方法中得到一定的積累;然而,這確實是一份很需要花心思的工作,設計方式自由,但是設計內容需嚴謹,疏忽了一個問題,就有可能為產品帶來極大的負面影響,甚至失去用戶的青睞。

要讓我們的產品保持良性發展,就要求設計師們不斷探索優秀的設計方法。

最後,也希望大家能多分享各自的設計經驗,相互學習,讓我們的產品體驗越來越好!


美好學院

就業加薪的好地方,新人入職夢想崗位的首選職業教育品牌。國內唯一產品領域生態課程:產品經理、產品運營、視覺設計、互動設計全面發布保障就業服務。要你,年前輕鬆學習,年後高薪入職:)

產品100

網際網路產品愛好者免費學習平臺:每日精選推送產品經理優質學習內容,讓你一次訂閱即可全部滿足。

網際網路產品經理職業培訓領航者:免費課程超過60萬次學習觀看、影響逾5萬名產品從業者、幫助近6千人蛻變為產品人,引領行業最高指標!

本文由產品100為你推薦並呈現

同時,特別鳴謝並向你推薦:

文章來源:UEDC

文章作者:顯玉

 

友情提示:

若出處標註錯誤,請聯繫QQ:2977686517及時更正,感謝理解和支持!

如有原創文章分享請發送至郵箱:ann@chanpin100.com 或者直接微信回復「我要投稿+您的QQ號」


相關焦點

  • 產品經理做的原型和互動設計師做的原型有什麼區別
    還是把下一層級的髒活累活甩給交互去做吧。產品經理確實也需要畫圖,但應該畫的是「故事板」,向大家講清楚,我們這個功能,在用戶的真實生活中是幫他們解決什麼困難的。捨本逐末,不可取。當然,這是把產品和交互分成兩個角色來說的。一個思考需求,一個思考實現。只要足夠牛逼,包圓兒了也沒問題,只是不要再招一個交互了,會害了人家。
  • 互動設計師修煉指南!教你從零開始成為優秀互動設計師
    超星網產品總監@張淼程 :交互這個說法來自於國外,交互的名詞形式是interaction,形容詞是interactive,互動設計的英文則是 Interaction Design。問題是到底什麼是交互?這裡不給任何學院派高深的解釋。在我看來」交互」其實很簡單。
  • 作為互動設計師,需要懂得哪些「用戶流量」知識
    一、什麼是用戶流量當我們的app研發出來之後,剛剛誕生的它就像是一個嶄新的店鋪,我們遇到的第一個問題就是:怎麼把顧客吸引過來?畢竟顧客就是上帝,如果沒有顧客願意走進我們的店鋪,再厲害的商家也得倒閉,所以我們需要想盡辦法在用戶眼前「曝光我們的產品」。
  • 互動設計師的一天
    今天的主角是曾經在美國雅虎中國騰訊工作現在在華為人設計總監的尤原慶同學,他分別列出了自己在美國、德國和中國的互動設計工作,全都井井有條且輕重得當,最後還附上設計師工作安排的實用經驗,非常值得各個領域的同學參考學習,推薦收藏喲。
  • UI設計師如何轉型為互動設計師?
    最近的留言裡,有很多是關於轉型的,有希望從UI設計師轉型為互動設計師,也有想從UI設計師轉型為產品經理的,還有就是從交互轉到產品的。剛好最近公司有機會讓我從交互轉到產品,問我考不考慮。所以就這個轉型的問題,今天和大家聊一聊。
  • 淺談如何從零學習成優秀的互動設計師
    超星網產品總監@張淼程 :交互這個說法來自於國外,交互的名詞形式是interaction,形容詞是interactive,互動設計的英文則是 Interaction Design。問題是到底什麼是交互?這裡不給任何學院派高深的解釋。在我看來」交互」其實很簡單。
  • 互動設計師經常上什麼網站找靈感?
    站長之家6月26日知乎問答精選:互動設計師經常上什麼網站找靈感?Chaz Lu的資源推薦:我想推薦一些站點、內容來源來幫助相對性較資淺的互動設計師(不細分領域)來初步了解相關業界、並可以開始自行評估交互體驗(透過商業模式、獨特性等角度),同時也能在各方面被啟發:關於互動設計的商業模式:TechCrunch / 哈佛商業評論 / Wired
  • 思誠跟你聊聊UI設計師到底是做什麼的!
    那就對了,後面有大圖←_←)那UI設計師到底是做什麼的呢?1UI設計師就是美工?移動網際網路爆發,讓一些相關的職業「成功上位」。UI設計師=P圖的美工?你大概對UI設計師有很大的誤解!UI(用戶界面),是系統和用戶之間進行交互和信息交換的媒介。包括擬物圖標、界面設計、人機互動這些都是UI設計師做的,就是設計用戶界面的人。也要有一定的代碼能力,和美工是不一樣的物種。2UI設計能找到工作嗎?
  • ui設計師到底需不需要學代碼?
    首先我們要知道作為一名設計師的工作範圍。他主要圍繞著用戶使用過程中的體驗,以及界面的視覺設計。主要職責是了解客戶的審美習慣和趨勢發展,決定界面的風格,以及設計製作。現在,這個崗位化為比較混亂,UI一般都是互動設計,針對產品和系統行為的設計。
  • 上海UI設計培訓班UI設計師、UX/互動設計師和UXD/全棧設計師區別
    下面上海非凡教育UI設計培訓班老師就以3類設計師為例UI設計師、UX/互動設計師和UXD/全棧設計師的區別。UI設計師——不只是做各種 APP 界面圖,然後加些icon這麼簡單,TA負責軟體界面的美觀、操作邏輯、人機互動等等,需要掌握紮實的平面構成、色彩構成、版式設計、設計心理、設計原則與規範、繪畫等技能。UI設計師的水平,直接決定了App、網站的「顏值」。
  • 互動設計是什麼?深入分析互動設計專業,附全球互動設計院校推薦
    隨著網際網路時代高速發展,越來越多的交互設備開始進入人們的生活,互動設計師就開始顯得愈發重要。據統計,即使是互動設計專業的應屆畢業生,月薪平均也在1萬以上,有2年以上工作經驗的互動設計師,月薪可達2萬5以上。互動設計儼然成為了設計領域一個炙手可熱的專業。那到底互動設計是什麼?哪些大學的互動設計專業最好?未來的就業前景又如何?
  • 產品經理與產品設計師:到底有什麼區別?
    編輯導語:產品經理,產品設計師,這兩個職業都與產品有關,看起來很相似,但是實際上有很大的區別。接下來,本文作者為我們分析了產品設計師和產品經理之間的關係,看看優秀的產品經理和優秀的產品設計師之間,到底有什麼關聯吧。
  • 互動設計師應具備的技能樹(10)|選擇適合你的原型工具
    這是互動設計師的雙手和武器庫。這應該是所有設計師最容易注意到的技能,也是最容易掌握的技能了,畢竟如果你不會一兩個原型工具和設計軟體,你都不好意思說自己是互動設計師吧?一、概念原型如果你是一位新入行的互動設計師,或者你要做一個全新的產品設計,我強烈建議你要重視這個階段的原型設計。產品經理給你提了一個需求,你們做了充分的討論之後,到底你們說的這個方案做出來的效果是怎樣的?
  • UI設計師行業是做什麼的?
    研究界面的叫做,GUI(界面)設計師;研究界面與用戶的叫做,ID(交互)設計師;研究用戶的叫做,UE(用戶體驗)設計師。 我們常說的學UI設計,做UI設計,一般指的就是GUI界面設計師。GUI設計師的日常工作,一般是界面設計,圖標設計,切圖和標註。
  • 火遍全國的UI設計到底是做什麼的
    儘管很多人聽說過但是UI設計主要做什麼?就很含糊了,下面周老師就給大家來介紹一下吧。 研究界面的叫做,GUI(界面)設計師 研究界面與用戶的叫做ID(互動設計師) 我們常說的學習UI設計,做UI設計,一般指的就是GUI界面設計師,尤其是移動端UI設計,iPhone電容觸控螢幕的興起,給移動手機市場帶來了翻天覆地的變化,緊隨的其他的行業手機開始陸續競爭這個行業,火遍全國的UI設計到底是做什麼的
  • 一名優秀互動設計師要思考的四類問題
    對於互動設計師來說,除了專注於設計的規劃與執行外,我們更應該騰出一部分時間與精力去思考、去探索互動設計中的關鍵問題與關鍵環節,從認知層面提升自己。做設計不是接到需求就埋頭苦幹,也不是產品說一我不說二,而是一個先思考再動手、邊動手邊思考的過程。
  • 想拿交互崗校招offer,你需要避開這3個坑
    有些簡歷中喜歡將這部分內容使用「進度條或雷達圖」等可視化呈現(下圖示意),我認為這樣做沒有什麼意義。原因很簡單:招聘者查看簡歷時,對這部分內容僅僅是一帶而過,到底是否具備這些技能,主要是通過作品集的呈現和面試溝通決定的。技能所佔的百分比根本沒有相對參照,這樣的呈現僅僅表達了「模糊且相對」的概念,沒有任何實際意義。4.
  • 互動設計師必懂的尼爾森十大原則
    尼爾森十大原則作為互動設計師的基礎理論知識,各位設計師需要聊熟於心。前段時間在某個群裡看到有個小夥伴說,他在面試的時候面試官讓他說尼爾森的十大可用性原則。雖說尼爾森10大可用性原則是互動設計師的基礎理論知識,但是實際上,不知道或者不完全知道的小夥伴也有很多,今天就以實例跟大家聊聊尼爾森十大原則。系統狀態可見性定義:系統應該在適當的時間內做出適當的反饋,告知用戶當前的系統狀態;該原則強調,產品要給用戶適當的反饋。
  • UI視覺設計師和UE互動設計師的崗位工作職責及應具備的能力
    本文將主要介紹UI視覺設計師和UE互動設計師的崗位工作職責及應具備的能力。如下圖所示:產品設計類崗位UI也稱視覺設計師,主要工作側重於視覺效果設計,產品視覺效果的好壞主要取決於UI的審美水平和輸出能力。UE也稱互動設計師,主要工作側重於交互效果設計。
  • 從互動設計發展史,聊聊其價值及需要掌握的技能
    原標題:從互動設計發展史,聊聊其價值及需要掌握的技能互動設計師上接產品經理,下接視覺設計與開發,在團隊中起到了承上啟下的作用。本篇文章從互動設計的發展史出發,對其行業變化進行了梳理,並總結了互動設計師的價值和需要掌握的技能,供大家一起學習和參考。