e-works数字化企业网  »  文章频道  »  基础信息化  »  移动应用

互联网产品之易用性

2017/7/17    来源:今日头条    作者:佚名      
关键字:互联网  互联网产品  
对于一个网站而言,加载时间、导航视图、页面布局,乃至按钮的大小都属于易用性范畴。除了网站设计,易用性同样适用于移动应用和我们身边其他产品和服务的设计。易用性是产品设计的一个重要原则,是产品竞争力的核心,更是现代企业不可忽视的商业准则。
    产品功能性
 
    确保产品/系统可以工作
 
    产品的功能性就是要确保该产品能够正常的完成工作。如果一个事物连最基本的功能都无法正常使用,那么无论设计的多么美观也都成了浮云。所以,从功能性开始进行可用性的研究是最好的选择。
 
    就网站而言,用户对网站的基本需求可以概括为三个功能:1.按钮和链接点中就有反应;2.网站导航是灵敏的;3.网站的处理速度是可以接受的。在越来越注重用户体验的今天,大多数网站这三个方面做的还是比较到位的,我们在建设网站时可以多参考目前主流的网站,比如,淘宝、百度、新浪、搜狐等等,这样可以使我们降低错误的几率。
 
    下面就网站中表单来说明一下功能性设计
 
    我们创建表单时,有几个关键性的因素:1.人们要能够提供表单中所要求的信息;2.固定的输入格式会极大地增加表单错误;3.相互依赖的表单和登录也会增加出错概率;4.有歧义的使用说明会大大影响用户的使用。
 
    人们要能够提供表单中所要求的信息
 
    表单中所要求人们填写的必要信息被定义为必填字段,已被设计界广泛使用。通常,表单设计完成后,一些特定的字段会以某种方式进行标注,通常用星号(*)表示用户必须输入内容才能完成表单,这就是必填字段。
 
    这些必填的字段有可能是根据业务需求需要获得的信息,我们在做设计的时候原则是减少可填写表单的数量,尽量减少用户的输入操作。但是,有的时候由于业务需求,我们不得不需要用户提供这些所谓的必填字段,这个时候我们要做的就是要最大限度的优化操作体验。
 
    无论如何,进行表单测试时,我们要确认用户可以不太费力地提供表单所需的所有信息。这无疑是提高网站转化的一个重要因素。
 
    固定的输入格式会极大地增加表单错误
 
    字段验证是为了确保计算机获取到可以理解并能够正确的归档到数据库中的数据。字段的验证会进行语法检查,确认信用卡好栏中输入足够长的数字,等等。用户是看不到这些规则的,这就意味着错误的概率是巨大的。
 
    举个例子,如果要获取用户的信用卡卡号,用户在输入的时候会直接输入16位数字组成的字符,或者用户会在每4位数之间插入空格,此时就会发生错误,让很多人无功而返。显然,系统要获得是16个数字,不包含空格。此时我们要做的就是,首先在文本框内显示默认文字,如“请输入信用卡号”,其次,在用户输入数字时自动用空格符分隔数字“1234 5678 5488”,最后,当用户输入了非数字字符时,在文本框失去焦点时提示用户错误即可。
 
    相互依赖的表单和登录也会增加出错概率
 
    表单的依赖性指的是在填写一个表单后需要提交时,处罚下一个表单的填写,也就是如果要提交表单1,前提是要完成表单2的提交。举个例子,当我们在一个在线购买电影票的网站挑选电影时,选择要看的电影后,完成了购买电影票的表单填写时,这时需要完成注册表单的填写,这时很让人崩溃的,注册完成后要把刚才的操作重新来过。
 
    当然,购物车中的连续页面这类依赖性的表单并不那么让人讨厌。只有在网站打断用户当前的操作并要求他去做其他任务时,才会引发依赖性表单的问题。当用户按照一定路径从一个交互进入另一个交互时,就会对这个网站的用户体验产生看法,所以千万不要打断用户的操作。
 
    总之,如果设置了两个或多个不同的表单,那就奥确保以合适的顺序向用户呈现。同时,要给用户预留足够的时间来填写这些表单,免得网页超时逼迫用户重新来过。
 
    有歧义的使用说明会大大影响用户的使用
 
    有歧义的使用说明会使用户犯错误,并且让用户摸不着头脑。在填写表单时,我们会看到对于不同字段的文字说明,这些说明文字会帮助我们高效的完成表单的验证过程。不过,也有一些例外。比如,在填写日期的时候,位于文本框旁边的提示文字是“请输入日期,如yyyy/ww/tt”,当用户输入1989/12/25时,系统却报了错误,原因是计算机只接受19891225这种日期格式。
 
    其实,很容易做到让数据库忽略斜杠、破折号、空格以及其他的特殊符号。在网站中要求特定的输入格式时,相关的提示信息要确保准确无误,这样才会保证用户能顺利完成表单的验证。
 
    我们再从导航的灵敏度上看一下功能性
 
    在前面说到的网站导航灵敏度,这个主要涉及到的是系统的速度和效率。在网站汇总,越来越多的证据显示,网页对于用户请求反应越快,转换率就越高。Google和Amazon都证明了将反应时间缩短半秒会大大提升转换率。导航的灵敏度同样适用于移动设备中,用户们可没有耐心在点击了一个按钮后,等待几秒才会继续使用。
 
    无论是什么东西,如果你觉得它用起来慢,那我敢保证其他人会觉得它更慢。所以,我们要做些什么来改善这种情形。可以先从压缩照片和图片的文件大小开始,而且只要会用Photoshop之类的图像处理工具的人,都可以进行这样的操作。经验法则就是,任何东西的质量如果只是勉强可以接受,那么其尺寸都可以进一步压缩。不要把两张图片并列放在一起比对查看,不然你肯定会把文件做得过大,应选取针对网络展示进行优化过的照片或图片。
 
    我们要确保我们设计的产品可以正常的工作。在设计的过程中我们要经常不断的问自己一些问题,例如:1.你的产品要达到什么目标?2.用户在使用你的产品时,如果被打断,他们是否可以恢复原来的任务?如果不能,你可以做出什么改动来让操作变得简单一些?3.你可以想到一些边界示例吗?4.你的表格是否可以容错?后端的业务规则是否要求了过于严格的输入模式?5.系统中是否有功能问题或者重新设计流程或服务的问题?6.你的系统是否可以在所有的浏览器平台工作?在不同的设备(智能手机、平板电脑、便携电脑)上是否都运转良好?7.用户在操作之后需要等待的时间是不是会过长?是不是要记性优化来减少用户等待的时间?
 
    产品响应性
 
    用户知晓产品/系统正在运行,并且了解其中的哪些功能正在运行
 
    我们在和别人交流的时候,总是一个人在说,另一个在听。我们会在交谈的过程中变换角色,并且重复这样的方式知道谈话的结束。在这个过程中我们需要对方的反馈,比如对方的回应,点头、皱眉、微笑等,或者是声音上的反馈。所有这些情况下,可感知的反馈都是有效沟通的关键部分,对良好的可用性来说也是如此。
 
    如果响应机制不合适,或者完全缺乏响应机制,那么一定会出现可用性的问题。想象一下,你的手机在来电时不支持响铃与振动功能。人们是非常依赖于这种反馈的。
 
    响应性的要素
 
    响应性可以划分为三大类:
 
    1.邀请技巧:吸引眼球的动作,表明会有好事发生的信号。例如,标题广告、banner等等。
 
    2.转换技术:立即回应用户所做的事情。例如在浏览网页时,光标在可点击的链接上显示手型,这在技术术语上叫做“鼠标悬停”。
 
    3.响应机制:响应机制指的是用户完成一个主观行动后,所发生的事情表明用户操作后的状态。比如,在线下载文件时,alert提示正在下载或展示一个下载 进度的提示框。
 
    缺少反馈是一个比较普遍存在的问题。在现实世界中,我们希望服务场所的服务人员们都会热情的对我们说“谢谢,希望您有美好的一天”之类热情的话,对你视而不见是令人不愉快的。在我们浏览网页时,有多少次点击操作完成后,会经历一段漫长的时间等待,才会提交我们填写的内容。点击的按钮或者是其他什么控件,它需要与服务器有交互,那么这时等待是在所难免的,此时我们在设计反馈的时候就要慎重,不要让用户过久等待。一些好的做法:Twitter的点赞无论网络强弱,都会显示成功,其他的就交给系统吧;微信发布朋友圈,无论是否有网络都会显示成功发布,其他的也交给了系统处理;注册/登录时通过按钮的不同状态来反馈当前状态等等。
 
    我们再举一个切换提示的例子。
 
    当光标移动到屏幕上的某个内容时,即光标悬停时,快速响应是相当重要的。通常,光标会由箭头变成伸出一个手指的小手形状,你便可以点击内容了。切换提示一般也会伴随着文字或图标样式的变化,例如颜色等,当鼠标经过它们时就会立即触发这个样式的变化,这样才可以有效的提示用户这是可以点击的。
 
    网络环境中的响应机制
 
    这类反馈有很多,加载中图标、iOS的菊花转、谷歌的旋转图标、苹果的旋转沙漏光标。苹果的这个光标因为功能响应比较慢,获得了很多不太友善的绰号。由此我们可以看出,提供反馈通常可以缓解问题,却不能解决问题。所以,在处理长时间的操作时,最好能使用可以显示进度的图形。
 
    除了基本的屏幕信息,比如“你的文件已经成功下载”,以及各种各样的动画,我们还可以用各种各样的设计模式来完成不同的任务。下面是一些比较常用的方式;
 
    1.亮度调节:调亮特定的区域以表明其处于活动状态。比如,微信在收付款时,页面被自动的调亮,这样做既可以告知用户正在进行的操作,也可以避免由于屏幕过暗不方便扫描二维码。
 
    2.声音:不同的操作关联不同的声音,我们最熟悉的就是手机收到邮件或短信时所发出的不同提示音。淘宝2017版本已经把声音的提示加入了APP中,但是,有一个问题值得思考,就是当用户不知道当前音量的大小时会被这个提示音吓一跳,应该考虑结合手机将音量控制在不高的范围。
 
    说起来目前有上千种处理响应的技术,有些好,有些坏。但是无论你决定采用哪种响应机制,只要用户可以看到、听到或感受到,并且理解了这些响应的意思,那就是良好的可用性。
 
    互联网产品之易用性
 
    我们要保证系统的响应性,就要确保我们的系统/产品:1.点击按钮时,要能看到按钮的反应;2.指针悬停在一个链接或者其他可交互组件上时,要改变形状来表明可以点击的内容;3.一些简单的任务,如下载文件或点击完成付款流程。在这个过程中网站要对操作有回应;4.所有需要很长时间处理的流程,像下载文件,要提供持续的反馈来显示流程的进度;5.得到的反馈要及时。
 
    产品要符合人体工程学
 
    用户可以轻松地查看、点击、弯曲或者翻转
 
    人体工程学是研究如何设计出符合人们生理和心理能力的设备的科学。我们对人体工程学的理解大都停留在办公环境人体工程学,比如办公椅调整、桌子高度、电脑屏幕位置等等。但是人体工程学不仅适用于电脑屏幕外围的各种情况,也适用于发生在屏幕上的各种事情,在移动端亦是如此。
 
    这里先介绍一下12条基本的人体工程学原则:
 
    (1) 以正常的姿势工作;
 
    (2) 减少过度的压力;
 
    (3) 确保所有的东西都可以轻松获得;
 
    (4) 在合适的高度工作;

责任编辑:李欢
本文为授权转载文章,任何人未经原授权方同意,不得复制、转载、摘编等任何方式进行使用,e-works不承担由此而产生的任何法律责任! 如有异议请及时告之,以便进行及时处理。联系方式:editor@e-works.net.cn tel:027-87592219/20/21。
e-works
官方微信
掌上
信息化
编辑推荐
新闻推荐
博客推荐
视频推荐