行业资讯

首页 > 新闻资讯 > 行业资讯 > 网站设计制作中经常遇到的十个代表性失误

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

2025-05-08 13:39:29   来源:   阅读:

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

1.错误搜索

过于文字化的搜索引擎会降低可用性,因为它们无法处理拼写错误、复数、连字符和查询术语的其他变体。这类搜索引擎对老年用户来说尤其困难,但却伤害了所有人。一个相关的问题是,当搜索引擎仅仅根据结果所包含的查询词的数量而不是每个文档的重要性来确定结果的优先级时。如果您的搜索引擎在列表的顶部列出“最好的赌注”-特别是对于重要的查询,例如您的产品名称-效果会好得多。导航失败时,搜索是用户的生命线。尽管高级搜索有时会有所帮助,但简单的搜索通常效果最好,搜索应该显示为一个简单的框,因为这正是用户所寻找的。2.PDF文档默认打开用户讨厌在浏览时遇到PDF文件,因为它打断了他们的流程。甚至像打印或保存文档这样简单的事情也是困难的,因为标准的浏览器命令不起作用。布局通常针对纸张进行优化,纸张很少与用户的浏览器窗口大小相匹配。再见,平滑滚动。你好小字体。最糟糕的是,PDF是一个没有区别的内容块,很难导航。PDF非常适合于打印和分发手册和其他需要打印的大型文档。为此目的保留它,并将任何需要在屏幕上浏览或读取的信息转换为真正的网页。3.未更改访问过的链接的颜色很好地把握过去的导航可以帮助你理解你现在的位置,因为它是你旅程的高潮。反过来,了解你的过去和现在的位置会让你更容易决定下一步去哪里。链接是这个导航过程中的一个关键因素。用户可以排除那些在他们之前的访问中被证明是徒劳的链接。相反,他们可能会重新访问他们认为在过去有帮助的链接。最重要的是,知道他们已经访问了哪些页面,使用户不必一次又一次地无意中重新访问相同的页面。这些好处只有在一个重要的假设下才会产生:用户可以区分访问过的链接和未访问过的链接,因为网站以不同的颜色显示它们。当访问的链接不改变颜色时,用户在可用性测试中表现出更多的导航迷失方向,并且无意中重复访问相同的页面。4.网站内容可读性差一堵文本墙对于交互体验来说是致命的。吓死人了。无聊。读起来很痛苦。在线写作,而不是打印。要吸引用户加入文本并支持可扫描性,请使用文档完整的技巧:
  • 分类
  • 项目符号列表
  • 突出显示的关键字
  • 短段落
  • 倒金字塔
  • 一种简单的写作风格
  • 没有市场用语的脱口而出的语言
  • 阅读模式的透视
5.固定字体大小不幸的是,CSS样式表使网站能够禁用Web浏览器的“更改字体大小”按钮,并指定固定的字体大小。大约95%的时间,这个固定的大小是很小的,对于大多数40岁以上的人来说,这大大降低了可读性。尊重用户的偏好,让他们根据需要调整文本的大小。此外,指定字体大小的相对条件-而不是一个绝对的像素数。6.搜索引擎可见性低的页面标题搜索是用户发现网站最重要的方式。搜索也是一个最重要的方式,用户找到他们的方式,围绕个别网站。简陋的页面标题是您吸引来自搜索列表的新访问者的主要工具,并帮助您的现有用户定位他们需要的特定页面。页面标题包含在HTML标记中,并且几乎总是用作搜索引擎结果页面(SERP)列表的可点击标题。搜索引擎通常会显示标题的前66个字符左右,所以它是真正的微内容。当用户为站点添加书签时,页面标题也用作收藏夹中的默认条目。对于您的主页,从公司名称开始,然后是网站的简要说明。对于主页以外的其他页面,标题以几个最突出的携带信息的单词开头,这些单词描述用户将在该页面上找到的具体内容。由于页面标题在浏览器中用作窗口标题,因此它也用作Windows下任务栏中该窗口的标签,这意味着高级用户将在每个页面标题的前一个或两个单词的指导下在多个窗口之间移动。如果所有页面标题都以相同的单词开头,则会严重降低多窗口用户的可用性。主页上的标语是一个相关的主题:它们还需要简短而快速地传达站点的目的。<b>7.任何看起来像广告的东西</b>选择性注意是非常强大的,Web用户已经学会了停止关注任何妨碍他们目标驱动的导航的广告。不幸的是,用户也忽略了看起来像流行的广告形式的合法设计元素。毕竟,当你忽略某件事时,你不会仔细研究它来找出它是什么。因此,最好避免任何看起来像广告的设计。本准则的确切含义将因新形式的广告而有所不同;目前遵循以下规则:<ul><li>横幅盲目性意味着,由于页面上的形状或位置,用户永远不会盯着任何看起来像横幅广告的东西。</li> <li>动画回避使用户忽略带有闪烁或闪烁文本或其他激进动画的区域。</li> <li>弹出窗口清除意味着用户甚至在完全呈现之前就关闭了弹出窗口。</li> </ul><b>8.违反设计一致性</b>一致性是最强大的可用性原则之一:当事情总是保持一致时,用户不必担心会发生什么。相反,他们根据以前的经验知道会发生什么。每次你在艾萨克·牛顿爵士头上放一个苹果,它就会落在他的头上。那很好。用户的期望值越高,他们就越能感觉到对系统的控制,他们就会越喜欢它。系统越不符合用户的期望,他们就越感到不安全。哎呀,也许如果我放开这个苹果,它就会变成番茄,跳上一英里高的天空。网络用户体验定律说:“用户大部分时间都花在其他网站上。”这意味着他们形成了他们对你的网站的期望,基于在大多数其他网站上通常做的事情。如果你偏离,你的网站将更难使用,用户将离开。<b>9.总是打开新浏览器窗口</b>打开新的浏览器窗口就像一个真空吸尘器的销售人员开始访问时,清空客户地毯上的烟灰缸。不要用更多的窗口污染我的屏幕,谢谢(特别是因为当前的操作系统有糟糕的窗口管理)。设计师们打开新的浏览器窗口的理论是,它可以让用户留在他们的网站上。但是,即使无视接管用户机器所隐含的用户敌意信息,这种策略也是适得其反的,因为它禁用了Back按钮,这是用户返回以前站点的正常方式。用户通常不会注意到一个新的窗口已经打开,特别是如果他们使用的是一个小显示器,窗口被大化,以填补屏幕。因此,试图返回原点的用户会被灰色的“后退”按钮所迷惑。<b>10.不回答用户的问题</b>用户在Web上是高度目标驱动的。他们访问网站是因为他们想要完成一些事情-甚至可能购买你的产品。网站的最终失败就是不能提供用户所需的信息。有时答案根本不在那里,你失去了销售机会,因为如果你不告诉他们具体的细节,用户就必须假设你的产品或服务不能满足他们的需求。其他时候,细节被埋在厚厚的市场和平淡无奇的口号之下。由于用户没有时间阅读所有的内容,所以这些隐藏的信息可能根本就不存在。不回答用户问题的最坏例子是避免列出产品和服务的价格。没有任何B2C电子商务网站会犯这样的错误,但它在B2B中很普遍,因为大多数“企业解决方案”都是在这里展示的,所以你无法判断它们是适合100人还是100,000人。价格是客户用来了解产品性质的最具体的信息,而不提供价格会使人们感到迷失,从而减少他们对产品系列的理解。我们有几个小时的视频,用户问“价格在哪里?”同时扯掉他们的头发。即使是B2C网站也经常犯相关的错误,忘记产品列表中的价格,例如类别页面或搜索结果。在这两种情况下,知道价格都是关键;它让用户区分不同的产品,并点击最相关的产品。</div> <div class="notice"> 本文《网站设计制作中经常遇到的十个代表性失误》发布于君君营销文章,作者:admin,如若转载,请注明出处:/news/hyzx/69799.html,否则禁止转载,谢谢配合! </div> <div class="pagenext mt10"> <div class="page_up"><strong>上一篇:</strong><a href="/news/hyzx/69798.html">网站设计制作不仅有版式与配色还包括图标设计</a></div> <div class="page_up"><strong>下一篇:</strong><a href="/news/hyzx/69800.html">网站设计制作实现方法很多但是核心要点一定要铭记于心</a></div> </div> </div> </div> </div> <div class="pageright"> <div class="pic"> <a href="https://affim.baidu.com/unique_66483611/chat?siteId=21861119&userId=66483611&siteToken=0dcfd9e467389a34a39c81422cb7e337" target="_blank"><img src="/statics/images/huoqu2.jpg" alt="免费获取"></a> </div> <div class="box mt20"> <div class="tit"> <span>推荐文章</span> </div> <ul class="ranklist"> <li> <a href="/news/hyzx/4.html" title="提高百度SEO排名的10大技巧和策略">提高百度SEO排名的10大技巧和策略</a> </li> <li> <a href="/news/hyzx/110460.html" title="百度移动搜索优化提升策略">百度移动搜索优化提升策略</a> </li> <li> <a href="/news/hyzx/110459.html" title="搜索引擎营销诊断优化关键技巧与案例分析">搜索引擎营销诊断优化关键技巧与案例分析</a> </li> <li> <a href="/news/hyzx/110458.html" title="如何选择效果好的SEO公司提升网站排名">如何选择效果好的SEO公司提升网站排名</a> </li> <li> <a href="/news/hyzx/110457.html" title="2024上海旅游攻略景点美食文化全指南">2024上海旅游攻略景点美食文化全指南</a> </li> <li> <a href="/news/hyzx/110456.html" title="忠魁互联领先科技解决方案">忠魁互联领先科技解决方案</a> </li> <li> <a href="/news/hyzx/110455.html" title="学习如何精通搜索引擎优化实现网站流量暴涨">学习如何精通搜索引擎优化实现网站流量暴涨</a> </li> <li> <a href="/news/hyzx/110454.html" title="谷歌SEO优化专家提升排名快">谷歌SEO优化专家提升排名快</a> </li> <li> <a href="/news/hyzx/110453.html" title="百度图片搜索优化技巧分享">百度图片搜索优化技巧分享</a> </li> <li> <a href="/news/hyzx/110452.html" title="石狮搜索引擎优化策略实现高效排名提升">石狮搜索引擎优化策略实现高效排名提升</a> </li> </ul> </div> <div class="box mt20"> <div class="tit"> <span><i class="iconfont"></i>热门标签</span> <a href="/tag.html">查看更多</a> </div> <div class="taglist"> <span><a href="/tag/21.html" title="SEO">SEO</a></span> <span><a href="/tag/5.html" title="网站">网站</a></span> <span><a href="/tag/23.html" title="雕塑">雕塑</a></span> <span><a href="/tag/112.html" title="小红">小红</a></span> <span><a href="/tag/34.html" title="优化">优化</a></span> <span><a href="/tag/113.html" title="书爆">书爆</a></span> <span><a href="/tag/20.html" title="百度">百度</a></span> <span><a href="/tag/19.html" title="提高">提高</a></span> <span><a href="/tag/32.html" title="新闻">新闻</a></span> <span><a href="/tag/29.html" title="网络">网络</a></span> <span><a href="/tag/30.html" title="负面">负面</a></span> <span><a href="/tag/31.html" title="舆情">舆情</a></span> <span><a href="/tag/114.html" title="款速">款速</a></span> <span><a href="/tag/40.html" title="评分">评分</a></span> <span><a href="/tag/33.html" title="页面">页面</a></span> <span><a href="/tag/36.html" title="排名">排名</a></span> <span><a href="/tag/37.html" title="整站">整站</a></span> <span><a href="/tag/38.html" title="提升">提升</a></span> <span><a href="/tag/39.html" title="流量">流量</a></span> <span><a href="/tag/2.html" title="网页">网页</a></span> <span><a href="/tag/117.html" title="推广">推广</a></span> <span><a href="/tag/116.html" title="KOC">KOC</a></span> <span><a href="/tag/115.html" title="款攻">款攻</a></span> <span><a href="/tag/11.html" title="剪刀">剪刀</a></span> <span><a href="/tag/9.html" title="词优">词优</a></span> <span><a href="/tag/8.html" title="关键">关键</a></span> <span><a href="/tag/7.html" title="屏蔽">屏蔽</a></span> <span><a href="/tag/6.html" title="如何">如何</a></span> <span><a href="/tag/4.html" title="滚动">滚动</a></span> <span><a href="/tag/3.html" title="设计">设计</a></span> <span><a href="/tag/109.html" title="小红书seo">小红书seo</a></span> <span><a href="/tag/110.html" title="抖音seo">抖音seo</a></span> <span><a href="/tag/108.html" title="官网seo">官网seo</a></span> <span><a href="/tag/111.html" title="抖音优化">抖音优化</a></span> </div> </div> </div> </div> </div> <script language="JavaScript" src="/api.php?op=count&id=69799&modelid=1"></script> <div class="bottom"> <div class="wrapper"> <div class="fbox wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0s"> <p class="btitle">产品与服务</p> <ul class="fbox-list"> <li><a href="https://www.ijunjun.com/seo/">SEO优化</a></li> <li><a href="https://www.ijunjun.com/sem/">SEM广告投放</a></li> <li><a href="https://www.ijunjun.com/brand/">品牌口碑建设</a></li> <li><a href="https://www.ijunjun.com/xinmeiti/">新媒体营销</a></li> <li><a href="https://www.ijunjun.com/metia/">媒体传播</a></li> <li><a href="https://www.ijunjun.com/website/">网站建设</a></li> <li><a href="https://www.ijunjun.com/xiaochengxu/">小程序建设</a></li> <li><a href="https://www.ijunjun.com/yuqing/">舆情管理</a></li> <li><a href="https://www.ijunjun.com/about/">公司简介</a></li> <li><a href="https://www.ijunjun.com/case/">服务案例</a></li> </ul> </div> <div class="fbox wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.3s" id="fastnav"> <p class="btitle">新闻资讯</p> <ul class="fbox-list2"> <li><a href="https://www.ijunjun.com/news/jjnews/">君君新闻</a></li> <li><a href="https://www.ijunjun.com/news/hyzx/">行业资讯</a></li> <li><a href="https://www.ijunjun.com/news/ppyx/">品牌营销</a></li> <li><a href="https://www.ijunjun.com/news/wdyx/">问答营销</a></li> <li><a href="https://www.ijunjun.com/news/nryx/">内容营销</a></li> <li><a href="https://www.ijunjun.com/news/yqgg/">舆情公关</a></li> <li><a href="https://www.ijunjun.com/news/yxbk/">营销百科</a></li> <li><a href="https://www.ijunjun.com/news/spyx/">视频营销</a></li> <li><a href="https://www.ijunjun.com/news/xmtyx/">新媒体营销</a></li> </ul> </div> <div class="fbox bw2 wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.6s" id="icontact"> <p class="btitle">联系我们</p> <div class="contactlist"> <div class="item"> <span class="iconfont"></span> 18221295083 </div> <div class="item"> <span class="iconfont"></span> 上海市浦东新区航头镇沪南公路4583号<br /> 上海市青浦区蟠龙路899号 </div> <div class="item"> <span class="iconfont"></span> 18221295083 </div> <div class="item"> <span class="iconfont"></span> zhanglongfu@ijunjun.com </div> <li><a href="/contact/">联系我们</a></li> <li><a href="/about/">关于我们</a></li> </div> </div> <div class="fbox4 wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0.9s"> <p class="btitle">二维码</p> <!-- <div class="foottel"> <p><i class="iconfont"></i> 18221295083</p> </div> --> <div class="c"></div> <div class="qrcode"> <span><img src="/uploadfile/2024/1009/20241009055246316.jpg" /><br/>官方微信</span> <span><img src="/uploadfile/2024/1009/20241009055246316.jpg" /><br/>小程序</span> <div class="c"></div> </div> </div> </div> <div class="c"></div> </div> <div class="bottom2 wow fadeInUp" data-wow-duration=".5s" data-wow-delay="0s"> <div class="wrapper"> <div class="copyright"> <div class="city"><a href="/city.html"><span>全国</span><i>切换分站</i></a></div> 版权所有:上海君君信息技术有限公司, 联系地址:上海市浦东新区航头镇沪南公路4583号  备案信息:<a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备2024070557号-4</a> <div class="sitemap"> <a href="/sitemap.xml" target="_blank">sitemap.xml</a> </div> </div> </div> <div class="c"></div> </div><!--底部--> <div class="xuanfu"> <div class="xuanfubox"> <div class="item iback"> <div class="text"> <i id="iback"></i> <div class="t">返回<br/>顶部</div> </div> </div> <div class="item"> <div class="text"> <i id="itel" class="iconfont"></i> <div class="t">咨询</div> </div> <div class="kuang"> <em class="arrow"></em> <div class="inner-box"> <div class="pic"><img src="/statics/images/wechat.jpg" alt=""></div> <p>扫描微信二维码,添加好友</p> </div> </div> </div> <div class="item"> <div class="text"> <i id="itel" class="iconfont"></i> <div class="t">电话</div> </div> <div class="kuang"> <em class="arrow"></em> <div class="phone-box"> <div class="phonein"> <p>24小时电话:</p> <dt><a href="18221295083" target="_blank">18221295083</a></dt> </div> </div> </div> </div> <div class="item"> <div class="text"> <i id="itel" class="iconfont"></i> <div class="t">微信</div> </div> <div class="kuang"> <em class="arrow"></em> <div class="inner-box"> <div class="pic"><img src="/uploadfile/2024/1009/20241009055246316.jpg" /></div> <p>官方微信</p> </div> </div> </div> </div> </div> </body> </html>