海薇站长网 - 让网站建设、优化、维护从此简单!

海薇站长网

当前位置: 海薇站长网 > 网站建设 > 建站经验 > 关于建站方面的可用性设计

关于建站方面的可用性设计

时间:2017-10-10 22:50:17来源:建站网 作者:海薇站长网 点击:

  标签(Tag):建站(39)可用性设计(1)

如何让用户方便、快速地找到自己需要的服务,并用最简单的操作方法来完成操作,需要更加注重细节,细节就是您的用户会反复留意的东西,比如友好的界面、清晰的导航、完善的帮助系统、合理的信息架构、出色的视觉设计、优良的网站性能等。以下逐一讨论那些容易被忽略的用户体验基本原则,并提供实例和可用性分析。

可用性设计这个概念不知道对你是否陌生,它充斥在我们身边,从设计师、开发人员、网站制作人、项目精力、市场人员、到某个在支票上签名的人,以及那些一个人负责完成所有工作的人都会涉及到。

那究竟什么是可用性设计呢?

打造非凡的交互体验,设计一个可用性强的网站,对任何一个设计者来说都不失为一个雄心勃勃的目标。为了使我们的网站更加接近用户的预期,这是一个缓慢的过程,需要技巧和一系列细节性工作及一点点运气,如何让用户方便、快速地找到自己需要的服务,并用最简单的操作方法来完成操作,需要更加注重细节,细节就是您的用户会反复留意的东西,比如友好的界面、清晰的导航、完善的帮助系统、合理的信息架构、出色的视觉设计、优良的网站性能等。以下逐一讨论那些容易被忽略的用户体验基本原则,并提供实例和可用性分析。

《别让我想》:网页设计中的可用性原则

Steve Krug的这本《Don't Make Me Think》中文译名叫《点石成金:访客至上的网页设计秘籍》,它是一本讲述网页设计可用性定律的经典之作。可用性是交互设计的基本目标,它需要在深入了解用户的行为特点的前提下,对网站做出符合用户习惯的设计。

文/仓廪一间

以下是本书的概念笔记。

关于建站方面的可用性设计_www.hwsem.com

一、用户实际上是如何使用网站的?

作者经过大量观察发现,用户使用网站的方式与工程师设想的使用方式,差别巨大;

1、我们不是阅读,而是扫描。网页设计师精心准备的文字,在用户看来,更像以每小时100公里的速度驶过的广告牌。

我们总是处于忙碌之中

我们知道自己不必阅读所有的内容

我们善于扫描,会自动忽略不需要的信息

2、我们不做最佳选择,而是满意即可

用户很忙,没时间寻找最佳策略,而是寻找第一个合理选项(满意策略)

就算猜错了可以马上重来(刷新和倒退按钮是网页浏览里最常用的地方)

3、我们不是追根问底,而是勉强应付。用户使用产品,往往对其运作原理不感兴趣(不喜欢看使用说明),甚至有错误的认识,但这不妨碍他们用得很好。

了解工作机制没必要。

如果发现某个策略有效,就一直用它,不管多难用,很少主动寻找更好的方法。(这一点我深有同感,我之前一直用Surface自带的中文输入法——智能识别很烂,打字很不方便,但是只要还能用,我就懒得去下载别的输入法!)

针对这些情况,我们需要相应地做出符合用户行为特点的网站来,我们的目的是:把网站设计得快速和清晰,让它尽量的一目了然、不言而喻、自我解释,减少用户自己瞎猜瞎捉摸的时间,简而言之,“不要让用户思考”。

Krug的可用性三定律是:

别让用户思考。

点击多少次都没关系,只要每次点击都是无需思考、明确无误的选择。

去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。

一个紧接着而来的问题是,用户最容易思考哪些问题,以及在那些地方最容易犯浑?

我在网页的什么位置?——导航栏在哪?怎么回到首页?怎么去网站其他页面?

我该从哪开始?——这个页面主要是什么内容?网页布局怎样?是不是眼花缭乱?

这个页面什么最重要?——哪个部分最先吸引了我?

有哪些栏目可以选择?——栏目清单?导航?

我可以点击它吗?——有没有超链接显示、可点击标志?

这句话是什么意思?——有没有太多用户不懂的术语?有没有直观演示?

你可以把这些问题用来检测网页的可用性,打开一个网站后快速看一遍,然后回答自己,这种问题自检法法十分直观有效。

二、减少网页文字

作者引用了E.B.Whited《风格的要素》里的一段话:“有力的文字都很简练。句子里不该有多余的文字,段落中不该有多余的句子。同样,画上不应有多余的线条,机器上不应该有多余的零件。”减少网页上的文字可以让页面更简洁,重要的内容跟突出。可以从以下几点着手:

消灭欢迎词。

精简说明文字。

让信息出现在它该出现的地方。

三、导航设计

可以将在超市的导航系统和网站导航系统类比,用户使用你网站,也遵循同样的过程:

你通常是为了寻找某个目标

你会决定先人工咨询还是自己先找找

如果自己浏览,你会去找导航系统,一层层点击

找到了;或者没找到,返回主页(后退键和主页非常重要),或者直接离开

网站导航的好处:

它告诉我们当前的位置(层级菜单)

它给了我们固定的感觉

它告诉如何浏览网站

它让我们对网站建造者留下好印象

在网站的不同页面,导航也不一样(比如主页和表单页),但大致的组成是一样,主要有五个部分:

1、站点ID:表明一个网站的最基本标志,需要在每个页面出现、强化。

2、栏目:主导航条(Primary Navigation),可进一步分出二级导航。

3、实用工具:帮助我们使用站点,比如登录、注册、联系我们、帮助、搜索、主页、隐私声明等等,不要在导航条上放太多。

4、主页:一个明显的可以把我们送回主页的按钮。

5、搜索:搜索框要简洁醒目,如果有选项,要谨慎它本身会不会让用户产生疑惑。

其他在导航设计中用到的部分还有:层级分割的“你在这里”、标签。

四、针对扫描设计的5个方法

1、在每个页面上建立清楚的视觉层次。

越重要的部分越突出。

逻辑上相关的部分视觉上也相关。

逻辑上包含的部分在视觉上进行嵌套。

2、尽量利用习惯用法。

借鉴其他纸媒的习惯法。

借鉴主流的网页设计。

抑制重新发明轮子的冲动,除非它也很好上手,并且能带来很大的价值。

3、把页面划分成明确定义的区域。

4、明显标志可以点击的地方:如果一个东西可以点击,你要把它明确地告诉用户。

5、最大限度降低干扰。

五、主页设计

主页主要包含:站点标志、导航、搜索、导读、内容更新、友情链接、注册登录等,主要需要肩负三大责任:传达整体形象、告知使用方法、建立用户的信用。

如何传达整体形象?

口号:清楚、言之有物、长度适中,不要太笼统(不要和宗旨混淆)

欢迎广告

主页导航可以其他页面导航不一样,它可以更大,有更多的描述。设计主页的时候,要注意合理分配版面。接下来,作者花了不少篇幅,分析了具体的主页设计的案列,很有参考性。

六、可用性是基本礼貌

到目前为止,作者一直在论述如何让网页清晰简洁,简而言之:容易理解的程度。可用性还有另外一个重要部分:能为用户提供更多的服务。例如:

不要隐藏用户想知道的信息

不要向用户索取太多个人信息

不要敷衍用户

不要设置障碍(必须浏览很多没有必要的图片或广告)

减少步骤

容易从错误中恢复

及时提供解答

如有错误要记得道歉

提供其他协助服务,比如打印页面等

考虑一些特殊人士(盲人、左撇子)的使用习惯

让所有的内容都可以通过键盘访问

为图片增加alt文本

七、可用性测试

在网页设计中,工程师和设计师往往各持己见,工程师认为人们喜欢功能又多又酷的网站,设计师则喜欢视觉上有趣的网站,这还只是技术层面的分歧,当讨论上升到经理那儿,又有市场的要求。面对这种分歧,最好的解决办法就是做可用性测试。

除了第一章的“问题自检法”,我们还需要邀请一些真实的用户来参与测试。一般来说:

如果想建立一个优秀的网站,一定要测试

测试一个用户也比不做测试好

早点测试好过最后测试50位用户(越晚越难伤筋动骨)

测试对象是谁并不重要

测试时一个迭代的过程

没什么比现场用户的反应更重要

作者推荐了一种比较省钱省时间的测试方法:

招募测试对象,和对象做一些相互介绍

打开主页,询问对象对主页的一般印象(可用性问题)

让对象执行一些特定的任务,看他是不是可以按网站的设计意图来使用

引导对象在测试过程中说出自己每个选择背后的想法

测试做完后立刻回顾测试结果,并着手解决:

忽略皮划艇问题(用户可以自己尝试解决的问题)

抵制添加冲动,改为删除干扰信息

不要太看重人们对新功能的要求

抓住够得着的果子:恍然大悟型;便宜型

善于平衡,修改的同时不破坏已有的正常部分

以上是针对书中的部分原则做的的一个整理,工作中常被忽略的一些问题按照书中的原则对照去一 一调整,相信可以找到不少可以改进的地方,很薄很经典的一本书,建议有时间可以亲自读下才可以领略到书中的精华所在。

(责任编辑:365天天网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
推荐内容
意见反馈 站长网首页 返回顶部