网站设计制作中经常遇到的十个代表性失误

2023-10-13    

对于任何一个网站建设公司或者技术人员来说,在设计和开发过过程中都多少会犯下一些错误,尤其对于刚刚成立的公司或者刚刚进入网站建设行业的人更是如此。本文总结了网站设计制作中经常遇到的十个代表性失误,之所以称之为“失误”,是因为很多人压根都没有意识到这些问题。比如有些公司在网站建设的时候,总是希望使用"_blank"打开新窗口的方式进行导航链接,而这样做却让浏览者非常痛苦,因为浏览一个网站后会发现整个屏幕都是新窗口。需要强调的是无论是错误还是失误,这只是结合我们多年网站建设总结而来,也许其中某些观点并不适合你,但相信一样可以给你带来启发和帮助。

1.错误搜索

过于文字化的搜索引擎会降低可用性,因为它们无法处理拼写错误、复数、连字符和查询术语的其他变体。这类搜索引擎对老年用户来说尤其困难,但却伤害了所有人。一个相关的问题是,当搜索引擎仅仅根据结果所包含的查询词的数量而不是每个文档的重要性来确定结果的优先级时。如果您的搜索引擎在列表的顶部列出“最好的赌注”-特别是对于重要的查询,例如您的产品名称-效果会好得多。导航失败时,搜索是用户的生命线。尽管高级搜索有时会有所帮助,但简单的搜索通常效果最好,搜索应该显示为一个简单的框,因为这正是用户所寻找的。
2.PDF文档默认打开
用户讨厌在浏览时遇到PDF文件,因为它打断了他们的流程。甚至像打印或保存文档这样简单的事情也是困难的,因为标准的浏览器命令不起作用。布局通常针对纸张进行优化,纸张很少与用户的浏览器窗口大小相匹配。再见,平滑滚动。你好小字体。
最糟糕的是,PDF是一个没有区别的内容块,很难导航。PDF非常适合于打印和分发手册和其他需要打印的大型文档。为此目的保留它,并将任何需要在屏幕上浏览或读取的信息转换为真正的网页。
3.未更改访问过的链接的颜色
很好地把握过去的导航可以帮助你理解你现在的位置,因为它是你旅程的高潮。反过来,了解你的过去和现在的位置会让你更容易决定下一步去哪里。链接是这个导航过程中的一个关键因素。用户可以排除那些在他们之前的访问中被证明是徒劳的链接。相反,他们可能会重新访问他们认为在过去有帮助的链接。最重要的是,知道他们已经访问了哪些页面,使用户不必一次又一次地无意中重新访问相同的页面。这些好处只有在一个重要的假设下才会产生:用户可以区分访问过的链接和未访问过的链接,因为网站以不同的颜色显示它们。当访问的链接不改变颜色时,用户在可用性测试中表现出更多的导航迷失方向,并且无意中重复访问相同的页面。
4.网站内容可读性差
一堵文本墙对于交互体验来说是致命的。吓死人了。无聊。读起来很痛苦。在线写作,而不是打印。要吸引用户加入文本并支持可扫描性,请使用文档完整的技巧:
  • 分类
  • 项目符号列表
  • 突出显示的关键字
  • 短段落
  • 倒金字塔
  • 一种简单的写作风格
  • 没有市场用语的脱口而出的语言
  • 阅读模式的透视
5.固定字体大小
不幸的是,CSS样式表使网站能够禁用Web浏览器的“更改字体大小”按钮,并指定固定的字体大小。大约95%的时间,这个固定的大小是很小的,对于大多数40岁以上的人来说,这大大降低了可读性。尊重用户的偏好,让他们根据需要调整文本的大小。此外,指定字体大小的相对条件-而不是一个绝对的像素数。
6.搜索引擎可见性低的页面标题
搜索是用户发现网站最重要的方式。搜索也是一个最重要的方式,用户找到他们的方式,围绕个别网站。简陋的页面标题是您吸引来自搜索列表的新访问者的主要工具,并帮助您的现有用户定位他们需要的特定页面。页面标题包含在HTML标记中,并且几乎总是用作搜索引擎结果页面(SERP)列表的可点击标题。搜索引擎通常会显示标题的前66个字符左右,所以它是真正的微内容。</div><div>当用户为站点添加书签时,页面标题也用作收藏夹中的默认条目。对于您的主页,从公司名称开始,然后是网站的简要说明。</div><div>对于主页以外的其他页面,标题以几个最突出的携带信息的单词开头,这些单词描述用户将在该页面上找到的具体内容。由于页面标题在浏览器中用作窗口标题,因此它也用作Windows下任务栏中该窗口的标签,这意味着高级用户将在每个页面标题的前一个或两个单词的指导下在多个窗口之间移动。如果所有页面标题都以相同的单词开头,则会严重降低多窗口用户的可用性。</div><div>主页上的标语是一个相关的主题:它们还需要简短而快速地传达站点的目的。</div><div><b>7.任何看起来像广告的东西</b></div><div>选择性注意是非常强大的,Web用户已经学会了停止关注任何妨碍他们目标驱动的导航的广告。不幸的是,用户也忽略了看起来像流行的广告形式的合法设计元素。毕竟,当你忽略某件事时,你不会仔细研究它来找出它是什么。因此,最好避免任何看起来像广告的设计。本准则的确切含义将因新形式的广告而有所不同;目前遵循以下规则:</div><div><ul><li>横幅盲目性意味着,由于页面上的形状或位置,用户永远不会盯着任何看起来像横幅广告的东西。</li> <li>动画回避使用户忽略带有闪烁或闪烁文本或其他激进动画的区域。</li> <li>弹出窗口清除意味着用户甚至在完全呈现之前就关闭了弹出窗口。</li> </ul></div><div><b>8.违反设计一致性</b></div><div>一致性是最强大的可用性原则之一:当事情总是保持一致时,用户不必担心会发生什么。相反,他们根据以前的经验知道会发生什么。每次你在艾萨克·牛顿爵士头上放一个苹果,它就会落在他的头上。那很好。用户的期望值越高,他们就越能感觉到对系统的控制,他们就会越喜欢它。系统越不符合用户的期望,他们就越感到不安全。哎呀,也许如果我放开这个苹果,它就会变成番茄,跳上一英里高的天空。网络用户体验定律说:“用户大部分时间都花在其他网站上。”这意味着他们形成了他们对你的网站的期望,基于在大多数其他网站上通常做的事情。如果你偏离,你的网站将更难使用,用户将离开。</div></div><div><div><b>9.总是打开新浏览器窗口</b></div><div>打开新的浏览器窗口就像一个真空吸尘器的销售人员开始访问时,清空客户地毯上的烟灰缸。不要用更多的窗口污染我的屏幕,谢谢(特别是因为当前的操作系统有糟糕的窗口管理)。设计师们打开新的浏览器窗口的理论是,它可以让用户留在他们的网站上。但是,即使无视接管用户机器所隐含的用户敌意信息,这种策略也是适得其反的,因为它禁用了Back按钮,这是用户返回以前站点的正常方式。用户通常不会注意到一个新的窗口已经打开,特别是如果他们使用的是一个小显示器,窗口被大化,以填补屏幕。因此,试图返回原点的用户会被灰色的“后退”按钮所迷惑。</div><div><b>10.不回答用户的问题</b></div><div>用户在Web上是高度目标驱动的。他们访问网站是因为他们想要完成一些事情-甚至可能购买你的产品。网站的最终失败就是不能提供用户所需的信息。有时答案根本不在那里,你失去了销售机会,因为如果你不告诉他们具体的细节,用户就必须假设你的产品或服务不能满足他们的需求。其他时候,细节被埋在厚厚的市场和平淡无奇的口号之下。由于用户没有时间阅读所有的内容,所以这些隐藏的信息可能根本就不存在。</div><div>不回答用户问题的最坏例子是避免列出产品和服务的价格。没有任何B2C电子商务网站会犯这样的错误,但它在B2B中很普遍,因为大多数“企业解决方案”都是在这里展示的,所以你无法判断它们是适合100人还是100,000人。价格是客户用来了解产品性质的最具体的信息,而不提供价格会使人们感到迷失,从而减少他们对产品系列的理解。我们有几个小时的视频,用户问“价格在哪里?”同时扯掉他们的头发。即使是B2C网站也经常犯相关的错误,忘记产品列表中的价格,例如类别页面或搜索结果。在这两种情况下,知道价格都是关键;它让用户区分不同的产品,并点击最相关的产品。</div></div> <div class="wengzhengfanye"> <div>上一篇:<a href="664.html">一个网站设计的质量该如何评估呢?</a></div> <div>下一篇:<a href="666.html">海东网站设计制作公司-seo优化公司</a></div> </div> </div> </div> <div class="con_list fr"> <div class="hots"> <h2>猜你喜欢</h2> <ul> <li><a href="1.html" target="_blank"><em>1</em>网站设计的原则。</a></li><li><a href="2.html" target="_blank"><em>2</em>专业网站设计制作公司是如何设计网站的?</a></li><li><a href="3.html" target="_blank"><em>3</em>网站设计色彩的构</a></li><li><a href="4.html" target="_blank"><em>4</em>网站设计的几点重要注意事项是什么?_成都创新互联</a></li><li><a href="5.html" target="_blank"><em>5</em>现在做网站设计都有哪些风格?</a></li><li><a href="6.html" target="_blank"><em>6</em>网站设计公司:成都网站建设中设计的阐述</a></li><li><a href="7.html" target="_blank"><em>7</em>医疗保健网站设计</a></li><li><a href="8.html" target="_blank"><em>8</em>上海网站建设公司、上海网站设计公司让大家享受这个时代</a></li><li><a href="9.html" target="_blank"><em>9</em>如何优化网站设计中的首页布局减少用户跳出率?</a></li><li><a href="10.html" target="_blank"><em>10</em>网站设计公司千千万万,怎么选?</a></li> </ul> </div> <div class="lianxi"> <h2>联络方式:028-86922220</h2> <p>成都: 成都市青羊区太升南路288号</p> <p>电话:13518219792(微信同号)</p> <p>QQ: 631063699</p><br> </div> </div> </div> </div> <div class="index_footer"> <div class="index_main clearfix"> <dl class="footer_fl"> <dt><a href="http://www.cxhljz.cn/web/">网站建设</a></dt> <dd><a href="http://www.cxhljz.cn/web/#qiye">集团企业官网</a></dd> <dd><a href="http://www.cxhljz.cn/web/#pinpai">品牌网站策划</a></dd> <dd><a href="http://www.cxhljz.cn/web/#yingxiao">营销网站设计</a></dd> <dd><a href="http://www.cxhljz.cn/web/#waimao">外贸网站建设</a></dd> <dd><a href="http://www.cxhljz.cn/web/#shop">商城网站定制</a></dd> </dl> <dl class="footer_fl"> <dt><a href="http://www.cxhljz.cn/app/">App开发</a></dt> <dd><a href="http://www.cxhljz.cn/app/#page1">电商App开发</a></dd> <dd><a href="http://www.cxhljz.cn/app/#page2">餐饮App开发</a></dd> <dd><a href="http://www.cxhljz.cn/app/#page3">金融App开发</a></dd> <dd><a href="http://www.cxhljz.cn/app/#page4">医疗App开发</a></dd> <dd><a href="http://www.cxhljz.cn/app/#page8">社交App开发</a></dd> </dl> <dl class="footer_fl"> <dt><a href="http://www.cxhljz.cn/case/">案例作品</a></dt> <dd><a href="http://www.cxhljz.cn/case/">品牌网站建设</a></dd> <dd><a href="http://www.cxhljz.cn/case/">App开发作品</a></dd> <dd><a href="http://www.cxhljz.cn/case/">微信小程序</a></dd> <dd><a href="http://www.cxhljz.cn/case/">营销型网站</a></dd> </dl> <dl class="footer_fl"> <dt><a href="http://www.cxhljz.cn/">新闻资讯</a></dt> <dd><a href="http://www.cxhljz.cn/">学习课堂</a></dd> <dd><a href="http://www.cxhljz.cn/">公司动态 </a></dd> <dd><a href="http://www.cxhljz.cn/">互联网风向</a></dd> </dl> <dl class="footer_fl"> <dt><a href="http://www.cxhljz.cn/about/">我们是谁</a></dt> <dd><a href="http://www.cxhljz.cn/about/wenhua.html">企业文化</a></dd> <dd><a href="http://www.cxhljz.cn/about/fuwu.html">服务承诺</a></dd> <dd><a href="http://www.cxhljz.cn/">常见问答</a></dd> <dd><a href="http://www.cxhljz.cn/about/job.html">招贤礼才</a></dd> </dl> <dl class="footer_fr"> <p>手机访问</p> <img src="../pic/ewm.png" alt="手机访问"> </dl> </div> <div class="footer_link hidden-xs"> 成都创新互联,是一家专注于<a href="http://www.cxhljz.cn/">成都网站建设</a>、<a href="http://www.cxhljz.cn/app/">成都App开发</a>,小程序开发四川网站设计,网站制作,app定制,微信小程序定制,微信公众号二次开发,微商城,微信分销系统等开发的技术型公司,Since2013年,公司一直坚持从事互联网技术开发和服务,在手机网站制作,网络营销策划,营销型网站建设、四川网站制作等技术领域有扎实的技术功底,已经成功服务过近3000家企业,遍及101个行业和领域,其中包括一些大型的集团或上市公司,对营销型网站SEO和营销网站建设尤其经验丰富,利用PC和手机端接口,融合我们12年的服务客户经验,相信能更好的,更加优质的为您服务! </div> <div class="Copyright"> <span> ©2020 All Rights 成都创新互联科技有限公司 - 成都网站建设 成都网站设计 版权所有 <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow">蜀ICP备13010860号</a></span> </div> </div> <!-- 浮动客服 --> <div class="auto clearfix"> <ul class="suspension"> <li class="default-transition suspension-tel"> <span class="pop-tel hide-text">客服热线</span> <div class="connect-us pop-detail"> <ul> <li> <a class="service-phone"> <span class="info-name">客服热线</span> <span class="info-value">135-1821-9792</span> </a> </li> <li> <a class="service-online" target="_blank" href="tencent://message/?uin=631063699&Site=&Menu=yes"> <span class="info-name">技术总监</span> <span class="info-value">王先生</span> </a> </li> <li> <a class="service-online" target="_blank" href="tencent://message/?uin=1683211881&Site=&Menu=yes"> <span class="info-name">客服经理</span> <span class="info-value">谭女士</span> </a> </li> </ul> <span class="tel-corner-back"></span> <span class="tel-corner"></span> </div> </li> <li class="default-transition suspension-qrcode"> <span class="pop-qrcode hide-text">客服微信1</span> <div class="qrcode pop-detail"><img src="../pic/wx_img.jpg" alt="成都创新互联客服微信2"></div> </li> <li class="default-transition"> <span class="to-top" id="toTop" title="返回顶部" style="display: none;"></span> </li> </ul> </div> <script src="../pic/public.min.js"></script> </div> </body> </html>