自从1996年第一次尝试以来,我已经列出了许多网页设计中十大最严重的错误。看到链接所有这些列表在本文的末尾。这篇文章将展示最重要的内容:网页设计中最糟糕的错误。(2011年更新。)一名男子搜索“檀香山”,没有结果。-女:“哦,算了吧。我们去法戈看我妈妈吧。”

1.坏的搜索

过于文字化的搜索引擎降低了可用性,因为它们无法处理拼写错误、复数、连字符和其他查询词的变体。这样的搜索引擎对老年使用者尤其困难,但他们伤害了所有人。

与此相关的一个问题是,搜索引擎纯粹根据结果包含的查询词的数量而不是每个文档的重要性来对结果进行优先级排序。如果搜索引擎在列表的顶部显示“最佳匹配”,尤其是对于重要的查询,如产品名称,效果会更好。

当导航失败时,搜索是用户的生命线。尽管高级搜索有时会有帮助,简单的搜索通常效果最好,搜索应该呈现为一个简单的框,因为这是用户正在寻找的。

2.供在线阅读的PDF文件

用户不喜欢在浏览时看到PDF文件,因为它破坏了他们的流量。即使是打印或保存文档这样简单的事情也很困难,因为标准的浏览器命令不起作用。布局通常针对一张纸进行优化,这张纸很少与用户浏览器窗口的大小匹配。再见,平滑滚动。你好,小字体。

最糟糕的是,PDF是一个难以导航的无差别的内容团。

PDF非常适合打印和分发手册和其他需要打印的大文件。为此目的保留它,并将任何需要在屏幕上浏览或阅读的信息转换为真实的网页。

>原因的详细讨论PDF不利于在线阅读

3.不更改已访问链接的颜色

掌握过去的导航可以帮助你了解当前的位置,因为这是你旅程的顶点。了解你过去和现在的位置反过来会让你更容易决定下一步去哪里。链接是这个导航过程中的一个关键因素。用户可以排除那些在之前的访问中被证明没有效果的链接。相反,他们可能会重新访问过去发现有用的链接。

最重要的是,知道他们已经访问过哪些页面可以让用户避免无意中一次又一次地访问相同的页面。

只有在一个重要的假设下,这些好处才会产生:用户能够区分已访问和未访问的链接,因为网站用不同的颜色显示它们。当访问的链接没有改变颜色时,用户在可用性测试中会表现出更多的导航迷失,并无意中反复访问相同的页面。

>改变链接颜色的可用性影响
>显示链接的指引漫画-一个家伙被冗长的法律术语“条款和条件”压扁了

4.Non-Scannable文本

文本墙对于互动体验来说是致命的。令人生畏。无聊。痛苦的阅读。

在线写作,而不是打印。为了吸引用户进入文本并支持可扫描性,请使用文档完备的技巧:

  • 副标题
  • 项目符号列表
  • 高亮显示关键字
  • 短的段落
  • 倒金字塔
  • 简单的写作风格
  • 没有市场语言的松散语言。

>阅读模式的眼球追踪

5.固定的字体大小

不幸的是,CSS样式表让网站禁用了Web浏览器的“更改字体大小”按钮,并指定了固定的字体大小。大约95%的情况下,这个固定大小是,大大降低了大多数40岁以上人群的可读性。

尊重用户的喜好,并允许他们这么做调整文本根据需要。另外,指定字体大小的相对术语-而不是绝对像素数。

6.搜索引擎能见度低的页面标题

搜索是用户发现网站最重要的方式。搜索也是用户在各个网站上寻找途径的最重要方式之一。简陋的页面标题是吸引搜索列表中的新访问者以及帮助现有用户找到他们需要的特定页面的主要工具。

页面标题包含在HTML 标签中,几乎总是用作搜索引擎结果页面(SERP)上清单的可点击标题。搜索引擎通常只显示标题的前66个字符左右,所以它是真实的<a class="old" href="//www.qdzcn.com/articles/microcontent-how-to-write-headlines-page-titles-and-subject-lines/" title="微内容">微内容</a>.</p> <p>当用户书签站点时,页面标题也用作收藏夹中的默认条目。对于你的主页,以公司名称开头,然后是网站的简要描述。不要以“The”或“Welcome to”开头,除非你想按字母顺序排在“T”或“w”下面。</p> <p>对于主页以外的其他页面,请在标题开头添加一些最显著的信息,这些信息包含描述用户在该页面上会发现什么的文字。由于页面标题用作浏览器中的窗口标题,因此它也用作Windows下任务栏中该窗口的标签,这意味着高级用户将在每个页面标题的前一两个单词的指导下在多个窗口之间移动。如果所有页面标题都以相同的单词开头,则会严重降低多窗口用户的可用性。</p> <p><a href="//www.qdzcn.com/articles/tagline-blues-whats-the-site-about/" title="口号在主页">口号在主页</a>是一个相关的主题:他们还需要简短和快速地传达网站的目的。</p> <h2>7.任何看起来像广告的东西</h2> <p><strong>选择性注意</strong>是非常强大的,网络用户已经学会不再关注任何阻碍他们目标导向导航的广告。(主要的例外是<a href="//www.qdzcn.com/articles/will-plain-text-ads-continue-to-rule/" title="文本搜索引擎广告">文本搜索引擎广告</a>.)</p> <p>不幸的是,用户也<a class="old" href="//www.qdzcn.com/articles/fancy-formatting-looks-like-an-ad/" title="忽略合法的设计元素">忽略合法的设计元素</a>流行的广告形式。毕竟,当你<em>忽略</em>有些东西,你不会仔细研究它来找出它是什么。</p> <p>因此,最好避免任何看起来像广告的设计。这一指导方针的确切含义将随着新的广告形式而变化;目前遵循以下规则:</p> <ul> <li><a class="old" href="//www.qdzcn.com/articles/banner-blindness-old-and-new-findings/" title=""><strong>横幅失明</strong></a>这意味着用户从不会把他们的眼睛固定在任何看起来像横幅广告由于形状或位置在页面上</li> <li><strong>避免动画</strong>使用户忽略有闪烁或闪烁文本或其他激进动画的区域</li> <li><strong>弹出式清洗</strong>这意味着用户甚至在完全渲染之前就关闭了弹出窗口windoid;有时非常恶毒(一种对地理城市胜利的报复)。</li> </ul> <h2>8.违反设计规则</h2> <p><strong>一致性</strong>是最强大的可用性原则之一:当事情总是表现相同时,用户不必担心会发生什么。相反,他们<em>知道</em>根据之前的经验会发生什么。每次你把苹果扔到艾萨克·牛顿爵士头上,苹果就会落在他头上。这是<em>好</em>.</p> <p>用户的期望越正确,他们就越觉得自己能控制系统,也就越喜欢它。系统越超出用户的预期,用户就越会感到不安全。哦,也许如果我放开这个苹果,它会变成一个西红柿,跳上一英里的天空。</p> <p><strong><a href="//www.qdzcn.com/videos/jakobs-law-internet-ux/" title="雅各布网络用户体验定律">雅各布网络用户体验定律</a></strong>声明“用户花费大部分时间在<em>其他</em>网站。”</p> <p>这意味着他们对你的网站的期望是基于大多数其他网站上通常做的事情。如果你偏离了方向,你的网站将更难使用,用户也会离开。</p> <h2>9打开新的浏览器窗口</h2> <p>打开新的浏览器窗口就像一个吸尘器销售人员,他通过清空客户地毯上的烟灰缸开始拜访。不要用更多的窗口污染我的屏幕,谢谢(特别是因为当前的操作系统有糟糕的窗口管理)。</p> <p>设计师打开新的浏览器窗口,理论上是为了让用户留在他们的网站上。但即使不考虑<strong>在接管用户机器时隐含的用户敌意消息</strong>,该策略会弄巧成拙,因为它会禁用<em>回来</em>按钮,这是用户返回以前的网站的正常方式。用户通常不会注意到一个新窗口被打开了,特别是当他们使用一个小显示器时,窗口被最大化地填满了屏幕。因此,试图返回原点的用户会被变灰所迷惑<em>回来</em>按钮。</p> <p>不按预期运行的链接会破坏用户对自己系统的理解。链接应该是一个简单的超文本引用,用新内容替换当前页面。用户讨厌不必要的弹出窗口。当他们希望目标显示在新页面中时,可以使用浏览器的“在新窗口中打开”命令-当然,假设链接不是干扰浏览器标准行为的代码。<img alt="卡通-女人(在汽车经销店):“自动变速器多少钱?”-卑鄙的推销员:“我给你一个提示-这是一个偶数…”" height="450" loading="lazy" src="https://media.nngroup.com/media/editor/2012/11/18/20021223_01_mistake.gif" style="padding-bottom:4ex; padding-left:2ex; padding-top:3ex; float:right" width="340"></p> <h2>10.不回答用户的问题</h2> <p>用户在Web上是高度目标驱动的。他们访问网站是因为他们想要完成一些事情——甚至可能是购买你的产品。网站的最终失败就是不能提供用户想要的信息。</p> <p>有时候,答案根本就不存在,你就失去了销量,因为如果你不告诉他们细节,用户就会认为你的产品或服务无法满足他们的需求。其他时候,细节被掩盖在一层厚厚的市场语言和乏味的口号之下。因为用户没有时间去阅读所有的内容,所以这些隐藏的信息也就不存在了。</p> <p>不回答用户问题的最糟糕的例子是<a href="//www.qdzcn.com/articles/show-price/"><strong>避免列出价格</strong></a>产品和服务。没有B2C电子商务网站会犯这样的错误,但它很普遍<a class="old" href="//www.qdzcn.com/articles/b2b-usability/" title="商对商">商对商</a>,其中介绍了大多数“企业解决方案”,因此您无法判断它们适合100人还是100000人。价格是客户用来理解产品性质的最具体的信息,不提供它会让人们感到失落,降低他们对产品线的理解。我们有几个小时的视频用户询问<em>“价格在哪里?”</em>扯他们的头发。</p> <p>甚至B2C网站也经常会犯在产品列表中忘记价格的错误,例如<a class="new" href="//www.qdzcn.com/reports/ecommerce-ux-homepages-and-category-pages/" title="分类页">分类页</a>或<a class="new" href="//www.qdzcn.com/reports/ecommerce-ux-search-including-faceted-search/" title="搜索结果">搜索结果</a>.在这两种情况下,了解价格都是关键;它可以让用户区分不同的产品,并点击到最相关的产品。</p> <h2>其他十大名单</h2> <ul> <li><a href="//www.qdzcn.com/articles/top-10-enduring/">10大持久的网页设计错误</a>(2016)</li> <li><a href="//www.qdzcn.com/articles/10-high-profit-redesign-priorities/">高利润设计优先</a></li> <li><a href="//www.qdzcn.com/articles/movies-usability-top-10-bloopers/">电影中的可用性</a>-十大错误</li> <li><a class="old" href="//www.qdzcn.com/articles/most-violated-homepage-guidelines/" title="最严重违反首页指南">最严重违反首页指南</a></li> <li><a class="old" href="//www.qdzcn.com/articles/top-ten-guidelines-for-homepage-usability/" title="首页可用性指南">首页可用性指南</a></li> <li><a class="old" href="//www.qdzcn.com/articles/ten-good-deeds-in-web-design/" title="网页设计中的好事">网页设计中的好事</a></li> <li><a class="old" href="//www.qdzcn.com/articles/top-ten-web-design-mistakes-of-2005/" title="网页设计错误">网页设计错误</a>(2005)</li> <li><a class="old" href="//www.qdzcn.com/articles/top-10-web-design-mistakes-of-2003/" title="网页设计错误">网页设计错误</a>(2003)</li> <li><a class="old" href="//www.qdzcn.com/articles/top-ten-web-design-mistakes-of-2002/" title="网页设计错误">网页设计错误</a>(2002)<br>与漫画。</li> <li><a class="old" href="//www.qdzcn.com/articles/the-top-ten-web-design-mistakes-of-1999/" title="网页设计错误">网页设计错误</a>(1999)</li> <li><a class="old" href="//www.qdzcn.com/articles/original-top-ten-mistakes-in-web-design/" title="网页设计错误">网页设计错误</a>(1996)<br>我第一次列表。幸运的是,其中许多错误现在已经被纠正了。</li> <li><a class="old" href="//www.qdzcn.com/articles/top-10-application-design-mistakes/" title="必威手机app下载应用程序设计错误">必威手机app下载应用程序设计错误</a></li> <li><a class="old" href="//www.qdzcn.com/articles/top-10-ia-mistakes/" title="信息架构(IA)错误">信息架构(IA)错误</a></li> </ul> <p>另见:<a href="//www.qdzcn.com/articles/usability-101-introduction-to-usability/">可用性101:可用性介绍</a>(文章)和<a href="//www.qdzcn.com/courses/ux-basic-training/">用户体验基础训练</a>(全天)</p> </section> <section class="share"> <div class="share-widget" id="shareWidgetBodyBottom"> <ul class="no-bullet inline share-icons mobile only"> <li>分享:</li> <li><a href="https://twitter.com/intent/tweet?url=//www.qdzcn.com/articles/top-10-mistakes-web-design/&text=Top 10 Mistakes in Web Design&via=nngroup" data-share-type="Twitter"><span class="icon fab fa-twitter"></span></a></li> <li><a href="http://www.linkedin.com/shareArticle?mini=true&url=//www.qdzcn.com/articles/top-10-mistakes-web-design/&title=Top 10 Mistakes in Web Design&source=Nielsen%20Norman%20Group" data-share-type="LinkedIn"><span class="icon fab fa-linkedin-in"></span></a></li> <li><a href="mailto:?subject=NN/g Article: Top 10 Mistakes in Web Design&body=//www.qdzcn.com/articles/top-10-mistakes-web-design/" data-share-type="Email"><span class="icon fal fa-envelope"></span></a></li> </ul> <ul class="inline no-bullet share-links small large desktop only"> <li>分享这篇文章:</li> <li><a href="https://twitter.com/intent/tweet?url=//www.qdzcn.com/articles/top-10-mistakes-web-design/&text=Top 10 Mistakes in Web Design&via=nngroup" data-share-type="Twitter">推特</a>|</li> <li><a href="http://www.linkedin.com/shareArticle?mini=true&url=//www.qdzcn.com/articles/top-10-mistakes-web-design/&title=Top 10 Mistakes in Web Design&source=Nielsen%20Norman%20Group" data-share-type="LinkedIn">LinkedIn</a>|</li> <li><a href="mailto:?subject=NN/g Article: Top 10 Mistakes in Web Design&body=//www.qdzcn.com/articles/top-10-mistakes-web-design/" data-share-type="Email">电子邮件</a></li> </ul> </div> </section> </div> <div class="publication-sidebar"> <div class="share mb-2" aria-hidden="true"> <div class="share-widget" id="shareWidgetBodySidebar"> <ul class="no-bullet share-links"> <li><strong>分享这篇文章:</strong></li> <li><a href="https://twitter.com/intent/tweet?url=//www.qdzcn.com/articles/top-10-mistakes-web-design/&text=Top 10 Mistakes in Web Design&via=nngroup" data-share-type="Twitter"><span class="icon fab fa-twitter"></span>推特</a></li> <li><a href="http://www.linkedin.com/shareArticle?mini=true&url=//www.qdzcn.com/articles/top-10-mistakes-web-design/&title=Top 10 Mistakes in Web Design&source=Nielsen%20Norman%20Group" data-share-type="LinkedIn"><span class="icon fab fa-linkedin-in"></span>LinkedIn</a></li> <li><a href="mailto:?subject=NN/g Article: Top 10 Mistakes in Web Design&body=//www.qdzcn.com/articles/top-10-mistakes-web-design/" data-share-type="Email"><span class="icon fal fa-envelope"></span>电子邮件</a></li> </ul> </div> </div> <div class="about-authors"> <p><strong>关于作者</strong></p> <p><a href="//www.qdzcn.com/people/jakob-nielsen/">雅各布·尼尔森</a>他是Nielsen Norman集团的用户倡导者和负责人,该集团是他与Donald a . Nor必威在线娱乐man博士(苹果电脑前研究副总裁)共同创立的。尼尔森博士建立了“折扣可用性工程”运动,以快速和廉价地改进用户界面,并发明了几种可用性方法,包括启发式评估。他拥有79项美国专利,主要是让互联网更容易使用的方法。</p> </div> <div class="subscribe"> <p><strong>订阅我们的Alertbox电子邮件通讯:</strong></p> <p>尼尔森诺曼集团关于界面可用性、网站设计和用户体验研究的最新文章。必威在线娱乐</p> <p><a href="//www.qdzcn.com/articles/subscribe/" class="secondary button">订阅</a></p> </div> <div class="related-content"> <h2>了解更多</h2> <div class="related-articles"> <h3>文章</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/articles/top-10-application-design-mistakes/?lm=top-10-mistakes-web-design&pt=article">十大应用程序设计错误</a></li> <li><a href="//www.qdzcn.com/articles/get-started/?lm=top-10-mistakes-web-design&pt=article">“开始”阻止用户</a></li> <li><a href="//www.qdzcn.com/articles/homepage-links/?lm=top-10-mistakes-web-design&pt=article">首页链接仍然是必要的</a></li> <li><a href="//www.qdzcn.com/articles/in-page-links/?lm=top-10-mistakes-web-design&pt=article">主持人好吗?重新考量页内的链接</a></li> <li><a href="//www.qdzcn.com/articles/top-10-enduring/?lm=top-10-mistakes-web-design&pt=article">10大持久的网页设计错误</a></li> </ul> </div> <div> <h3>UX会议培训课程</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/courses/human-mind/?lm=top-10-mistakes-web-design&pt=article">人类思维和可用性</a></li> <li><a href="//www.qdzcn.com/courses/ux-basic-training/?lm=top-10-mistakes-web-design&pt=article">用户体验基础训练</a></li> <li><a href="//www.qdzcn.com/courses/web-page-design/?lm=top-10-mistakes-web-design&pt=article">网页用户体验设计</a></li> <li><a href="//www.qdzcn.com/courses/emerging-patterns-interface-design/?lm=top-10-mistakes-web-design&pt=article">界面设计中的新兴模式</a></li> </ul> </div> <div> <h3>研究报告</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/reports/b2b-websites-usability/?lm=top-10-mistakes-web-design&pt=article">B2B网站可用性将用户转化为潜在客户和客户</a></li> <li><a href="//www.qdzcn.com/reports/strategic-design-faqs/?lm=top-10-mistakes-web-design&pt=article">常见问题的策略设计</a></li> </ul> </div> <div> <h3>一小时会谈</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/1-hour-talks/accessibility-lawsuits-web-design/?lm=top-10-mistakes-web-design&pt=article">易访问性诉讼如何推动更好的网页设计</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/don-norman-answers-top-UX-questions/?lm=top-10-mistakes-web-design&pt=article">唐·诺曼回答:你最重要的UX问题</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/top-intranet-design-trends-2019/?lm=top-10-mistakes-web-design&pt=article">2019年度内网设计趋势</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/fundamental-flaw-flat-design/?lm=top-10-mistakes-web-design&pt=article">平面设计的基本缺陷</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/millennials-online/?lm=top-10-mistakes-web-design&pt=article">千禧一代在线</a></li> </ul> </div> </div> </div> </div> </article> <section class="learn-more"> <h2>了解更多</h2> <p><a href="//www.qdzcn.com/articles/subscribe/">订阅每周的时事通讯</a>获取有关未来文章的通知。</p> </section> <div class="small desktop only"> <section class="two column grid related-content"> <div> <div class="related-articles"> <h3>文章</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/articles/top-10-application-design-mistakes/?lm=top-10-mistakes-web-design&pt=article">十大应用程序设计错误</a></li> <li><a href="//www.qdzcn.com/articles/get-started/?lm=top-10-mistakes-web-design&pt=article">“开始”阻止用户</a></li> <li><a href="//www.qdzcn.com/articles/homepage-links/?lm=top-10-mistakes-web-design&pt=article">首页链接仍然是必要的</a></li> <li><a href="//www.qdzcn.com/articles/in-page-links/?lm=top-10-mistakes-web-design&pt=article">主持人好吗?重新考量页内的链接</a></li> <li><a href="//www.qdzcn.com/articles/top-10-enduring/?lm=top-10-mistakes-web-design&pt=article">10大持久的网页设计错误</a></li> </ul> </div> <div> <h3>研究报告</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/reports/b2b-websites-usability/?lm=top-10-mistakes-web-design&pt=article">B2B网站可用性将用户转化为潜在客户和客户</a></li> <li><a href="//www.qdzcn.com/reports/strategic-design-faqs/?lm=top-10-mistakes-web-design&pt=article">常见问题的策略设计</a></li> </ul> </div> </div> <div> <div> <h3>UX会议培训课程</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/courses/human-mind/?lm=top-10-mistakes-web-design&pt=article">人类思维和可用性</a></li> <li><a href="//www.qdzcn.com/courses/ux-basic-training/?lm=top-10-mistakes-web-design&pt=article">用户体验基础训练</a></li> <li><a href="//www.qdzcn.com/courses/web-page-design/?lm=top-10-mistakes-web-design&pt=article">网页用户体验设计</a></li> <li><a href="//www.qdzcn.com/courses/emerging-patterns-interface-design/?lm=top-10-mistakes-web-design&pt=article">界面设计中的新兴模式</a></li> </ul> </div> <div> <h3>一小时会谈</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/1-hour-talks/accessibility-lawsuits-web-design/?lm=top-10-mistakes-web-design&pt=article">易访问性诉讼如何推动更好的网页设计</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/don-norman-answers-top-UX-questions/?lm=top-10-mistakes-web-design&pt=article">唐·诺曼回答:你最重要的UX问题</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/top-intranet-design-trends-2019/?lm=top-10-mistakes-web-design&pt=article">2019年度内网设计趋势</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/fundamental-flaw-flat-design/?lm=top-10-mistakes-web-design&pt=article">平面设计的基本缺陷</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/millennials-online/?lm=top-10-mistakes-web-design&pt=article">千禧一代在线</a></li> </ul> </div> </div> </section> </div> <div class="mobile only"> <section class="two column grid related-content"> <div class="related-articles"> <h3>文章</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/articles/top-10-application-design-mistakes/?lm=top-10-mistakes-web-design&pt=article">十大应用程序设计错误</a></li> <li><a href="//www.qdzcn.com/articles/get-started/?lm=top-10-mistakes-web-design&pt=article">“开始”阻止用户</a></li> <li><a href="//www.qdzcn.com/articles/homepage-links/?lm=top-10-mistakes-web-design&pt=article">首页链接仍然是必要的</a></li> <li><a href="//www.qdzcn.com/articles/in-page-links/?lm=top-10-mistakes-web-design&pt=article">主持人好吗?重新考量页内的链接</a></li> <li><a href="//www.qdzcn.com/articles/top-10-enduring/?lm=top-10-mistakes-web-design&pt=article">10大持久的网页设计错误</a></li> </ul> </div> <div> <h3>UX会议培训课程</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/courses/human-mind/?lm=top-10-mistakes-web-design&pt=article">人类思维和可用性</a></li> <li><a href="//www.qdzcn.com/courses/ux-basic-training/?lm=top-10-mistakes-web-design&pt=article">用户体验基础训练</a></li> <li><a href="//www.qdzcn.com/courses/web-page-design/?lm=top-10-mistakes-web-design&pt=article">网页用户体验设计</a></li> <li><a href="//www.qdzcn.com/courses/emerging-patterns-interface-design/?lm=top-10-mistakes-web-design&pt=article">界面设计中的新兴模式</a></li> </ul> </div> <div> <h3>研究报告</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/reports/b2b-websites-usability/?lm=top-10-mistakes-web-design&pt=article">B2B网站可用性将用户转化为潜在客户和客户</a></li> <li><a href="//www.qdzcn.com/reports/strategic-design-faqs/?lm=top-10-mistakes-web-design&pt=article">常见问题的策略设计</a></li> </ul> </div> <div> <h3>一小时会谈</h3> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/1-hour-talks/accessibility-lawsuits-web-design/?lm=top-10-mistakes-web-design&pt=article">易访问性诉讼如何推动更好的网页设计</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/don-norman-answers-top-UX-questions/?lm=top-10-mistakes-web-design&pt=article">唐·诺曼回答:你最重要的UX问题</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/top-intranet-design-trends-2019/?lm=top-10-mistakes-web-design&pt=article">2019年度内网设计趋势</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/fundamental-flaw-flat-design/?lm=top-10-mistakes-web-design&pt=article">平面设计的基本缺陷</a></li> <li><a href="//www.qdzcn.com/1-hour-talks/millennials-online/?lm=top-10-mistakes-web-design&pt=article">千禧一代在线</a></li> </ul> </div> </section> </div> <section class="videos"> <h3 class="mobile small desktop only">视频</h3> <div class="related-videos"> <ul class="inline no-bullet four column grid"> <li> <div class="video tile"> <div class="media"> <a href="//www.qdzcn.com/videos/short-term-memory-ui-design/" tabindex="-1" aria-hidden="true"><img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/ShortTermMemory.jpeg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/ShortTermMemory.jpeg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/ShortTermMemory.jpeg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div></a> </div> <div class="content"> <p><a href="//www.qdzcn.com/videos/short-term-memory-ui-design/?lm=top-10-mistakes-web-design&pt=article">短期内存限制会影响用户界面设计</a></p> <p><time>3分钟视频</time></p> </div> </div></li> <li> <div class="video tile"> <div class="media"> <a href="//www.qdzcn.com/videos/translating-ux-concepts-design-practice/" tabindex="-1" aria-hidden="true"><img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/TranslatingDesign.jpeg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/TranslatingDesign.jpeg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/TranslatingDesign.jpeg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div></a> </div> <div class="content"> <p><a href="//www.qdzcn.com/videos/translating-ux-concepts-design-practice/?lm=top-10-mistakes-web-design&pt=article">将用户体验概念转化为设计实践</a></p> <p><time>18分钟视频</time></p> </div> </div></li> <li> <div class="video tile"> <div class="media"> <a href="//www.qdzcn.com/videos/breaking-out-content-silo/" tabindex="-1" aria-hidden="true"><img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/BreakingOutOfTheContentSilo.jpeg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/BreakingOutOfTheContentSilo.jpeg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/BreakingOutOfTheContentSilo.jpeg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div></a> </div> <div class="content"> <p><a href="//www.qdzcn.com/videos/breaking-out-content-silo/?lm=top-10-mistakes-web-design&pt=article">打破内容筒仓</a></p> <p><time>20分钟视频</time></p> </div> </div></li> <li> <div class="video tile"> <div class="media"> <a href="//www.qdzcn.com/videos/usability-physical-world-vs-web/" tabindex="-1" aria-hidden="true"><img loading="lazy" src="https://media.nngroup.com/media/videos/thumbnails/Usability_in_the_Physical_World_vs_on_the_Web_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg" srcset="https://media.nngroup.com/media/videos/thumbnails/Usability_in_the_Physical_World_vs_on_the_Web_Thumbnail.jpg.650x364_q75_autocrop_crop-smart_upscale.jpg, https://media.nngroup.com/media/videos/thumbnails/Usability_in_the_Physical_World_vs_on_the_Web_Thumbnail.jpg.1300x728_q75_autocrop_crop-smart_upscale.jpg 2x" alt=""> <div class="overlay"> <span class="color icon fab fa-youtube"></span> </div></a> </div> <div class="content"> <p><a href="//www.qdzcn.com/videos/usability-physical-world-vs-web/?lm=top-10-mistakes-web-design&pt=article">物理世界的可用性与网络上的可用性</a></p> <p><time>4分钟的视频</time></p> </div> </div></li> </ul> </div> </section> </div> </div> </div> </section> </main> <footer class="main"> <div class="wrapper"> <div class="two column grid"> <div class="topics"> <div class="small large desktop only"> <h4 class="bold">受欢迎的话题</h4> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/topic/agile/">敏捷与精益用户体验</a></li> <li><a href="//www.qdzcn.com/topic/applications/">必威手机app下载</a></li> <li><a href="//www.qdzcn.com/topic/ux-design-process/">设计过程</a></li> <li><a href="//www.qdzcn.com/topic/e-commerce/">电子商务设计</a></li> <li><a href="//www.qdzcn.com/topic/eyetracking/">眼动</a></li> <li><a href="//www.qdzcn.com/topic/information-architecture/">信息架构</a></li> <li><a href="//www.qdzcn.com/topic/interaction-design/">交互设计</a></li> <li><a href="//www.qdzcn.com/topic/intranets/">局域网设计</a></li> <li><a href="//www.qdzcn.com/topic/mobile-and-tablet-design/">手机和平板电脑设计</a></li> <li><a href="//www.qdzcn.com/topic/persuasive-design/">劝导式设计</a></li> <li><a href="//www.qdzcn.com/topic/research-methods/">研究方法</a></li> <li><a href="//www.qdzcn.com/topic/study-guide/">关于特定主题的NN/g文章和视频的概述</a></li> <li><a href="//www.qdzcn.com/topic/user-testing/">用户测试</a></li> <li><a href="//www.qdzcn.com/topic/ux-teams/">用户体验团队</a></li> <li><a href="//www.qdzcn.com/topic/web-usability/">网络可用性</a></li> <li><a href="//www.qdzcn.com/topic/writing-web/">写作与内容</a></li> </ul> </div> </div> <div class="fixed two column grid"> <div class="about"> <h4 class="bold">关于</h4> <ul class="no-bullet"> <li><a href="//www.qdzcn.com/about/contact/">联系信息</a></li> <li><a href="//www.qdzcn.com/about/">关于我们</a></li> <li><a href="//www.qdzcn.com/about/why-nng/">为什么是NN/g?</a></li> <li><a href="//www.qdzcn.com/return-policy/">退货政策</a></li> <li><a href="//www.qdzcn.com/cookie-declaration/">饼干宣言</a></li> <li><a href="//www.qdzcn.com/privacy-policy/">隐私政策</a></li> </ul> </div> <div class="social"> <h4 class="bold">跟我们来</h4> <ul class="no-bullet"> <li><a class="fluid button newsletter" href="//www.qdzcn.com/articles/subscribe/">订阅我们的通讯</a></li> <li><a class="fluid button" href="https://twitter.com/nngroup"><span><span class="fab fa-twitter color icon"></span></span><span>在推特上关注NN/g</span></a></li> <li><a class="fluid button" href="//www.qdzcn.com/feed/rss/"><span><span class="fas fa-rss-square color icon"></span></span><span>请订阅我们的RSS频道</span></a></li> <li><a class="fluid button podcast" href="//www.qdzcn.com/podcast/"><span><span class="fal fa-microphone icon"></span></span><span>请收听NN/g播客</span></a></li> </ul> <ul class="no-bullet websites"> <li>访问唐·诺曼的网站<br><a href="https://www.jnd.org/">www.jnd.org</a></li> <li>看衣服的网站<br><a href="https://www.asktog.com/">www.asktog.com</a></li> </ul> </div> </div> </div> <div class="one column grid copyright"> <p><a href="//www.qdzcn.com/copyright-and-reprint-info/">版权</a>百度必威公司</p> </div> </div> </footer> <button class="back-to-top" title="Back to top"><span class="text"><span class="fas fa-caret-up arrow" aria-hidden="true"></span><br>前</span></button> <div style="text-align:center;margin-bottom:5px;"><form action="http://www.baidu.com/baidu" target="_blank"><div bgcolor="#FFFFFF" style="text-align:center;"><input name="tn" type="hidden" value="baidu"><a href="http://www.baidu.com/"><img src="http://img.baidu.com/img/logo-80px.gif" width="80px" height="29px" alt="Baidu" align="bottom" border="0"></a><input type="text" name="word" size="30" placeholder="" value=""><input type="submit" value="百度搜索"></div></form></div><div id="so360" style="text-align:center;margin-bottom:5px;"><form action="https://www.so.com/" target="_blank" id="so360form"><img src="http://p1.qhimg.com/d/_onebox/search.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="so360_keyword" placeholder="" value=""> <input type="submit" id="so360_submit" value="360搜索"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div><div id="sogou" style="text-align:center;margin-bottom:5px;"><form action="https://www.sogou.com/" target="_blank" id="so360form"><img src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" width="100px" height="25px"> <input type="text" autocomplete="off" name="q" id="sogou.com_keyword" placeholder="" value=""> <input type="submit" id="sogou_submit" value="搜 狗"> <input type="hidden" name="ie" value="gbk"><input type="hidden" name="src" value="zz"> <input type="hidden" name="site" value="so.com"> <input type="hidden" name="rg" value="1"></form></div></body> </html>