移动应用设计:易用性和易读性

我们这次连载也终于迎来尾声,但我们也打算将最重要同时也可能是最容易被忽视的问题放在这里来讲,那就是易用性和可读性。事实上准确且覆盖整个 App 使用流程的沟通技巧,对于保证良好的用户体验至关重要。



一、易用性和可读性

1. 和用户讲同一种语言

未知的术语或短语会加重用户的认知负担。当开发者使用品牌专有术语对引导按钮(call to action)进行描述时,用户可能会感到困惑。沟通清晰度和功能性应该始终优先于品牌信息的推广。

上图中,功能相同,但右边的 “Buy”、“Rent” 和 “Sell” 更容易理解而且没有歧义。

2. 提供文本标签和视觉提示,让信息明朗化

视觉设计和符号标志都需要文本标签,从而让用户能够一致而正确地理解。我们在研究中发现,菜单、购物车、帐户或商店定位器的图标以及过滤或排序等操作的图标不是通用的,并且在不同的应用之间无法很好地被理解。用文本标记过的图标,因为没有歧义,被使用的可能性更大。此外,在一些需要枚举分类的场合,如果不提供图标等视觉提示的话,用户会需要猜测它们所代表的内容。请确保添加视觉提示以减少用户的迷惑,让用户可以专注于操作本身。

上图中,右侧界面底部的导航在图标下面增加了文本标签,确保用户能准确理解。图标的存在更多的是作为视觉提示来帮助用户在下次点击时方便记忆。

3. 重要操作时给出视觉反馈

当用户将商品添加到购物车中或提交订单时,缺乏视觉反馈效果可能会导致用户质疑该操作是否已被处理。提供视觉动画或其他类型的视效即可消除用户的猜疑。

上图中,用户添加商品进入购物车之后,只是在按钮的文案和颜色上发生了变化,太不明显。

上图中,在不改变原有界面逻辑的前提下,增加了一个小的弹出提示。用户可以即刻知道自己的操作已经成功。

4. 允许用户控制缩放级别

用户希望能够在查看图像时控制缩放级别。如果只能在进行固定倍率的缩放操作,用户可能会感到沮丧。特别是当放大后的图像让用户只能看到某个特定的部位,或被迫将图像部分移出屏幕时,用户肯定不会喜欢。应该允许用户进行控制,让他们按照他们喜欢的方式来缩放图片。

上图中,点击商品图片只能用固定的倍率放大图片,这会打击用户的操作积极性。

上图中,活用移动设备的多点触摸,将主动权还给用户,让他们自行选择缩放的区域和比例。

5. 在上下文中发起授权请求

当用户拒绝提供应用程序正常运行所必需的权限时,他们可能会无法继续使用,并陷入困境。为了缓解这种情况,应用应该在具体使用环境中发起权限请求,并明确告诉用户这个权限的价值在哪里。如果在进行相关任务期间被应用询问,用户更有可能授予权限。

上图中,在没有上下文的时候突然被要求授予访问位置的权限,十分突兀。

上图中,在用户想要寻找店铺的时候才在相应的界面明确说明需要访问位置,这样用户就能知道点击 “允许” 能带来什么好处。

以上就是这次连载的全部 25 条原则。通过我们对移动应用设计的 25 条原则的介绍,您了解了很多新知识,知道了应该如何针对导航和浏览应用内搜索及针对商业和转换率进行设计注册及表单输入和可用性等方面进行设计,从而优化用户体验。我们建议将您当前的应用体验与本指南中的每项原则进行比较,并确定应该优先对应用的哪方面进行改进以弥补差距。 在您的应用设计实现了提供卓越用户体验的目标后,您就可以开始着手提高营销效率了。您的营销举措需要配合您的应用的生命周期,而不能一味寻找新用户。您应该确保用户继续与您的应用互动并邀请他人分享体验,从而扩大活跃用户群。

作者:Google Play

来源:51CTO

时间: 2024-09-20 00:23:58

移动应用设计:易用性和易读性的相关文章

网页设计易用性:43条网站设计中常犯的错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性.如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念,因此希望这篇文章对大家能有作用. 1. 用户必须在几秒钟知道网站是做什么的. 注意力是因特网上最有价值的货币.如果访问者无法在几秒钟之内得知你的网站的方向,他很有可能转而访问其他网站.你必须迅速地告诉访问者为什么要在你的网站上花费时间. 2. 让网站易于速读. 因特网不是书,因此没必要使用

互联网产品设计:设计原则和设计易用性

概念不能成为我们设计产品的索套,即使设计出人头马面.挂羊头卖狗肉,只要满足了用户需求.在设计中不是犯了什么原则错误,而是排版的方式没有在什么地方见到过:但提出来的问题一定要重视. 概念VS功能:在几次产品会议中,经常会听到同事说XX产品就应该像XX的样.不能没有YY.ZZ功能.感觉有些太概念化. 虽然一个成型的产品,例如SNS就应该有好友关系.日志等功能,如果没有这些功能可能就没有人说它是SNS了.但是,当我们需要设计一个产品的时候,是否需要先套概念,明确做什么东西后,然后再根据自己的需要修改这

易学性vs易用性,产品应该选哪边?

时不时,我们会卷到应用程序易用性的讨论中.然而,无论是对一个特定的功能还是针对整个应用程序,这种讨论几乎总是集中在如何使这个应用让用户快速上手上. 本文选自<一个人的产品:写给非设计师的设计书>,为了解决上述问题,首先我们要明确易学性与易用性有什么不同. 易用性设计 易用性和易学性是密切相关的,但是软件的类型会因为其强调的是易用性还是易学性而相去甚远. 易用性当然比易学性的内容要更"宽泛"一些,涵盖应用程序交互的许多方面. 易用性好的应用程序会让经常使用它的用户做事富有成效

网页设计的80/20规则

最近学习了一些有关设计原理的内容,我发现了一个有趣的原则-80/20规则.也被称为帕雷托原理.朱兰原理.关键的少数和次要的多数理论或因素稀疏理论. 在网站和网络应用设计中,80/20规则对用户体验有深远的影响,并最终影响网站和网络应用的内容效用和功能. 本文首先给出了80/20规则的基本定义,然后通过案例讲解80/20规则是如何产生效用的.最后通过对80/20规则知识的搜集总结出一些经验与大家分享. 80/20规则是什么? 80/20规则最初是由意大利经济学家维弗雷多·帕雷托总结出来的,但是帕雷

网站中的网页设计的80/20规则

中介交易 SEO诊断 淘宝客 云主机 技术大厅 最近学习了一些有关设计原理的内容,我发现了一个有趣的原则-80/20规则.也被称为帕雷托原理.朱兰原理.关键的少数和次要的多数理论或因素稀疏理论. 在网站和网络应用设计中,80/20规则对用户体验有深远的影响,并最终影响网站和网络应用的内容效用和功能. 本文首先给出了80/20规则的基本定义,然后通过案例讲解80/20规则是如何产生效用的.最后通过对80/20规则知识的搜集总结出一些经验与大家分享. 80/20规则是什么? 80/20规则最初是由意

合理的交互 恰当的视觉

交互设计和视觉设计的重要性,业内已经达成了共识. 最近看了iphone版海豚浏览器的设计方案,正好借机再陈述一下相关的设计原则. 我想说的主要有三点: 1.交互设计受限于硬交互(硬件本身的基础交互属性),设计要在硬交互的基础上进行扩展. 2.视觉设计最首要的任务是辅助交互设计,进行恰当并谨慎的视觉引导. 3.视觉愉悦性是很重要的一部分,但是视觉不能对交互体验产生阻碍(如不恰当的隐喻.错误的视觉引导等). iphone版海豚浏览器在交互设计上,充分考虑了平台和硬交互的特点,设计出了一套手势交互体系

设计界面字体易用性测试用例要从那些方面考虑?

问题描述 设计界面字体易用性测试用例要从那些方面考虑? 界面字体易用性测试应从哪些方面考虑?能不能给几个测试用例做样板? 解决方案 主要是测试不同显示器类型,不同尺寸的显示屏,不同界面字体的可读性.比如说在iPhone 6这种高分辨率的屏幕上,你的字体是否偏小.

关于web2.0网站易用性设计的一些原则

web|web2|设计 新年之前,组织公司的同事一起研究了flickr等网站的用户体验,为此自己做了一个简单的提纲.从事Web产品设计几年以来,思考的很多,却几乎没有写过什么,这次对自己的产品理念的一次小小总结. 一.降低用户使用的门槛,你的一小步是用户一大步 在线图片管理.网络书签其实都不是什么新的概念,而Flickr,del.icio.us等之所以能成为2005年的明星网站,在与他们更加关注用户的体验,在UI操作上非常关注易用性.比如,flickr在图片上传的方式上非常灵活. 二.珍惜用户的

SNS的用户体验和产品设计的易用性和亲和力

文章描述:中国SNS用户体验设计分析和互动性浅析. 随着互联网产业的飞速发展和电子产业的飞速发展,人们的社交似乎离不开网络,这就应运了SNS的飞速发展. 从打开QQ空间关注朋友们的动态,最近心情如何:到去人人网上找到久不联系同窗故友:上班闲着去开心上偷偷菜发发扰骚:休息时去白社会听听歌.看看报.做做测试.试试手气.算算运气. 今天让我们以QQ空间为导引,共同探讨中国SNS的用户体验和产品设计的易用性和亲和力.如今的QQ空间的交互性和体验性都是比较强的了,早在刚推出空间的那会,纯粹就是自己的空间,