ui設(shè)計(jì)流程有哪些

　　最近總是收到同學(xué)們問(wèn)UI設(shè)計(jì)流程有哪些?針對(duì)這問(wèn)題我找了已經(jīng)在AAA教育畢業(yè)的師哥師姐詳盡的了解了一下，以典型項(xiàng)目入手，詳細(xì)的和同學(xué)們分析一下UI設(shè)計(jì)流程，方法和工具，希望同學(xué)們喜歡。
 

一、收集規(guī)格和要求
 

　　盡管許多經(jīng)驗(yàn)不足的設(shè)計(jì)師經(jīng)常忽略它，但這也許是整個(gè)工作中最重要的方面。這個(gè)階段幾乎對(duì)項(xiàng)目起著成敗的作用。范圍清晰且定義明確通?？梢源_保流程順暢，并使您作為項(xiàng)目經(jīng)理可以知道您與客戶(hù)位于同一頁(yè)面上。在您的首次啟動(dòng)會(huì)議上，我會(huì)問(wèn)所有關(guān)于產(chǎn)品功能，流量，目標(biāo)人群，競(jìng)爭(zhēng)等的問(wèn)題。
 

　　作為UI設(shè)計(jì)師，您可能會(huì)認(rèn)為您唯一關(guān)心的是最終產(chǎn)品的設(shè)計(jì)，這對(duì)于某些專(zhuān)門(mén)的設(shè)計(jì)角色可能是正確的。個(gè)人很想將自己視為設(shè)計(jì)顧問(wèn)和項(xiàng)目經(jīng)理。我認(rèn)為，我的角色需要理解業(yè)務(wù)目標(biāo)并調(diào)整我的設(shè)計(jì)專(zhuān)業(yè)知識(shí)，以在給定的時(shí)間范圍和預(yù)算內(nèi)推動(dòng)實(shí)現(xiàn)這些目標(biāo)。
 

　　這一步顯然需要大量的溝通與客戶(hù)。對(duì)我來(lái)說(shuō)，它通常涉及許多頭腦風(fēng)暴會(huì)議，Skype小組電話(huà)，素描想法等。此階段的交付品是一個(gè)簡(jiǎn)單的PDF“ MVP概述”，概述了應(yīng)用程序/產(chǎn)品的規(guī)格并記錄了所有頭腦風(fēng)暴的發(fā)現(xiàn)和草圖。

　　構(gòu)思草圖樣本


　　MVP預(yù)覽樣本

二、奠定基礎(chǔ)
 

　　一千英里的旅程始于一步，這是我最喜歡的過(guò)程之一!一旦明確了項(xiàng)目將涉及的內(nèi)容，現(xiàn)在就該使用一些不錯(cuò)的舊式生產(chǎn)力技巧，并將更大的目標(biāo)分解為更小的任務(wù)。為此，我喜歡使用Trello。如果您像我一樣是個(gè)人發(fā)展和生產(chǎn)力的怪胎，那么您將愛(ài)上這個(gè)階段!
 

　　在開(kāi)始使用Trello進(jìn)行任務(wù)管理之前，我總是要確保打開(kāi)我的時(shí)間跟蹤軟件。我絕對(duì)喜歡為此使用Toggl!

　　這滿(mǎn)足了我對(duì)數(shù)據(jù)分析的渴望!這對(duì)我來(lái)說(shuō)非常重要 ，因?yàn)樗袃蓚€(gè)作用：
 

　　正確，準(zhǔn)確地向客戶(hù)收費(fèi)，適當(dāng)分配時(shí)間，例如，如果我要引用一個(gè)Web項(xiàng)目的15個(gè)收費(fèi)小時(shí)，我當(dāng)然不想花10個(gè)小時(shí)在市場(chǎng)研究上，而要用盡時(shí)間或更糟(可以說(shuō))，不得不著急并提供低質(zhì)量的工作。
 

　　現(xiàn)在，進(jìn)入Trello。當(dāng)我作為UI / UX設(shè)計(jì)師使用Trello進(jìn)行任務(wù)管理和任務(wù)分配。借助基于卡的系統(tǒng)，它使我們的團(tuán)隊(duì)能夠使用類(lèi)似于SCRUM的管理流程，從而實(shí)現(xiàn)快速生產(chǎn)和幾乎即時(shí)的反饋。

三、研究與最佳做法
 

　　這個(gè)階段非常簡(jiǎn)單。這里的目標(biāo)如下：
 

　　研究具有相似功能和目標(biāo)用戶(hù)的產(chǎn)品
 

　　確定潛在競(jìng)爭(zhēng)對(duì)手，他們?cè)谧鲥e(cuò)/正確的事情?
 

　　建立最佳實(shí)踐

　　根據(jù)一般經(jīng)驗(yàn)，我會(huì)嘗試花費(fèi)盡可能多的時(shí)間瀏覽各大手機(jī)商店如App Store，下載并嘗試各種應(yīng)用程序。這不僅使我與行業(yè)趨勢(shì)和流行趨勢(shì)保持了聯(lián)系，而且還使人們對(duì)通用做法，有效的方法和無(wú)效的方法等具有批判性的眼光。
 

　　免費(fèi)的用戶(hù)反饋?是的，請(qǐng)!
 

　　但是，如果您沒(méi)有時(shí)間像我一樣整日(應(yīng)該是)用戶(hù)測(cè)試Pokemon Go，我仍然強(qiáng)烈建議您瀏覽應(yīng)用商店中與您正在使用的產(chǎn)品類(lèi)似的產(chǎn)品。這會(huì)給你一個(gè)不錯(cuò)的想法和建議，避免不必要的設(shè)計(jì)，你甚至可以檢出的用戶(hù)反饋，以確保您不會(huì)重蹈覆轍。
 

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

　　為此，UI模式是最好的!
 

　　通過(guò)不僅列出解決常見(jiàn)設(shè)計(jì)問(wèn)題的不同方法，而且合理化如何，何時(shí)以及為什么應(yīng)使用此類(lèi)解決方案，目的是創(chuàng)建一個(gè)工具，以幫助結(jié)束功能辯論，從而清楚地了解我們?yōu)槭裁?，正在做我們正在做的事情，以及為什么我們不做我們未做的事情?mdash; UI模式

　　好的，您現(xiàn)在終于可以開(kāi)始草繪和制作原型了。讓我們進(jìn)入下一個(gè)階段!
 

四、低保真原型(UX)
 

　　雖然沒(méi)有什么比筆和紙的草圖，也有很多你可以用它來(lái)開(kāi)發(fā)你的低保真線(xiàn)框的產(chǎn)品除了給你的草圖。
 

　　筆和紙素描樣
 

　　您可以選擇以下幾種：
 

　　視覺(jué)雜亂無(wú)章，的Photoshop，UXPin，　當(dāng)然有很多不同的。除了Photoshop，我還親自使用過(guò)InVision，Omnigraffle和Balsamiq。
 

　　不同的服務(wù)使您可以根據(jù)自己的目標(biāo)完成不同的事情。我喜歡InVision，因?yàn)樗敲赓M(fèi)的，具有可單擊的原型，您可以將其導(dǎo)出并在移動(dòng)設(shè)備上查看，并且它允許用戶(hù)向原型添加注釋和反饋，這使其成為遠(yuǎn)程協(xié)作的出色工具。試試看，找出最適合您自己需求的。
 

　　
Balsamiq線(xiàn)框

　　Photoshop低保真線(xiàn)框

　　InVision可點(diǎn)擊的原型
 

五、高保真原型(UI)
 

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

　　對(duì)于視覺(jué)靈感而言，經(jīng)典作品始終是個(gè)不錯(cuò)的選擇。Behance和Dribbble展示了來(lái)自世界頂級(jí)設(shè)計(jì)師的一些真正令人驚嘆的作品。這些藝術(shù)家通常會(huì)擴(kuò)展可用性的界限，以制作UI杰作。我們已經(jīng)完成了可用性研究，因此我們不必?fù)?dān)心會(huì)受到我們無(wú)法實(shí)現(xiàn)的啟發(fā)。

運(yùn)球
 

行為


 

　　如果您在特定屏幕上有一個(gè)創(chuàng)意塊，并且需要有關(guān)如何處理移動(dòng)應(yīng)用程序中特定情況的特定指導(dǎo)，我也強(qiáng)烈建議您使用移動(dòng)模式。這個(gè)很棒的網(wǎng)站提供了一些用于特定類(lèi)型屏幕的，最常用的應(yīng)用程序(Facebook，Twitter，Instagram等)中良好UI的示例。
 

　　Mobile Patterns真正酷的地方是，屏幕是根據(jù)屏幕類(lèi)型的層次結(jié)構(gòu)聚合的。這意味著您只能查找Newsfeed屏幕，并在制作應(yīng)用程序之前分析各種應(yīng)用程序設(shè)計(jì)師如何處理Newsfeed屏幕。
 

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

　　我希望您喜歡深入了解我的流程和工作流程。這是并且將永遠(yuǎn)是正在進(jìn)行的工作。您的工作流程/流程越完善，您將能夠向其提供高質(zhì)量工作的客戶(hù)越多。您還可以將更多的精力放在工作的創(chuàng)造性方面，而不會(huì)忽略產(chǎn)品的基本業(yè)務(wù)和可用性方面。
 

　　如果您對(duì)工作流程，使用的工具以及可幫助您克服創(chuàng)造性障礙的過(guò)程有任何疑問(wèn)或故事，請(qǐng)?jiān)谠u(píng)論中與他們分享，我很想聽(tīng)聽(tīng)您的想法!