10个小技巧让你的移动APP设计体验更完美

国外的设计师认为使用Android和iOS编写一个移动App是很容易的,但设计一个伟大的移动APP就是一个挑战了。 他们觉得APP设计占据整个APP制作过程当中最重要的一部分。

国外的设计师认为使用Android和iOS编写一个移动App是很容易的,但设计一个伟大的移动APP就是一个挑战了。 他们觉得APP设计占据整个APP制作过程当中最重要的一部分。

是不是这样呢?我们先来看看一款优秀的APP航空管家是如何设计制作出来的。

看完上面的这个移动APP设计视频教程。不知道你有啥启发。如果没有,没关系。网站模版网(www.genban.org)接下来教你10个移动APP设计小技巧让你的APP更加完美!

 

小技巧1: 保持专注和极致

最好的一个移动APP必须集中精力将一件事做得很好做到极致。看到极致2字,可以联想到小米公司创立之后,雷军说过的那7个字当中就有极致二字。

你应该用一句话就能描述你的应用程序是干什么的,而不用提及任何”细节”。 用户应该能够启动它,使用它,然后在几秒钟内就能利用其达成目的。最多通过三步。

如果用户需要通过四层以上的菜单才能使用,那APP程序很快就会被卸载。

application_1x

小技巧2: 适当地使用后退返回按钮

在Android上,系统提供的后退按键在App内应该能够使用户得到返回的功能。

而在iOS中后退按钮是通过软件控制的,您应该总是提供一个返回按钮,原则上用户已经习惯了返回按钮在左上角。

遵循back-button的约定行为和特定于操作系统的位置是至关重要,要让你的APP满足用户期望或是习惯的行为。这点也是非常重要的。

 

 

小技巧3: 充分考虑软键盘行为和交互的方式

大多数移动应用程序都在一个或多个屏幕中要用到使用键盘输入。不幸的是许多设计师没有考虑到激活屏幕键盘后如何显示界面。

当你测试时,请确保在屏幕上有足够的空间让用户知道他们在做什么,即使屏幕键盘被激活时也一样。

交互设计原型图
小技巧4 : 体贴的空白 提示占位符

如果应用程序只有几个数据输入域,则显示空白提示是很友好的,也可以让应用程序看起来更干净。如果应用程序的数据输入域很多,则使用占位符而不是label就会变得非常混乱。

一旦用户在该输入域输入一些信息,除非这些信息是不言自明的,否则对用户来说那些信息就需要连蒙带猜了。

 

1221004

小技巧5: 挑战移动APP的新特性

在以前的应用程序设计中,软件开发人员专注于在程序中添加尽可能多的功能。 他们衡量成功的准则就是能够比竞争对手拥有更多的功能和特性。

移动革命已经改变了这一点。在桌面应用程序中,一个不常用的功能会被添加到子菜单中,高级用户发现这些功能可能是一个好主意,因为它使得你的程序区别于竞争对手。

在移动应用中,一个不怎么有用的特性会使得用户界面凌乱而难以操作。

 

 

小技巧6:把选项卡放到正确的位置

在iOS中,主要的选项卡导航看起来不像选项卡。 他们是屏幕底部的一些图标,用户使用使用他们来切换应用的主要功能。 大多iOS用户不习惯这个功能出现在窗口的顶部,但Android用户习惯于这样。 在Android上,选项卡通常放置在应用程序顶部,并且可以左右滑动切换。
这里的关键在于,如果你的应用需要依赖一个”选项卡”来作为应用主要功能的导航,您需要在iOS和Android上将它们放到不同的位置。

 

 

小技巧7:注意按钮的尺寸
简单设计中有一种倾向,说为了添加一些东西我们可以让它适应一下,如果我们只是稍稍减小按钮或字体的大小。 这是危险和灾难性的!!! 如果曾在智能手机上打开没有为移动设备优化过的web页面,你就知道不能点中一个超链接是多么令人沮丧的用户体验。

在app中,如果用户不能选择放大那就是一个更大的问题。

保持按钮尺寸足够大以容易使用,并在小屏幕设备上测试你的应用程序,如iPhone 4上依然拥有舒适的使用体验。

iOS7设计图标尺寸最新分享
技巧8:考虑按钮位置

当用户手中拿着智能手机,屏幕的下半部分可以用拇指很容易到达。 习惯右手的用户可以接触到右下角,而左撇子正好相反。如果你希望能够单手操作,记住这一点。

移动触摸手势图标
小技巧9:提供必要的提示信息

任何时候给你的用户请求输入,考虑用户需要什么信息做出决定采取什么行动。 如果你的UI不在同一位置提供这些输入框,用户可能需要取消并返回到上一级页面来做决定。
减少用户的痛苦,当用户需要决策时在适当的地方提供必要的信息。
小技巧10: 注意你的图像分辨率 如今手机屏幕大小不一,针对设计师的挑战很大

现代智能手机拥有惊人地高分辨率,看起来绝对漂亮。不幸的是,如果你仍然在使用低分辨率图像作为图标,应用程序看起来就是锯齿状和模糊的,特别是在操作系统渲染字体和梯度时。

确保你使用334 ppi或更高分辨率的图片,并且看起来应该清晰和干净。

在比Retina屏的iPad具有更高分辨率的平板上(如Nexus 10 有300 ppi), 264 ppi的图像看起来仍然是清晰和干净的。
一个更好的方法是使用向量图(vector),那样可以在任何分辨率下缩放。

 

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

相关文档推荐

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