当前位置:首页 > APP资源 > 正文内容

appui页面设计(app页面设计流程)

APP资源10小时前8

一、设计流程介绍:

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

二、需求收集筛选:

1、需求收集:

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

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

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

展开全文

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

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

2、需求筛选评估:

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

appui页面设计(app页面设计流程)

(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设计资料,你所关注的人,将决定你看到的世界。

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

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://sdjcht.com/post/70127.html

分享给朋友:

“appui页面设计(app页面设计流程)” 的相关文章

app概念设计花瓣(app设计理念怎么说)

app概念设计花瓣(app设计理念怎么说)

花瓣设计师是指在花瓣网上从事设计创意工作的作者花瓣网是一个主打分享美好创意的图片社交网站,用户可以在这里分享自己的设计作品收藏他人的作品,也可以通过标签分类等方式找到自己喜欢的设计作品作为花瓣设计师,...

网站app制作软件(网站做成软件)

网站app制作软件(网站做成软件)

编辑 | 炸鸡腿授权 | 海报设计君 (ID:posters360)日前,AI绘画大火,各种绘画网站和APP应运而生,先来看看这些网站和APP生成的图吧!【 部分效果预览】...

网络图app软件开发(做网络图的软件那个最好)

网络图app软件开发(做网络图的软件那个最好)

1、包括资源人员分配与管理报表自动化以图表形式生成项目概述视图管理可以查看甘特图网络图日历图等等默认情况下,一个新的Project模板被创建后,界面如下所示左边是项目计划,右便是日程表,便于查看进度上...

建一个网络销售平台app(建一个网络销售平台需要多少钱)

建一个网络销售平台app(建一个网络销售平台需要多少钱)

但是目前做网拍的途径有很多,平台有很多鱼目混珠,所以一定要找到一个好平台比如说我是在我朋友的推荐下选择了一个好的平台啊,当然是要交会费的不过很多人一听到交会费就会犹豫不决,这也很正常,因为这个行业的骗...

南昌app效果(ye南昌app下载)

南昌app效果(ye南昌app下载)

1、医鹿app医鹿的名字是由“医”和“鹿”两个字组合而成,寓意为“医疗”和“福气”;最近有个APP叫南大家园的,还挺好用,可以查课程表查挂科率查寝室电量查空余教室啥的没广告,用得很顺手纯手打,望采纳;...

appui布局(app界面布局模块是什么)

appui布局(app界面布局模块是什么)

随着扁平化1.0运用了两三年,新的扁平化2.0时代,在去年渐变流行后打破了开端,这周研究一些扁平化2018移动端设计布局趋势,整理分析了一些常用的布局形态。不规则弧线布局 17年在很多新的设计趋势里面...