APP设计号外,移动APP设计师必知的十大原则

号外,号外,25学堂新一轮的APP设计干货来袭!如果想从众多的产品中脱颖而出,获得成功的话,其实最重要的突破点就是要抓住用户的体验,或者是抓住了用户的

号外,号外,网站模版网(www.genban.org)新一轮的APP设计干货来袭!

如果想从众多的产品中脱颖而出,获得成功的话,其实最重要的突破点就是要抓住用户的体验,或者是抓住了用户的某一种心里,或者是在界面布局上大胆突破,或者是做了很少有人关注到的细分领域,或者是让人产生了真实生活中的亲切感等等,但这一切都源来于生活中的设计的灵感和技巧。

app设计号外

1、流程图是一切工作的基础

如果跳过流程图直接进进入开发会让开发变得复杂、不可控,很容易让用户迷茫,所以最后用户必将选择关掉或者卸载你的App。所以,即便是一个简单的app也要有一个思虑周全的流程图,以确保它有合乎逻辑的、合理的导航结构。另一点就是要确保核心功能所在的屏幕位于上层,而不是被埋没在多层导航元素之下。

 

2、设计师一定要明确把握自己的分工

设计师创建的每一个细节都要经过开发者才能变得活灵活现。花几个小时和几天时间做出的简单设计更改对App功能的影响是截然不同的。还有,设计不能命令功能。比如,一个计划好的App可能有一个搜索框,设计师预想的是一个产生实时结果的键入搜索,但设计师不能是做这个重大决定的唯一决策人。

 

3、避免使用位图和低分辨率的图片

一般而言,设计首先是为视网膜显示屏、高分辨率的显示屏设计,然后按比例缩减。很多设计师都清楚这一点,但仍值得一提。屏幕分辨率越来越多,设计师需要从高分辨率设备做起,再按比例缩减。更好的做法是使用矢量图形进行设计而不是位图或者栅格图像。

 

4、点击区域设置一定要合理

大多数用户的食指宽1.6~2厘米(44px~58px之间)。设计时要考虑到手指的宽度,而且用户在快速移动手指的时候,很难准确的点击小片屏幕。在屏幕上加大量的按钮和功能很容易,但按钮一定要足够大,间隔也要足够大,否则用户容易误点。

5、介绍动画的设计一定要精细

在用户首次打开App的时候,给用户一个动画的介绍是个不错的想法,但不能太过火了。事实上,这些介绍动画也延迟了用户接触App的时间。如果你打算使用介绍动画,那要让动画时间尽可能短,设计尽可能精细以及足够吸引人,值得用户花费时间等待。App加载过程中会先展现图片,再过渡至动画。要确保这个过度是平滑的,贴切自然的。

app启动页面

有的App从加载图片过渡至介绍动画设计的非常蹩脚,这就很无趣了。

6、给用户一个加载提示设计

App加载时间过长很容易让用户以为出现了什么故障,也会带来糟糕的用户体验。App加载的时候不要让用户看到空白的屏幕,使用加载指示条或者小动画让用户知道App处于正常运行当中。如果能加入一个加载进度指示条就更好了。

mockuuups

 

 

7、不同的操作系统要有不同的设计

不同的移动操作系统比如iOS、Android和WPh7,都有迥异的审美观。开发者需要认真学习各个操作系统的人机界面指南,做好不同版本App的移植工作,不要让用户迷茫和不适应,不一定非要让App看起来是系统自带的,但至少不能让人感到突兀,感觉不属于这个平台。

pos-in-use-on-ipad

 

 

8、在高密度像素屏幕上禁止填充过多的信息或UI组件

当为高PPI(pixel per inch每英寸像素) 屏幕设计UI时,因为有更多的像素可以使用,所以可在界面放置更多信息或者UI组件。请记住一定要预览一下你在实际设备上的所有设计结果。充塞了很多信息或者UI组件的界面会显得非常杂乱,并且难以有效导航,更会影响界面上的主要功能的展现。

 

9、可用性测试的必要性

可用性测试是必须的,不管你的App看起来多么好。找值得信任的人(或者有经验的设计师)进行小范围封闭测试,在公开发布之前更新一下界面。另一个简单易行的获得用户反馈的方法是在分类网站张贴广告招募合适的人进行焦点小组测试。

 

 

10、不要忘记手势 但不要滥用

移动触摸手势图标

不是每个元素都是可视化的,比如iPhone Mail app的删除进程。在收件箱内,用户可以猛击屏幕显示删除按钮,用户就不用点击“编辑”,选择信息然后再删除信息。不过,也不能说“编辑”菜单一点用处都没有,不知道快捷操作的用户还是需要的,而用户还可以通过“编辑”菜单一次性标注多条信息/邮件。 一句话,不要忘记手势但也不能滥用,通常要避免通过使用手势进入菜单,或者通过手势。

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

相关文档推荐

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+个顶级图标和内建多种