提高网站易用性

在网站产品中,如果你遵循下列的一些设计规范,产品易用性将会得到更好的改善。
1.导航常放在页面上部分;面包屑导航不可忽视,让用户知道所处的位置;
2.重要内容显示在第一屏;界面上内容越少,用户越好理解;不提供多余的功能;避免内容看起来像广告;页面尽量少广告;重要内容可考虑用图片显示;
3.重要按钮突出显示;相同功能的按钮在网站上要保持风格一致;灰色按钮代表不可操作;辅助功能按钮要弱化表现;
4.蓝色文字一般代表有链接,无链接时慎用;鼠标移到链接上一般要变色或者出现下划线,已点击过的链接显示紫色;鼠标移至按钮、有链接的图片、文字等元素上要成手型;无链接且不怎么重要的文字用灰色;
5.界面风格与整站风格相一致
6.文字要表达清楚、简约;文案措词要统一;正文文字大小要统一;新闻内页正文大小建议用14px;
7.实时告诉用户他们在哪儿,将要去那儿?用户操作前,结果可预知;用户操作后,系统有反馈;操作完,用户可撤消;
8.提示用户信息样式要统一;
9.表单勿忘对齐;
10.红色代表重要或警示,绿色代表可行;

UED-FORUM今夜话题–理想中的产品设计流程

越平民化的交流方式越接近事实的真相,寻高效、快速、敏捷的UED产品设计流程…

发现一个比较可行的流程,贴出来,大家膜拜一下:
看点:快速迭代、敏捷开发,多个流程并行的产品设计流程

BRD -> 资源分配 -> 需求分析 -> 需求评审 -> 前端开发 -> 程序设计 -> 测试 -> 发布 ->Review
交互设计
-> 设计评审
视觉设计

名词解析:
需求分析:由PM、PD、UE讨论进行;并且在需求分析的同时,视觉设计根据UE的要求做视觉稿;需求评审结束时,需求确定、视觉稿确定、人员/时间都已确定。
需求评审:所有成员都要参加,评估技术实现和所需时间。
设计评审:UED视觉评审和工程师的技术评审,需要全员参加提出建议和疑问
前端开发介入以后,PD、PM、UE开始进入下一期的需求分析。

特此鸣谢:来自UED-FORUM的“六”、“小狮”,当然还有baisohu.net的西西–白二哥

如果您有更好的流程或者意见、欢迎投稿至mmhalj@gmail.com或者直接回复本文

从业UE以来的心得体会

UE概述:

UE,或UX,即User Experience,中文译为用户体验,是一种纯主观的在用户使用一个产品(服务)的过程中建立起来的心理感受。

UE设计师职责:

1、 参与新产品策划、原型评测;
2、 对现有产品进行结构、流程的优化,提出创新功能,拟定产品分析报告,最终做出交互原型稿;
3、 与产品经理、UI设计师和程序开发者沟通合作,共同保证网站用户体验质量。

推荐使用工具:

Axure RP Pro 5.5:一款在业内圈里广为使用的原型设计软件,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。
Office Visio 2007:用来绘制各种流程图。
FreeMind:用来绘制MMP(思维导图)的一款心智软件,划定产品的边界及功能点,让头脑风暴更加自由一些。

推荐阅读:《Axure快速原型设计.pdf 》   《纸上原型设计方法说明及使用规范.pdf》
WEB小图标分享: silk icons for axure.rp
组件分享:Yahoo!自定义组件库(Axure5.5)
页面布局参考:960 Grid System

UEO与SEO并行:

良好的用户体验有助于搜索引擎优化,UEO需与SEO并行:

》让网页标题和URL具有描述性。
》在每一个网页连向一到两个排名高的网站,在链接文字当中加上关键词。
》内容页的关键字应该做长尾词,具体描述,可以达到竞争小,转化率高的效果。
》避免用统一的title, keywords, description。
》注意图片的尺寸以适应搜索引擎

推荐阅读:http://www.baisohu.net/?p=295
《SEO_Web_Developer_Cheat_Sheet.pdf》

看看别人都在做些什么

阿里旺旺产品项目UED流程图
《千鸟 互联网产品设计操作参考.pdf》
UCD Process

ps:以上资料大家可以百度,在此偶就不发图囖

产品设计过程中的一些体会总结

1、设计一款产品的时候,想明白核心功能,迅速上线,接受用户检验,有关辅助的功能可以稍后优化或者添加。

2、不要轻易的为产品添加一个新的功能,除非这个功能很迫切,或者是大部分人需要的。

3、多不如少,少不如精,这与第一条有点类似,但有利于在做头脑风暴的时候放弃一些不需要的功能。

4、如果你的产品不够强大,那么一定要想办法开放产品,与强大的产品联手。

5、一定要搞清楚一个产品中关系起到的作用和来源是什么,弱链接和强链接所反映出来的产品形态和模式均不一样,另外产生关系的成本也要与强若链接匹配。

6、游戏是最容易产生流量的,但同时也需要巨大的投入和消耗,超过其他任何产品。

7、通常在动手做原型之前,最好用MMP(思维导图)与你的领导及同事划定产品的边界及功能点,让头脑风暴更加自由一些。

8、在产品设计各个环节中,每个环节都不应该在此环节提交给下个环节时终止工作,而需要再跟进一成,因为一款优秀的产品应该在整个设计过程中不断的再优化,直到上线,当然应控制边界。

9、产品设计师的工作不是自己成为小强,而是激发身边的人一起成为小强。当然产品经理往往是抛砖的人。

10、产品设计师每天最重要的工作之一是关注互联网新闻,时时关注行业动态变化。

笔记一则(用户研究、交互设计、站点流程、网站测试、web信息架构)

用户第一次来到网站主页常问的四个问题:
a.这是什么网站?
b.网站上有什么?
c.我能在这里做什么?
d.为什么我应该在这里,而不是在别的地方?

主页要完成的任务:
a.站点的标识和使命
b.站点层次
c.搜索
d.导读
e.内容更新
f.友情链接
g.快捷方式
h.注册
i.让我看到自己正在寻找的东西
j…….还有我没有寻找的
k.告诉我从哪里开始
l.建立可信度和责任感

一旦知道网站是做什么的,接下来主页还需要让用户知道:
a.如果我想搜索,可以从这里开始。
b.如果我想扫描,可以从这里开始。
c.如果我想扫描该网站最精彩的内容,可以从这里开始。

导航系统的种类:
全站导航系统
区域导航系统
情境嵌入式导航系统

标签(tab)的好处:
a.它们不言而喻
b.它们很难错过
c.它们很灵活
d.它们暗示了一个物理空间

使用标签(tab)的三个要点:
a.正确绘制:标签必须看像标签
b.颜色编码:amazon是一个成功的例子。即使色盲也能注意到标签之间的差异。
c.当你进入网站,有一个标签已经选中

如何设计好的标签系统?
保证标签系统的通用性:尽量窄化范围;开发一致的标签系统,而非标签。
标签系统和组织系统、导航系统一样,是自称一体的系统。一致性很重要,因为一致性代表的是可预测性。当系统可预测时,就容易学习。一致性会受到风格、版面形式、语法、粒度、理解性和用户的影响。
标签系统的来源:自己的网站、类似网站和竞争对手网站、受控词表和叙词表。
创建新的标签系统:内容分析、内容作者、用户代言人及主题专家、直接来自用户、间接来自用户。
调整和微调

下拉框的问题:
a.好处:节省空间。
b.存在的问题:
-你必须把它们找出来
-它们难以扫描
-它们不好控制

关于网站测试的几个事实:
a. 如果想建立一个优秀的网站,一定要测试。
b.测试一个用户比不做测试好一倍。
c.在项目中,早点测试一位用户好过最后测试50位用户。
d.人们对招募用户代表的重要性估计过高。如果进行测试的用户接近可能使用网站的用户,那么很好。但更重要的是尽早和经常进行测试。
e.测试的关键不是要证明什么或者反驳什么,而是了解你的判断力。
f.测试是一个迭代的过程。
g.没有什么比现场用户的反应更重要。

在设计网站之前,如果有同类网站的话,应该先测试一下。通常有两种类型的测试:
a.“理解”测试。让测试用户看到这个网站,然后看他们能否理解这个网站,理解网站的目标、价值主张、组织方法、运行方式。
b.关键任务测试。让用户完成一些任务,然后观察他们是怎么做的?

四种常见的信息需求:
已知条目搜索(正确的东西):用户明确知道自己要找的是什么;
探索式搜索(一些好东西):用户并不确定想要着的是什么;这种搜索通常是无止境的,用户并没有期待会得到“正确”答案,也没有必要清楚表达他到底想要搜索什么;用户很高兴能够得到一些结果,然后,会以这些结果作为跳板,再进行下一轮的搜索;至于搜索何时完成,并不见得每次都能够清楚界定出来;
无遗漏式搜索(每样东西):用户每样东西都想要;用户打算搜索某一主题的任何信息,通常有好几种方式表达TA要搜索的东西;同样,没有必要必须有“正确答案”;用户必须有足够的耐心,需找更多结果;
再次搜索(需要重新找到的东西):用户需要重新寻找以前碰到过的有用信息;tag这种信息组织方式很适合这类信息需求。

信息架构的组件(分类方法一):
组织系统(如何组织信息):以各种方式为我们展示信息;
导航系统(如何浏览信息):协助用户在内容上移动;
搜索系统(如何搜索信息):可让用户搜索内容;
标签系统(如何表示信息):使用对用户来说有意义的语言描述分类目录、选项及链接。

信息架构的组件(分类方法二):
浏览帮手:这些组件展示预设的路径给用户看,协助用户浏览网站。浏览帮手的种类包括:
组织系统:网站内容分类或者分组的主要方式(例如,按主题、按任务、按用户,或者按年代),也称分类法和等级体系。标签云图也是一种组织系统;
全站导航系统:主要的导航系统,协助用户了解TA在网站的什么位置以及在网站中可以到哪里去;
区域导航系统:主要的导航系统,协助用户了解TA在子网站的什么位置以及在子网站中可以到哪里去;
网站地图/目录:支持主要导航系统的次要导航系统,提供浓缩过的总览以及连向主要内容和子网站的链接,通常是采用概要的形式;
网站索引:辅助性的导航系统,提供排序后的链接列表,连向网站的内容;
网站指南:辅助性的导航系统,针对特定主题提供的特定信息,以及连向网站中相关子主题的链接;
网站向导:辅助性的导航系统,可以通过一系列的步骤来引导用户,也有连向网站中相关子主题的链接;
情境式导航系统:用链接统一连向相关内容。通常内嵌在文字内,一般是用来连结网站中高度专业化的内容。

用户深入网站的三个准则

一.通过在每个页面上包含以下三个设计要素来告诉用户他们所在的位置,以及如何到达网站的其他部分。
a.在左上角显示网站的名字或LOGO;
b.通过一次直接的点击就能够到达主页;
c.搜索功能(最好是在右上角)。

二.帮助用户确定网站其余内容的位置
使用面包屑导航,这样的链接能够显示出用户当前在网站的层次状环境中所处的位置,并且能够使用户原路返回,或向上层移动。也可以在页面上包含一些指向其他同当前位置有直接关系的资源的链接,但不要向用户提供太多的到网站所有位置或无关页面的链接。

三.不要假定用户是沿着一种自顶向下的路径到达当前页面,他们可能采取了一种不同于你原先设想的路径,因而他们在来到当前页面之前,很有可能就没有看到包含在高层页面中的信息。

用户在搜索页面上各位置的点击概率

搜索引擎的结果页面通常被称为STRP页面(即英语Search engine results page的首字母缩写)。这个词很少被作为复数使用,这很恰当,因为大部分用户在一次查询中一般来说都不会查看超过一个STRP页面。

在93%以上的搜索中,用户只访问了第一个SERP页面,该页面通常只有十个搜索结果以及一些广告。用户只是在7%的情况下才翻到第二个SERP页面,而那些在一次查询中看了三个SERP页面的情况非常少,以致于我们都无法给出一个可靠的估计,但它很可能不超过百分之一。

下面列出一组用户在页面位置点击概率:

首页在搜索结果列表上的位置排名/对于该位置上的链接的点击量

首页排第一/51%

首页排第二/16%

首页排第三/6%

首页排第四/6%

首页排第五/5%

首页排第六/4%

首页排第七/2%

首页排第八/1%

首页排第九/1%

首页排第十/2%

排第二页包括第二页以后/6%

用户在网站内页上的行为

当一个经验不足的用户通过一个深层链接访问一个内部页面时,他们第一次会在那里平均花费60秒钟的时间,而经验丰富的用户在他们第一次访问一个内部页面时会花45秒钟。

既然用户在内部页面上花费45—60秒钟的时间,那么在理论上,他们就可能阅读大约200个单词,不过,通常他们会将一部分时间用于评估网站的导航系统以及决定下一步去哪里。然而,他们仍可能会阅读100个单词量的信息,这同他们进入主页时只阅读10—20个单词相比已经显得相当多了。支持深层链接的一个主要原因就是因为用户在网站的内部页面上会阅读更多的内容。

主页和内页的一组数据:

使用Web的经验/花在主页上的时间/花在内部页面上的时间

经验不足/35秒/60秒

经验丰富/25秒/45秒

与主页想比,人们会花费更多的时间在内页上。具有更多Web使用经验的用户能够以更快的速度扫描屏幕,而新手用户更倾向于很仔细地观看屏幕。