技术资讯
网页设计与用户浏览体验-分析
2011-11-07 22:06:08
我们的网站设计师在进行青岛网页设计时往往希望加入很多自己的想法和创意效果,但是经常会出现自我感觉良好的特效,但却直接破坏了用户的浏览体验,特别是在做flash站的时候,往往犯一些比较坑爹的错误,比如让浏览者找不到导航栏,在首页找不到进入内页的按钮。下面介绍几个比较常见的例子。
可能会有人觉得反正minisite就几个页面而已。无需过多考虑页面信息布局问题。但既然是网站,自然想让页面有更高的粘度,而用户体验的会对其产生一定的影响。如果每个页面的导航虽然很有创意但用户使用起来很不方便,那么即便是再有创意也会因为难以使用而令人产生反感不想继续浏览下去的想法。
网页设计,导航栏就应该像是导航栏、信息区域就应该像是信息区域。没有人喜欢用鼠标不断的在看似可点击的区域去尝试点击。下面是总结的一些点:
导航栏
网站的导航栏目的很明确:导航网站,用户可快速访问网页。那么导航也就需要让用户轻易找到,并且展示方式也需要有效率(把所有的内容都堆放在导航栏上也会令用户感到头大)。
参考网站:
Content Of
即便是已经阅读”关于我们”页面并文字里有许多的随机链接,哥还是很疑惑这个页面到底是不是打酱油用的。最合适的猜测可能这是个人介绍页面,而乱七八糟的链接和找不到导航栏,哥只能带着困惑和不解离开这个网站。
Self Titled

隐藏的菜单与类目不清楚导致网站导航难以使用。当访客想找到他想了解的类目将会是非常困难的。
尊重原有的习惯
网站的布局是可以稍微有变化的,但是太大的变化会让人无所适从。
参考网站:
Lego Click

网页的滚动通常是从左至右,从上到下。而这个坑爹的网站却是从网页底部开始。加上不能关闭的关闭按钮和其他些小问题,你会觉得乐高这个网站很莫名其妙(虽然设计很漂亮)。
Kyle Tezak

这是另一个视觉效果很好但由于糟糕的用户体验会引起访客不爽的案例。网站上没有固定的导航栏,而只是个悬浮着的固定导航条(感谢江列农同学的纠正)。如果要找到联系方式,需要到左下角点击”Information”(信息)。使用更传统的方式将有助于提升访客体验:例如,放一个电子邮箱或是将文案改为”contact information”(联系信息),亦或是在页面底部添加联系方式。这是典型的通过细节提升用户体验的方式。
善用首屏
首屏的是非常之重要的。也不讲什么因为所以了,单看看门户网站的报价单就可以知道,往往首屏广告的价格是二屏的2倍!
参考网站:
Bio Bak

这是另一个拖动方式进行导航的网站,很显然它对于这种导航方式自我感觉非常良好。从视觉/乐趣角度来说是个好网站,但设计公司设计了用户体验很糟糕的导航方式:必须要使用鼠标滚轮才能看到比首屏更多的内容。
可点击的内容
首先,链接应该是看上去就像链接。而不要让用户拿着鼠标在页面上面漫游的查找(通过鼠标的指针形状变为手型)。更极端的情况是:连手型都没有。特别是要注意flash中按钮的hit区域。
参考网站:
Prism Girl

易用性差的网站通常都有同样的通病。当哥在这么漂亮的网站上看不到导航时,就不得不用鼠标乱戳的方式查找链接。这个网站很漂亮但也非常复杂,复杂到我们需要花费一个小时来找链接,但你可能都猜不到点击跟随鼠标的图标方式进入网站。并且,这个网站除了令人印象深刻的设计之外就没提供个毛内容出来!
近期更新
- [2023-07-26 14:17:28] 为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,品牌网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 品牌定制网站建设——从满足预期到走向超预期
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2015-03-18 08:23:20] 响应式网站布局分析与应用?
- [2011-11-14 09:24:58] 如何做好网站内链优化 让网站权重飞起来
- [2014-10-10 09:22:54] 名字空间的含义
- [2012-01-10 16:10:49] 网站优化与网站设计制作的关系
- [2012-05-04 23:43:59] DEDE数据库批量替换
- [2011-11-15 00:12:46] 如何使蜘蛛逆向爬行索引
- [2011-11-21 22:44:41] 网站404报错页面模板(汇总13个)
- [2012-05-19 00:32:29] DIV悬浮的代码
- [2012-02-10 15:15:01] 不被处罚的DIV隐藏连接方法
- [2012-07-04 22:52:55] 韩国游戏类网站的设计
- [2012-11-20 16:47:09] dede采集重新生成摘要
- [2015-01-08 19:16:42] 百度搜索你了解多少?
