分类: 用户体验

一个关于“Back to Top”的小故事

A Short Story About “Back To Top” Links
Smashing Magazine版权所有
作者:Smashing Magazine
译者:UCD翻译小组波希米亚
原文地址: http://www.smashingmagazine.com/2008/11/27/short-story-about-top-links/

译者序:这篇文章可以说以一种轻松、有趣的方式,对“Back to Top”有害页面健康?做了一个很好的回答。作者花了很长时间收集一些实实在在的使用案例,更直观的展示了“Back to Top”在网站中的使用,同时也明确表达了自己的观点。用“细节决定成败”开篇,也突出了本文编写的精细。

通常关注小细节可以让设计更杰出。在一个网站的开发过程中,设计者趋于忘记小细节,把精力都集中在主要的设计元素上,比如导航,排版和布局。如果真的完成了,那结果通常是很稳定的、让人印象深刻的,而且高专业的传达了信息。然而,这并不值得骄傲。原因是因为这种设计通常都没有一个值得记忆的点:他们可能看上去很吸引人,但没法提供给用户一个栩栩如生的形象,让用户离开网站后还能想起它。

这样看来,小细节是重要的,因为他们可以帮助设计脱颖而出。你是否曾思考过你的购物车的设计?那标签、时间戳、“向前”和“向后”的链接呢?虽然这些小细节对于网站的导航来说是无关紧要的,但他们却意味着是用户界面更友好、使用更方便甚至有时是更成熟的设计。这也是为什么我们在如下事情上为读者们考虑更多的原因,如:图片说明, 引用区块, 时间戳, 购物车, 翻页, <hr> 线, 标签云favicons.

在这篇文章里,我们来展示“Back to top”链接的设计——这个帮助用户跳回页面顶部的被遗忘,并且不常用的链接。访问者通过按他/她键盘上的“Home”键也能达到同样效果;但不是每个用户都知道这条捷径,绝大多数人都使用浏览器的滚动条来完成这个目的。作为设计者,我们可以通过在页面上加一个“top”链接来帮助用户。

继续阅读 »

“Back to Top”有害页面健康?

“Back to Top” links considered harmful
Jukka “Yucca” Korpela版权所有
作者:Jukka “Yucca” Korpela
译者:UCD翻译小组波希米亚
原文地址: http://www.cs.tut.fi/~jkorpela/www/totop.html

译者序:这是一篇关于可用性方面的文章,作者在本文中列举了很多例子,对这个话题研究的很细致,从多方面考虑了这个链接的可用性问题,同时也抛出了一个问题:到底是用浏览器固有支持的功能,还是用像“Back to Top”这种功能的替代品?本文都有详细阐述。

网页上经常都有一个链接用来回到页面开始的位置,有代表性的命名就是“Back to Top”,同时可能还兼带一个箭头朝上的图标。这篇文章用以讲解为什么这种用法不好,特别是以可访问性为理由。同时也讨论了创建这样的链接一定程度上低估了带来的损害。

继续阅读 »

一个提高了近10%转化率的改进

今天看了篇关于Web Form Design的成功案例,虽然讲的事情很简单,但总结了一些方法,翻译过来做个原始积累吧,以后写东西举例子时也好有个典型可以引用。下面是译文:

如果回顾一下Sampa的注册表单,到现在它已经经历过4-5个不同的版本了。一度我们要询问您15个问题。在那之后,我们先是与当地的一位用户体验专家对此进行一些简化,而后又通过与一家波特兰用户体验公司的合作,将其变的更简,现在我们只剩8个填写项了:

  1. 姓名
  2. 电子邮箱
  3. 确认电子邮箱
  4. 密码
  5. 确认密码
  6. 同意使用条例
  7. 你希望的网站地址(形如:b3inside.sampa.com
  8. CAPTCHA (挑战码)

先来看下这个网站的注册表单截图:

继续阅读 »

Axure如何重用masters

交互设计师?产品经理?谢谢! (大话西游中,朱茵出场台词”神仙?妖怪?谢谢”)
自从有了Axure这个神奇的软件以后,掀起了“全民原型运动”,原型到底用来干嘛的?这不是玩具,也不要用它来炫耀自己会多使一种软件。现在连编辑、运营都问我要原型源文件,自己要拿去改。设计师都是有“洁癖”的,不要随意修改人家的设计方案,这样做是不专业并且不礼貌的。让专业的人去做专业的事!

言归正传,如果说VD(视觉设计师)有他们的设计规范可以遵循,那ID(交互设计师)在一个产品设计中,也有自己的规范,这些规范化了的组件或物件,我们统一放在Masters中,以便重用。

我的做法是,创建一个通用组件的原型库,[产品名]_masters.rp,这里专门放、也只放建立好的masters,以后别的功能用到这些组件时,都从这里导入,维护这个master库就可以了。(逆向思维,Axure的masters不是导出成一个只有masters的文件,而是从其他文件中导入)

来看具体方法吧:

继续阅读 »

设计铸就伟大的产品

我不相信伟大的产品是意外诞生的!说不定,在每个伟大的产品背后,我们都可以发现一些真理。今天,我想分享十个真理。我将这些倾注在每件产品的成就上。

下面我们就来看看这篇很好的产品用户体验设计心得:

继续阅读 »