很多人可能覺得ui設(shè)計(jì)也是比較簡(jiǎn)單的，其實(shí)并不然，ui設(shè)計(jì)還是比較復(fù)雜的。大家知道ui設(shè)計(jì)如何設(shè)計(jì)出產(chǎn)品的原型嗎？還有，ui分級(jí)頁面有哪些呢？今天就一起跟小編來了解一下相關(guān)的內(nèi)容吧。

　　如何設(shè)計(jì)出產(chǎn)品的原型？

　　一、產(chǎn)品定位

　　首先要對(duì)app進(jìn)行定位，需要從使用的人群、主要功能、產(chǎn)品特色三個(gè)方面去思考。

　　1、使用人群：植物愛好者或需要了解植物知識(shí)的人

（圖片來自網(wǎng)絡(luò)）

　　2、主要功能：識(shí)別植物

　　3、產(chǎn)品特色：快速準(zhǔn)確識(shí)別植物、種植知識(shí)分享

　　通過以上分析，花語app產(chǎn)品的定位是：基于精準(zhǔn)識(shí)別植物功能的具有社交屬性的工具型app。

　　二、用戶分析

　　用戶需求分析，即分析：誰、在什么環(huán)境下、解決什么問題。

　　在花語app這個(gè)項(xiàng)目中，針對(duì)用戶的需求分析是：用戶想在app上用識(shí)別功能準(zhǔn)確識(shí)別不知名植物。

　　目標(biāo)客戶：22-35歲白領(lǐng)、植物愛好者

　　使用場(chǎng)景：路上遇到不知名的植物

　　用戶目標(biāo)：識(shí)別出植物的相關(guān)屬性

　　三、需求采集

　　需求采集的方式有很多種，常見的有以下幾種：

　　1、用戶調(diào)研：可以通過問卷調(diào)查、用戶訪談、信息采集、焦點(diǎn)小組等方式進(jìn)行用戶調(diào)研，根據(jù)實(shí)際用戶的需求點(diǎn)進(jìn)行原型的設(shè)計(jì)

　　2、競(jìng)品分析：分析有代表性的同類產(chǎn)品的功能架構(gòu)，在分析過程中總結(jié)競(jìng)品的優(yōu)劣，找到自己產(chǎn)品的亮點(diǎn)

　　3、用戶反饋：產(chǎn)品上線后，分析用戶的反饋

　　4、產(chǎn)品數(shù)據(jù)：瀏覽數(shù)據(jù)，瀏覽痕跡，點(diǎn)擊痕跡，瀏覽順序和時(shí)長(zhǎng)，轉(zhuǎn)化率

　　以上的需求采集方式中，如果是公司內(nèi)部的項(xiàng)目，有明確的需求方或者使用部門，可以通過用戶調(diào)研的方式進(jìn)行采集。

　　由于花語app是概念app，也是從0到1的項(xiàng)目，在這里我使用了競(jìng)品分析的方法。競(jìng)品分析不是盲目抄競(jìng)品，而是通過分析競(jìng)品不同的層級(jí)關(guān)系、理清楚整個(gè)app的流程，找到該競(jìng)品的優(yōu)點(diǎn)和缺點(diǎn)，從而歸納出不同于競(jìng)品的特色功能。如果知其然而不知所以然，做出來的產(chǎn)品只是競(jìng)品的復(fù)制。在這個(gè)行業(yè)里面最不缺的就是app，沒有特點(diǎn)亮點(diǎn)的產(chǎn)品，無法在眾多app中生存。除了分析現(xiàn)有競(jìng)品的特點(diǎn)外，還需要具有前瞻性：提供競(jìng)品所不能提供的功能亮點(diǎn)。

　　四、需求分析

　　1、功能

　　經(jīng)過以上的分析，花語app已經(jīng)有比較清晰的定位和用戶群體，因此可以進(jìn)行功能的頭腦風(fēng)暴：

　　拍照識(shí)別、攻略、上傳壁紙、壁紙編輯、分享、收藏、下載、定位景點(diǎn)、鑒定、邀請(qǐng)、記錄、足跡、消息、發(fā)現(xiàn)、集郵

　　2、內(nèi)容

　　基本功能構(gòu)想完畢后，把所有包含的內(nèi)容進(jìn)行歸納整理，篩除不合理的需求，挖掘用戶的目標(biāo)，找到用戶真實(shí)的需求，匹配產(chǎn)品的定位。

　　經(jīng)過反復(fù)的推敲與思量，花語app的核心功能在于拍照識(shí)別，壁紙編輯只是在滿足基礎(chǔ)需求之上所附加的非必要功能，如果加上壁紙編輯，整個(gè)app會(huì)顯得非常累贅，因此把壁紙編輯這個(gè)功能篩除。而商業(yè)模式部分，則通過用戶的搜索結(jié)果，為用戶提供附近的花店，也可以接受花店的入駐。

　　3、優(yōu)先級(jí)

　　根據(jù)項(xiàng)目的資源，實(shí)現(xiàn)成本，需求的價(jià)值，定義這些需求實(shí)現(xiàn)的優(yōu)先級(jí)。優(yōu)先級(jí)的內(nèi)容要盡可能放在用戶明顯使用的地方。

　　在馬斯洛需求層次理論中，人類需求像階梯一樣從低到高按層次分為五種，分別是：生理需求、安全需求、社交需求、尊重需求和自我實(shí)現(xiàn)需求。

　　五、信息結(jié)構(gòu)圖

　　通過以上需求的整理，做出信息結(jié)構(gòu)圖。

　　六、用例圖

　　通過信息架構(gòu)圖，分析app里面的參與者（角色），做用例圖。用例圖是指由參與者、用例，邊界以及它們之間的關(guān)系構(gòu)成的描述系統(tǒng)功能的視圖。

　　七、流程圖

　　流程圖是產(chǎn)品設(shè)計(jì)的基本，可以保證產(chǎn)品的使用邏輯合理，在app中，流程圖也叫業(yè)務(wù)流程圖。

　　八、中保真原型圖

　　低保真原型圖：一般產(chǎn)品經(jīng)理做的原型圖叫低保真原型圖，也叫線框圖，給UI設(shè)計(jì)師以及開發(fā)看，其中的文字描述比較多，要列明所有的狀態(tài)以及跳轉(zhuǎn)到什么頁面。

　　中保真原型圖：所謂中保真原型圖，是交互設(shè)計(jì)師或者UI設(shè)計(jì)師做出來的原型圖?；趯?duì)app界面的初步構(gòu)想，嚴(yán)格按照設(shè)定的間距，并且合理布局元件位置，做出來的原型圖比較接近高保真設(shè)計(jì)稿。

　　九、交付UI設(shè)計(jì)師

　　當(dāng)原型圖通過了需求評(píng)審需求方確認(rèn)以后，會(huì)交付到UI設(shè)計(jì)師的手上，進(jìn)行界面設(shè)計(jì)。

　　ui分級(jí)頁面有哪些？

　　1 、功能性界面 對(duì)功能性界面來說，它實(shí)現(xiàn)的是使用性內(nèi)容，任何'件產(chǎn)品或內(nèi)外環(huán)境或平面視覺傳達(dá)作品，其存在的價(jià)值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。

　　2、情感性界面 一個(gè)家庭裝飾要賦予人家居的溫馨，一副平面作品要以情動(dòng)人，一件宗教器具要體現(xiàn)信仰者的虔誠(chéng)。其實(shí)任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所接受，"敝帚自珍"正體現(xiàn)著人的感情寄托，也體現(xiàn)著設(shè)計(jì)作品的魅力所在。

（圖片來自網(wǎng)絡(luò)）

　　3 、環(huán)境性界面 任何的設(shè)計(jì)都要與環(huán)境因素相聯(lián)系，它包括社會(huì)、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中，"是以社會(huì)群體而不是以個(gè)體為基礎(chǔ)的"，所以環(huán)境性因素一般處于非受控與難以預(yù)見的變化狀態(tài)。

　　好了，關(guān)于如何設(shè)計(jì)出產(chǎn)品的原型和ui分級(jí)頁面有哪些的相關(guān)內(nèi)容，小編就先給大家介紹到這里了。如果想了解更多ui設(shè)計(jì)的信息，大家可以多關(guān)注一下本網(wǎng)站。