版主: 傻党 ryanxia

图文——标题:良好用户体验的网站文章大集合,有心人都来看看!

楼主发表于: 2007年07月24日 11:43:29 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

良好用户体验的网站文章大集合,有心人都来看看!

良好用户体验的网站主页需具备12个特征

在主页设计的时候我们应该赋予主页的十二个任务:

  第一个任务:体现站点的标识和使命

  上次看到一组数据,说当今全球网站数量已经上亿了,平均每天看1万个网站,那么一个人要花30年才能看完这些网站,可是30年中又会有无数的网站诞生,也许又要花60年才能再看完,总之这辈子笔者是看不完了。说明网站竞争相当激烈,同一个类型的网站同时有上万家在竞争是不足为奇的,所以在竞争中一个网站的主页就显得格外重要。

  主页要不能放过任何一个可能访问或者正在访问甚至访问过的用户,大家都削尖了脑袋想办法如何处理这三个问题。那么对于任何一个访问你网站的用户你就要了解他第一次打开你网站他关心什么。经过思域长时间的调查和试验,用户第一次打开一个网站大部分是这四个问题:

  A 这是什么网站?

  B 网站上有什么?

  C 我能在这里做什么?

  D 为什么我应该选择这里,而不是其他地方?

  下面我们以阿里巴巴为例看看他是如何表达这四个问题的。


阿里巴巴在国内是电子商务类网站用户体验公认做得最好的,这个思域不想论证,就看他的网站LOGO,橙色加黑色,网站整体CI就是这个色,标识下方的“全球领先的网上贸易市场”

  第一个问题:阿里巴巴是做什么的?看完这个LOGO如果您还不知道,那么接着您的视线从LOGO位置水平向右移,看到导航,还不知道是做什么的?天!好吧,请托动滚动条,浏览一下网页。

  第二个问题:我能在这里做什么?从阿里巴巴首页右上角的导航条,很明显的告诉用户,用户在这里可以“采购”和“销售”这是主打服务,其他的看用户的需求。

  第三个问题:网站上有些什么?如果前两个问题你在阿里巴巴上已经没有疑问了,那么这个问题阿里巴巴已经在主页上很好的回答你了。

  第四个问题:为什么我应该在这里?“全球领先的网上贸易市场”这句话的效果不要小看哦!

  好了,通过阿里巴巴的例子,已经告诉各位看官主页的第一个任务――体现站点的标识和使命。主页要告诉用户我这是什么网站,我是做什么的,为什么你应该来我的网址。

第二个任务:网站导航和站点层次

  网站要给出网站提供的服务的概貌,既要包括内容――“我能在这里找到什么?”。也要包括功能――“我能做什么?”。还有这些服务是如何组织的。这项工作通常由持久导航来处理。其实一个网站的导航是非常重要的,他是网站的通道,通道如何设计才能让用户最方便快捷的到他想去的页面,如何设计才能把网站最好的内容体现在用户面前,导航设计有哪些讲究,避免出现哪些错误,这些问题思域后面的文章都会一一解答。

  第三个任务:搜索

  对于信息量大的网站搜索是很必要的,否则即使你其他元素处理得再好,用户在你网站上体验的感觉就像波音747的靠背椅全部换成了小板凳!

  第四个任务:导读

  就像杂志封面一样,主页要用一些“里面有精彩内容”的暗示来吸引我,“内容推荐”部分应该突出最新、最好、最热门等的内容片断,例如头条或者热销和热文等等。“功能推荐”部分邀请用户去访问网站更多的栏目或者使用一些个性化功能或邮件简报等。

  第五个任务:内容更新

  如果网站的成功取决于用户是否经常来访,那么主页应该有一些经常更新的内容。即使是不需要固定访问者的网站也需要有一些活跃的迹象,哪怕只是一个到最新的新闻链接,告诉用户这里并不是一潭死水。

  第六个任务:登陆注册

  如果网站使用会员制,主页应该为新用户注册和老用户登陆提供链接或者直接登陆框,免得用户四处寻找,至于是提供链接还是直接的登陆框,需要设计师来衡量,是黏性较强还是较弱,是老用户多还是新用户多,页面位置该不该腾出一个地方出来放置登陆框,用户的习惯会是怎样的,关于登陆框的问题,思域以后说。

  第七个任务:快捷方式

  最常访问的内容片断,如软件升级等,值得在主页上放置链接,免得用户四处寻找。现在很多网站的快捷方式是网站一厢情愿的,不是用户经常访问哪些内容网站就把这部分内容以快捷方式的形式体现在首页,而是网站方面最近新推出了什么业务,网站有什么新的动向,把这些内容作为快捷方式,思域认为最好是根据网站特点来考虑,看看是为用户多考虑合适还是为自己多考虑合适。

  第八个任务:友情链接

  需要在主页上预留空间,用来放置广告、交叉推广、合作品牌的友情链接等等,这里思域不多说了,有很多人问思域,一个新的网站如何与别人交换链接?如何交换到质量较好的链接?交换链接的质量好坏如何评定?一篇文章咱说不完。思域会专门来说这个问题。

  第九个任务:让用户看到他正在寻找的东西

  主页应该让用户想要的任何东西显而易见,如果这些内容在站内某个角落的话。当然,不是把网站的所有东西都罗列出来,弄得一个主页十几屏,用脑子嘛!

  第十个任务:告诉用户还有他没有寻找到的

  主页应该让用户看到一些很精彩的、用户也许会感兴趣的内容,就算用户并没有寻找他们。

  第十一个任务:告诉用户从哪里开始

  用户第一次到一个网站还无从下手,感觉就像和女生睡觉,都把她衣服脱光了,她还呆若木鸡,面无表情。网站首页应该如何安排才能完成这个任务,其实方法有很多,这里不多说,思域后面会详细的说。(写道这里思域好像累计了好几篇文章啦,找个时间向各位看官慢慢解答)

  第十二个任务:建立可信度和信任感

  对于一些访问者来说,主页将是你的网站给他们留下好印象的唯一机会。

  好了,主页的十二个任务,思域草草的罗列了一下,具体如何运用还需要大家根据自身的特点,站在网站自身的角度,站在用户的角度,站在行业的角度,十二个任务是纵向的,三个角度是横向的,各位看官用心的取舍,细细的考究吧!

  下面还是用阿里巴巴的页面作为例子来结束此文!

 

第1楼: 2007年07月24日 13:50:23 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站主页需具备12个特征

易用性和功能

产品设计是个取舍的问题。易用性和功能就存在冲突。这是我的准则:

  • 用户的注意力是有限的资源
  • 添加的任何一项功能都将有可能是用户找到另外一项功能的绊脚石
  • 如果必须添加一些功能,试图替换掉另外一项功能
  • 经常需要为了一些功能的易用性牺牲另外一些功能

 

我讨厌那种好像4x6阵列似的遥控器,还有复印机的面板。很多时候,我被复印机的功能搞得发疯。其实,我理想中的好的复印机就是在面板上只有一个大大的可爱的绿色圆按钮,按一下,复印一张,再按一下,再复印一张。。。

这一个复印机功能非常少,只能复印,你喜欢吗?

这一个复印机功能非常多,该有的都有,你喜欢吗?

如果设计师发现如果70%的操作只涉及复印一张纸,而其他时候还有别的要求,大概会设计成这个样子:

物理世界的“高级选项”可能是一个小盖子,让面板上尽量简洁,也可能是不同的颜色和形状来区分。

  
第2楼: 2007年07月24日 13:54:21 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站主页需具备12个特征

产品可用性的五个组成部分

提高一个产品的可用性,可以从以下五个方面入手:

1 易学程度:用户第一次使用产品完成基本任务是否简单;

2 效率:一旦用户学会了使用这个产品,他能否高效的完成任务;

3 可记忆:用户在经过一段时间以后再次使用这个产品时,能否快速回忆起使用方法并完成任务;

4 错误:用户可能会产生多少错误?错误的严重性如何?修复错误的难易程度如何;

5 满意度:用户在使用过程中是否比较愉快。

  
第3楼: 2007年07月24日 13:56:23 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站主页需具备12个特征

十条准则做WEB的启发式评估

优点:所需的时间和资本都比较低,可以快速进行评估。缺点:不能得到详尽的数据。

基于以下设计准则去做评估:

Visibility of system status.可视性原则
Match between system and real world.不要脱离现实
User control and freedom.用户有自由控制权
Consistency.一致性原则
Error strategy.有预防用户出错的措施
Recognition rather than recall.要在第一时间让用户看到
Flexibility and efficiency of use.使用起来灵活且高效
Aesthetics and minialist design.易读性
Help users recognize, diagnose, and recover from errors.给用户明确的错误信息,并协助用户方便的从错误中恢复工作
Help and Documentation.必要的帮助提示与说明文档


在评估时可以考虑这些方面:

Navigation,导航
清晰指示了当前的位置
清晰定义了首页的链接
网站的所有主要部分都能通过首页访问
如果需要的话,应该有个站点地图
网站结构清晰,没有不必要的层级
如果需要的话,要有个易用的搜索功能

Functionality,功能
所有功能都被清晰地表示出来
所有重要功能在不离开网站的前提下都可以使用
没有不必要的插件

Control,控制
用户可以取消所有操作
在每一页,用户都可以找到清晰的离开本页的标识
所有图片链接都和文字链接一样清晰可用
网站的流程符合用户的操作流程
支持所有主流浏览器

Language,语言
文案简洁
没有术语

Feedback,反馈
现在网页发生了什么,应该一直都清晰的标示出来
如果必要的话,用户应该能收到email反馈
所有反馈都要及时准确
如果需要安装插件或者需要特定的浏览器,必须告知用户
用户可以通过email或者提交表单来提交反馈意见
如果必要的话,提供个在线帮助

Consistency,一致性
对任何元素都只有固定的一种叫法
链接与其指向页面的标题要匹配
对链接和已访问链接使用规范的色彩
一致使用术语的普遍叫法

Error Prevention,防止出错
使用朴素的语言来表述错误信息
错误信息需要给出下一步操作提示
错误信息提供清晰的离开标识
错误信息提供详细的帮助信息

Visual Clarity,视觉清晰
布局清晰
足够的留白
所有图片都有alt标记
使用标准的模版

  
第4楼: 2007年07月24日 14:03:23 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站文章大集合,有心人都来看看!

好的用户体验可以:

1、提高用户的回访率(用户黏度);
2、增强品牌气质的影响力和用户的荣誉感;
3、提高产品持续获取利润的能力(我喜欢说:不是不能加广告,是看如何更有技巧的加广告);
4、提高产品的用户满意度、为品牌带来不可估价的口碑;
5、增强用户对品牌的忠诚度和信任度;
6、合理而高效的促进用户消费欲望,(也是长远的利润获取保障)
7、是超越竞争对手最有深远影响的一个重要方面


所以,用户体验部门在一个企业中应该是一个具有深远影响力的部门。

她大概要具备如下几部分职能:

1、深刻研究用户,理论分析市场方向和竞争走势。 (在“满足用户需要”的同时也要“预知用户需要”并通过创造这些预知来引导用户需要)
2、打造品牌文化气质,形成富有良好口碑和深远信誉的持久品牌
3、创造对用户有实际价值的多元化盈利模式,稳定长久的促进品牌利润增长

但,现实一点来说用户体验设计部门大概可以用一个词来描述: 权衡
1、权衡“带给用户更多实际价值”和“品牌利润急需具体体现”之间的冲突,
2、权衡“高效的利润生产”和“长久的品牌气质”之间的冲突,
3、...

  
第5楼: 2007年07月24日 14:06:02 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站文章大集合,有心人都来看看!

用户体验设计中包括的各个成员的职责,他们分别是:

结构设计师、交互设计师、视觉设计师、用户测试工程师

结构设计师 Structure Designer

结构设计也称为概念设计 (Conceptual Design),是界面设计的骨架。第一步的工作是分析,而不是设计。通过分析目标用户的特点和任务,制定出产品的整体架构。就是具有能非常好地确定产品将要做什么,以便别人顺利完成任务的人。他/她不需要知道程序怎么写,但是他必须了解数据库可以提供些什么。这就好比设计一个店铺的展示,什么样的产品最吸引眼球放在橱窗;什么样的产品最好卖放在柜台;什么样的产品很冷门放在仓库,只在老顾客偶尔来询问时才拿出来,这绝对是一门学问。因为这不需要花费很多金钱和时间,却可以使产品有重大的变化。

结构设计师常用的工具是纸、铅笔,高级一点也许可以用Viso,当然,还有PPT,因为让其他人信服你的计划需要详尽的计划演示和完美的口才。

交互设计师 Interactive Designer

任何产品功能的实现都是通过人和机器的交互来完成的。虽然我们的产品通过机器实现,但在设计的过程中人的因素应该作为绝对的核心被体现出来。切记:是让技术为用户服务,而不是让用户服务技术。什么是人所易于使用的?这个操作过程需要交互设计师凭借对复杂行为的想象力一步一步的设计出来。

交互设计师设计项目的第一部分是针对功能进行详细的研究,用定性的现场调查技术,用户建模方法,设计出交互原则和模板。说白了就是在结构师搭好的骨架里找到用户最容易找到,最能够记住,并且最快捷的路径。交互设计控制程序的外观和行为,如果程序里从A点到F点需要经过B、C、D、E,交互设计师完全可以让用户只在界面上直接看到A点到达F点,中间的过程,无须让用户费心去记。

视觉(图形)设计师Graphic UI designer

目前,不少UI设计师都是在从事这个工作,不过,我想:这个称呼前应该再加一个G,也就是Graphic——图形。不过,这个所谓的“图形”不仅仅指代图案的元素,所有当前呈现在我们屏幕上的东西都需要通过图形设计师的设计展示出来。

界面的图形设计是在结构设计与交互设计的基础上,参照目标群体的心理模型对界面进行色彩、字体、风格方面的设计。从而达到用户愉悦使用的目的。图形界面设计师需要对色彩,图案,字体等一系列视觉化的元素有深入的研究,了解什么样的用户希望看到怎样的界面风格,多大的字体才是老年人看得清楚的,什么样的图案才让人明白是可点击的,这些,都是图形设计师需要考虑的,把界面每一步的效果通过Photoshop做出效果图,剩下的就有程序员来搞定吧——当然,如果你能够独立编写html以及CSS的话就自己动手丰衣足食吧,因为程序员常常不认为给文字与页面边缘留5-10px的空隙是对视觉效果影响很大的问题。

  
第6楼: 2007年07月24日 14:10:27 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站文章大集合,有心人都来看看!

Don't make me think

  • 不要强迫用户去思考,是按钮就是按钮,让一切都不言而喻,很轻松的走完网站各个流程;
  • 不要打断用户已经习惯的操作流程,改版或新上线都是如此;
  • 页面应建立起良好的内容层次关系,用户的习惯是从左到右,从上到下;
  • 最大限度的降低各种干扰,包括声音和视觉;
  • 用户点击多少次不重要,但每次点击都必须是不需要思考的、明确无误的;
  • 惜字如金,减少每一个多余的或不相干的字;
  • 引导和入口很重要;
  • 应有完整的导航链接系统,使得用户在任何页面都能清晰的找到入口;
  • 点击链接后的页面应和链接文字保持一致;
  • 标签是一个革命,标签的交互应该有层次感;
  • 应有一个口号,使得用户心理记住;
  • 应有一套完整的UI风格,保持整体一致;
  • 测试不要使用奇客语言;减少流程和步骤
  • 从自身角度考虑测试:这是什么网站、我在哪个网页上、这个网站的主要栏目有哪些、在这个层次上我有哪些选择、我在导航系统的什么位置、我怎么搜索
  • 从用户角度考虑测试:这是什么网站、网站上有些什么、我能在这里做什么、为什么我应该在这里,而不是在别的地方、如果我想搜索,可以从哪里开始、如果我想浏览,可以从哪里开始,如果我想浏览最精彩的内容,可以从哪里开始;
  •  
  • 测试的几个关健点:一定要测试;测试多个用户;及早测试;测试的关键是了解你的判断力;测试是一个迭代的过程;没有什么比现场用户的反应更重要;

  
第7楼: 2007年07月24日 14:16:31 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站文章大集合,有心人都来看看!

关于web2.0网站易用性设计的一些原则

一.降低用户使用的门槛,你的一小步是用户一大步

在线图片管理、网络书签其实都不是什么新的概念,而Flickr,del.icio.us等之所以能成为2005年的明星网站,在与他们更加关注用户的体验,在UI操作上非常关注易用性。比如,flickr在图片上传的方式上非常灵活。

 

二.珍惜用户的时间和每一次点击

流畅自然的上网感觉,来源于每一次操作都是最合理的。在UI和流程上浪费用户的鼠标点击,也是在挥霍用户对于网站的好感。清晰、统一的导航要贯穿网站的始终。


 

三.  开发者是用网页在与用户进行对话

开发者如果能够时时想到这一点,就不会在界面中使用一些生硬的界面语言。更进一步,一个好的网站,是有生命力的,要把页面中的每一个文字看作交流的渠道,让用户也就能感觉到网站开发者的存在。


四.   创造性的满足用户的需求

Flickr,del.icio.us成功的另一个关键,是在于他们能够通过创新,创造性地满足用户的需求。比如,他们引用tag作为内容管理和分享的方式;flickr打破了以往以相册为单位的图片组织模式,创造了基于Blog的社会化分享方式,并通过开放API与用户实现双赢。


 

五. 简单就是美,复杂并不意味着强大

以Google为代表的新一代网站追求UI上的简约、实用,主色调通常不超过4种,并贯穿网站的始终。摒弃无关信息的堆砌,简单的界面更能突出功能的强大。


 

六.   关注新技术为用户体验服务

2005 年,ajax是一个热点,Google map、flickr中ajax的应用使web开发者的眼界豁然开朗,想象空间也变得更加宽广,在flickr中,到处可以看到为方便用户而设计的灵动创 意。RIA也给与了flash在web应用中的全新生命力,不再局限于演示和广告的范畴。flickr的photo organizer使我们看到了flash是怎样与功能seamless结合。


 


七. 随时随地解决用户的困惑

要在用户可能遇到问题的地方及时给用户伸出帮助之手,不要寄托帮助中心和FAQ能够真正解决问题。

其实都是很浅显易懂的道理,但在实际工作中,却非常容易被忽略,在新聚网的开发过程中,我将会时时提醒自己。欢迎对Web UI设计有兴趣的用户和我交流,今后还将随时补充新的内容。

  
第8楼: 2007年07月24日 14:23:15 短消息 QQ
ryanxia
  • 级别 成员
  • 称谓 大闹天宫
  • 精华 26
  • 发贴 250
  • 积分 225
  • 游戏网金币 0
  • 在线时间 101小时
  • 注册时间 2007-3-9
  • 最后登陆 2008-5-27

Re:良好用户体验的网站文章大集合,有心人都来看看!

界面设计与测试规则

界面是软件与用户交互的最直接的层,界面的好坏决定用户对软件的第一印象。而且设计良好的界面能够引导用户自己完成相应的*作,起到向导的作用。同时界面如同人的面孔,具有吸引用户的直接优势。设计合理的界面能给用户带来轻松愉悦的感受和成功的感觉,相反由于界面设计的失败,让用户有挫败感,再实用强大的功能都可能在用户的畏惧与放弃中付诸东流。目前界面的设计引起软件设计人员的重视的程度还远远不够,直到最近网页制作的兴起,才受到专家的青睐。而且设计良好的界面由于需要具有艺术美的天赋而遭拒绝。
目前流行的界面风格有三种方式:多窗体、单窗体以及资源管理器风格,无论那种风格,以下规则是应该被重视的。

1:易用性:
按钮名称应该易懂,用词准确,屏弃没楞两可的字眼,要与同一界面上的其他按钮易于区分,能望文知意最好。理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确*作。

易用性细则:
1):完成相同或相近功能的按钮用Frame框起来,常用按钮要支持快捷方式。
2):完成同一功能或任务的元素放在集中位置,减少鼠标移动的距离。
3):按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。
4):界面要支持键盘自动浏览按钮功能,即按Tab键的自动切换功能。
5):界面上首先应输入的和重要信息的控件在Tab顺序中应当靠前,位置也应放在窗口上较醒目的位置。
6):同一界面上的控件数最好不要超过10个,多于10个时可以考虑使用分页界面显示。
7):分页界面要支持在页面间的快捷切换,常用组合快捷键Ctrl+Tab
8):默认按钮要支持Enter及选*作,即按Enter后自动执行默认按钮对应*作。
9):可写控件检测到非法输入后应给出说明并能自动获得焦点。
10):Tab键的顺序与控件排列顺序要一直,目前流行总体从上到下,同时行间从左到右的方式。
11):复选框和选项框按选择几率的高底而先后排列。
12):复选框和选项框要有默认选项,并支持Tab选择。
13):选项数相同时多用选项框而不用下拉列表框。
14):界面空间较小时使用下拉框而不用选项框。
15):选项数叫少时使用选项框,相反使用下拉列表框。
16):专业性强的软件要使用相关的专业术语,通用性界面则提倡使用通用性词眼。
2: 规范性:
通常界面设计都按Windows界面的规范来设计,即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”的标准格式,可以说:界面遵循规范化的程度越高,则易用性相应的就越好。小型软件一般不提供工具厢。

规范性细则:
1):常用菜单要有命令快捷方式。
2):完成相同或相近功能的菜单用横线隔开放在同一位置。
3):菜单前的图标能直观的代表要完成的*作。
4):菜单深度一般要求最多控制在三层以内。
5):工具栏要求可以根据用户的要求自己选择定制。
6):相同或相近功能的工具栏放在一起。
7):工具栏中的每一个按钮要有及时提示信息。
8):一条工具栏的长度最长不能超出屏幕宽度。
9): 工具栏的图标能直观的代表要完成的*作。
10):系统常用的工具栏设置默认放置位置。
11):工具栏太多时可以考虑使用工具厢。
12):工具厢要具有可增减性,由用户自己根据需求定制。
13):工具厢的默认总宽度不要超过屏幕宽度的1/5。
14): 状态条要能显示用户切实需要的信息,常用的有:
目前的*作、系统状态、用户位置、用户信息、提示信息、错误信息等,如果某一*作需要的时间较长,还应该显示进度条和进程提示。
15):滚动条的长度要根据显示信息的长度或宽度能及时变换,以利于用户了解显示信息的位置和百分比。
16):状态条的高度以放置五好字为宜,滚动条的宽度比状态条的略窄。
17):菜单和工具条要有清楚的界限;菜单要求凸出显示,这样在移走工具条时仍有立体感。
18):菜单和状态条中通常使用5号字体。工具条一般比菜单要宽,但不要宽的太多,否则看起来很不协调。
19):右键快捷菜单采用与菜单相同的准则。


3:帮助设施:
系统应该提供详尽而可靠的帮助文档,在用户使用产生迷惑时可以自己寻求解决方法。

帮助设施细则:
1):帮助文档中的性能介绍与说明要与系统性能配套一致。(我们的系统帮助文档都是系统的祖先时期的说明,让人困惑)。
2):打包新系统时,对作了修改的地方在帮助文档中要做相应的修改。
3):*作时要提供及时调用系统帮助的功能。常用F1。
4):在界面上调用帮助时应该能够及时定位到与该*作相对的帮助位置。也就是说帮助要有即时针对性。
5):最好提供目前流行的联机帮助格式或HTML帮助格式。
6):用户可以用关键词在帮助索引中搜索所要的帮助,当然也应该提供帮助主题词。
7):如果没有提供书面的帮助文档的话,最好有打印帮助的功能。
8 ):在帮助中应该提供我们的技术支持方式,一旦用户难以自己解决可以方便的寻求新的帮助方式。

4:合理性:
屏幕对角线相交的位置是用户直视的地方,正上方四分之一处为易吸引用户注意力的位置,在放置窗体时要注意利用这两个位置。

合理性细则:
1):父窗体或主窗体的中心位置应该在对角线焦点附近。
2):子窗体位置应该在主窗体的左上角或正中。
3):多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。
4):重要的命令按钮与使用较频繁的按钮要放在界面上注目的位置。
5):错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。横排开头或最后与竖排最后为易点位置。
6):与正在进行的*作无关的按钮应该加以屏蔽(Windows中用灰色显示,没法使用该按钮)。
7):对可能造成数据无法恢复的*作必须提供确认信息,给用户放弃选择的机会。
8):非法的输入或*作应有足够的提示说明。
9): 对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。
10):提示、警告、或错误说明应该清楚、明了、恰当。
5:美观与协调性:
界面应该大小适合美学观点,感觉协调舒适,能在有效的范围内吸引用户的注意力。

美观与协调性细则:
1): 长宽接近黄金点比例,切忌长宽比例失调、或宽度超过长度。
2): 布局要合理,不宜过于密集,也不能过于空旷,合理的利用空间。
3): 按钮大小基本相近,忌用太长的名称,免得占用过多的界面位置。
4): 按钮的大小要与界面的大小和空间要协调。
5): 避免空旷的界面上放置很大的按钮。
6):放置完控件后界面不应有很大的空缺位置。
7): 字体的大小要与界面的大小比例协调, 通常使用的字体中宋体9-12较为美观,很少使用超过12号的字体。
8): 前景与背景色搭配合理协调,反差不宜太大,最好少用深色,如大红、大绿等。常用色考虑使用Windows界面色调。
9): 如果使用其他颜色,主色要柔和,具有亲和力与磁力,坚决杜绝刺目的颜色。
10): 大型系统常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。
11): 界面风格要保持一致,字的大小、颜色、字体要相同,除非是需要艺术处理或有特殊要求的地方。
12): 如果窗体支持最小化和最大化或放大时,窗体上的控件也要随着窗体而缩放;切忌只放大窗体而忽略控件的缩放。
13):对于含有按钮的界面一般不应该支持缩放,即右上角只有关闭功能。
14): 通常父窗体支持缩放时,子窗体没有必要缩放。
15):如果能给用户提供自定义界面风格则更好,由用户自己选择颜色、字体等。

6:菜单位置:
菜单是界面上最重要的元素,菜单位置按照按功能来组织。

菜单设测试细则:
1):菜单通常采用“常用--主要--次要--工具--帮助”的位置排列,符合流行的Windows风格。
2):常用的有“文件”、“编辑”,“查看”等,几乎每个系统都有这些选项,当然要根据不同的系统有所取舍。
3):下拉菜单要根据菜单选项的含义进行分组,并切按照一定的规则进行排列,用横线隔开。
4): 一组菜单的使用有先后要求或有向导作用时,应该按先后次序排列。
5): 没有顺序要求的菜单项按使用频率和重要性排列,常用的放在开头, 不常用的靠后放置;重要的放在开头,次要的放在后边。
6): 如果菜单选项较多,应该采用加长菜单的长度而减少深度的原则排列。
7): 菜单深度一般要求最多控制在三层以内。
8): 对常用的菜单要有快捷命令方式,组合原则见8。
9):对与进行的*作无关的菜单要用屏蔽的方式加以处理,如果采用动态加载方式——即只有需要的菜单才显示——最好。
10):菜单前的图标不宜太大,与字高保持一直最好。
11):主菜单的宽度要接近,字数不应多于四个,每个菜单的字数能相同最好。
12):主菜单数目不应太多,最好为单排布置。
。7:独特性:
如果一味的遵循业界的界面标准,则会丧失自己的个性.在框架符合以上规范的情况下,设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。

1):安装界面上应有单位介绍或产品介绍,并有自己的图标。
2):主界面,最好是大多数界面上要有公司图标。
3):登录界面上要有本产品的标志,同时包含公司图标。
4):帮助菜单的“关于”中应有版权和产品信息。
5):公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

8:快捷方式的组合
在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户*作得更快一些 在西文Windows及其应用软件中快捷键的使用大多是一致的。
菜单中:
1):面向事务的组合有:
Ctrl-D 删除 ;Ctrl-F 寻找 ;Ctrl –H替换;Ctrl-I 插入 ;Ctrl-N 新记录 ;Ctrl-S 保存 Ctrl-O 打开。
2):列表:
Ctrl-R ,Ctrl-G定位;Ctrl-Tab下一分页窗口或反序浏览同一页面控件;。
3):编辑:
Ctrl-A全选;Ctrl-C 拷贝;Ctrl-V 粘贴;Ctrl-X 剪切;Ctrl-Z撤消*作;Ctrl-Y恢复*作。
4)文件*作:
Ctrl-P 打印;Ctrl-W 关闭。
5):系统菜单
Alt-A文件;Alt-E编辑;Alt-T工具;Alt-W窗口;Alt-H帮助。
6):MS Windows保留键:
Ctrl-Esc 任务列表 ;Ctrl-F4 关闭窗口; Alt-F4 结束应用;Alt-Tab 下一应用 ;Enter 缺省按钮/确认*作 ;Esc 取消按钮/取消*作 ;Shift-F1 上下文相关帮助 。
按钮中:
可以根据系统需要而调节,以下只是常用的组合。
Alt-Y确定(是);Alt-C取消;Alt-N 否;Alt-D删除;Alt-Q退出;Alt-A添加;Alt-E编辑;Alt-B浏览;Alt-R读;Alt-W写。
这些快捷键也可以作为开发中文应用软件的标准,但亦可使用汉语拼音的开头字母。
9:安全性考虑:
在界面上通过下列方式来控制出错几率,会大大减少系统因用户人为的错误引起的破坏。开发者应当尽量周全地考虑到各种可能发生的问题,使出错的可能降至最小。如应用出现保护性错误而退出系统,这种错误最容易使用户对软件失去信心。因为这意味着用户要中断思路,并费时费力地重新登录,而且已进行的*作也会因没有存盘而全部丢失。


安全性细则:
1):最重要的是排除可能会使应用非正常中止的错误。
2):应当注意尽可能避免用户无意录入无效的数据。
3):采用相关控件限制用户输入值的种类。
4):当用户作出选择的可能性只有两个时,可以采用单选框。
5):当选择的可能再多一些时,可以采用复选框,每一种选择都是有效的,用户不可能输入任何一种无效的选择。
6):当选项特别多时,可以采用列表框,下拉式列表框。
7):在一个应用系统中,开发者应当避免用户作出未经授权或没有意义的*作。
8):对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。
9):对可能发生严重后果的*作要有补救措施。通过补救措施用户可以回到原来的正确状态。
10):对一些特殊符号的输入、与系统使用的符号相冲突的字符等进行判断并阻止用户输入该字符。
11):对错误*作最好支持可逆性处理,如取消系列*作。
12):在输入有效性字符之前应该阻止用户进行只有输入之后才可进行的*作。
13):对可能造成等待时间较长的*作应该提供取消功能。
14):特殊字符常有;;’”><,`‘:“[”{、\|}]+=)-(_*&&^%$#@!~,.。?/还有空格。
15):与系统采用的保留字符冲突的要加以限制。
16):在读入用户所输入的信息时,根据需要选择是否去掉前后空格。
17):有些读入数据库的字段不支持中间有空格,但用户切实需要输入中间空格,这时要在程序中加以处理。

10:多窗口的应用与系统资源:
设计良好的软件不仅要有完备的功能,而且要尽可能的占用最底限度的资源。
1): 在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停的切换甚至最小化其他窗口来显示该窗口。

2):在主界面载入完毕后自动卸出内存,让出所占用的WINDOWS系统资源。
3):关闭所有窗体,系统退出后要释放所占的所有系统资源 ,除非是需要后台运行的系统。
4):尽量防止对系统的独占使用。

  
第9楼: 2007年08月30日 17:04:51 短消息 QQ
傻党
  • 级别 成员
  • 称谓 孙悟空
  • 精华 48
  • 发贴 248
  • 积分 241
  • 游戏网金币 0
  • 在线时间 84小时
  • 注册时间 2006-11-24
  • 最后登陆 2008-6-17

Re:良好用户体验的网站文章大集合,有心人都来看看!

我也来跟一个,觉得不错!

主页优化,行动为王!
[ 2007-8-29 9:18:00 ]
3
推荐本文

  如果你继续在公司内讨论网站主页和该如何使它变得更好,那么,现在是你接受现实的时候了-----你过去心目中的主页已经没有了。新的范例 (无限主页) ,甚至比一种动态经验更不象主页。主页已经变成了一个虚拟的装杂物的容器,它向到达你站点,并降落的访客,描述着这块登陆的土地. 从一次访问到另一次访问,从一个人到另一个人,在这种模式下,唯一不变的可能就是你放置在角落中的图标 (对于有些访客,它放置在左侧,对另一些访客,它放置在右侧) 。现在是将主页扩展至无限的时候了。

  ClickZ 专栏作家Jason Burby在很长的一段时间内,都在宣讲这一重要的观念。如果你没有获得“行动”,那么网络分析学上的 ROI 是零。换句话说,停止做报告而开始行动。行动就意味着优化。开始进行优化的最佳位置就是你的现存主页。

  建立一个把重心集中在登陆页的优化项目,能对关键策略产生立竿见影的效果。如果你追踪转化率,你应该能够测试登陆页上各种不同的“广告供给”,并且看到它们如何运行。 如果你追踪站点上的时间,你应该能够决定出,哪些内容能把人们留住最长时间。不管怎样,登陆页的优化,都帮助你巧妙的和初次访客搞好关系,并且帮助你持续不断的调整这种关系。一旦你开始登陆页的优化,你就迈出了接近更复杂灵感的第一步。这种能在站点中采取立即和持续行动,并看到站点主要性能得以提升的经历,是会令人非常满意的。

  开始进行登陆页优化后,就应该勇往直前。Jonathan Mendez 在他的博客中曾写过一篇《登陆页优化七规》的文章。这篇文章是如何开始进行优化的一个很好的参考。同时,还有一些容易获得的软件包,它们能做很多事情,从进行简单的 A/B 测试,到在站点进行复杂的行为定向。在你准备对其中的任一软件作投资之前,要确保你有一个行动计划。

  接下来,进行超出登陆页之外的优化项目,并且向在线媒体迈进,就是顺利成章的事了。如果你要做广告,你的拓展行为可以是:从测量点击转变为探究访客从点击到转化的整个生命周期。在这个生命周期的优化场景中,你能持续地调整整个经历,以达到促进生意成长的目标。记得制作一些有良好调整性的广告。其中部分广告可促进访客进入购买渠道,另一部分广告可推动消费者加深对品牌的理解。

  现在问自己如下三个问题:

  1. 我在分析数据的基础上采取行动了吗?

  2. 我能很好的调整访客经历并推进成功策略吗?

  3. 我能管理从线下点击,到线上对话的全部访客经历吗?

  记得,没有行动就意味着没有 ROI 。把你主页和你的客户扩充至无限!

  
千万不要忘记学习!
91/11

快速回复

登录名:
密码: 马上注册! 如果您还不是游戏网会员请点击马上注册,如果您是......
心情:
:revertSmile50: :revertSmile51: :revertSmile52: :revertSmile53: :revertSmile55: :revertSmile56: :revertSmile57: :revertSmile58: :revertSmile60: :revertSmile61: :revertSmile63: