如何设计出产品的原型和ui分级页面有哪些？

很多人可能觉得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设计师做出来的原型图。基于对app界面的初步构想，严格按照设定的间距，并且合理布局元件位置，做出来的原型图比较接近高保真设计稿。

　　九、交付UI设计师

　　当原型图通过了需求评审需求方确认以后，会交付到UI设计师的手上，进行界面设计。

　　ui分级页面有哪些？

　　1 、功能性界面 对功能性界面来说，它实现的是使用性内容，任何'件产品或内外环境或平面视觉传达作品，其存在的价值首要的是在于使用性，由使用性牵涉到多种功能因素的分析及实现功能的技术方法与材料运用。

　　2、情感性界面 一个家庭装饰要赋予人家居的温馨，一副平面作品要以情动人，一件宗教器具要体现信仰者的虔诚。其实任何一件产品或作品只有与人的情感产生共鸣才能为人所接受，"敝帚自珍"正体现着人的感情寄托，也体现着设计作品的魅力所在。

（图片来自网络）

　　3 、环境性界面 任何的设计都要与环境因素相联系，它包括社会、政治和文化等综合领域。处于外界环境之中，"是以社会群体而不是以个体为基础的"，所以环境性因素一般处于非受控与难以预见的变化状态。

　　好了，关于如何设计出产品的原型和ui分级页面有哪些的相关内容，小编就先给大家介绍到这里了。如果想了解更多ui设计的信息，大家可以多关注一下本网站。