正文

ui設(shè)計(jì)需求文檔（ui設(shè)計(jì)需求文檔怎么做）

發(fā)布時(shí)間：2023-04-28 03:25:40 稿源：創(chuàng)意嶺閱讀： 1169

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于ui設(shè)計(jì)需求文檔的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，設(shè)計(jì)相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

1、UI設(shè)計(jì)師和前端怎么合作
2、UI設(shè)計(jì)的主要工作內(nèi)容有哪些？
3、UI設(shè)計(jì)是什么？
4、UI設(shè)計(jì)師在產(chǎn)品項(xiàng)目中需要做什么?

ui設(shè)計(jì)需求文檔（ui設(shè)計(jì)需求文檔怎么做）

一、UI設(shè)計(jì)師和前端怎么合作

前端工程師需要和美工和后臺(tái)開(kāi)發(fā)人員進(jìn)行合作。

1、和美工合作。

美工講設(shè)計(jì)好的效果圖，一般是一些psd文件給前端工程師，前端工程師根據(jù)效果如開(kāi)始構(gòu)思如何實(shí)現(xiàn)，并且開(kāi)始使用Photoshop進(jìn)行切圖，切出需要的圖片。如果圖片有問(wèn)題或者不好操作的地方還需要美工給出修改。

2、和后臺(tái)開(kāi)發(fā)人員：

前端使用html、css、js等技術(shù)開(kāi)始實(shí)現(xiàn)效果圖的頁(yè)面，同時(shí)需要和后臺(tái)人員交流為后臺(tái)數(shù)據(jù)留下借口和數(shù)據(jù)填充的區(qū)域等，或者獲取后臺(tái)數(shù)據(jù)等，這需要和后臺(tái)人員合作好。

3、完成項(xiàng)目

最終前端完成頁(yè)面交給后臺(tái)，由后臺(tái)人員填充后臺(tái)數(shù)據(jù)，一個(gè)完整的工程完成。此時(shí)還需要前端和后臺(tái)人員一起測(cè)試，完成數(shù)據(jù)和前端的良好交互。

二、UI設(shè)計(jì)的主要工作內(nèi)容有哪些？

1、研究工具：研究界面----圖形設(shè)計(jì)師，簡(jiǎn)單的說(shuō)就是美工，為軟件產(chǎn)品的外形設(shè)計(jì)師。界面設(shè)計(jì)不是單純的美術(shù)繪畫(huà)，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計(jì)，是純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)是最終用戶的感受。所以界面設(shè)計(jì)要和用戶研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺(jué)效果的過(guò)程

2、研究人與界面的關(guān)系：研究人與界面的關(guān)系---交互設(shè)計(jì)師，一個(gè)網(wǎng)站的構(gòu)建流程都是由交互設(shè)計(jì)師完成的。交互設(shè)計(jì)師的工作內(nèi)容就是設(shè)計(jì)軟件的操作流程，樹(shù)狀結(jié)構(gòu)，軟件的結(jié)構(gòu)與操作規(guī)范（spec）等。一個(gè)軟件產(chǎn)品在編碼之前需要作的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

3、研究人：研究人----用戶測(cè)試/研究工程師。任何產(chǎn)品上市之前都需要通過(guò)測(cè)試，用戶測(cè)試/研究工程師的職責(zé)就和游戲玩家里面的測(cè)試人員一樣，發(fā)現(xiàn)BUG，并反饋給技術(shù)人員進(jìn)行修改完善。這個(gè)測(cè)試和編碼沒(méi)有任何關(guān)系，主要是測(cè)試交互設(shè)計(jì)的合理性以及圖形設(shè)計(jì)的美觀性。測(cè)試方法一般都是采用焦點(diǎn)小組，用目標(biāo)用戶問(wèn)卷的形式來(lái)衡量UI設(shè)計(jì)的合理性。這個(gè)職位很重要，如果沒(méi)有這個(gè)職位，UI設(shè)計(jì)的好壞只能憑借設(shè)計(jì)師的經(jīng)驗(yàn)或者領(lǐng)導(dǎo)的審美來(lái)評(píng)判，這樣就會(huì)給企業(yè)帶來(lái)嚴(yán)重的風(fēng)險(xiǎn)性

三、UI設(shè)計(jì)是什么？

UI是User Interface的簡(jiǎn)稱，UI設(shè)計(jì)就是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。比較直白的說(shuō)明就是，當(dāng)我們打開(kāi)微信、操作點(diǎn)擊任意一個(gè)功能，出現(xiàn)在你眼前的界面都是屬于UI設(shè)計(jì)。

一個(gè)優(yōu)秀的UI設(shè)計(jì)可以體現(xiàn)出個(gè)性和品味，最主要的就是讓軟件在操作時(shí)舒適簡(jiǎn)單、自由，充分體現(xiàn)軟件的定位和特點(diǎn)。UI設(shè)計(jì)一般分為三個(gè)方面，圖形設(shè)計(jì)，交互設(shè)計(jì)，用戶測(cè)試體驗(yàn)，我們所說(shuō)的UI設(shè)計(jì)師就是，軟件圖形設(shè)計(jì)師、交互設(shè)計(jì)師、用戶研究工程師。

UI設(shè)計(jì)構(gòu)是成現(xiàn)在的智能生活不可或缺的一部分，平面設(shè)計(jì)不是我們感覺(jué)的那種單純美術(shù)工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計(jì)?，F(xiàn)在國(guó)內(nèi)目前大部分的UI工作者都是這個(gè)工作內(nèi)容。而交互設(shè)計(jì)主要就是讓用戶操作起來(lái)更加簡(jiǎn)單、直接，一個(gè)軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計(jì)，并且確立交互模型，交互規(guī)范。

用戶測(cè)試體驗(yàn)顧名思義就是測(cè)試交互設(shè)計(jì)的合理性及圖形設(shè)計(jì)的美觀性，主要以目標(biāo)用戶問(wèn)卷的形式衡量UI設(shè)計(jì)的合理性。主要是了解用戶現(xiàn)在需要什么樣的體驗(yàn)以及界面，從而方便用戶使用。畢竟圖形設(shè)計(jì)，交互設(shè)計(jì)都是為了終端用戶的感受更舒適，更便于操作。想要成為一個(gè)UI設(shè)計(jì)師，除了熟練使用各類軟件，還需要具備色彩、排版、心理學(xué)、數(shù)據(jù)分析等等這一系列的軟實(shí)力，同時(shí)還要清楚的知道，軟件的操作技巧不能決定你走多遠(yuǎn)，但它在一定程度上決定了你能不能走這條路。不過(guò)從應(yīng)用領(lǐng)域來(lái)看，UI設(shè)計(jì)的前景還是非常不錯(cuò)的。

四、UI設(shè)計(jì)師在產(chǎn)品項(xiàng)目中需要做什么?

隨著規(guī)范的產(chǎn)品設(shè)計(jì)流程的引入，每一個(gè)崗位在產(chǎn)品設(shè)計(jì)中所起的作用以及所承擔(dān)的責(zé)任越來(lái)越清晰，但是有些時(shí)候，我認(rèn)為并不能因?yàn)榍逦漠a(chǎn)品的設(shè)計(jì)流程，給大家劃清一個(gè)職能界限，做出一副這方面不關(guān)我的事，我只做好UI就好了。按照一個(gè)常規(guī)性互聯(lián)網(wǎng)產(chǎn)品項(xiàng)目流程走下來(lái)應(yīng)該是：1.制定MRD(Market Requirements Document)。市場(chǎng)需求文檔。獲得項(xiàng)目發(fā)起部門(mén)的認(rèn)同后，產(chǎn)品進(jìn)入實(shí)施，需要先出MRD，具體來(lái)說(shuō)要有更細(xì)致的市場(chǎng)與競(jìng)爭(zhēng)對(duì)手分析，通過(guò)哪些功能來(lái)實(shí)現(xiàn)商業(yè)目的，功能/非功能需求分哪幾塊，功能的優(yōu)先級(jí)等等。實(shí)際工作中，這個(gè)階段PD可能的產(chǎn)出物有Mind Manager的思維圖，Excel的Feature List等。2.制定PRD(Product Requirements Document)。產(chǎn)品需求文檔。進(jìn)步一細(xì)化，這部分是PM寫(xiě)得最多的內(nèi)容，也就是傳統(tǒng)意義上的需求分析，我們這里主要指UC（use case）文檔。主要內(nèi)容有，功能使用的具體描述（每個(gè)UC一般有用例簡(jiǎn)述、行為者、前置條件、后置條件、UI描述、流程/子流程/分支流程，等幾大塊），Visio做的功能點(diǎn)業(yè)務(wù)流程，界面的說(shuō)明，demo等。Demo方面，可能用dreamweaver、ps甚至畫(huà)圖板簡(jiǎn)單畫(huà)一下，有時(shí)候也會(huì)有 UI/UE支持，出高保真的demo，開(kāi)發(fā)將來(lái)可以直接用的那種。3.用戶分析報(bào)告搜集相關(guān)資料分析目標(biāo)用戶的使用特征、情感、習(xí)慣、心里、需求等，提出用戶研究報(bào)告和可用性設(shè)計(jì)建議。這部分工作也可和團(tuán)隊(duì)配合完成。時(shí)間與項(xiàng)目需求允許的情況下，更可以制定實(shí)景用戶分析。

4.產(chǎn)品架構(gòu)設(shè)計(jì)這里涉及到比較多的界面交互與流程的設(shè)計(jì)，根據(jù)可用性分析結(jié)果制定交互方式、操作與跳轉(zhuǎn)流程、結(jié)構(gòu)、布局、信息和其他元素。5.產(chǎn)品原型設(shè)計(jì)就是將頁(yè)面模塊、元素進(jìn)行粗放式的排版和布局，深入一些，還會(huì)加入一些交互性的元素，使其更加具體、形象和生動(dòng)。6.界面UI設(shè)計(jì)如果很傾向于圖形界面設(shè)計(jì)，這兒是你最喜歡的部分。但一定要結(jié)合循環(huán)討論過(guò)的分析結(jié)果做設(shè)計(jì)，否則你的作品很難被人信服。色調(diào)、風(fēng)格、界面、窗口、圖標(biāo)、皮膚的表現(xiàn)是本環(huán)節(jié)的關(guān)鍵。7.界面輸出這方面主要由頁(yè)面工程師與前端程序員配合，將界面代碼化。8.分析使用者報(bào)告，做出完善調(diào)整。多部門(mén)共同參與的，包括可用性的循環(huán)研究、用戶體驗(yàn)回饋、測(cè)試回饋。同時(shí)，UI人員也應(yīng)該把一些可行性建議進(jìn)行完善。很多設(shè)計(jì)師做了東西不喜歡改，這是一個(gè)大忌。但就目前許多公司而言，拿到UI設(shè)計(jì)師手里的，就是一份什么說(shuō)明都沒(méi)有的VISO圖。這給許多UI設(shè)計(jì)師造成一種錯(cuò)覺(jué)，覺(jué)得我只需要做效果圖就可以了，對(duì)于其他環(huán)節(jié)一概不理，導(dǎo)致了在設(shè)計(jì)產(chǎn)品界面的時(shí)候，因?yàn)檎莆盏男畔⒉蛔?，設(shè)計(jì)出來(lái)的界面全憑個(gè)人喜好，但是當(dāng)面對(duì)用戶的時(shí)候，卻是一點(diǎn)競(jìng)爭(zhēng)力都沒(méi)有。我認(rèn)為UI設(shè)計(jì)師在項(xiàng)目初始，就應(yīng)該加入其中。包括了解項(xiàng)目的市場(chǎng)定位、盈利模式、競(jìng)爭(zhēng)對(duì)手等等。而通過(guò)分析競(jìng)爭(zhēng)對(duì)手用戶界面，可以給UI設(shè)計(jì)師一個(gè)初步的圖形概念，而通過(guò)參與用戶調(diào)研，用戶分析能夠獲取到用戶特征、年齡、需求、喜好等方面的信息。這些方面的信息，在風(fēng)格定位、把握上起到至關(guān)重要的作用。通過(guò)了解產(chǎn)品架構(gòu)，知道什么功能應(yīng)該做，什么功能應(yīng)該突出，在參與了以上工作的制定后，相信許多UI設(shè)計(jì)師對(duì)自己所要設(shè)計(jì)的產(chǎn)品，已經(jīng)是信心十足了。

以上就是關(guān)于ui設(shè)計(jì)需求文檔相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。