说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

泯灭Web App可用性的七个开发错误

HTML文档下载 WORD文档下载 PDF文档下载
Web App的可用性和用户体验之间的关系可以说是共存亡,而一个看上去晕头转向、令人沮丧的用户界面直接会导致用户访问量的流失。在这里主要列举了可能会泯灭Web App可用性的七个因素,包括错误信息、导航元素等细节。

没有哪个Web开发者想要创建一个用户体验糟糕透顶的App。更没有人愿意着手做一个看上去晕头转向、令人沮丧的用户界面,这无异于坐看用户流失。但让人感到不解的是,这事经常发生。

根据网络营销协会的调查显示,导致问题产生的实质性原因在于设计糟糕的用户界面(接口)。可以通过数字来表明:

  • 85%的用户由于不良的网站设计而放弃浏览网站
  • 83%的用户离开网页是因为找到自己想要的东西需要太多的点击步骤
  • 62%的用户在网上购物的时候放弃寻找一个项目
  • 40%的用户因为网站内容很难使用而不再回到这个网站
  • 50%的销售额有可能因为用户找不到想要的内容而丢失

事实是,可用性正成为Web App开发的一个重要方面,要知道时代在变化,用户期望也跟着发生了变化。现代的终端用户期望能掌握一个Web App,并了解它是如何工作的。设计效果差、令人困惑的用户接口只会挫伤用户的兴趣。


然而,许多开发者在构建Web App的时候,无意中犯了一些开发错误,损伤了Web App的可用性,因此,也无意间使得用户慢慢疏远了他们的网站。到底是什么样的错误让开发者创建出的用户界面给用户一种困惑的感觉呢,使得用户有一种被挫伤的受伤心理呢?

通过对可用性方面的专家的询问,我们收集了他们的反馈信息。以下是能够泯灭Web App可用性的七个开发错误:

1. 对常见的功能不一致的方法

“在Web可用性上所犯的错误大多数都涉及到开发人员忽略的一点,那就是用户并不想要努力找出如何使用界面。”Web和Digital Strategy方面的顾问Steven Swimmer解释道:“事情可能看起来很显然,主要看开发者如何解决这样的问题。在奇怪的接口上增加功能明显是不值得的。如果在奇怪的界面上增加一些功能但不被用户所理解的话,那么你就需要提供一些综合方法来向用户展示如何使用这个App。”

开发者一开始渴望创造一些“新的有创新”的东西,但最后这可能会成为最大的绊脚石。为一个常见的功能提供一个独特的用户体验或者是新的使用方法,不但不能给用户带来深刻印象,反而会让他们觉得更加困惑。多数用户不会因为你伟大的接口工作方式而喜出望外,只会因为一个看似常见的功能不如预期的效果而倍感失望。

2. 模棱两可的错误消息

当用户点击错误或尝试一个未经授权的行动的时候会出现什么情况呢?他们只会收到一个感到困惑的错误的提醒消息,而不是有明确的建议如何解决这个问题的消息。这对用户来说毫无意义,只会让人觉得是在浪费时间,大大的失望。

Voices.com联合创始人兼CEO--David Ciccarelli解释说:写得不好或模棱两可的错误消息可能会令用户沮丧。别给用户一串没用的数字和代码,相反,可以这么说:“对不起,这样做是没用的,试试这个吧......”

3. 改变导航元素的位置

开发者惹恼用户最普遍的方法之一就是不小心把他们的App变成了“拾荒式”搜索。他们将导航元素,或至关重要的按钮放在屏幕上不同的地方…这样会置用户于无尽的苦恼中啊。

将一个本该定位的元素从这一页放到下一页,或者是从这个屏幕上移到下一个屏幕上,用户不得不捉迷藏一样的去寻找想要的功能。说实话,这样的App只会让人更加着急,其它的就更别说会得到用户的赞了。

4. 给用户过多有抵触的选项

所创建的Web App必须提供用户一个清晰的使用路径。例如把屏幕截图展示给用户。当用户登录时Web App需要提供了三个意图清晰的选择。当然,App要能够完成更多的任务,但是对于用户而言,添加所有的这些选项只会复杂化这个App使用方式。不要只专注于App的功能性,还要关注用户的需求目标。


“当用户需求受到经验控制的时候,因为选择太多反而让App的设计变得更加困难。”经验丰富的Web设计师Caroline de Gruchy说到。“在同一个页面上的选项应该是相互排斥的。我有一个客户想要对同一个行动有三种不同的调动用,这就导致了三个非常相似的页面出现,最后收集到的信息也是一样的。其实这样的设计只会浪费开发者的时间,而且在用户看来这样的设计师很不专业的。”

5. 冗长的注册过程

围绕healthcare.gov惨败的最大抱怨就是注册程序。在可以看到有效的医疗保健计划之前,用户被迫完成冗长的注册过程(而且经常失败)。可以说这是App可用性的一个禁忌。如果在授予访问权之前必须要求用户提供个人信息的话,最好是保持信息的精简度、最少化。冗长的注册过程只会逼走潜在的客户。

“一些设计师/开发者对于新登记表格喜欢用10页的内容。”iOS工程师、Ruby on Rails开发者Jeanine Swatton如是说。“难道开发者没有意识到在填写第二页之后就已经失去了一个潜在的客户了吗?尽量保持简单,最好是注册的时候只问一个问题,其它细节信息在后面的访问里可以慢慢完善。”

6. 点击区域太小

“因为你的访客可能是使用键盘和鼠标的宽屏显示器,也有可能是使用智能手机和一个小的触摸屏。所以设计师在用户体验上需要考虑到这两类用户。”Structure Studios的老板Noah Nehlich说到,“在移动设备上小文字链接很难成功的点击到,这可能会让那些得不到自己想要的信息的人感到沮丧。”

这一个问题现在可以分为两个方面来说。首先,可点击区域必须和它出现的那样大。下图强调了这个问题。


其次,建立小型的可点击区域只会证明让越来越多的手机用户觉得困惑沮丧。市场营销经理Brian Maggi提出了一个好的建议让Web App可以在移动设备上使用:

“为拇指设计一个点击区域”他说。“这意味着增加了用户体验的范围,因为拇指是最胖的,这样的话其它手指也可以点击了。”

7. 用户因“害怕改变”而消极反馈

最近发现一个问题出现越来越频繁了:当基于云技术的软件公司重新设计他们的用户界面的时候,用户总是在“害怕改变”的心理上进行指责,并给出消极的用户反馈。但是该发生的还是会发生的,对用户反馈应该重视起来,开发者/设计人员采取指责是一种很危险的方法。因为有时,用户界面重新设计过程里删除了用户所钟爱的功能,或者是复杂化了普通行为,这就是用户最“害怕”的地方。虽然许多用户都不喜欢改变,但是开发者最好不要一概而论所有的抱怨类反馈信息。

“我认为开发者和用户体验设计师在遵循简约的界面理想的同时应该考虑到用户的真正需求。”Lamont说。“我认为当App有很多的功能或特性的时候,极简的用户界面实际上创造更多的点击量和更多的挫折感。人们真心不喜欢软件公司在用户界面上做一个彻底的改变。Microsoft也曾经因为将Office转换为分区界面而饱受诟病。”

除此之外,你觉得在Web App的可用性方面还有哪些值得注意的地方,如有之,可在下面的评论出列出。                                                                                                        (编译/薛梁  责编/张红月)

原文:MRC

梁胜:开源并不是做好软件的唯一方式 如何为IE 10编写特定的样式 MySQL手册许可证更改乃是Bug惹得祸 开源世界高峰论坛首批演讲议题公布 测试工程师的心灵鸡汤:谦虚、不沉默、有危机感、不断努力 高德地图API“沿图有你,晒出你的LBS应用”活动拉开帷幕! 谁能找出Windows 8.1的安全漏洞,就将获得微软10万美元奖金! 【直击美国云计算】Facebook分享数据中心新网络架构Fabric 【直击美国云计算】OCP发起产业界的Maker运动 红帽刘长春:开源是推动云计算和大数据发展的重要力量 【直击美国云计算】出货量达x86的20多倍 ARM或将成为数据中心主角 孙小群:将SAP HANA打造为开放的PaaS平台 GitHub推出重大改进:强调速度、内容和交互性 如何打造测试工程师精英团队? 如何做个有“钱”途的测试工程师? 苹果开始关注企业移动化 iOS 7的10大办公功能 “开源群英会2013” 参会名单(持续更新中) 微软Builder2013前瞻 主打跨平台工具及服务 CMDN 29期:软件测试与管理之路 微软IE10与HIT FM 携手打造全新HTML5官网 专访GenMyModel CTO:一款全新在线建模工具背后的故事 【直击美国云计算】Jason Hoffman:数据和计算的融合将破坏全球利润 【直击美国云计算】如何做Hadoop、流处理框架等技术的采用选择 【直击美国云计算】细数云技术领域成王败寇:从SaaS到SDN 【直击美国云计算】谷歌Jeff Dean:成功的关键是专注 致远V5发布:强调大协同,企业移动化真来了 Mailbox:六星期实现从零到百万用户及日处理亿条消息 代码审查,也要天时地利人和 Clash of Clans产品总监:游戏中的商品定价一开始就要高 移动互联网最核心的竞争是:设计的竞争 【直击美国云计算】面对AWS,VMware不会畏缩 俺要写一个简单的文本的报文,string类型的 关于生成文件的方法?..... 有谁能告诉一下我CVS和SSF是什么?,具体是指些什么?? WIN2K 的问题:1、怎么允许本地普通用户(user)关机;2、怎么能让本地普通用户开机后,客户机连接到SQL SERVER?3、为什么我的SQL量SERVER2K需要停止然后再启动客户才能用? 如何用VB把存储在ORACLE库中的图片字段取出成.JPG格式的图片文件????急在外出差呀多谢了~~~~~ 如何退出函数?exit function??? 测试2000的TCP/IP是否通,用什么命令 求助开发课程表提示 (*****向斑竹你提个小见意,大家最好都来看看,这个想法好不好!****) 为什么我做的增加功能有两个必须要按两次“添加”按钮才能新增一条记录啊? 很急,请教高手,如何把一个ip格式的字符串转换成ip类型,不是用getbyname(),而是像int和string转换一样的概念 请问如何让基于对话框的工具条一开始就浮在上面 来者有分,关于ado的 毛子青论文<<动态规划的优化>>,一个最长子序列的算法,请高手看过来(给出c实现代码的送20分!) 在鼠标单击时间中,可以使用什么函数取得鼠标点击处的坐标值 怎样在单击左键时弹出PopupMenu? 连续20多天加班,近来明显感到体力透支,做个调查!!!(有分) ASP调用VB编写的ActiveX DLL的问题 请教一sql语句 在Unix下用cc(实际上是cc_bundled文件)编译c程序时,报错“const" will become a keyword,或者告诉我“Function prototypes are an ANSI feature" 为何加入winsock2.h后会出现很多问题? 热烈庆祝:Kingron重出江湖!!!菜鸟们有福喽……散分 you shen me qu bie ? please tell me , xie xie ! [■■■Delphi猛料■■■]V1.3发布~~~~~~~更新到2001.12.12 提问:如何在ToolBar上加控件? 我在OLE里调用了word2000文档,为什么只显示第一页,我查了半天资料都没有解决,请帮我 哪里有多媒体软件制作论文啊? 继续请教各位前辈:能否将非新增加的字段定义成计算字段?谢谢! 软件创意、需求大汇集:列创意,拿专家分,120分值大赠送(以后可继续追加) 局渔网 巨简单问题~~~ 进来有分,回答多分,不够再加!!! 关于关闭和启动数据库的问题,很急的!! java VS c#^-^ ?? 请进 寻求QuickReport3以上版本 for Delphi3 的源代码或者安装包? 請問哪大俠用過 ibm 的 bridge2java啊,我把Excel的所有類都導出來了,但它的QuickExcel.java文件還是運行不了, 求救!新装了一块硬盘,为何找不到呀? SetWindowLong函数在delphi里可用,为什么在c++builder 中不能用??? 用弹出式菜单命令弹出一个dialog,可以响应键盘,可是不响应鼠标? 请教,Inserts类是拿来干什么用的? !!!急急急!!!怎样在WIN2000下把NTFS转换成FAT32啊。数据不丢失。 回复太短!或太长!!! visio2002的数据库建模,能不能生成SQL脚本? 急急啊,有關servlet的問題,源碼如下: 添加数据的问题 坐标问题 unix下的nfs Merry Christmas! 给分!祝大家一路发! 每个文件(目录)有3种权限 写DLL? 我定义了三个CSS样式表 高分求教:谁用pb7作过三层结构的东东,我现在要做啦,指点一下吗 甲物体质量为乙物体的三分之一,乙物体体积是甲物体体积的2倍,求乙物体的密度明天就得交 对澳大利亚西海岸荒漠环境的形成起重要作用的的洋流属于什么洋流?如题选项:A.风海流 B.密度流 C.补偿流 D.暖流正确答案好像是C, 为什么马达加斯加岛的东部形成了热带雨林气候而西部形成了热带草原气候 有甲乙两金属块,甲的密度是乙的5分之2,乙的质量是甲的2倍,那么甲的体积是乙的多少? 拉尼娜现象对赤道逆流和秘鲁暖流及环太平洋的洋流和气候有什么影响?还有厄而尼诺现象 马达加斯加岛的东侧为热带雨林气候,形成此类气候类型的原因是什么?是不是和迎风坡有关系?什么是迎风坡?感激不尽~ 海水结冰问题冻牛奶时,冰和奶是分开的 冻豆腐会留下空室海水结冰盐会留在里面吗 甲物体的质量是乙物体的3倍,使甲,乙两个物体的体积之比为3:2,求甲,乙两物体的密度之比 为什么水银温度计用过要甩,否则就无法继续用呢? 关于海水结冰问题海面上的水结冰,结成的冰融化后与没有结成冰的水的含盐量大概是多少比多少,如果给出各是百分之几更好.还有把海水晒成盐这种工艺叫做海水什么? 有甲乙两物体,家的密度是乙的密度的三分之二,乙的体积是甲的体积的四分之五,那么甲的质量是乙的质量的多少倍,快 急 为什么用完温度计要把水银甩回去?而且再怎么甩也甩不回原点? 中国那些地区海水结冰了? 澳大利亚东北部海域有大量的珊瑚礁,分析这些珊瑚礁的正面作用. 水银温度计是否可以把水银甩下去以迅速再用? 海水易结冰还是河水易结冰? 珊瑚礁群分布在澳大利亚的什么海域? 将一块石蜡,分别放入足量的水和酒精中,当石蜡静止时,它排开水的体积与排开酒精的体积之比为 (ρ石蜡=0.9×103kg/m3,ρ酒精=0.8×103kg/m3) 家庭和实验室常用的温度计是根据什么的规律来测量的 有谁知道除了水银外,在常温下密度大于2的液体,混合液体也可. 地处太平洋与印度洋、亚洲与大洋洲之间的“十字路口”是指? 固体密度大概是液体密度的多少倍? 常温常压下为液体且密度大于水的物质1,苯;2,硝基苯;3,溴苯;4,CCl;5,溴乙烷;6,乙酸乙酯 为什么澳大利亚人口集中在太平洋沿岸地区? 固体密度大于液体密度? 索马里半岛的沿岸热带沙漠气候的形成愿因? (1)以亚洲太平洋沿岸地区为例,比较自地纬至高纬各气候类型的气候特征的主要差异(2)以亚欧大陆中高纬度地区为例,比较大路西岸,大陆内部,大陆东岸各气候类型的气候特征的主要差异. 河水和海水哪个更容易结冰 这句话对么?在秘鲁寒流影响下,沿岸热带沙漠气候所跨经度范围广 处于亚洲与大洋洲之间,连接太平洋与印度洋的海上通道是 为什么海水比河水难结冰 澳大利亚上的热带沙漠气候和非洲撒哈拉沙漠在形成原因上的共同点? 一个实心物体放在水中静止时处于漂浮状态,有4/1的体积露出水面,求该物体的密度? 怎么样求固体,液体的密度用五种方法测量物体的密度,方法越多越好。、文字说明,最好有图画,要讲清楚,不能有遗漏, 索马里半岛热带沙漠气候形成的原因 甲 乙两个实心物体漂浮在水面上,体积之比为2比1,浸在水中部分的体积之比为1比2,那么它们的密度比是多少. 540kg的水化成冰 体积是多少 为什么索马里是热带沙漠气候 质量相等但密度不同的A、B两个小球,方放入水中后都处于漂浮状态,其露出水面部分的体积是总体积的三分之一和一半,则两球A.受的浮力比FA:FB=2:3B.受的浮力比FA:FB=1:1C.密度比ρA:ρB=3:4D. 1kg的水化成冰它的质量、体积分别是多少? 怎样测冰块的密度?放在水里算体积怕化了,切割成规则体不准确,在切割过程中也很容易化,应该怎样测冰块的密度呢?试验工具随便选,并写出冰的密度的表达式. 将密度均匀、重为10N的物体放入水中,静止后物体漂浮在水面,若将露出水面的部分切去后,剩下部分重为8N则物体密度为A、1g/cm3 B、0.8g/cm3 C、0.2g/cm3 D、1.2g/cm3 甲乙两木块的质量比为3:2,其体积比为1:2,则其密度比为多少? 一个容积为3*10^-4立方米的瓶内盛有0.2千克的水,一只口渴的乌鸦每次将一块质量为0.01千克的小石子投入瓶中,当乌鸦投了25块相同的小石子后,水面上升到瓶口,求:1.瓶内石块的总体积.2.石块的 热带雨林气候的成因!a终年气温高,气流下沉强烈 b终年气温高,气流上升旺盛 甲乙两质量分布均匀的物体的体积相同,它们的质量之比是5:3,则它们的密度之比是_________.若甲截去3/5, 1:体积为30平方厘米的铜球的质量为89克,将它的中空部分注满某种液体后球的总质量是361克,求注入的液体密度的大小.(p铜=8.9*10的三次方 千克/立方米)2:一只烧杯装满水,总质量为350克,放 氧气不易溶与水,那水中的生物怎么生存呢(不是生物问题) 海水结冰是盐为什么会分离出来? EGYPT RED SEA (埃及、红海)是埃及在前面,还是红海在前面EGYPT RED SEA (埃及、红海)是该EGYPT(埃及)在前面,还是该RED SEA(红海)在前面呢? 如果氧气在水中溶解很大时我们可以在水中活吗瞎想的 .冬天,小明在海边散步,发现路面上的水结冰了,但海水并没有结冰,他猜想:可能是海水中含有盐,导致凝固表格 中美洲的尼加拉瓜,洪都拉斯,萨尔瓦多,巴拿马,哥斯达黎加,厄瓜多尔,这些国家经济怎么样? 请问:物质溶解在水中,体积是否会发生改变如果是NaCl溶于水呢 某物质的密度是105kg/m3,该物质的状态是?a.固态 b.液态 c.气态 d.无法判断额,不好意思啊.密度是1.5kg/m3啊 澳大利亚西海岸的气候和美国西海岸的气候类似吗?还是说南北半球的洋流有很大差异,导致气候截然不同.还有就是澳大利亚的那个地区与美国的加州气候类似.珀斯和悉尼哪个城市的气候会更 一块糖在水中溶解后,水和糖的总体积有什么变化?为什么? 什么状态的物体密度大 固态还是液态还是气态 泰国,新加坡,新西兰,澳大利亚,科威特,秘鲁,智利名称的原意 水中溶解物质时 温度或体积为啥有变化
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn