这些设计,让网站似个彬彬有礼的绅士。

不可否认,web的用途越来越广。大家在互联网上看资讯/电影、聊天、找朋友/工作、玩游戏、写小说/日志、交易/买卖、听音乐/广播。互联网已经不仅仅是一个窗口,他已经成为我们工作和生活的伙伴。是的,他不是工具,而是伙伴,这些伙伴的数量听说全球已经达到一亿个了,在这些伙伴中,有些对我们很粗鲁,有些待人礼貌。UCD的含义就是“以用户为中心的设计”,那么怎样的网站让用户觉得他友好而且礼貌呢?

第一、 礼貌的网站对我感兴趣,并且主动提供帮助。

对用户感兴趣的网站会记住用户,用户的操作记录、使用习惯、个人信息、购买历史等等。网站为什么要记住用户?因为网站在追求用户!来看看这些网站是怎么把我追到手的。

dangdang.gif
这个网站让我在一万年以后仍然能够知道,我做了这些,而且他还通过我的记录来揣摩我的心思,然后给我惊喜!如果我为我女朋友做了这些,她一定会娇滴滴的说:“你真坏!”

mail.gif
我邮箱里面的好友中,有一万个是C开头的,但是这个邮箱系统在我输入C字母的时候,马上列出我最经常用的,我一下就找到她了。慈禧在皇宫里估计也就这待遇了,太监们天天注意她的习惯,要不然就会忘记自己的脑袋随时会落地。

google.gif
使用拼音输入法的人,经常会在搜索框中输入同音字,可是google不会怪你,她就像一个温柔美丽的售货员,用甜甜的笑容说:“先生!您是要卫生纸吧?”

myspace.jpg

1.gif

3.gif

西门庆就这样琢磨着女人的心思,给她们想要的,而且是女人们的男人所不能给的,制造一次次的惊喜,主动出击,如果我是潘金莲,我也会说:“官人我要!”

第二 礼貌的网站尊重我

常在水边走的,哪有不湿鞋!我想各位在互联网上混了几年的大虾,被网站粗鲁是常有的事,那样的体验换作是谁都会不爽。他们经常把责任推卸在用户身上,告诉用户这样填是错的,那样的操作不对,他们常常硬性要求用户的行为。这样的网站就让他见鬼去吧!我们来看看下面一些会尊重用户的例子。

32.jpg
虽然我打开网页,出来了一个令我烦恼的窗口,可是幸好他把选择的权杖交给了我。

16.jpg
网站告诉我哪些信息是重要的,必填的。把不重要的信息隐藏了,不想干扰我,他知道我脾气不好!

22.jpg
类似Qzone这些网站不会那么粗鲁,在我点击提交之后他轻轻的把登陆框放在我面前,甜甜的说:“发表评论前需要先确定您的身份”。然后在我登陆之后她把登记册拿走,之前写的东西还在那里安静的等我。

email.jpg
我的朋友,就是因为你这句话我决定继续接收你的邮件!因为你懂得尊重我!

第三 礼貌的网站会积极反馈

职场上流行一句话:“老板喜欢做事能够积极反馈的员工。”也许是因为这样老板比较放心吧!作为网站的用户,应该也是如此。试想,当我们点击某一按钮之后,发现页面迟迟不动,一分钟之后突然告诉我操作成功,是不是让人摸不着头脑?我还以为死机了呢。网站要积极的反馈这点其实很重要,不要责怪你的服务器慢、数据太多、带宽不足,无论如何你都应该告诉用户,哪怕是让他们稍等一下。来看看下面的例子。

23.jpg

17.jpg

goog.jpg

我能很清楚的知道我在操作之后网页有什么反应

第四 礼貌的网站会解决自己的问题

有时候网站会把用户当傻子,网站自身的问题,还责怪用户,给用户一个闭门羹。礼貌的网站是会解决自己的问题,只错能改是真君子,出现错误马上自己解决会受到对方的尊重。
比如常见的网页404错误,有些网站并没有做404跳转页,用户好不容易从搜索引擎或其他网站找到了你的页面,打开之后只是一面白墙,好似某机关的服务窗口,虽然开着,可是窗口里面的公务员翘着腿啃得满地瓜子,当你不存在。404错误,每个网站都会有,可是有些网站却会解决自己的问题,而不是逃避或者置之不理。
404.gif

第五 礼貌的网站灵活应变

对于很多网站,只要出现红色“*”的地方绝对的一夫当关,一项没有正确都不能够点击提交或者下一步,作为网站这样作是为了用户好,无可厚非,可是太死板就会给用户不友好的感觉。所谓的灵活应变其实就是想用户所想,人性化一些,比如下面这个邮箱必填项的例子。

18.jpg
一目了然,不必多言!

第六 礼貌的网站让人信任

思域有这样的经历,在某BSP上写日志,写完提交之后告诉我字数超过限制,于是之前的全部白写,我抽烟喝酒拍打键盘。之后我严格按照字数来写,然后提交,居然因为服务器忙导致页面错误,提交再次失败,我上街杀人抢劫放火。后来我学乖了,先在word上先写好,然后再复制到BSP上,可是我写到一般这个世界停电了,发现忘记保存,于是我的世界从此黑暗。我害怕在一些博客系统发文章,因为我担心我辛苦几个小时的东西付之东流,不留一丝痕迹。直到WordPress的出现,他可以让我随时保存,然后随时关闭页面,下次打开仍然继续。

110.jpg
请注意“保存并继续编辑”“保存”“发布”三个按钮。我爱死他们了,从此不再提心掉胆。

好了!今天先和大家讨论这些。最后补充一点,AlanCooper在他的《交互设计之路》中“什么让软件有礼貌”一章里提到了上面六点,他认为一个礼貌的软件应该具备十四个素质,除了以上六点还包括,礼貌的软件拥有常识、礼貌的软件会预知我的需要、礼貌的软件反应敏捷、礼貌的软件提供有用的信息、礼貌的软件有洞察力、礼貌的软件有自信、礼貌的软件很专注。这里就不再逐一说明了。有兴趣的可以向UCDchina借这本书。

感谢大家百忙中的阅读!

25 Responses to “这些设计,让网站似个彬彬有礼的绅士。”

  1. ccyun Says:

    哈,这样真好!

  2. 风儿 Says:

    以前没注意这些问题,只是觉得有些网站注册的时候要填一大堆的东西,你漏了某一项却又告诉的不清楚,又要全部从填一次,总在填表呀填,却总也过不了,郁闷死了,听你这一说真是明白多了,以后那些不友好的网站就不去了

  3. Joan Says:

    收获不小,书我买了 不过才看到30几页,看的太慢

  4. 薄积厚发 Says:

    写的很好,很贴切我们经常被一些网站弄烦,就连必要性的网站也会让人反感;重视用户就是重视产出,支持。

    不过在比喻过程中思思的用词 有些挑逗   嘎嘎

  5. 薄积厚发 Says:

    思思  刚才点 确定发表后 就没有 进度显示  记得改噢

  6. 思域 Says:

    发发!你的问题我们想办法改进!这BLOG系统还有很多缺陷,哈哈!

  7. 倾城之蛇 Says:

    应该重视

  8. 晚上戴着墨镜 Says:

    不错呀~专业就体现在细节设计上啦~

  9. lazy Says:

    所谓以用户为中心的设计,就该这样.

  10. emily Says:

    嘿嘿.关于最后一点:第六 礼貌的网站让人信任

     

    这几天玩QQ空间,它好像现在关注这个问题了,我写日记传不上了,下次打开,竟然还帮我记住,真是惊喜,不需要按什么保存编辑.

  11. land Says:

    好文,有大师风范,谢谢思域。

  12. 目录 Says:

    支持,道理都是相通的,例子尤为重要。

  13. 酒生(angysong) Says:

    少见的好文。。。

    谢谢与大家分享。

     

     

     

  14. dte Says:

    同样是cooper的书《交互设计之路——让高科技产品回归人性》里面讲到“为礼貌而设计”也是这方面的内容,不过有更全面的点,思域的语言很诙谐嘛~哈哈 赞~

  15. erich Says:

    爆强!!!

  16. 白鸦 Says:

    礼貌的作者会让读者感觉到舒服,思域就是一个。这篇文章用来追MM一样很有用。。。

    礼貌的产品总是知道如何给用户礼貌的反馈,就好像MAC知道缓缓的出来一个错误提示,而WIN就知道蹦出来一个错误框!

    礼貌的服务总是让人喜欢,比如南方的服务总是微笑的,而北方的服务总似讨债的。。。

  17. LPF Says:

    “礼貌的服务总是让人喜欢,比如南方的服务总是微笑的,而北方的服务总似讨债的。。。”

    鸦哥这句话太片面了哦!

  18. johnson Says:

    写的很有趣:) 潘金莲。

  19. firede Says:

    写的真是太好了~
    思域的语言诙谐幽默,对用户很友好:D

  20. aprilalpsy Says:

    Alan Cooper老头子的书很精彩,楼主的引用更精彩~~

  21. 风飘宁序 Says:

    呵呵  不错的文章  太逗了…

  22. `fish Says:

    写得很不错。提的很多案例都很经典,值得学习借鉴的~

    Alan Cooper的书很幽默。并且告诉我们写程序不是枯燥的完成功能要求,更多的考虑用户的感受。

  23. smallpig Says:

    借书。。。JJG 的书我买了  继续买其他的

  24. iceFiFi » Blog Archive » 《UCD火花集》电子书版下载 Says:

    […] 这些设计,让网站似个彬彬有礼的绅士 http://ucdchina.com/blog/?p=195 […]

  25. 《UCD火花集》电子书版下载 « Tokgoo Says:

    […] 这些设计,让网站似个彬彬有礼的绅士 http://ucdchina.com/blog/?p=195 […]

Leave a Reply

You must be logged in to post a comment.