如何打造更好的移动体验

用户头像
北京/UI设计师/9年前/136浏览
如何打造更好的移动体验

在纷繁的应用市场上,如何使自己的App脱颖而出,吸引并留住用户呢。下面七个方法或许可以帮你打造更好的移动用户体验。

移动应用正在成为产品和服务的主要形式,但是在纷繁的应用市场上,如何使自己的App脱颖而出,吸引并留住用户呢。下面七个方法或许可以帮你打造更好的移动用户体验。


1.一个页面,一项工作

帮用户简化操作


5396584a26b9a8012060c8df7a44.jpg

在设计app时,尽量使每个页面只包含一个核心功能,用户可以明确知道他到这个页面要做什么。这样不仅对用户来说学习成本和使用成本比较低,而且开发起来也更加清晰简单。


举个uber的例子。uber知道他的用户打开App就是要打个车。它不会冗杂的信息来烦用户:它会自动检测到用户的位置,而用户所需要做的唯一一件事就是选择上车点,过一会儿,车就会来接你了。


2.看不见的界面

内容即界面

5afa584a2888a801219c7766305d.jpg

将注意力集中在内容上,将页面上所有与任务无关的元素都删掉。由于人们注意力集中的时长的缩短,现在大家越来越容易迅速找到他们正在寻找的信息了。内容本身正在成为界面。google maps就是一个很好的例子-在设计阶段,设计师将所有不必需的面板和按钮都删除掉了,他们的理念是:地图本身就是操作界面。


3.留白的作用

用负空间来突出重要内容


留白或者称作“负空间”,就是设计中两个元素中的空白空间,经常会被忽视。虽然有些设计师觉得这是对有限页面的浪费,但实际上,留白在移动设计中是非常重要的元素。


“留白应该被当作一个有效的元素,而不是无意义的背景”-— Jan Tschichold


留白不仅有助于增强可读性并突出内容的优先级,而且有效地划分出了视觉层次。因此它不仅可以帮助简化UI,还可以帮助提升用户体验。


fb46584a28d0a801219c77ab6268.jpg

在设计中遵循“少即是多”的原则



4.导航可以让事情变简单

设计清晰的导航


导航是所有app的首要工作。移动导航要明显,好用,而且不能占据太大的屏幕空间。然而由于手机尺寸的限制,实现这几点还是挺难的。


434e584a2921a8012060c8bd17cb.jpg


5.单手操作

使你的手机适配更大的屏幕



随着iPhone 6和 6 plus的发布,屏幕尺寸的增长已经变成了一个愈加明显的趋势。

552a5850ae5aa8012060c85cd935.jpg


下图是人们握持手机的三种基本方式:


56295850ae74a801219c774b3a50.jpg


85%的被测试人群是用单手握持手机的。下面的热点图显示了2007年之后发布的iPhone上,用户的大拇指所在的位置。我们可以明显看到,屏幕越大,拇指可以轻松点击的区域就越小。

b1965850aeb0a8012060c8457c53.jpg


我们需要用设计来改进用户体验,尽可能使你的app在大屏幕手机上可以单手操作。将你的导航放到大拇指能点击到的位置。

49735850aec4a801219c77081c7e.jpg


6.让应用看上去快一点

不要让用户等待


想尽一切办法让你的App响应快一点。将大部分工作放在后台处理,至少让他看上去快一点。将这些工作放到后台有很多好处,在用户可以对其进行操作之前,这些诸如上传的工作对他们来说并不可见。insta在这件事上就做的很好:

9014584a4b59a8012060c8385431.jpg

                    instagram在图片进行后台上传的时候,邀请用户为图片添加标签。当用户设置完毕并

                    点击分享按钮的时候,无需等待,上传已经完成并马上可以分享了。


7.适当地使用消息推送


结论

当我们设计一个App的时候,要保证它是有用的(useful)并且高可用的(intuitive)。如果一个app没有用,它对于用户来说是没有使用价值的,那么谁还会来用它。但是如果一个app有用,却需要很多的时间来学习,用户很可能放弃它转而去用其它软件。而一个好的设计师则需要两者兼顾,解决问题。


1
阅读原文
|
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
新能源APP应用UIKit
钱包ui模板
新拟态风格 UI设计组件库
Security Camera UI kit
【新年UI图标】秒杀icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
【新年UI图标】会员icon
拟物风质感写实UI卡片合集源文件
UI界面 组件
智能家居中心 简约 UI设计组件库
高级表盘系列UI源文件
UI通用设计素材1
【新年UI图标】30个图标
【新年UI图标】银行卡icon
3D渐变流体抽象矢量UI背景图
UI应用平面图标
抽象液态渐变UI背景模版
我的钱包-UI界面设计-app
【新年UI图标】汽车icon
盲盒APP UI设计
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
【新年UI图标】影音icon
科技医疗透明柜UI界面设计
你可能喜欢
大家都在看
登录注册