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

对于任何一个网站建设公司或者技术人员来说，在设计和开发过过程中都多少会犯下一些错误，尤其对于刚刚成立的公司或者刚刚进入网站建设行业的人更是如此。本文总结了网站设计制作中经常遇到的十个代表性失误，之所以称之为“失误”，是因为很多人压根都没有意识到这些问题。比如有些公司在网站建设的时候，总是希望使用"_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> <br> 网站标题：<a href="https://www.cdcxhl.com/news/155149.html" target="_blank">网站设计制作中经常遇到的十个代表性失误</a> <br> 转载注明：<a href="http://dzwzjz.com/view/155149.html">http://dzwzjz.com/view/155149.html</a> </div> </div> <div class="othernews"> <h3>其他资讯</h3> <div class="othernews_list"> <ul> <li> <a href="/article/hcgegc.html">macos10系统的简单介绍</a> </li><li> <a href="/article/hcgeip.html">linux文件管道命令,linux 管道文件</a> </li><li> <a href="/article/hcgesi.html">go语言驱动领域设计,go领域驱动设计模式原理与实践</a> </li><li> <a href="/article/hcgeeg.html">linux命令实用,linux常用的命令</a> </li><li> <a href="/article/hcgegd.html">c语言交换2个数函数,c语言中交换两个数的方法</a> </li> </ul> </div> </div> </div> </div> <div class="footer"> <div class="footer_content"> <div class="footer_content_top clear"> <div class="content_top_share fl"> <div><img src="/Public/Home/img/logo.png"></div> <div class="top_share_content"> <dd>分享至：</dd> <dt class="bdsharebuttonbox clear" id="share"> <a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a> </dt> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div class="content_top_left fl clear"> <div class="top_left_list fl"> <dd><a href="/about/">关于我们</a></dd> <dt> <a href="/about/#gsjj">公司简介</a> <a href="/about/#fzlc">发展历程</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/service/">服务项目</a></dd> <dt> <a href="/service/">高端网站建设</a> <a href="/miniprogram/">小程序开发</a> <a href="/service/app.html">APP开发</a> <a href="/service/yingxiao.html">网络营销</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/jianzhan/">建站知识</a></dd> <dt> <a href="/jianzhan/">行业新闻</a> <a href="/jianzhan/">建站学堂</a> <a href="/jianzhan/">常见问题</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/contact/">联系我们</a></dd> <dt> <a href="/contact/#lxwm">公司地址</a> <a href="/contact/#rczp">人才招聘</a> </dt> </div> </div> <div class="content_top_right addressR fr"> <div class="top_right_title addressf_title"> <a href="javascript:;" class="on">成都</a> <a href="javascript:;">达州</a> </div> <div class="top_right_content addressf"> <div class="right_content_li on"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt> </div> </div> <div class="right_content_li"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：达州市南岸区弹子石腾龙大道58号2栋21-6</dt> </div> </div> </div> </div> </div> <div class="link"> 友情链接： <a href="http://www.cdxwcx.cn/tuoguan/mianyang.html" title="绵阳电信服务器托管" target="_blank">绵阳电信服务器托管</a> <a href="http://chengdu.cdcxhl.cn/seo/ " title="营销网站建设" target="_blank">营销网站建设</a> <a href="http://www.cdfuwuqi.com/host/" title="虚拟主机" target="_blank">虚拟主机</a> <a href="https://www.cdcxhl.com/tuoguan/zongshu/" title="成都棕树机房" target="_blank">成都棕树机房</a> <a href="https://www.cdcxhl.com/tuoguan/xixin/" title="成都西信机房" target="_blank">成都西信机房</a> <a href="http://chengdu.cdcxhl.cn/qiye/" title="企业网站制作" target="_blank">企业网站制作</a> <a href="https://www.cdxwcx.com/jifang/wenjiang.html" title="温江电信机房" target="_blank">温江电信机房</a> <a href="http://www.cqwzjz.cn/" title="重庆网站建设" target="_blank">重庆网站建设</a> <a href="http://www.jtfdjwx.com/" title="jtfdjwx.com" target="_blank">jtfdjwx.com</a> <a href="http://www.scghjhjc.com/" title="广汉锦华建材" target="_blank">广汉锦华建材</a> </div> </div> <div class="footer_content_copyright clear">版权所有：青羊区大橙子信息咨询工作室 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">蜀ICP备2022028542号-14</a> </div> </div>  <div class="FloatingWindow clear"> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt><span>在线</span>咨询</dt> </div> </a> <a href="javascript:;" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>服务热线</dt> </div> <div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div> </a> <a href="javascript:;" class="FloatingWindow_list fr STop"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>TOP</dt> </div> </a> </div> <script src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script src="/Public/Home/js/comm.js"></script> <script src="/Public/Home/js/wow.js"></script> <script src="/Public/Home/js/common.js"></script> </body> </html> <script> $(".cont img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>

大橙子网站建设，新征程启航

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