`
solorez
  • 浏览: 246434 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类

十大网站设计错误

阅读更多

原文作者:Jakob Nielsen
原文链接:Top Ten Mistakes in Web Design
译者:威廉

  自1996年以来,我曾经指出了很多网站中的设计错误,参见底部我的系列文章列表,本文将重点介绍的是,这些问题当中十个最为严重的网站设计错误。

  1、搜索引擎不友好

  搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题,搜索的准确度会降低。显然,如果搜索引擎刻意去迎合这种错误使用的话,会伤害到所有的搜索使用者。

  一个相关的问题是,搜索引擎区分结果是依靠文档的重要性,而只是按照内容关联次数简单地进行结果区分。

  当找不到信息的时候,搜索是用户的救生索。即使有高级搜索功能,建议还是使用简单搜索,搜索形式应该是一个简单的录入框,就像我们常见的那一种。

  2、使用PDF文件做为在线阅读

  用户讨厌在浏览的时候跳出PDF文件,因为那会打断用户的浏览过程,因为普通的浏览器按钮无法工作,因此即使如打印或保存文档这样简单的事情也会变得复杂。由于其版面设计是基于纸张优化的,因此文字的字体很少会和用户的流量其窗口相适应。没有了平滑的滚动浏览,有的只是超小号的字体。

  更糟糕的是,PDF文件内容是分块的,很难浏览。

  PDF是对于印刷及发行手册等和其他需要打印的大文件来讲是很合适的,使用它的目的只是为了保留它的信息使其网页上浏览成为现实。

  3、未改变已访问链接的颜色

  一个好的浏览历史能够帮助你了解目前的位置,因为那是你浏览的起点。知道过去和现在的位置反过来使得决定下一步去哪里变得容易了。链接是这些浏览过程中的一个关键因素。用户可以不去访问那些没有用处的地址,相反,他们会访问那些对他们有帮助的链接地址。

  最重要的是,他们知道哪些网页已经访问过了,这样就不必一次又一次访问同一个历史页面。

  但是这些好处只是基于一个重要的假设:由于网站提供不同的颜色显示,用户可以分辨出哪些链接访问过,哪些链接没有访问过。如果访问一个链接后颜色没有发生变化,那么用户很可能会感到迷惑并无意中反复访问同一历史页面。

  4、文字未排版

  将所有文字堆积在一起是一种可怕的体验,浏览这样的文字将是痛苦的经历。

  在线写作,并不是为了打印,需要让用户能很好地阅读,下面是几个改进的要点:

  使用子标题

  使用列表

  突出关键字

  使用小段落

  反金字塔结构

  简单的写作风格

  5、固定字体大小

  CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能,并使得网站有一个固定的字体大小。对于大多数人的年龄超过40岁的人来说,这个固定地文字大小实在太小了。

  尊重用户的喜好,让他们按照自己的需要修改文字的大小,同时,明确字体大小是相对的,而非绝对显示像素的数量多少。

  6. 网页标题搜索引擎不友好

  搜索是用户发现网站的最重要途径,搜索用户找到一个独立网站的最重要的方法。网页的标题是你吸引新用户或老用户从搜索列表中定位到你网站的主要工具。

  网页的标题文字是在<title>标记之间的文字,并通常作为搜索引擎结果列表中的链接文字。搜索引擎一般只显示标题开头66个字,是真正的缩略内容。

  网页标题也用户将一个网址加为书签时的默认文字,对于你的主页,应该以公司名称开头,接着是网站的简介,不要用“The”或“Welcome to”做为开头文字。

  对于其他网页来说,标题应该是将具体内容的概要文字说明,由于网页标题是浏览器窗口的标题,也是用户任务条上的标签,多个窗口下将会显示每一页的标题,因此,如果你所有的网页标题字都相同的话,对于开了多个窗口的用户来说,你网站的可用性将严重降低。

  7、所有的东西看起来都像广告

  有选择地吸引注意力是相当有力的途径。用户已经学会了对挡在眼前的那些目的性很强的广告采取不予理睬的态度。这也就是为何点击率每年以半数速度下降,网络广告根本不起作用的原因。

  不幸的是,这也使得用户忽视了那些看起来很像广告的设计样式。毕竟,当你不理会某些东西时,就不会仔细地研究它并搞清楚它是什么。

  因此,最好避免任何类似广告的设计。这一指导方针所传达的含义随着新的广告形式出现而变化。目前遵循以下规则:

  无视横幅:着用户将不会把注意力放在任何看似横幅广告的东西,这取决于它的形状及位置。

  避免使用动画:用户会忽视那些闪烁的文字或其它侵略性很强的动画。

  净化弹出窗口:用户在弹出窗口完全打开前就会将其关闭,有时是带着极端厌恶的情绪。

  8、违反设计惯例

  一致性是最重要的可用性原则之一:当事物遵循相同的原则运作时,用户不用担心发生意外,因为他们根据先前的经验已经很清楚将会发生什么事情。就像你每次在牛顿的头顶上放下一个苹果,它一定会砸中他的脑袋一样。

  用户的期望实现得越多,他们就越感觉是自己在控制整个系统,并且更加喜欢它。相反地,用户则会感到可靠程度不够。想想,当我释放苹果时,它变成了西红柿并朝着天空蹦出一英里,那多荒诞!

  9、打开新的浏览器窗口

  打开新的浏览窗口就像一个吸尘器推销员在上门推销时,直接将烟灰缸里的杂物倾倒在消费者家中的地毯上。拜托!不要用任何窗口污染我的屏幕(尤其在当前操作系统低劣的窗口管理技术下),如果我需要一个新窗口,我会自己打开的。

  设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应,这种策略恰恰弄巧成拙,因为当用户想通过“后退”按钮返回先前的站点时,已经做不到了。用户通常注意不到新窗口已经被打开,尤其当他们的显示器很小,而窗口又正好是最大化时。因此,当用户想要返回原来的站点时,面对的却只是一个不可用的灰色“后退”按钮。

  点击链接的标准结果是目标页面在当前的浏览窗口中加载,取代现有页面。出现其它的任何情况都违背了用户的期望,令他们感到对网络的控制不稳定。用户痛恨那些突然弹出来的窗口,当用户想要在新窗口打开一页的时候,会自己使用“在新窗口打开”功能,因此不要用一些代码来干扰了用户浏览器的操作。

  10、不回答用户的提问

  用户是因为某个目的才访问你的网站。他们方式可能是想购买你的产品或者其他,但最终却失败了,因为网站没有提供用户寻找的资料信息。

  事实上问题远没有这么简单,如果你不告诉用户具体情况,用户就会以为你的产品或服务不能满足他们的需求,因此用户就不会购买你的产品,或者有一些信息,深深隐藏在各种文档之间,用户没有时间阅读所有这些隐藏的信息,因此也就认为它们不存在。

  不回答用户提问的最坏的例子是拒绝提供产品和服务的价格清单,没有任何B2C的商务网站会犯这种错误,但是这在B2B中却普遍存在,大多数“企业解决方案”的提出,让你不能告诉用户他们适合100个站点、还是10万个站点人。价格是最主要的作用是便于想用户提供相应的产品,避免提供一个不成熟的产品给用户。

  即使是B2C网站有时页会忘记在所有地方提供相关产品价格清单,例如在目录页或者搜索结果页,要知道,在这两种情况下,价格是关键,它让用户能够区分不同的产品并找到最合适的目标。

  其他各年的十大错误列表

  2005年的十大网站设计问题

  一.易读性的问题-让使用者决定浏览时字体大小。

  二.没有标准的超连结表示

  三.Flash的使用

  四.网页无法呈现网站内容

  五.搜寻的重要

  六.浏览器的差异

  七.讨厌的框架

  八.没有链接相关资讯或是公司资讯

  九.固定的页面宽度

  十.不适当的图片放大连结

  2003年的十大网站设计问题

  一.主题不明确

  二.更改以存档的链接地址

  三.内容没有注明日期

  四.缩略图看不清细节

  五.图片的ALT文字过于冗长

  六.不给用户自定义选择

  七.过长的商品列表选择

  八.商品仅按照商标排序

  九.过于限制用户录入的信息

  十.页面包含指向自身页面的链接

  1999年的十大网站设计问题

  一.破坏或减慢“后退”按钮

  二.打开新的浏览窗口

  三.使用不规范的GUI(图形用户界面)部件

  四.缺少自我介绍

  五.缺少存档

  六.移动页面至新的URL地址

  七.标题和内容不匹配

  八.对最新的网络热门紧追不舍

  九.服务器访问速度过慢

  十.所有的东西看起来都像广告 

添加评论

相关文章:

  花十二個月建立一個成功的網站

  节约你的网站带宽

  如何确定网站的价值

分享到:
评论

相关推荐

    网页设计:十大严重的网站设计错误.pdf

    "网页设计十大严重错误" 一、搜索引擎不友好 搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题,搜索的准确度会降低。如果搜索引擎刻意去迎合这种错误使用的话,会伤害到所有的搜索使用者。...

    网页设计技巧及网页制作常见问题

    网页设计是将创意、信息和功能融合到一个用户友好的界面中的艺术与技术结合体。在互联网日益发达的今天,良好的网页设计对于吸引用户、提升品牌形象至关重要。本篇将深入探讨"网页设计技巧及网页制作常见问题",帮助...

    ASP.net编程的十大技巧

    本文将详细解析"ASP.NET编程的十大技巧",旨在帮助开发者提高效率,优化代码,并提升网站性能。 1. **利用控件数据绑定** ASP.NET提供了强大的数据绑定机制,能够轻松地将数据源与UI控件关联。例如,可以使用`...

    世界十大时尚品牌.pptx

    1. **数字化设计与生产**:许多顶级品牌如Hermes、Cartier和Chanel利用先进的计算机辅助设计(CAD)软件进行产品设计,提高效率并减少错误。此外,3D打印技术使得设计师能够快速原型化和测试新的设计概念,加速产品...

    php十大项目php开发教程

    "PHP十大项目php开发教程"是一个专为学习者设计的资源包,它涵盖了PHP编程的多个重要应用场景,旨在帮助开发者提升技能并将其应用于实际工作之中。通过这个教程,你将有机会深入理解PHP的核心概念,并通过实践项目来...

    20种404页面.rar

    在"20种404页面.rar"这个压缩包中,很可能包含的是20个不同的404错误页面设计示例,这些示例可能来自各种类型的网站,展示了不同的设计风格和处理404错误的方法。通过查看这些实例,我们可以学习如何创建既实用又...

    无懈可击的WEB设计(第2版)pdf

    《无懈可击的WEB设计》第二版是一本专注于网页设计和用户体验的权威指南,它深入探讨了构建高效、易用且美观的Web界面所需的关键原则和技术。这本书以中文PDF格式提供,对于想要提升Web设计技能的专业人士或爱好者来...

    学好vc养成十大好习惯

    编写设计文档和注释代码,可以确保遵循预设的设计思路,提高代码的可读性和可维护性。 5. 规范的代码风格:遵循一定的编码规范,如命名约定、代码格式等,能使代码更易于理解和维护。同时,注重代码效率,避免冗余...

    可用性设计原则在APP中的应用--以网易云音乐为例.pdf

    这些设计原则不仅适用于音乐应用,也广泛应用于各种类型的移动应用和网页设计中,对于提升用户体验和满意度具有重要意义。设计师在进行APP应用开发时,应当深入理解和应用这些原则,以打造更加符合用户需求的产品。

    招聘就业网站开发毕业设计.rar

    《招聘就业网站开发毕业设计》是一项针对计算机专业学生的重要实践任务,旨在综合运用所学的编程语言、数据库管理、网页设计等多方面知识,构建一个功能完善的线上招聘平台。在这个项目中,学生需要掌握以下几个核心...

    web技术深入交流:WEB站点的交互设计

    遵循尼尔森的可用性十大原则,包括可见性、反馈、用户控制、一致性、防止错误、记忆负担最小化、容错性、灵活性和效率、美学与易用性的平衡以及帮助和文档。这些原则是确保交互设计成功的基础。 总结,Web站点的...

    用户体验的要素:以用户为中心的web设计

    4. **可用性原则**:遵循尼尔森的可用性十大原则,如一致性、反馈、控制和错误预防等,确保网站易于理解和操作。 5. **无障碍设计**:考虑不同能力的用户,如视力障碍者、听力障碍者或运动障碍者,确保他们也能顺利...

    产品设计中常见的十个基本原则.docx

    Jakob Nielsen 的十大产品可用性原则是产品设计者的重要指南,这些原则旨在确保产品直观、易用且能够提供良好的用户感知。以下是这十个基本原则的详细解读: 1. **状态可见原则**:这一原则强调系统需要实时反映...

    ASP建站十大常用程序代码完整篇.txt

    - **响应式设计**:确保网页在不同设备上都能良好显示。 - **CSS和JavaScript的运用**:利用CSS美化页面布局,JavaScript增加交互性。 - **预加载技术**:使用ASP脚本预加载关键资源,加快页面加载速度。 ### 4. ...

    大型电商十大热卖玩具排行榜 (1).pdf

    10. 响应式网页设计:为了方便用户从不同设备访问电商平台,响应式网页设计是必不可少的,它允许网站在不同尺寸的屏幕上都能保持良好的浏览体验。 11. 移动端用户行为分析:随着移动互联网的普及,越来越多的用户...

    学习vc的十大习惯(很实用)

    为了跟上步伐,程序员应提高英文阅读能力,多浏览英文技术网站,如CodeGuru、CodeProject和Programmer's Heaven等,这些网站通常提供高质量的编程资源和讨论。 3. **自我管理和总结**:程序员应具备自我管理的能力...

    机器学习十大经典算法简介.docx

    ### 机器学习十大经典算法简介 #### 一、C4.5算法 C4.5算法是基于ID3算法改进而来的决策树算法,由Ross Quinlan在1993年提出。C4.5算法的核心优势在于它能够处理离散属性和连续属性,并且对不完整的数据进行有效...

    Asp.Net十大技巧,和大家分享下!

    在设计网页交互时,正确区分并使用这两个控件至关重要。如果目标是实现链接跳转,应优先使用`HyperLink`;若需要在点击后执行服务器端逻辑,则`LinkButton`是更好的选择。合理运用这两种控件,可以有效提升用户体验...

    UI图.zip

    8. **可用性原则**:遵循尼尔森的可用性十大原则,包括可见性、状态反馈、用户控制、一致性、防止错误等,确保设计易于理解和使用。 9. **可访问性**:考虑到所有用户的需求,包括视力、听力或运动能力受限的人群,...

    视频资源flash动画

    Flash动画是一种广泛应用于网页设计、在线广告、教育演示和游戏开发的多媒体形式。它允许创建动态图形、交互式内容以及丰富的音频和视频集成,极大地丰富了网络体验。 【描述】:“视频资源flash动画fghfhghgjghj”...

Global site tag (gtag.js) - Google Analytics