首頁>Club>
UI和互動設計的區別是什麼?
5
回覆列表
  • 1 # hzjy2018

    可以到匯眾教育,在全國有40多家校區。術業有專攻,匯眾教育做的還是挺不錯的,成立14年來專注於培養動漫遊戲方面的人才培養,眼見為實,不能光聽黑子說的一些言論,可以實地的到基地做個詳細的瞭解,針對於自己喜歡的課程試聽一下,畢竟匯眾教育是負責安置工作的,所以前期要選擇好適合自己的專業方向。

  • 2 # 51DESIGN我要設計

    互動設計師的知識體系

    互動設計是一門交叉學科,廣義的互動設計涉及人機工程學、心理學、社會學、設計學等等知識,從狹義的角度看,互動設計主要指人機介面互動。涉及到使用者研究能力、需求分析能力、資訊架構設計能力、流程邏輯設計能力、原型設計能力、編寫互動設計文件、瞭解設計原則以及一些其他能力。

    ▲互動設計師知識體系

    01使用者研究能力

    在一個完整的UED團隊中,其實是有專門的使用者研究人員。使用者研究人員負責做使用者研究,並把研究結果製作成使用者研究報告。在這裡把使用者研究放到互動設計師的知識體系中,是因為使用者研究在整個設計的過程中有著至關重要的地位。

    互動設計師雖然不是專職的使用者研究人員,但是也需要掌握一定的使用者研究知識,學會建立使用者模型,分析使用者研究資料,挖掘使用者行為資料。這樣有利於互動設計師在設計階段對產品核心需求及價值的把握,常用的使用者研究方法有問卷調查、深入訪談等。

    02需求分析能力

    當面對使用者研究得到的資料時,互動設計師應該具有一定的需求分析能力。需求分析的目的是明確產品目標使用者、使用場景、產品定位、產品功能優先順序、並讓開發、測試等相關人員能明確瞭解需求,便於日後印證設計。互動設計師需要在瞭解使用者的主導需求之後能夠挖掘出使用者的潛在訴求,並對競品和已有的產品版本進行分析。

    03資訊架構設計能力

    資訊架構是產品的骨架,是對產品功能進行的層級式的梳理。良好的資訊架構可以對產品的功能進行明確的分類,並明確各個層級之間的功能關係,符合目標使用者的心理模型。常用的資訊架構模式包括層級結構、線型結構、自然結構、矩陣結構。互動設計師需要了解各個結構模式的特點並根據自己產品的特點選擇合適的資訊架構形式。

    資訊架構常用的梳理方法是卡片分類法。通常的操作過程是設計師準備一定量的功能卡片,讓使用者將這些型別進行分類,形成功能叢集,並對每個功能叢集進行功能性概括。

    ▲“最美應用”資訊構架

    04流程邏輯設計能力

    流程邏輯設計是基於上步中的資訊架構,也就是依據產品功能進行的。流程邏輯設計要表現使用者使用產品過程中的關鍵點,明確產品的操作鏈,是對資訊架構的邏輯梳理。

    在流程設計過程中,可以使用Visio、Mindmanger等專業的流程圖繪製軟體進行繪製,在繪製流程圖時要注意考慮流程節點的正常情況和異常情況。

    05原型設計能力

    產品的流程邏輯設計結束之後,就進入原型設計的環節。原型主要表現業務流程、產品的框架和佈局以及互動規則,原型分為低保真原型和高保真原型。

    低保真原型的設計主要是在設計的開始階段,採用線框圖的形式製作一個可演示的Demo,便於設計師與產品經理討論修改。高保真原型是指更接近真實產品效果的Demo。在實際工作中,大部分專案都不需要高保真,只需要低保真原型的設計。

    ▲原型圖示例

    06編寫互動設計文件

    互動設計文件本質上是一種互動設計說明,是用來梳理互動事件、頁面之間的邏輯關係、頁面跳轉等互動動作的文字和圖片相結合的說明稿。互動設計說明書的閱讀物件是產品經理、UI設計師、研發人員、測試人員。互動設計文件包括軟體頁面、頁面狀態、頁面流程、互動動作說明文字。好的互動設計文件可以讓團隊中其他的人員能迅速瞭解產品的整體架構和邏輯關係,以便對產品進行評審和改進,避免產品設計的偏差。

    ▲互動設計文件示例

    07瞭解設計原則

    掌握一些互動設計原則是互動設計師必備的技能。互動設計不是無章可循,而是有一些設計的原則需要互動設計師遵守,如一致性原則、Jakob Nislsen的10條可用性原則、易用原則、中間使用者原則、基於使用者心理模型、2——8原則等等。基於互動設計原則的互動設計可以保證互動設計的流暢性。

    08其他能力

    除了上述講到的能力之外,互動設計師需要瞭解不同設計平臺的規範、有一定的文案設計能力,同時最好可以瞭解一些程式碼內容,建議學習一些HTML、CSS、JS、PHP、Android、C#、JSP、Java等知識,這樣便於互動設計師與開發人員溝通,可以使專案的進展更加順利。

    互動設計師的工作流程

    互動設計師這個角色通常會貫穿到整個專案的始終。互動設計師的工作流程可以分為以下幾個步驟:

    ▲互動設計師工作流程

    01參與需求評估

    一個完整的設計團隊一般有專業的需求分析師,需求分析一般由需求分析師根據用研結果提交需求說明書,而如果沒有這樣的角色,需求分析主要由產品經理或者互動設計師完成。參與需求評估的人員一般為老闆、專案經理、產品經理、研發人員、互動設計師,每個人對需求進行評估,提出自己的意見,透過多次迭代最終形成最終的需求方案。

    02功能設計

    在需求確定之後,需要進行產品主要功能設計。這部分工作的主要負責人是專案的產品經理,產品經理需要根據需求、並綜合商業等其他因素對產品功能進行設計。在大型專案中專案經理不負責執行時,就需要互動設計師進行產品功能設計。

    03產品功能評估

    在功能設計之後,需要對產品功能進行評估,主要是衡量產品功能設計是否按照需求來做,哪些需求已經提出、哪些需求的功能沒有得到滿足,明確產品方案是否透過。如果不能透過需要怎樣修改。

    04資訊架構與流程圖設計

    此時互動設計師正式進入互動設計階段。互動設計師需要根據產品功能進行資訊架構的設計,細化功能細節,之後進行互動流程的設計。

    ▲“線上等”app流程圖

    05原型設計

    在明確了產品的資訊架構和流程圖之後,互動設計師進入了原型設計階段,在原型設計的過程中要明確產品的頁面邏輯和跳轉關係,明確互動動效,但不用糾結於細節互動的實現。在設計的過程中儘量不要使用色彩,以免給UI設計師的設計帶來困擾。

    ▲原型圖示例

    06撰寫互動設計文件

    在原型設計完之後,互動設計師需要撰寫互動設計文件。互動設計文件主要是用來梳理互動事件、頁面流程邏輯和跳轉等互動動作,主要以文字加圖片的形式展示。互動設計文件是提供給UI設計師、研發團隊及測試團隊,便於整個團隊對產品有深入的瞭解。

    07互動設計方案評審

    互動設計方案的評審與產品功能評審相似,明確互動部分哪些是按照需求做的,哪些地方還有不足,有不足的地方需要加以改進。

    08與UI設計師、開發測試人員的協調溝通

    互動設計師需要和UI設計師協調溝通,明確互動原型,並對UI設計師的視覺輸出方案從互動的角度進行評估,有不一致或者遺漏的地方需要讓UI設計師進行修改。在開發階段,若開發對互動有疑問,互動設計師需要和開發人員進行溝通,並確定最終方案。在測試階段,測試人員會考慮到一些更全面的使用場景,這時就需要互動設計師補充相應的互動設計說明。

    案例:小紅書設計

    愛美的女生對小紅書這款APP肯定不會陌生,它是一款國內移動跨境電商APP。在APP的設計過程中,首先就是要了解使用者的需求,對目標使用者的需求進行進行深入挖掘並進行需求評估。

    小紅書的目標使用者集中在女性、職業主要以大城市白領、公務員、以及留學生為主。主要需求是尋求一種安全便捷的境外購物途徑,同時能解決選擇難的問題。小紅書的定位為社群型跨境電商。

    小紅書根據使用者需求進行功能設計,其主要功能點是透過搜尋內容筆記、獲取產品的評價、效能等,從而促進使用者在小紅書上消費。

    根據產品功能評估的結構完善產品功能,並進行資訊架構和流程圖的設計。之後進行原型設計,並進行互動設計方案的評審。與UI設計師溝通,UI設計師根據互動原型進行視覺設計。最後與開發測試人員協調,實現設計效果。小紅書最後效果如下圖:

    瞭解互動設計師的知識體系和工作流程,可以幫助剛剛入門的互動設計師對互動設計有一個整體性的瞭解,方便對互動設計進行系統深入的學習。

  • 3 # 木梓設計

    建議先如果學習UI,你最好是一個懂互動的UI設計師,這樣你的起點就會很高,如果你是互動設計師,懂UI會對整個團隊來說能起到橋樑作用,讓很多設計少走彎路。

  • 中秋節和大豐收的關聯?
  • 小喬在周瑜死後為何沒了訊息?難道真被孫權雪藏起來了嗎?