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

泯灭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

【深入浅出Koa】常用工具分享 帮你降低编程难度 Relay: 全新的React数据获取框架 探索游戏开发面临的技术挑战——MDCC 2015游戏开发专场议程曝光 【SDCC讲师专访】易开发创始人潘俊勇:这些年我遇到的那些坑 【CTO讲堂】OpenStack行业实践和发展趋势探讨 万物互联,移动为先:MDCC 2015移动开发者大会盛大开幕! 【MDCC 2015】微软开发体验与平台事业合作部大中华区DX部门总经理Srikanth Raju:物联之上云+端 英雄会晚宴,Top开发者共聚“华山之巅” 【MDCC 2015】产品与设计专场(上):百度研究院、印象笔记等专家齐聚,以实例探讨如何打造好产品 【MDCC 2015】产品与设计专场(下):网易云音乐、在行、三节课、去哪儿网、野兽骑行大咖的产品之路 友盟:把数据用活 让开发者享受大数据红利 友盟:用活大数据 让精细化运营为移动开发者服务 携手世纪互联 IBM Bluemix云平台落地中国 【MDCC 2015】IoT峰会—硬件开发与技术专场(下):专家齐聚,共同打造联网新时代 【MDCC 2015】虚拟现实专场(下):虚拟现实的“困”与“竞” 【CTO讲堂】面对世界竞争对手,如何拿到Google PDF开源项目PDFium? 提升网站性能开发的10个技巧 SDCC 2015:顶尖技术精英云集 大会日程及首批讲师议题公布 《近匠》专访猿团创始人CEO谢恩明:梦想、未来、改变 《近匠》专访小熊尼奥:从软硬结合到IP合作,AR产品的机遇 W3C启动Web支付标准工作,推进在线结算流程 W3C中国区会员沙龙在京召开 W3C CEO Jeff分享W3C未来发展重点 【SDCC讲师专访】车轮互联总架构师韩天峰:PHP是最好的编程语言 SDCC 2015讲师专访精彩集锦(一):你想知道的,都在这! (入门篇)带你走进Erlang 【大神来了】Elixir语言设计者Jos&#233; Valim:释放Erlang VM的能量 【SDCC 2015讲师专访】刘小溪:Vert.x3的异步框架实战 【CTO讲堂】支付接入开发的陷阱有多深? 程序员界“香饽饽”、大神级别人物集体亮相——SDCC 2015编程语言专场议题曝光 【CTO沙龙】CDN在共享经济下的创新应用 深入浅出Fetch API 带你入解应用场景及适用问题 硬盘无法访问的问题,急!!!估计是被黑了 ISA2000中的问题,特急,在线求助 处理窗口关闭时的动作? 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 请问不通过Image控件如何用直接用DC来显示一个BMP?? 请问现在数据库开发技术有哪些?大致情况? 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 请问汇编用什么编译器最好啊? 有什么可以下的电影啊,提供网址,谢谢 下午闷啊:( 怎样让字体自动适应分辨率 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) RowCount属性怎么用 VCL派生类的属性发布问题,请高手指教 中国能否成为世界第一? 有关cisco路由器上copy子集的疑问 怎样将msn的email用outlook express收到本地! 请告知msn的 pop smtp服务器 如何动态画出函数的图象? 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 有创意的T恤~~ Transaction not connected! 高分求教,我爱上了兄弟的女朋友,我该怎么办? (100分) 高手求救 aspnetnemu注册吗 陨落雕老弟昨日开始中考,祝福他,放分! installshield打包时可以加入密码吗? 救命! 怎么在WM_DRAWITEM自画LISTVIEW? 有关txt文件操作的问题? 一个很奇怪的问题,高手请看, 马上给分 那里有更多的skinengine换肤文件? 奇怪的问题,高手请看,马上给分! 怎样给一个OLE控件其内置的事件编写脚本? 请问各位能否将一个VF的数据库方便的转为ACCESS数据库 如何关联一个扩展名到我的程序? 我有一个备注memo的字段,想更新?如何进行? www.ipowerweb.com 的主机怎么样? 高数、线性代数与程序员!!! Sworddx,补分给你 怎么做定时 这个listctrl问题怎么老没有人回答我?????? TQuery为什么没有这个属性? 哥哥们 ,谁能帮我? 高分,谁有奇域外挂? 急急!!winsock 在网速特别慢的时候,发送与发送之间有一个等待时间,这个时间是不一样的!!! 关于表单的先后顺序 万分火急,关于authorware的? 关于用ASP调用SQL 数据库存储过程的问题!高手帮忙 提议:共同作个小项目 急需解决字符串中的千位分割符去除的问题?在线等 秦始皇统一六国的各国决定性的战役分别是哪场和像长平之战这种有名的战役都有什么 2009的2009次方减去1×2×3×……×2009(2009的阶乘)的结果除以8,余数是多少? 广州麦地在哪里? 月亮与霓虹灯是谁写的? 正方体对角线与左侧面面对角线的夹角是正方体的最长的体对角线和左侧面的面对角线的夹角的余弦 一定要用余弦定理做,涉及到平移问题 同在一个正方体中同面 一篇初二的完型填空. 有没有哪种家庭财产保险承保“地震、水管破裂”损失的?能不能说一下公司、产品名称,最好附产品介绍 3.已知二维随机变量(X,Y)服从如下联合分布 X Y -1 1 0 1/2 1/4 1 1/8 a 则常数a= ,= . 正方体对角线与底面对角线的夹角.如题.怎么求证?..是不同顶点的对角线。 一个长方形对折,得到两个正方形,长方形周长12厘米,正方形的周长是多少厘米 为什么叫矢量和而不叫矢量合 蝎子生活在哪里?是生活在水里的吗? 一个长方形对折成三等份后变一个正方形,正方形周长是四十厘米,原长方形周长是多少 合外力F是是矢量吗? 已知a是第二象限的角 点 p(k ,8)在a 的终边上,且op等于17求cosa和tana的值 2篇暑假作文300字内 门窗密封条是什么材料,化学成分是什么新装的塑钢窗密封条气味很大,不知是什么材料,化学成分是什么感谢第一个解答者详细的介绍,但是我不是搞材料学的,主要想知道气味很大的密封胶条 蝎子为什么见水就死 合位移为什么可以用旋转矢量表示 下列对本课两个案例的概括,揭示了一个什么道理?哈萨克族人"四季放牧"和随季节变化而转场.哈尼族人充分利用大地的自然条件,开垦了极具特色的"梯田" 暑假作文写哪2篇作文 麦田里的守望英文Our life has just begun,even if life makes us some of this generation perplexed with knowing which way to go,but everything is just temporary,does not know the past ,we needed most now,it is our ideal.翻译下 执着于一件事,是好还是坏呢? 韭菜是几倍体? 关于暑假生活的作文300字以内(2篇)骗子滚蛋 一对基因控制一对性状.这句话对么.还是多对基因控制一对性状 什么是自然年?能举几个例子吗? 越南语怎么说 DVR、混合DVR、NVR如何匹配高清监控 为什么吃韭菜肚子里容易生气体? 他们已经迁入新居了吗用英语翻译 已知a角的终边上一点p(x,负2),且|OP|=4,求tan,csca的值急 苏州市从角直到平江中学怎么走 good to have your help back on track NVR好用还是DVR好用 以人为镜可以知得失的意思是什么? smart 快 若两个相互独立的随机变量X和Y的标准差分别为6和8,则X+Y的标准差为()A.7 B.10 C.14 D.无法计算 2010到2011的NBA哪个会得第一? 英语翻译广州市 白云区 永泰 元下田3路5巷 一个底面周长是43.96cm髙为10cm的圆柱从中间锯开得到两个同样大小的小圆柱表面积增加了多少 如何发觉自己的能力? 若0<a<b<1,则log以a为底b的对数>1 一篇初二完形填空!对你们来说简单的 什么叫自然段 已知实数a>0,f(x)=x^2-2ax,x<=1;=log1/2x,x>1,若方程f(x)=-3/4a^2有且仅有两个不等实根已知实数a>0,f(x)=x^2-2ax,x1,若方程f(x)=-3/4a^2有且仅有两个不等实根,且较大实根大于2,则实数a的取值 计算圆柱表面积 周长31.4cm 高8cm列算式 什么叫做大自然 已知A={x|a-4<x<2a+4},B={x|log2(x+2)《3} 英语翻译新年快乐! 什么叫自然户 设函数f(x)=2^x-1(x<=0)或log1/2(右下方)x(x>0),如果f(x0)<1,求X0的取值范围 NVR逐步取代DVR的时代 越多越好 谁帮我把中国地址翻译成英文地址吧 千万不要错哦 中国浙江省宁波市鄞州区前河北路永泰花园41幢701 邮编315 英语翻译求 也许,这样的理想也许不算远大,可是他的善良简直让我感动,又压抑得让人想哭.我觉得这是霍尔顿最可爱的地方.尽自己最大的努力去守护一种美好这才是真正的大善良,这种大善良 已知ka^mb^n与-2ab^2m+1是同类项,且差为-2分之3×a^m^n,求k和mn(m+n0的值?希望各位哥哥姐姐在明天之前告诉偶答案,觉得悬赏分不够的话,偶可以再加5分的! 如图,ABC三点在正方形网格线的交点处,若将三角形ABc绕着点A逆时针旋转得到三角形Ac'b',则tanB'的值等于多少明明∠BCA不是直角怎么还可以用锐角三角函数呢,我一直都不懂。 我希望有一片足够坚强的麦地,容我倒下而不哭泣的英文翻译 央行:贷款基础利率集中报价和发布机制杜青林对西班牙进行友好访问澳首都领地同性恋合法化 或澳高等法院墨前警长向美贩毒 被判13年监禁罚款英国小王子受洗照流出 四世同堂皇室香纽约侨界强烈谴责美电视节目歧视性言论日媒总结:当你有这些七大征兆可能将被美国“窃听门”或成欧盟峰会议题 法国美国十岁男孩弑父案即将宣判 孩子去处英国男子爱整人 对妻子恶作剧意外把自奥斯卡影后赞与查尔斯王子跳舞比“亲热日本拟在多个城市开设赌场 年收入可达中国近20年来首次修改消费者权益保护美研究称已婚者比单身汉更长寿 但容易马达加斯加总统选举开始 或有望解决该墨前警长向美贩毒 被判13年监禁罚款男子用数百公斤大南瓜造船 划水距离创英国小王子受洗照流出 四世同堂皇室香巴西总统批美国监听默克尔 称美反恐理蒙古国成“黄金国” 法德纷纷“带团”澳大利亚一17岁男生步行赴学校途中遭3年左右建立不动产统一登记制下一篇县委书记遭网友举报今日推荐日媒:日本老年人退休再就业过第二人生是出行高峰户外家具保养大同小异楼市周刊伯蒂奇跻身四强巴政府与塔利班首次直接接触双方诚意值西语媒体:习近平到访联合国教科文组织伯蒂奇跻身四强《我是歌手2》:邓紫棋临阵惊慌太阳系边缘发现新行星:由粉红色冰和岩越南总理要求有关部门加快国有企业股份慈孝特困老人救助基金会在京成立 窦玉俄军新建舰载机训练基地曝光 曾为取代宋美龄致信蒋经国:我49年在大陆必能“小三”“小四”好抢手确有精神伤害广药:预计销售将增加上百亿
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘