百度空间 | 百度首页 
               
 
查看文章
 
首页访问感受提升三步曲
2007-11-27 17:48

    作者:掺掺
    出处:http://hi.baidu.com/pitiaoxiao/

第一步(视觉设计):
    1 体现产品定位;
    2 溶入情感;

    谈起美味的食物,大家还是以“色、香、味”为主要出发点,“色”为什么在第一位?不言而喻,相信大家都能体会:

    今日下厨,如下图:(反面教材)

    

    虽然门户视觉设计,主要为内容服务,但无论你的产品功能再强、操作再实用,不得不承认,和用户进行主要沟通的还是界面这块。
    另外,产品设计中必须溶入情感,冰冷的界面是无法让人接受的。

    先谈谈视觉设计传达的产品定位和情感,举例:
Yupoo:
    传达给我们的第一感觉是什么?一个年青化的产品;
    情感上是很活泼,轻松的,绿色在这点体现的很到位。

IBM:
    第一感觉是什么?企业服务型网站;
    情感上是专业、权威的,黑配蓝也体现的很到位。

    如果IBM变成这样会是什么感觉。

    ………

    征服用户的眼球,将是我们做的第一步,如何将你的情感传达给用户,也将是我们需要解决的首要问题。


第二步(内容):
    1 内容排序;
    2 内容展现方式;
    3 可扩展性。

    “网站首页是什么?” 在UPA Workshop中 Daniel Szuc 这样问到。
    我理解的是,网站是一本书,首页就是封面和目录。封面从视觉上吸引你,目录将是让你最快了解这本书的途径。如何有序、科学的将内容展现,也是这个环节设计师需要解决的首要问题。

    在你还不能确定首页的内容块前,建议通过定性和定量这二方面进行分析:
    1 焦点小组 (将内容部门拉上进行讨论,确定最初的内容块)
    2 日志分析 (通过数据来分析用户对内容的关注度);
    3 问卷调查 (如果通过以上二点都不能确定,那把这个权利交给用户吧,这是你从用户那拿到数据最直接的一种方式)。

    协调内容部门是很重要的一个环节,如果有争执不下的情况,那情参考(3),数据是很有说服力的.


第三步(可用性):
    1 简单快速完成任务;
    2 提高用户满足度。

    先看看具体有中国特色的门户首页是什么样子的? (Tom Sina Sohu)

    什么是网站的可用性?
    指的是用户在访问网站时感受如何、操作是否够简单,能否能高效而直接的完成任务。
    如Apple的产品,以设计简洁、操作方便及独特的品味著称,也可以将可用性理解为产品的核心竞争机制。

如何引导用户快速的完成任务。
    1 导航及提示明晰
    2 文字可读性强
    3 内容准确
    4 减少页面噪音
    5 操作简单

提高用户的满意度
    1 次要功能的淡化
    2 易学习

    文字可读性强:比如标题、按钮、介绍等…尽量表述清楚,让用户做到心里有数,并可以预测点击后的情况,看下面的文字标题不知作何感想;

    内容准确:请尽量避免诱导点击情况,被愚弄的感觉是不好受的;

    减少页面噪音:内容区分明显,减少干扰用户阅读的内容(比如:文字链、FLASH广告、诱惑的图片等….),虽然放这些内容会提高网站的流量,但对网站的长期发展绝对是弊大于利的;

    搜狗拼音 是比较典型的页面,页面中最重要的下载按钮及分流下载链接,却放在如此花哨的背景上,更可怕的是右侧的广告还在闪动。

    淡化次要功能 :主要功能重点突出,其它功能让用户在逐渐的使用中找到,提升用户的成就感并加强对网站的情感。(比如Google的其它服务,Yahoo Logo中的隐藏声音);

   Google很好、很强大!!!

    易学习:好的产品,用户学习代价将会很低,比如Apple Ipod、Iphone,上手时间比较短,在减少用户挫折感的同时,也在不断加强用户对产品的忠诚度。另外一个,Turbo Photo图片处理的软件,应该是设计时,按钮的位置不合理,我都用一年多了,还是会经常误操作。

    虽然不是很系统,但以上的这些观点希望能对产品设计人员有所启发的。关于UCD的流程及方法,国内更多处于摸着石头过河的阶段,相信在不断的探索中,国内能拿出真正适合目前的企业及产品的设计流程及方法。有其它的问题也请联系: Peter.xiao999#Gmail.com

  


类别:工作 | 添加到搜藏 | 浏览() | 评论 (24)
 
最近读者:
 
网友评论:
1
2007-11-27 17:59 | 回复
恩恩
 
2
2007-11-27 18:18 | 回复
狂赞,尤其是那个sogou,文章就是文章撒,我经常狂点一些文章,却发现是打开了很多同样的频道首页,yahoo首页也这样,对用户感受很有影响。
 
3
2007-11-27 19:46 | 回复
很有见地的文章!看了你的文章之后,我立马把我博客的背景音乐给去了……
 
4
2007-11-28 08:24 | 回复
原创的文章不??? 可否转载???
 
5
2007-11-28 09:53 | 回复
原创文章,转载请注明出处..
 
6
2007-11-28 12:38 | 回复
继续学习~定时上课~
 
7
2007-11-28 13:01 | 回复
赞一个,结合实例讲理论生动又真实。同意关于视觉、内容和可用性的观点,但是我不同意把他们放到一个维度,并对提升访问性的影响分权重的做法,实际上视觉是可用性研究的一个方面,另外,可用性和内容(确切的说是网站提供的服务)是两个不同的维度的概念,两厢结合才成为你设计的产品即你们的网站。
 
8
2007-11-28 16:47 | 回复
真是道出了俺们只看网页的人的心声~很有道理 你做的菜看起来还不错喵~~:)看到洋葱了。放洋葱肉就会很香的~
 
9
2007-11-28 16:51 | 回复
以前一直以为蓝色的被各网站用滥了,IBM改成蓝色真是不伦不类…… 缺少了那种凝重权威感了~~恩~~
 
10
2007-11-28 17:06 | 回复
我已经被禁止吃洋葱了... 吃完满口留"香"啊 .....
 
11
2007-11-28 19:50 | 回复
怎么第一步会是视觉设计 = = 顺序杂乱 - -
 
13
2007-11-29 09:05 | 回复
这篇主要讨论的是理论,而不是流程
 
14
2007-11-29 14:31 | 回复
桂光同志,好久不见。居然在这里遇见你:)
 
15
2007-11-30 09:27 | 回复
我也是重UI设计做起的,所有非常同意以上观点。不管可用性、开发、功能多好,如果界面视觉不行,其他都免谈。界面是传到可用性、需求功能的媒介,却不能忽视。
 
16
2007-11-30 19:33 | 回复
转了:~)
 
17
2007-12-01 09:41 | 回复
好文,转了
 
18
2007-12-04 16:54 | 回复
2007年11月29日 星期四 上午 09:05 这篇主要讨论的是理论,而不是流程 不好意思。因为你用了一、二、三步……已经有顺序观念了。 既然是提升,那么就是遵循“可用,易用,乐用”。先【内容】,然后【可用性】,然后【情感提升】。 脱离了上一步支持的任何一步都会是无效的。如果是理论,那就保证减少误导。这个理论是无法忽视顺序的。
 
19
2007-12-04 16:55 | 回复
我会比较支持7楼的说法
 
20
2007-12-06 01:25 | 回复
概况的说,产品主要的三部分:内容、运营(市场)、用户体验(视觉、交互、数据分析)... 其实写博客主要是学习的一种沉淀方式,多看一次又会有新的启发....
 
21
2007-12-13 12:05 | 回复
很赞! 第一步与后文有矛盾。 既然要提升“目录”的展现力量,那么应先提炼出“目录”内容。 当基本内容确定后,再提炼视觉层。 产品设计融入情感,怎样正确的将情感转化成视觉,还请楼主补充。
 
23
2007-12-13 12:18 | 回复
同意楼上的想法,产品分析这块应该提前。 对于设计情感,我的理解是: 在分析产品及用户的前提下,设计师将自己的理解转化为视觉并反馈给用户;
 
24
2007-12-13 14:12 | 回复
此文是好文,看了:)
 
25
2008-02-18 23:35 | 回复
很好,很强大;
 
26
2009-04-10 16:04 | 回复
受教了
 
发表评论:
姓 名:
网址或邮箱: (选填)
内 容:
验证码: 请点击后输入四位验证码,字母不区分大小写
      

     

©2009 Baidu