存档

‘用户体验设计’ 分类的存档

优良的设计

2010年5月5日 Kevin 没有评论

优良设计应是创新的
Good design should be innovative.
优良设计应是实用的
Good design should make a product useful.
优良设计应是有美学上的设想的
Good design is aesthetic design.
优良设计应是易被理解的
Good design will make a product understandable.
优良设计应是诚实的
Good design is honest.
优良设计应是毫无妨的
Good design is unobtrusive.
优良设计应是耐久的
Good design is long-lived.
优良设计应是拥有细节的
Good design is consistent in every detail.
优良设计应是符合生态学的
Good design is environmentally friendly.
优良设计应是尽可能少的设计
Last but no least,good design is as little design as possible.

(转载这段话测试QQ同步。确认码:QQREADER2D61537319E08473)

分类: 用户体验设计 标签:

如何让人们的开始行为更容易?

2009年12月31日 Kevin 2 条评论

没有考虑的太清楚,先整理下请大家拍砖补充。为了缩小范围,以下讨论设定为B2C网站首页。

先看看人们到达一个网站可能的方式:

  • 直接输入域名
  • 通过收藏夹打开
  • 通过其它链接跳转
  • 使用搜索引擎

哪些可行的方法让人们开始的更容易呢?

  • 精心设计域名,让人能够读懂,并且容易记忆。

  • 特别说明以往选择拼音域名时会考虑南方模糊音等问题,但现在或许还需要考虑香港拼音和台湾拼音。(最近有2次被港台人士询问当当的域名是怎么拼写。)考虑内地居住使用港台拼音的人士现在越来越多,域名也需要考虑他们的习惯。

  • 提供URL的其它拼写,以免错误的拼写。

  • 键盘误录会给使用者带来不便,小型互联网接入设备的小尺寸键盘或屏幕键盘也会为输入带来新的困扰,对网站来说可能会造成访问的丢失。正面的案例是京东,分别可以用2、6、b、u在键盘上的左右字母组合其它文字跳转到360buy.com。
    260buy.com和460buy.com
    350buy.com和370buy.com
    360vuy.com和360nuy.com
    360byy.com和360biy.com

  • 构建可以容易、准确地收藏的网页。
  • 对浏览器标题谨慎措辞,使其能够提供有用的情境。(它们通常在搜索结果的链接中展示)

  • 以下4个收藏夹中的B2C网站,哪个更有效?

    IE8Favorites


    IE8Tabs

  • 通过SEO、网站推广等方式,在搜索引擎结果列表中更有效的展示。

  • 百度和框计算以及擦边推广的例子:

    BaiduAmazon

    截图自百度,时间2009年12月31日。

    GoogleNewegg

    截图自谷歌,时间2009年12月31日。

参考及引用资料:
1.《Web导航设计》Designing Web Navigation Optimizing the User Experience中文版,“信息查询”章节,第26页。
2.《域名的游戏规则》-千鸟

分类: 用户体验设计 标签:

为新手提供更好的设计

2009年12月10日 Kevin 10 条评论

为什么是为新手,不是常常都听到为中间用户设计的声音吗?

但更重要的是,必须将你大部分的才智、时间和资源为大部分代表用户——永久的中间用户而设计,
为他们提供最好的交互。

摘录自《软件观念革命:交互设计精髓》中文版,第40页。

所以这里的背景是随着国内客户群体变化,我们如何为新手提供更好的设计做一点点讨论。
(花小小部分才智、时间。^ ^)

新手更“新”

先看看《中国互联网络发展状况调查统计报告》学历结构的统计:

与2008年末相比,目前网民重心仍在逐渐向低学历倾斜,
学历程度在小学及以下和高中的网民占比有所上升。——09年,第24次统计报告

与2007年相比,网民中大专及以上学历人口进一步下降,
高中、初中学历所占比重继续提升。互联网日益向低学历人口普及。——08年,第23次统计报告

继续查看学历结构、职业结构、收入结构 、城乡结构等章节的相关数据,
可以看到随着社会发展和互联网普及,互联网使用者群体的各种比例正逐渐趋于真实社会。
继续向低收入、低学历以及农村人群普及的变化,这也体现了新手群体的平均IT技能趋于降低。

这些变化包括使用者可能在缺乏对操作系统使用经验,比如界面反馈这样的认知基础,而直接开始使用互联网。
甚至可能跨过电脑平台,以手机等互联网接入设备开始了解网站。
那么面对变的更新的新手,如果电子商务的客户也是同样趋势,我们的设计是否有相应的准备呢?

有准备了吗?

访问京东和支付宝的注册页面,看看第一个要面对的元素:单选按钮。

京东注册页面:为单选区域添加背景图片,给客户明显的视觉反馈。

360buy.com Reg

截图自京东注册页面,时间2009年12月6日。

支付宝注册页面:放大的单选按钮,也同样有了明显的反馈。
当然设计师可能只是想平衡放大了的字体,呵呵。有没有发现Title文本出了小问题呀 ; )

alipayUserReg

截图自支付宝注册页面,时间2009年12月6日。

再看看支付宝银行选择,选中的图片橙色外框,用另一种方式加强了视觉反馈。
Alipay Bank

图片来自支付宝支付页面截图,时间2009年12月6日。

有什么需要注意的?

为新手提供更好的设计,但是需要确保这些额外帮助不会因为新手成长为中间用户而变为妨碍。

换句话说,这些额外的帮助应当是同时有助于中间用户的。
回到前面的京东注册页面,单选按钮的视觉提示设计,对新手来说更像是Web形式的选择方式。
对于中间用户来说,在WinFrom视觉基础上体现了更明显的选中反馈。

最后举2个现实生活中很好的例子,虽然是针对残障人士,却也是异工同曲。(照片稍后补上。)

1. 出租车前排座椅背后的提示面板,底层是文字说明,上面压着透明塑料制成的盲文面板。
普通乘客自然会忽略透明面板,直接看到印刷文字。盲人乘客则通过触摸同一位置的凹凸圆点阅读信息。
两类不同表现的信息,都没有为另一类带来干扰,也没有占用更多的空间。
2. 人行道上的斜坡,既能帮助残障人士,又能为普通人群提供方便。
比如带拉杆箱准备出差的人,推婴儿车散步的妈妈。

参考及引用资料:
《软件观念革命:交互设计精髓》中文版,“新手、专家和中间用户”章节,第35页。

B2C网站是否应当新开窗口?

2009年11月24日 Kevin 13 条评论

写在前面
这是参加SEO培训时候和咨询老师争议的问题。
SEO?没错,是SEO培训老师花了相当时间大讲用户体验。
果然是一个全民用户体验的年代了。
大家以前都说“我觉得…”,“我认为…”
现在从经理到前台都会“对用户来说…”“从用户体验的角度来讲…”。

担心的是用户体验发展如同早期被泛滥的用户友好(User Friendly),
那个时候“User Friendly”作为众多软件必备标签印刷在外包装上,以达到用户友好的标准。

先把标题写下,勉励一定在本周完成日志,梳理一些思路。
星期一了,赶紧正题开始。(整理完文档凌晨3:30,实现承诺果然是很辛苦的。)

新开窗口?新开标签?还是新开页面?
新开窗口的描述并不准确,因为不同的浏览量器处理target=”_blank”的方式并不一致。

不支持多标签的早期浏览器,处理target=”_blank”的方式自然是新开一个窗口,如IE6。
多标签浏览器却并非都是新开标签。Firefox及Chrome的处理方式是新开标签。
但是同样是多标签浏览器的IE7、8和Safari面对target=”_blank”的方式是如同IE6一样的新开窗口。

那么浏览器无论是否新窗口,相同点是都会新开一个页面,那么接下来问题转移到是否要使用target=”_blank”或者是否新开页面好了。

阅读全文…