APP设计初级教程:移动平台的特点和APP应用设计需求

目前,我们的生活越来越智能化,就拿智能手机来说,中国越来越多的移动用户为我们的社会和网络创造新的奇迹!今天,html5模板网跟大家重新来阐述下移动平台的特

目前,我们的生活越来越智能化,就拿智能手机来说,中国越来越多的移动用户为我们的社会和网络创造新的奇迹!

今天,网站模版网(www.genban.org)跟大家重新来阐述下移动平台的特点和APP应用设计需求。

caniu

移动智能平台的特点

1. 用户时间碎片化:

移动设备的方便携带,也同时带来了它浏览时间的碎片化。以智能手机为例:我们通常在短暂的时间里,完成一件任务或者是进行一个娱乐事件,比如:散步、坐公交、睡前、午后闲暇、旅行的时候,开始拍照、分享、做笔记、玩游戏、购物,等等。在平均短短5-30分钟的时间里,思路常常被打断,手机常常被拿起放下,高效和轻交互,就成为了移动设计的特点。

2. 手势的应用:手代替鼠标来操作,即触摸

移动触屏的产生,同时也带来了各种手势的配搭。这些手势的应用,相比于键盘、鼠标,能更加快速做出响应,并且降低学习成本,更加直观地进行人机交流。但触摸相比鼠标,却无法达到高度的精准,也无法出现像网页中的鼠标hover、悬停等的效果。东西方人的指尖触碰面积略有不同,但通常,它们合适的点击区域是在44-44px的范围里。

3. 屏幕的限制:不像电脑屏幕一样 很大尺寸

我们说移动平台的设计,其实就像是带着枷锁跳舞,这个枷锁不仅是来自各个平台系统的控件规范,还有最大的问题就是屏幕空间的有限,加之前面说过的44-44px的点击区域,更是需要我们的APP设计,在单个界面的展示,简洁再扼要,交互轻量再轻量,层级浅显再浅显。

如何在有限的屏幕中展现更多的信息。

有三个要素:

a. 巧妙地利用工具栏与toolbar的隐藏与浮出,最大程度地展示主题,同时快速的做出交互动作。

b. 合理放置控件布局:尽量把最重要的交互按钮和信息,放置在第一屏中,这点相信在PC端网页设计中也同样适用。

c. 有针对性的移植:现在有越来越多的客户端应用,都来自于成熟的网站产品的转移,但网页所能承载的信息与交互,远远大于客户端。于是我们应该高度解理产品的核心功能与精神理念,提取最重要的信息模块,进行客户端的转化移植。

4.输入和选择的 限制:即搜索功能的限制

我们在使用智能手机和其他移动设备的时候,必须在环境不稳定,并且碎片时间里快速地完成任务,而不像在PC电脑前,沉溺专注地做一件事,而敲击键盘输入文字,却需要花费一定的时间精力,在不得已的情况下,用户并不喜欢在手机上长时间的敲击虚拟键盘,(各位一定有经常按错键的时候吧)所以许多优秀的app就会用其他的功能代替键盘,比如微信的语音功能。
如上是一款手机花费充值的app,在选择金额上,它通过用户利用滑动区域值,很好地解决了输入数字的问题.

5. 流量与费用的考虑:

移动用户通常包流量来实现上网的乐趣,所以我们在设计app的时候应该同时考虑到流量与耗电的节约,尤其是合理的图片展示对流量的影响。

比如weico+的应用,最新版节省了60%的耗电量,无疑是一大卖点。

还有新浪weibo的客户端,对于图片的展示,分成feeds小图、点击出中图、再点击加载详细大图,满足了各种用户浏览图片的需要,通过需求细分来达到了节约流量的目的。

APP界面设计要求:

现在我们要开始着手开始设计一个app,说到实际操刀,该从何入手呢?

首先你要了解自己的产品属性,它是一个全新的未有任何PC基础的app,还是移植性的app和混合型的webapp?

1. 全新的app设计:

每一个app都有它的精神宗旨。我们在这里给它一个定义叫做:产品定义描述(Application Definition Statement简称ADS),融会贯通,这个概念不仅体现在app的设计上,同时也体现在广告策略案等不同工作领域的形成引导。

第一步:明确你要设计的产品类型;是属于工具类,娱乐类,游戏类等等

第二步:思考用户会喜欢的功能点和不喜欢的功能点

第三步:细分你的目标客户和找准客户

第四步:为设备而设计

我们知道不同的设备有不同的系统,不同的系统有不同的原生交互与UI控件,良好合理地利用,能紧密地高度地节约开发成本,并且达到用户体验一致,让他们感觉iphone的app的操作习惯就是应该按照iphone自身原有的惯性的。

2. 应用网页和网页思维来移植到移动平台产品:

更多时候当我们拥有一个成熟的网页产品的时候,我们会需要抢占用户在碎片里的时间,方便他们解决问题。这时候你需要重新考虑给予web的设计。

首先你要关注你的程序,提取重要功能,时时想着ADS,确保你不会因为过多的功能或提取错了重要功能而使应用发生了方向性的变化。

确保你的应用app,能帮助用户做事,更高效直接地完成任务,不论是游戏任务还是工作任务。

结合移动设备的特点,多考虑合适的交互:合理轻松的触摸手势。

当内容展示不下的时候,可以考虑让用户翻页,因为在客户端,翻页是一件很轻松完成的动作。

重置主页图标,也许在web端,两个功能的按钮可能相隔很远,但在移动平台中,你需要重新考虑它们的位置产生的关系。

 

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种