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

2022-05-19    分类: 网站设计

对于任何一个网站建设公司或者技术人员来说,在设计和开发过过程中都多少会犯下一些错误,尤其对于刚刚成立的公司或者刚刚进入网站建设行业的人更是如此。本文总结了网站设计制作中经常遇到的十个代表性失误,之所以称之为“失误”,是因为很多人压根都没有意识到这些问题。比如有些公司在网站建设的时候,总是希望使用"_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> <p> 本文题目:<a href="https://www.cdcxhl.com/news/155149.html">网站设计制作中经常遇到的十个代表性失误</a> <br> URL网址:<a href="https://www.cdcxhl.com/news/155149.html">https://www.cdcxhl.com/news/155149.html</a> </p> <p> 网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有<a href="https://www.cdcxhl.com/news/sheji/">网站设计</a>等 </p> <p class="adpic"> <a href="https://www.cdcxhl.com/service/ad.html" target="_blank" class="ad">广告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: <a href="https://www.cdcxhl.com/" target="_blank">创新互联</a> </p> </div> <div class="newsmorelb"> <p>猜你还喜欢下面的内容</p> <ul> <li> <a href="/news/155132.html">网站设计怎么才能提升用户体验?</a> <span>2022-05-19</span> </li><li> <a href="/news/155112.html">网站设计制作实现方法很多但是核心要点一定要铭记于心</a> <span>2022-05-19</span> </li><li> <a href="/news/155052.html">青岛网站设计:做网站一般要多少钱能做得比较好</a> <span>2022-05-19</span> </li><li> <a href="/news/155044.html">网站设计与内容建设的哪些因素会影响到营销效果</a> <span>2022-05-19</span> </li> </ul> </div> </div> <div class="col-lg-3 noneb"> <a href="https://www.cdxwcx.com/wangzhan/app.html" title="成都app开发公司" target="_blank"><img src="/upload/news/appkaifa.png" alt="成都app开发公司" class="img-responsive"></a> <div class="bkright"> <p><a href="https://www.cdcxhl.com/news/sheji/">网站设计知识</a></p> <ul> <li> <a class="text_overflow" href="/news/155119.html">解决网站浏览访问问题才能真正实现网站设计制作价值</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155111.html">与传统PC端网站设计相比响应式网站页面设计时需考虑更多</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155097.html">提升电商网站设计制作竞争力的六大准则你知多少</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155095.html">做到客户心里去的网站设计才更容易赢得客户的满意</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155077.html">优秀的合肥网站设计离不开创意探讨与原型勾勒</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155067.html">分享几个对网站设计制作比较有价值性的建议</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155053.html">企业门户网站建设中三大注意事项</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155047.html">提高网站流量之前做好网站设计效果不可少</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155037.html">企业网站设计制作如何才能在同行业中更胜一筹?</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155013.html">网站设计如何突出设计重点?</a> <span>2022-05-19</span> </li> <li> <a class="text_overflow" href="/news/155011.html">不友好的网站设计直接或间接影响网站流量转化</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155008.html">吸引用户浏览的网站设计基本逃离不了的几个原则</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155007.html">在用户体验方面类型不同的公司网站设计制作并无二致</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/155003.html">没有稳定运行网站设计制作的作用和价值就无从发挥</a> <span>2022-05-19</span> </li><li> <a class="text_overflow" href="/news/154995.html">合肥网站建设如何用色彩搭配增加网站设计体验效果</a> <span>2022-05-19</span> </li> </ul> </div> <div class="bkright tag"> <p><a href="https://www.cdcxhl.com/hangye/link.html" target="_blank">各行业网站</a></p> <ul> <li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/menlian/" target="_blank">门帘</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/geshan/" target="_blank">格栅板</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/yupeng/" target="_blank">雨棚定制</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/jizhuangxiang/" target="_blank">集装箱</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hntjbc/" target="_blank">混凝土搅拌罐车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hntjbz/" target="_blank">混凝土搅拌站</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/iso/" target="_blank">iso认证</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/jbgc/" target="_blank">搅拌罐车</a> </li> </ul> </div> </div> </div> <footer> <div class="carousel-inner footjz"> <div class="container"> <i class="icon iconfont zbw"></i> 高品质定制 <i class="icon iconfont"></i> 跨终端自动兼容 <i class="icon iconfont"></i> 节约开发成本 <i class="icon iconfont"></i> 开发周期短 <i class="icon iconfont"></i> 一体化服务 <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即开始2800定制网站建设</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制网站建设</button> </div> </div> <div class="carousel-inner bqsy"> <div class="container"> <div class="lxfs"> <h4 class="yutelnone">028-86922220 13518219792</h4> <h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4> <a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">网站建设<span>QQ</span>:532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">营销推广<span>QQ</span>:631063699</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">网站制作<span>QQ</span>:532337155</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">营销推广<span>QQ</span>:631063699</a> <a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ:1683211881</a> <div class="dz">专注: <a href="https://www.cdcxhl.com/" target="_blank">成都网站建设公司</a><a href="http://www.kswjz.cn/" target="_blank">成都网站设计</a><a href="http://www.cqcxhl.com/" target="_blank">重庆网站设计</a><a href="http://www.scmwjz.com/" target="_blank">成都设计网站</a><a href="http://www.cdkjz.cn/" target="_blank">网站设计制作</a> <address>地址:成都太升南路288号锦天国际A幢10楼</address> </div> </div> <div class="bzdh dz"><img src="../imges/bottom_logo.png" alt="创新互联"> <p><a href="https://www.cdcxhl.com/menu.html" target="_blank">成都创新互联科技有限公司</a><br> Tel:400-028-6601(7x24h)</p></div> </div> </div> </footer> </body> </html>