用户体验至上的网页设计秘笈(2)
作者:wangfangjin 来源:shareyou.net 发布时间:2007-09-07 10:16:00
三、关于主页设计
首先要承认,主页不由我们控制。因为每个人都有个一个看法,如果要使每个人都满意,那么就算最优秀的主页设计也无法达到。因此设计主页时不可避免地要做一些折衷。但有一件事情不要忘记——传达整体形象,即一眼可以让人感受到这个站是干什么的。越快越好,越清楚越好。所以当浏览者进入主页时,我们好不费力(几秒钟让人了解)地告诉他四个问题:
这是什么网站?
网站上有些什么?
你能在这里做什么?
为什么你在这里,而不是在其别地方?
那么如何传达这些信息呢:
1、口号,即靠近网站LOGO的地方。一条精炼、个性、生动的口号可以让人立即联想网站的内容。但也有例外,如果某个公司的品牌已达到家喻户晓的地步,可以省略口号。
2、欢迎广告,即对网站的简要描述,在主页首要的位置显示,不需要滚动屏幕就能看到。
3、应从哪里开始?当进入一个新站后,浏览者快速扫描主页之后,应该明白无误地知道:
如果想搜索,可以从这里开始。
如果想扫描,可以从这里开始。
如果想扫描本站最精彩的内容,可以从这里开始。
在设计主页时,注意几个问题:
主页的导航可以与下级的导航有点不同,但必须要有内容和视觉上的一致。
可以不用下拉框就不用,因为那是隐藏的信息。
四、如何解决对设计争论不休——可用性测试——绝大部分公司没做的
对设计争论不休,似乎是个永久而又十分令人痛苦的事情。解决这个问题,很多时候,是上司或者老板说了算,“老板说咋样就咋样”。
其实可以对网站进行“可用性测试”,除此之外,没有更好的办法。争辩只会浪费时间和团队的精力,而通过测试将讨论对错转移到什么有效、什么无效上,更容易缓和争论,打破僵局。而且测试会让我们看到用户的动力、理解、反映的不同,从而让我们不会再坚持认为用户的想法和我们的想法一样。
如果想建立一个优秀的网站,一定要测试,测试一个用户比不做测试好一倍,早点测试一位用户好过最后测试50位用户!这点我们做的不多,国内也似乎不重视这点。网络公司一般对程序流程的测试要比对界面体验的测试看的重要的多。
那么如何测试?
1、在项目的每个进程中都可以测试,不必要等项目结束。项目最初的时候,必须有人(项目负责人或设计师,或多人讨论,设计师表现出来)使用团队的集体技巧、经验、创造力和判断力来创建一些版本(哪怕是一个很粗糙的版本),然后仔细观察人门对它的看法和使用方法。
2、每轮测试的理想用户数量是三个,最多四个。前三个用户可能会遇到几乎所有最明显的问题,而且更重要的是要多做几轮测试,及时修正问题。这里说明的是,测试用户几乎是任何懂得上网的人都可以,并不一定要与网站的目标人群想符合。
3、测试设备,只需要一间办公室会会议室、两把椅子、一台电脑、一台摄像机(可以屏幕录制软件代替)就可以了。我们可以把摄像机的信号传到附近的一个办公室(甚至一个小地方)里,以便开发团对的每个人都能进行观察而不会干扰测试用户。
4、任何人都可以发起测试。任何人都可以观察测试。
5、测试的项目:
“理解”测试。就是让测试用户看到网站,然后看他们是否理解这个网站,理解网站的目标、价值主张、组织方式、运行方式等。
关键任务测试。让用户完成一些任务,然后观察他们是怎么做的。
还有种最为简洁的“测试”方式,就是做好了一个页面,就立即给别人看,看他们是否理解,当然这种我们都做到了,呵呵!
如何处理测试出现的问题?
1、给问题分类。回顾大家看到的问题,决定那些需要修正。
测试中可能出现的几个问题:
用户不清楚概念。他们看着网站和页面,要么不知道网站说什么,要么理解有误。
他们找不到自己要的字眼。这就意味我们组织的内容和分类不符合用户的习惯,或者没有他们期望的名字出现。
内容太多了。有时候,他们要找的内容就在上面,但是他们找不到。这就需要减少页面干扰,把他们需要看到的内容设置醒目,让它们从可视层级中突出。
2、解决问题。通过测试,站在用户角度看自己的作品,这样的体验常常能为问题提供全新解决方案,或者可以让我们有一种新的眼光看原来的问题。团队不必对完美的解决方案达成一致,只要确认下一步做什么就可以了。
值得申明的是,成功的网页需要巧妙的平衡,一个微小的变化都可能带来不小的影响。有时候,真正的挑战不是我们如何修改我们发现的问题,而是修改这些问题后,同时不破坏已经正常运行的部分。特别是,当把某部分调整得突出的时候,是不是把其他内容重要性降低了。
总之,我们要做一个“好”网页:
——让用户在我们网站是做什么的,最大限度明白简易
——告诉用户想要知道的
——尽量减少步骤
——花些心思
——知道用户有哪些问题,并给予解答
——为用户提供协助
——容易从错误中恢复
——如有不确定,要记得向用户道歉


猜你喜欢
- 题目描述将两个升序链表合并为一个新的升序链表并返回。新链表是通过拼接给定的两个链表的所有节点组成的。LeetCode原题地址:https:/
- 数据结构树简介一、树简介树(Tree)是一种抽象的数据结构,是一个数据的集合,集合中的数据组成了一个树状结构。例如上图,看起来像一棵倒挂的树
- tensorboard常用于更直观的观察数据在神经网络中的变化,或者用于观测已经构建完成的神经网络的结构。其有助于我们更加方便的去观测ten
- MySQL主从设置MySQL主从复制,读写分离的设置非常简单:修改配置my.cnf文件master 和 slave设置的差不多:[mysql
- 本文实例讲述了python开发之基于thread线程搜索本地文件的方法。分享给大家供大家参考,具体如下:先来看看运行效果图:利用多个线程处理
- 目录1 键的类型,列表/字典不可以,其它都可以2 多个对象可当作键名,顺序不同时是不同的键3 结论【有误】:今天看别人代码时发现一个事,就是
- 单元测试长久以来是热门话题,本文不会讨论需不需要写单测,可以看看参考资料1,我个人认为写好单测应该是每个优秀开发者必备的技能,关于写单测
- 本文实例讲述了Python操作word常见方法。分享给大家供大家参考,具体如下:这里介绍两种方式:使用win32com使用docx1. 使用
- 目录前言什么是装饰器Python 函数的基本特性函数名的本质:将函数作为变量使用:进一步实现装饰器使用Python装饰器语句:总结前言在 p
- 本文实例讲述了Python实现基于HTTP文件传输的方法。分享给大家供大家参考。具体实现方法如下:一、问题:因为需要最近看了一下通过POST
- 前面一篇我们已经把unittest的常用用法都已经讲过了,可能很多小伙伴有个疑问,unittest框架怎么做数据驱动呢?这节我们就来学习一下
- 说明如果你的项目流量非常小,完全不用担心有并发的购买请求,那么做这样一个系统意义不大。但如果你的系统要像12306那样,接受高并发访问和下单
- 在本文中,我想向您介绍如何在Django中使用聚合,聚合的含义是“内容相关项的集合,以便它们可以显示或链接到”。在Django中,我们使用的
- 相关文章ASP.NET Core2.2 中的Configuration配置一ASP.NET Core2.2 中的Configuration配
- collections是实现了特定目标的容器,以提供Python标准内建容器 dict , list , set , 和 tuple 的替代
- 本文实例讲述了Python常见字符串操作函数。分享给大家供大家参考,具体如下:str.split(' ')1.按某一个字符分
- 1. dataloader() 初始化函数def __init__(self, dataset, batch_size=1, shuffle
- 指定结果集的列名AS 子句可用来更改结果集列名或为导出列指定名称。当结果集列由对表或视图中的列的引用进行定义时,结果集列的名称与所引用列的名
- 前言之前写过一篇关于阿里的低代码工具LowCodeEngine 的文章,发现大家还是挺感兴趣的。最近又发现了一款很有意思的低代码工具Yao,
- 以前用Ubuntu的时候感觉很简单的事到ContOS上却变得很头痛,在执行以下命令安装python-pip居然什么也没执行。yum inst