旗下產業: A產業/ A實習/ A計劃
全國統一咨詢熱線:400-0100-444
首頁 > 熱門文章 > UI設計 > ui設計流程有哪些
ui設計流程有哪些
時間:2019-10-30來源:www.fmtrxf.live點擊量:作者:Sissi
時間:2019-10-30點擊量:作者:Sissi




  最近總是收到同學們問UI設計流程有哪些?針對這問題我找了已經在AAA教育畢業的師哥師姐詳盡的了解了一下,以典型項目入手,詳細的和同學們分析一下UI設計流程,方法和工具,希望同學們喜歡。
 

一、收集規格和要求
 

  盡管許多經驗不足的設計師經常忽略它,但這也許是整個工作中最重要的方面。這個階段幾乎對項目起著成敗的作用。范圍清晰且定義明確通常可以確保流程順暢,并使您作為項目經理可以知道您與客戶位于同一頁面上。在您的首次啟動會議上,我會問所有關于產品功能,流量,目標人群,競爭等的問題。
 

  作為UI設計師,您可能會認為您唯一關心的是最終產品的設計,這對于某些專門的設計角色可能是正確的。個人很想將自己視為設計顧問和項目經理。我認為,我的角色需要理解業務目標并調整我的設計專業知識,以在給定的時間范圍和預算內推動實現這些目標。
 

  這一步顯然需要大量的溝通與客戶。對我來說,它通常涉及許多頭腦風暴會議,Skype小組電話,素描想法等。此階段的交付品是一個簡單的PDF“ MVP概述”,概述了應用程序/產品的規格并記錄了所有頭腦風暴的發現和草圖。



UI設計

  構思草圖樣本

UI設計
  MVP預覽樣本

 

二、奠定基礎
 

  一千英里的旅程始于一步,這是我最喜歡的過程之一!一旦明確了項目將涉及的內容,現在就該使用一些不錯的舊式生產力技巧,并將更大的目標分解為更小的任務。為此,我喜歡使用Trello。如果您像我一樣是個人發展和生產力的怪胎,那么您將愛上這個階段!
 

  在開始使用Trello進行任務管理之前,我總是要確保打開我的時間跟蹤軟件。我絕對喜歡為此使用Toggl!

UI設計
 

  這滿足了我對數據分析的渴望!這對我來說非常重要 ,因為它有兩個作用:
 

  正確,準確地向客戶收費,適當分配時間,例如,如果我要引用一個Web項目的15個收費小時,我當然不想花10個小時在市場研究上,而要用盡時間或更糟(可以說),不得不著急并提供低質量的工作。
 

  現在,進入Trello。當我作為UI / UX設計師使用Trello進行任務管理和任務分配。借助基于卡的系統,它使我們的團隊能夠使用類似于SCRUM的管理流程,從而實現快速生產和幾乎即時的反饋。

UI設計
 

三、研究與最佳做法
 

  這個階段非常簡單。這里的目標如下:
 

  研究具有相似功能和目標用戶的產品
 

  確定潛在競爭對手,他們在做錯/正確的事情?
 

  建立最佳實踐

UI設計
 

  根據一般經驗,我會嘗試花費盡可能多的時間瀏覽各大手機商店如App Store,下載并嘗試各種應用程序。這不僅使我與行業趨勢和流行趨勢保持了聯系,而且還使人們對通用做法,有效的方法和無效的方法等具有批判性的眼光。
 

  免費的用戶反饋?是的,請!
 

  但是,如果您沒有時間像我一樣整日(應該是)用戶測試Pokemon Go,我仍然強烈建議您瀏覽應用商店中與您正在使用的產品類似的產品。這會給你一個不錯的想法和建議,避免不必要的設計,你甚至可以檢出的用戶反饋,以確保您不會重蹈覆轍。
 

  由于別人的過失,明智的人會自己糾正,一旦您終于準備好拿起筆和紙開始素描,就不要了!盡管您可能有開始實施的渴望,但了解實現功能的最佳方法是什么(尤其是為什么)是非常重要的。
 

  為此,UI模式是最好的!
 

  通過不僅列出解決常見設計問題的不同方法,而且合理化如何,何時以及為什么應使用此類解決方案,目的是創建一個工具,以幫助結束功能辯論,從而清楚地了解我們為什么,正在做我們正在做的事情,以及為什么我們不做我們未做的事情。— UI模式

UI設計
 

  好的,您現在終于可以開始草繪和制作原型了。讓我們進入下一個階段!
 

四、低保真原型(UX)
 

  雖然沒有什么比筆和紙的草圖,也有很多你可以用它來開發你的低保真線框的產品除了給你的草圖。
 

UI設計

  筆和紙素描樣
 

  您可以選擇以下幾種:
 

  視覺雜亂無章,的Photoshop,UXPin, 當然有很多不同的。除了Photoshop,我還親自使用過InVision,Omnigraffle和Balsamiq。
 

  不同的服務使您可以根據自己的目標完成不同的事情。我喜歡InVision,因為它是免費的,具有可單擊的原型,您可以將其導出并在移動設備上查看,并且它允許用戶向原型添加注釋和反饋,這使其成為遠程協作的出色工具。試試看,找出最適合您自己需求的。
 

UI設計  
Balsamiq線框


UI設計

  Photoshop低保真線框


UI設計

  InVision可點擊的原型
 

五、高保真原型(UI)
 

  到漂亮的東西!如果你是一個可視化設計器在心臟多了一個產品設計師,你知道這是你一直在等待這整個時間的時刻......但在此之前,我們需要得到一些靈感!我保證很快就會用Photoshop / Sketch弄濕了。
 

  對于視覺靈感而言,經典作品始終是個不錯的選擇。Behance和Dribbble展示了來自世界頂級設計師的一些真正令人驚嘆的作品。這些藝術家通常會擴展可用性的界限,以制作UI杰作。我們已經完成了可用性研究,因此我們不必擔心會受到我們無法實現的啟發。

UI設計

運球
 


UI設計
行為


 

  如果您在特定屏幕上有一個創意塊,并且需要有關如何處理移動應用程序中特定情況的特定指導,我也強烈建議您使用移動模式。這個很棒的網站提供了一些用于特定類型屏幕的,最常用的應用程序(Facebook,Twitter,Instagram等)中良好UI的示例。
 

  Mobile Patterns真正酷的地方是,屏幕是根據屏幕類型的層次結構聚合的。這意味著您只能查找Newsfeed屏幕,并在制作應用程序之前分析各種應用程序設計師如何處理Newsfeed屏幕。
 

  世界上最大的房間就是改善的空間
 

  我希望您喜歡深入了解我的流程和工作流程。這是并且將永遠是正在進行的工作。您的工作流程/流程越完善,您將能夠向其提供高質量工作的客戶越多。您還可以將更多的精力放在工作的創造性方面,而不會忽略產品的基本業務和可用性方面。
 

  如果您對工作流程,使用的工具以及可幫助您克服創造性障礙的過程有任何疑問或故事,請在評論中與他們分享,我很想聽聽您的想法!

 

 

UI設計

 


 

?2007-2019/北京漫動者教育科技有限公司版權所有
備案號:京ICP備12034770號

?2007-2019/ www.fmtrxf.live 北京漫動者教育科技有限公司 備案號: 京ICP備12034770號 監督電話:010-62568622 郵箱:[email protected]

江苏e球彩胜平负走势图