十年专注于品牌网站建设 十余年专注于网站建设_小程序开发_APP开发,低调、敢创新、有情怀!
南昌百恒网络微信公众号 扫一扫关注
小程序
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号
扫一扫打开百恒网络微信小程序

百恒网络

南昌百恒网络

在APP设计中通过以下五种方式避免用户不要的点击

百恒网络 2017-01-02 5791

随着生活节奏加快,人们对效率的要求不断增大,首先体现在使用环境方面。用户在使用移动终 端时要在时间上承受更大的压力:用户一秒钟时间都不能浪费,而且随时有被打 断使用的风险。接下来由南昌APP开发公司百恒网络前端工程师向大家介绍通过以下五种方式避免用户不要的点击,也希望大家提供更好的设计方案共同学习共同进步。

优化效率的首要反应是去掉所有无用功。以下几种方法可以帮助用户减轻负担,省去可以避免的操作。

尽可能减少步骤

为了提高移动应用的使用效率,应该减少用户达到目标所需要的步骤。不要 迫使用户本采取可以避免的操作,如果有别的选择,为何非要多点击一次?

尽可能减少步骤

用户想要看测试结果或者看自己赢了还是输了,但屏幕上没有任何提示。用户必须先点击 “挑战”(Défis),再点击“结果”(Résultat)才能看到测试结果的相关信息。而实际上, 用户只对结果本身感兴趣。

尽可能减少步骤

在这两款应用程序中,用户都可以拍摄视频和照片,或者添加照片。SE LOGER(下图) 采用一个专门页面处理媒体问题。而COUPLE(上图)则默认最常用的方式是拍摄照片, 于是用照相机的图标表示默认照相功能。两款应用程序在拍摄照片、视频或者添加照片时 所需的时间相同,但在 COUPLE 上进行拍摄会更加迅速,为用户节省了时间。

尽可能减少步骤

为了把商品放入购物篮里,用户必须点击两次。对于一款食品电商的应用程序来讲,这种 做法效率太低。可以想象,用户很可能产生误会:点击左下角“我要购买”(Je veux!)按 键后,用户以为已经把商品放入了购物篮,可实际上这个操作只打开了商品的细节页面, 用户需要再次点击“加入购物篮”(Ajouter au panier)后才完成操作。用户会产生两次购 买了相同商品的错觉。

如果设计者能确定用户肯定需要一个元素,应当尽量以最少的操作步骤提供 给他。以下例子来自应用程序 LE BON COIN,但在安卓系统也十分常见。如果 我们能直接猜到用户的需求,为何要让他多费力呢?

预测用户的需求

用户如果希望记录搜索内容,必须首先为其命名。但页面并没有直接给出键盘,只有在点 击“标题”(Titre)输入区域后,键盘才会出现。大家都知道,所有希望使用该功能的用 户都必然会用到键盘,点击输入区域后才能调出键盘,这完全属于画蛇添足。

尽可能减少步骤

很明显,所有用户都需要使用 “呼叫出租车”(Commander votre taxi)按键。但用户在打 开应用程序时却看不到这一按键,必须下拉页面后才能看到。

当然,减少操作步骤的设计原则要谨慎使用:不顾一切地寻求高效,可能会 犯下错误,比如因为需要显示的功能太多,导致登录页面的时间过长。其实,一 切决定都需要权衡利弊,精心挑选能够优化人机交互操作的功能,至于那些不太 重要的选项和功能,没有必要安置在最前方。

保护用户避免犯错

每次点击都很重要,所以用户需要尽可能不犯错误。导航方面的错误无疑会 让浏览过程更加烦琐:用户要尝试其他路径,效率必然降低。设计者应通过添加 说明文字、合理安排页面、保证人机交互顺畅无阻等方法,正确引导用户。

设计者在导航设计上多花些心思,能有效保护用户避免犯错。我在前一章已经 讨论过这个问题。但请注意:设计者一定要自己实际操作一遍,检验一下实际情况 和心中的原有设想是否相符!在设计者眼中很明显的事情对用户来说未必如此。不 要忘记,人机交互在移动终端上非常迅速,用户会不假思索地操作,错误屡见不鲜。

这里谈到的“错误”指的不一定是严重错误。很多情况下,用户甚至并没 有意识到自己犯了错,因为他已经习惯了为达到目的尝试多种方法的操作策略。 然而,这些错误让操作速度减慢,导致效率降低。

保护用户避免犯错

如果用户没有在表格中填写任何搜索标准,右上方的图标就是最明显的行为召唤。然 而,此处的图标表示“保存”。由于缺少其他明显的图标,用户往往会点击“保存”图标, 因为这一图标所处的位置让人误以为是“搜索”。实际上,是表格的形式导致了用户犯 错——弹出的键盘挡住了“搜索”按键!

预测用户的需求

为了减少用户花费的精力,设计者必须充分了解用户的目标和特点。想要提 高效率,不能单凭遵守大众化规则。设计者有必要仔细研究用户的使用习惯,让 移动应用最大限度地符合用户的实际需要。

● 设计者要站在用户的立场上,从用户的生活环境出发:用户可能处于怎样 的使用环境?怎样让应用使用起来更加方便?

预测用户的需求

用户希望找到合适的交通工具前往某地,此款应用程序为此而生。程序在打开时会自动定 位(Localisation)、寻找公共汽车车站、提供公共汽车即将到站的时间等相关信息。

● 研究用户行为,并让应用程序适应用户行为。设计者经常会对研究结果大 吃一惊,由此获得的设计灵感在付诸实践后貌似显而易见,但如果我们闭 门造车,很多思路根本想不到!

● 设计者需要根据应用程序的特点,预测用户使用频率最高的功能。

快捷方式

有一种简单方法可以提高用户效率——为用户最喜欢的功能创建快捷方式。 尤其在用户经常使用该功能的情况下,快捷方式更显实用。

快捷方式可以直接显示在屏幕上,或者藏在后台,通过操作手势现身并激 活。隐藏的快捷方式往往更吸引人,因为它不会带来任何视觉上的负担——不必 显示按键!但这种方法也有缺点:相对来说,隐藏的快捷方式可发现性很低,用 户很难找到。

清单列表往往配备快捷方式,用户不必进入每一项细节页面,能更快完成操 作。以下几条建议或许能帮你设计出成功的快捷方式。

● 第一,仔细选择为哪些功能可以创建快捷方式:快捷方式必须指向重要的 核心功能和用户偏爱的功能。滥用快捷方式就谈不上快捷了!

● 第二,选择操作手势还是按键激活快捷方式,在两种途径中找到平衡。不 要忘记,只有对用户经常反复使用的功能来说,操作手势的效率才更高。

● 第三,如果选择采用操作手势激活,快捷方式的可发现性会降低。设计者 需要考虑如何让用户学会这种操作手势。第五章将介绍如何达到这一目的。

● 第四,对可视快捷方式来说,点击元素应当尽量不扰乱屏幕上的其他元 素,不能与相关产品的描述内容产生竞争,所以,快捷方式按键应该采用 简单明了的图形设计。

● 最后,设计者用快捷方式指向某项功能的同时,必须让用户可以通过相关 的细节页面执行同一功能。

快捷方式

用户用左右滑动手势在邮件列表中进行操作。对于新手来说,以滑动手势激活快捷方式不 会带来问题:快捷方式不占据屏幕的空间,而且用户还能通过邮件的细节页面执行相同操 作。同时,快捷方式可以大幅提高熟手用户的效率。

给予反馈,而不是强迫确认

在很多情况下,用户被要求点击“确认”键,证实已经阅读过相关信息。其 实这些地方未必需要做信息确认。如果条件允许,设计者通知用户即可,而不是要求用户点击确认。

给予反馈,而不是强迫确认

旧版本要求用户点击“OK”确认,把选中的电影院加入收藏。新版本改变了策略:表示 收藏的心形图标旁边显示了一个通知,直接告诉用户电影院已加入了收藏。通知下方的蓝 色字“从收藏中移除”(Retirer des favoris)不但提供了删除的选择,同时还对用户刚刚进 行的操作给予了积极反馈。

避免过度保护

设计者出于尽善尽美、保护用户的本意,经常会要求用户确认刚刚发出的指 令。然而在移动终端上,这种操作让互动过于烦琐。如果有可能,不必要求用户 确认,而是让用户可以返回上一步或者更正指令。在使用环境相对安全、用户操 作失误的后果较小的情况下,更应该采用这条建议。

避免过度保护

在旧版本中,删除收藏项目的过程冗长而烦琐。在新版本中,程序剔除了最后的确认步 骤,对使用也没有产生任何不良影响。

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

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

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

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