当前位置:首页 > 网站建设 > 正文内容

htmlcss流程图(h5流程图)

网站建设12小时前13

一、设计流程介绍:

htmlcss流程图(h5流程图)

由于公司还处在一个创业的阶段,对于设计流程的设计更倾向于简单高效;主要流程包含:需求收集、需求列表、需求设计、需求开发及最后的需求验收;迭代周期为两周一个版本,整体的节奏还是比较快的,再整个需求执行过程中也是采用一个瀑布加任务并行的方式进行设计方案的推进,只有这样才能按照迭代周期稳步前进,下图为我们处理需求的整个流程:

二、需求收集筛选:

1、需求收集:

就需求收集的重要性我就不多讲了,不管是做产品或者交互都要收集各种需求,来确定产品迭代的方向;所处的公司或者团队不同,收集需求的方式也不近相同;我们收集需求的方式主要有以下几种,其中最主要的方式还是通过数据收集和用户反馈:

(1)高层决策:也叫老板需求,主要来自于公司高层的战略决策;需求方包括CEO及各个部门的主要负责人;这个不多做解释,大家都懂;

(2)数据收集:通过APP内的数据打点以及借助数据分析平台来分析用户行为,得出具体的优化点或者突围点。对于数据收集,它是一种有效及靠谱的方式,但是对于中小型团队来讲,去做大亮的用户调研及原始数据积累是一件很难的事情,时间和财力成本都很高;所以适当的借助第三方数据分析平台是个很好的选择,准确又高效;

展开全文

(3)用户反馈:用户反馈其实是一个很重要的需求收集入口,包括应用市场评论、APP端意见反馈及核心用户私聊等方式;

(4)种子用户群:对于一个有着一定用户群体的产品来讲,种子用户群的建立是必须的;我主要是通过建立QQ群的方式,来集中收集用户的反馈及意见;

2、需求筛选评估:

通过以上方式将需求收集之后,接下来会对这些需求进行筛选确认,过滤掉一些伪需求;我对于需求筛选的维度包含这么五个,包括:业务目标、性价比、重要度、影响用户数及真是与否。需求筛选之后,会将最终的需求放置在需求池中,一般需求池中存放四个版本迭代的需求,这样就不会在产品迭代过程因为需求不确定而手忙脚乱。

(1)业务目标:对于公司来讲业务目标永远是最要的,尤其是创业公司;当然要在用户第一的基础之上了;

(2)性价比:做一个需求再公司内部还是要考虑自身承受的极限的,要考虑时间、技术、人力及推广成本等等,尽量做到以最少的资源消耗达到自身产品的目的;

(3)重要度:一方面要考虑公司的业务目标,另外也要考虑用户的需求;至于那个最重要要视具体情况而定;

(4)影响用户数:这个维度对于有很大用户量的产品来讲,是很重要的一点,尽量避免影响的用户的范围扩大;

(5)真实与否: 有时候我们通过用户反馈或者其他得到的需求不一定都是真实的,还是需要二次的评估;

三、需求设计评估:

需求评估结束之后,就进入到了需求设计阶段;在这个阶段要完成产品方案的设计,最终产出高保真原型图及需求文档。

1、参与者及产出:

(1)产品经理:产品要输出产品流程图或者简单的页面结构图;

(2)交互设计师:交互要根据产品提供的流程图或者简单的页面结构图,梳理出产品的信息架构以及根据需要产出具体的交互动效;

(3)UI设计师:UI根据交互原型输出最终的视觉稿,也就是用户最终看到的界面;待设计稿评估完成之后,设计师根据要求将界面切图标注;

2、交互文档细节:

为了使开发人员能方便的开发,我们将产品、交互及视觉文档整合在一起输出;所以文档为高保真原型加产品及交互逻辑的集合,这样我们的技术人员只需看一个文档就可以了,能有效的节省沟通成本,提高开发的效率。对于交互文档,一定要细致将各种逻辑细节表述清楚,其中包含以下几个方面:

(1)页面布局:顶部标签栏、中部内容区及底部操作栏的功能释义,操作路径、显示样式等;

(2)手势及转场:操作功能或者界面用到的手势有哪些,例如左滑、右滑、上滑、下滑等;还有转场细节,比如左移入、右移入、上移入、下移入等;

(3)反馈效果:输入反馈、点击反馈、弹窗逻辑、错误反馈、刷新等;

页面跳转:也就是转场逻辑;

(4)元素的规则定义:关键功能、关键信息等;

(5)其它细节:缺省页面、成功/失败状态、加载方式、刷新方式等;

除了以上通用的交互细节外,还是有就是动效文档的细节了,因为平时也会遇到交互动效的输出;所以,动效细节的标注也是蛮重要的,具体包含以下几个细节:

(1)动效名称:比如摇晃、哐啷、跳跃、弹跳等;

(2)动效参数:动效时长,一般以毫秒为单位;是否延迟,延迟多久等;

(3)触发逻辑:什么时候触发动效及多个动效出现的顺序等;

四、需求开发验证:

开发结束之后,还要对需求进行验证/验收;我们验证的方式有以下三种:

(1)测试部门测试:这个环节当然是必须的,是保证需求顺利上线的重要一环;

(2)需求方测试:在测试部门测试的时候,需求方也会介入进行业务逻辑、产品逻辑、交互逻辑及视觉展示的测试;参与的有:产品、交互、UI、运营、市场等等;

(3)种子用户内测:在以上方式结束之后,会进入用户内测阶段,将最终的方案打包发给用户去体验,发现问题,然后进行修复;

等到用户内测结束之后,所有问题都修复解决了,才能最终发布上线,这样我们能保证整个的方案是可行的,用户在使用的过程中不会出现大的纰漏。

好啦!今天先给大家分享这么多,如想学习掌握更多UI设计知识请搜索关注新浪微博:UI设计传,回复:UI,赠送UI设计资料,你所关注的人,将决定你看到的世界。

扫描二维码推送至手机访问。

版权声明:本文由飞速云SEO网络优化推广发布,如需转载请注明出处。

本文链接:http://bjqlhc.com/post/123867.html

分享给朋友:

“htmlcss流程图(h5流程图)” 的相关文章

关于泉州网站制作的信息

关于泉州网站制作的信息

今天给各位分享泉州网站制作的知识,其中也会对进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、有人知道泉州哪家网站建设公司做的比较好? 2、谁知道做泉州网站建设的世纪通锐公司在哪里呀 3、泉州哪家建站的话比较好,价格大概是多少钱? 4、我在泉州,想...

创建app平台软件(怎样创建app软件)

创建app平台软件(怎样创建app软件)

本篇文章给大家谈谈创建app平台软件,以及怎样创建app软件对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、自己制作手机app需要用到的软件 2、如何创建一个app平台 3、如何制作app软件? 4、怎么创建一个APP软件? 自己制作手机app需要用到的软件...

安卓如何修改APP数据(如何修改手机app 数据)

安卓如何修改APP数据(如何修改手机app 数据)

今天给各位分享安卓如何修改APP数据的知识,其中也会对如何修改手机app 数据进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、开发:安卓如何修改内存数据 2、安卓手机怎么修改app的网络mac 3、android 怎么利用sqllite修改数据库...

免费的HTML模板下载(免费的html模板下载网站)

免费的HTML模板下载(免费的html模板下载网站)

今天给各位分享免费的HTML模板下载的知识,其中也会对免费的html模板下载网站进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、求一个简单的个人网页html模板 2、关于 旅游的 HTML 网页模板 3、哪里有网站模板免费下载,带后台的,谢谢!...

生日视频mv短片制作(宝宝生日视频mv短片制作)

生日视频mv短片制作(宝宝生日视频mv短片制作)

本篇文章给大家谈谈生日视频mv短片制作,以及宝宝生日视频mv短片制作对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、怎样自己制作视频 2、婚礼视频制作软件哪个好 3、如何制作简单的视频 4、怎么样制作剪辑和怎么样截取视频短片? 5、怎么制作视频? 6、...

pr模板是什么格式(PR的模板是怎么做出来的)

pr模板是什么格式(PR的模板是怎么做出来的)

本篇文章给大家谈谈pr模板是什么格式,以及PR的模板是怎么做出来的对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、如何套用pr模板? 2、pr动态文字模板怎么使用? 3、pr字幕模板的功能是什么意思 4、Premiere模板的作用? 5、pr套版是啥意思...