十年专注于品牌网站建设 十年专注于品牌网站建设,低调、高逼格、有情怀的网络应用服务商!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

在APP设计中鼓励行为召唤具体应用方法

百恒网络 2017-02-04 228

关于提高移动端使用效率,前面我们通《通过下列五种方法实现在APP开发中简化用户数据输入》介绍在输入栏中填写默认数据、建议输入内容、实时确认输入数据、选择合适的表格元素、输入工具与预期的输入内容相适应五种方法减少用户不必要的输入操作,提高用户体。接下由南昌app开发公司百恒网络工程师向大家介绍鼓励行为召唤应用方法。

基本行为召唤既要显著又要具备功能可供性

对于页面上的主要操作功能,一定不能有任何模糊不清的地方。因此,设计者 需要以显著的方式展示行为召唤 ,让它从其他元素中脱颖而出。读者已经在第一章 看到了功能可供性 的重要作用。在滚动菜单中,设计者也可以把行为召唤始终展示 在页面上。不要忘记,最小的细节都会引发重大的影响,请看下边的例子。

基本行为召唤既要显著又要具备功能可供性一

比较一下统一应用程序的两个不同版本。设计者始终把“随机播放”(Aléatoire)按键放 在重要位置。但在旧版本中,“随机播放”按键淹没在各种按键之中。而在改进的新版本 中,就再也没有模糊不清的地方:“随机播放”按键一直十分明显,即使用户下拉菜单, 按键也始终显示在屏幕上。

基本行为召唤既要显著又要具备功能可供性二

比较一下这两个应用程序撰写邮件的页面。在GMAIL 上,“发送”的行为召唤很小,但 很明显,能从页面上的各种元素中脱颖而出。在MAIL 上,“发送”的行为召唤的可供性 不够强,因为设计者使用的是说明文字,从视觉角度来看,所有元素都在同一水平上,没 有重点。尽管如此,用户最终会通过学习会弥补这一设计缺陷,因为使用电子邮箱是一个 需要不断重复操作的过程。

用户重复使用应用的频率越高,设计者就越容易认为:“无所谓,反正用户 会在不断使用的过程中学会……”这绝对是一个巨大的错误!诚然,用户能学会 在预期页面瞄准某处进行操作,但为了快速达到目的,任何元素都无法代替一个 足够大、足够明显且毫不模糊的行为召唤。在效率面前,每一微秒都至关重要!

基本行为召唤既要显著又要具备功能可供性三

在电子商务领域,显著的行为召唤同样重要!电子商务设计公司ALTIMA 对以上两个版 本的行为召唤——“查看购物篮”(Voir mon panier)按键进行对比调查,结果如下:在受 调查者中,喜欢第二个版本的人数比第一个版本多 12%。由此可见,细节决定成败!

强调行为召唤会产生另一个极佳效果:赋予行为召唤强大的建议能力 。换句 话说,设计者越凸显某项功能,用户就越倾向于使用该功能。当然,前提是功能 必须真的实用!

设计者还需要对行为召唤进一步优化,让用户能轻松进入功能:必须让用户 付出最小的努力达到目的。前面对按键在页面上的位置问题进行过讨论, 希望能为设计者提供一定帮助。

扩大可触控区域等于优化效率

前面提到过费茨法则 :可触控区域越大,用户就越容易毫无差错地进 行操作。这项法则在行为召唤的设计中至关重要。

在app设计中扩大可触控区域等于优化效率

在PATH 上关闭照片要比在 FACEBOOK 上容易得多。 在 PATH 上只需要在屏幕 任何地方再次点击即可关 闭照片,用户不必把手指 移动到某一特定位置操作。 而在FACEBOOK 上,用户 必须点击“关闭”按键才 行。两款应用程序包含了 众多以视觉媒体为核心的 功能,所以,这一点点区 别让用户体验高下立判!

在 FACEBOOK 上,采用滑动手势 向上或向下滑动也会关闭照片,但该操作手势很难被发现,在这里不予考虑。

多种可能激活相同功能等于优化效率

设计者应该根据用户的认知水平,创建若干可触控区域:比如为某项功能设 计一个明显的行为召唤(带有说明文字的按键和图标),同时再设计一个不明显 的元素供点击操作,又或者通过一种操作手势达到相同目的。后边提到的两种方 法可以节省页面空间。

多种可能激活相同功能等于优化效率

为了让用户从细节页面返回,存在两种方法:按传统方法点 击页面顶端的箭头,或者用向右的滑动手势。滑动手势不 是精细操作,用户不需要瞄准屏幕上的某个特定区域,速 度更快。熟悉该应用程序的用户知道这种快捷操作方式, 可以提高效率。

在app设计中扩大可触控区域等于优化效率

用户可以通过两种方式进行同一操作:点击“×”形图标,或者用手指在屏幕上做向左侧 的滑动手势。

扩大可触控区域等于优化效率

为关闭产品详细说明的页面,用户在CHRONODRIVE 上可以点击“×”形图标或者点击 页面其他任何地方。而在E.LECLERC 上,用户必须点击左上角的“关闭”(Fermer)按 键,导致效率降低。

注意语言的表达方式

设计者在设计起到提示、教学作用的文字,以及行为召唤的相关语言时,都 必须谨慎小心,防止误导用户犯下错误。别忘了,用户的行为方式在很大程度上取决于设计者的指引:设计者使用的语言文字往往是引导用户采取行动的唯一因 素。如果语言表达不当,就可能降低效率。比如下边 SHAZAM 的例子。

注意语言的表达方式

应用程序中提示“点触开始音乐识别”,用户很自然地想触碰提 示文字出现的地方激活功能,却失败了。实际上,仅有页面的中 心部分属于可触控区域。

人们往往会低估语言的力量,实际上,经常是语言在影响用户做决定。假 如一位不懂法语的用户希望浏览法语网页,想想会有多困难!

蓝色字体“添加收藏”(Ajoutez la à vos cinémas favoris)是 最明显的元素,但用户在点击后却发现没有任何反应。用户 可能会重复点击若干次,最后发现这里根本不能点击,操作 效率大打折扣。用户甚至会以为应用程序存在 Bug,那就更 糟了!在理想状态下,整个白色条状区域都应该可以点击。

注意语言的表达方式

在人机工程学领域,“错误”一词危险之极:此处指的不一定是用户发现的 问题或者给用户造成麻烦的问题。用户很可能都没有意识到程序存在错误,但这 些错误会让用户操作速度减慢,影响用户体验。而且,错误越频繁重复出现就越 危险,最终可能演变成存在于用户意识中的顽固错误 。

本文仅限内部技术人员学习交流,不得作于其他商业用途.希望此文对广大技人员有所帮助。原创文章出自:南昌APP开发公司-百恒网络 http://www.jxbh.cn/app/index.html 如转载请注明出处!

400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络小程序

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
售后服务 售后服务
 
备案专线 备案专线
 
×