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

　　如何設計出產品的原型？

　　一、產品定位

　　首先要對app進行定位，需要從使用的人群、主要功能、產品特色三個方面去思考。

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

（圖片來自網絡）

　　2、主要功能：識別植物

　　3、產品特色：快速準確識別植物、種植知識分享

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

　　二、用戶分析

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

　　在花語app這個項目中，針對用戶的需求分析是：用戶想在app上用識別功能準確識別不知名植物。

　　目標客戶：22-35歲白領、植物愛好者

　　使用場景：路上遇到不知名的植物

　　用戶目標：識別出植物的相關屬性

　　三、需求采集

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

　　1、用戶調研：可以通過問卷調查、用戶訪談、信息采集、焦點小組等方式進行用戶調研，根據實際用戶的需求點進行原型的設計

　　2、競品分析：分析有代表性的同類產品的功能架構，在分析過程中總結競品的優劣，找到自己產品的亮點

　　3、用戶反饋：產品上線后，分析用戶的反饋

　　4、產品數據：瀏覽數據，瀏覽痕跡，點擊痕跡，瀏覽順序和時長，轉化率

　　以上的需求采集方式中，如果是公司內部的項目，有明確的需求方或者使用部門，可以通過用戶調研的方式進行采集。

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

　　四、需求分析

　　1、功能

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

　　拍照識別、攻略、上傳壁紙、壁紙編輯、分享、收藏、下載、定位景點、鑒定、邀請、記錄、足跡、消息、發現、集郵

　　2、內容

　　基本功能構想完畢后，把所有包含的內容進行歸納整理，篩除不合理的需求，挖掘用戶的目標，找到用戶真實的需求，匹配產品的定位。

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

　　3、優先級

　　根據項目的資源，實現成本，需求的價值，定義這些需求實現的優先級。優先級的內容要盡可能放在用戶明顯使用的地方。

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

　　五、信息結構圖

　　通過以上需求的整理，做出信息結構圖。

　　六、用例圖

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

　　七、流程圖

　　流程圖是產品設計的基本，可以保證產品的使用邏輯合理，在app中，流程圖也叫業務流程圖。

　　八、中保真原型圖

　　低保真原型圖：一般產品經理做的原型圖叫低保真原型圖，也叫線框圖，給UI設計師以及開發看，其中的文字描述比較多，要列明所有的狀態以及跳轉到什么頁面。

　　中保真原型圖：所謂中保真原型圖，是交互設計師或者UI設計師做出來的原型圖?；趯pp界面的初步構想，嚴格按照設定的間距，并且合理布局元件位置，做出來的原型圖比較接近高保真設計稿。

　　九、交付UI設計師

　　當原型圖通過了需求評審需求方確認以后，會交付到UI設計師的手上，進行界面設計。

　　ui分級頁面有哪些？

　　1 、功能性界面 對功能性界面來說，它實現的是使用性內容，任何'件產品或內外環境或平面視覺傳達作品，其存在的價值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實現功能的技術方法與材料運用。

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

（圖片來自網絡）

　　3 、環境性界面 任何的設計都要與環境因素相聯系，它包括社會、政治和文化等綜合領域。處于外界環境之中，"是以社會群體而不是以個體為基礎的"，所以環境性因素一般處于非受控與難以預見的變化狀態。

　　好了，關于如何設計出產品的原型和ui分級頁面有哪些的相關內容，小編就先給大家介紹到這里了。如果想了解更多ui設計的信息，大家可以多關注一下本網站。