刘钢的博客 – 我是UED

今天看云谦的blog 看到该文章，觉得不错 mark一下

对于首屏估计大家都会关注，但设计稿发到不同的人 由于分辨率不同，体验效果其实也不同

正好内部在做新的设计稿也推荐给设计师看了一下 之前注意首屏并没有通过这样详细的统计分析来获得首屏高度

根据内部统计系统中的操作系统、浏览器分布和屏幕分辨率等数据，结合浏览器状态栏、任务栏等高度进行分析：

得出两条首屏线，分别为 580 和 710，对应不同的分辨率。

==

C 再从实际用户的角度出发，在某应用布点进行用户数据的收集，分析用户实际的分辨率和浏览器可见区域：

1. 分辨率

1) 1024×768, 1440×900, 1366×768, 1280×800 仍占了绝大多数
2) 分辨率总类非常多，除上面列出的之外，other 里包含了几十种分辨率
3) 800×600，1024×600 等 600 高度系列的已逐渐推出舞台

2. 用户可见区域高度

具体数据举例：

测试用户总数量为 261645)

1) viewport 高度低于等于 580 的有 116786 个人，占 44.64％
2) viewport 高度低于等于 720 的有 216227 个人，占 82.64％
3) viewport 高度低于等于 800 的有 241420 个人，占 92.27％
4) viewport 高度低于等于 900 的有 259174 个人，占 99.06％

==

接着，D 根据 C 的数据，生成浏览器可见区域的热区图

最后结论如下：

1. 根据 D 的热点图，可以看到如果首屏高于 600 像素会有很多用户看不完整。所以请设计师以 600 像素高为首屏进行设计。
2. 根据 C 的曲线图和 80/20 原则，首屏设为 710 像素可以照顾到 80% 的用户。所以前端开发可考虑把 710 像素视为首屏，对首屏的资源进行优先加载。

记得《赢在中国》中，郭凡生对创业者说过的一句话：你们需要的不是钱，而是投资者对你的信任。在虚拟的电子商务世界，信任显得尤其重要，因为如果交易发生，我们必然会从虚拟走向现实。
在淘宝网，我有几年的购物经历，我最看重的三个方面依次是：皇冠或钻石卖家、本城市、价格。其实，前两个就是关于信任。
有人说，卖产品不如卖自己。其实，卖自己，也就是建立和客户的信任关系。

信任度，本质上就是他人的行为结果是否符合你的预期，而预期来源于他的承诺，或他给你的感觉。
信任是一种结果，而建立信任的过程，就是诚信。诚信不是说出来，而是做出来，要让客户感觉到。越声张“网站值得信赖”，越容易失去用户信任。

信任度，是提升电子商务网站转化率的核心。比如，有个网站做得很烂，但如果你知道他是你一个高中同班同学在运营，你可能会优先选择它。

对于转化率，如果通过SEO，以前200用户产生1个有效订单，现在提高到2甚至4个订单。比起提升访问量，提高转化率更有效，员工更有成就感。

对于电子商务网站，信任是一种整体感觉。比如，内容大量抄袭同行，而把支付做得越便捷越糟糕(用户感觉是陷阱)。
信任贯穿了用户整个购买过程，从用户进入网站到最终离开。而在过程每一步，即在用户的每个行为意图产生时，呈现给他适合的元素。用设计的术语，就是用户体验。

在信任构成中，最核心是品牌，如公司品牌、产品品牌和网站品牌。品牌是一种性格，根源于领导者的性格。一个重销售或资本运营的公司，很难做出以品质和服务为形象的品牌。
品牌是一种美誉度，广告可以打知名度，但很难打品牌。
品牌是一种积累，这种积累往往需要若干年。
本文主要是网站的可操作性上建立的信任模型，所以把品牌建设排除在外。

另外，信任度有两个方面：用户信任度和搜索引擎信任度，对于后者，本文也没有涉及，我觉得，朴素的SEO和原创就可以达到。

大多数事物都满足80/20法则(Pareto Principle)，所以在信任度模型中，我主要介绍的是核心、可执行元素。

信任度静态模型

上图提供了一种信任度建立的结构化思考方法及要素，沿着此图独立思考，比我解释更有效。

用户购买过程

上图一是从著名的AIDA模型演化而来的。针对虚拟的电子商务(购买前可能接触不到实体公司、产品和客服)，加入了Trust步骤，因为在下一步，也就是 Desire前，客户很可能打消购买念头。Trust步骤是用户和商家产生交易行为的开始，否则网站就只是给客人提供产品信息，而无商业价值。

另外，Trust还可以放在Desire后，因为用户采取Action时，很可能出现这种情况：在网站上了解产品，在当地实体店购买。

在信任构成中，比品牌更直接的的是口碑，也就是回头客的传播，如朋友间或网络社区，也就是我上图中的Satisfaction ，也就是用户购买后的真实体验，它和电子商务的电子无关。
据统计，获得一位老顾客的成本，是新顾客的5倍，而这，也由Satisfaction决定。

后面的四动模型，更通俗、易记。本质上和前一图一致，更适用于传统营销和销售。

信任度动态模型

此图可以结合上面的静态模型。此模型是从用户的视角来构建信任度，上模型是从网站建设、任务执行角度来分解信任度。

做电子商务网站，就像做服装店，顾客从店前路过，店外和店面的装修第一感觉，决定用户是否留下(除开品牌因素)，而真正购买那件衣服，还是决定于用户的仔 细观察，如该衣服本身的款式、质量和价格。网站也一样，如产品介绍和价格、辅助信息的质量和易读性(导购员专业知识和态度)。

信任度是一个整体客户体验，信任度建设也是一个整体，要求公司全体相关人员参与，如业务人员、技术人员、财务人员、甚至行政人员(公司介绍)。所以，管理，即如何整合这一批人，非常重要。

信任度建设，既要让客人感觉到信任，也要实际上可信任，否则就是骗子/奸商。除了网站提供售前售中服务来赢得客人信任，产生购买；客人交易后，业务运营人员就应该去实现网站的承诺。而这，与电子无关。

题后记：
本文特别参考了heidi的http://heidixie.blog.sohu.com/147027487.html
及其它相关文章(google “网站 信任度”)。

转自：http://zwchen.javaeye.com/blog/712739

     网站设计除了架构设计、交互设计、视觉设计这些方面以外，还有一个非常重要的点，那就是——网站内容。我们在进行网站设计的时候要首先思考用户为什么会来到你的网站，你能为用户提供什么样的内容，什么样的功能（帮助），你如何展示你的内容？要站在用户的角度，去体会你的网站。在体会网站的同事要记得理解用户。用户非常忙，他们都是急性子，短时间找不到想要的东西，就会生气的走开，你就丢失了这样的一位用户了。                            

        用户使用网站，就好比是用户在与你对话，当一段对话变得驴唇不对马嘴时，用户就会抓狂，然后生气的走开，从此再也不理你。用户的性情会严重影响用户对网站的印象，为那些容易发怒的，焦躁的，有压力的用户提供的网站内容要特别的清晰简单。在记录用户想法时尽量记录用户的原话，理解用户在描述他们的需求时使用的语言，这样一来，在编写网站内容时就能够知道用户通常用什么样的词汇了。用户要在网站中有成功的体验，人们必须找到他们需要的内容，理解他们找到的内容，基于用户的理解进行适当的操作。

       人们来到网站总是带着一定的目的或者为了完成某个任务而来，极少是有因为网站看起来好看而来的（部分设计师为了学习而来到一些优秀网站的设计，带着纯视觉的原因而参观网站。）用户在网站中搜寻，期望得到自己的答案，网站最好的方式就是做到跟用户对话，用户又什么疑问或需要，网页能够迅速的反馈，并给出用户解决方法。不过网站本身不会讲话，用户带着大量的疑问来到网站，网站就是为了解决用户的问题而生。

        用户上网很少是为了认真阅读的（除了关注博客这样的以内容为主的网站外），用户在网页上大多数是采用浏览信息的方式，相比较电脑上阅读，纸面的文字读起来比网页的文字有质感也更亲切，正因为如此，我们在设计网站的内容时需要考虑用户浏览信息的习惯，减少篇幅过长的文字堆砌。网站的文字大段大段的出现，用户看起来很伤神。网页的文字能简短就简短写，当写好了一段文字后，一定要仔细阅读是否能够有所删减，网页上给用户呈现的文字应尽量是重点文字，避免废话连篇的占用网页空间。

         在编辑网站内容时，大篇幅的内容写成几个部分并标上标题，这样用户在阅读时就能够先阅读标题了解内容，这样用户就不用费很多时间阅读自己不需要的章节了。当然，章节标题的意义是为了概述一段文字，因此标题需要仔细斟酌，切不可随意的安放一句话就当做标题。另外，标题与内容要比其他的信息接近，当标题和上下的文字间距相同时，标题就会“飘”在两段文字间，让用户茫然。标题和文字间应当使用紧凑原则来布局，这样用户就能准确的知道标题概述的是哪个部分的内容。如图：

        网页需要留有一些空白，分为无心留白和有意留白。因为内容多少的缘故出现的留白是无心留白，特意安排的空白空间是有意留白。虽然无心留白也能够让界面有呼吸的空间，在设计时也应当多使用有意留白，段落中的留白给网站内容留了一些呼吸的空间，让页面更通透，来访的用户不会被大量的密集文字压的喘不过气。

        网站内容可以恰当的使用一些图示，图片比文字更能够直接的传达信息，图片的出现让界面更加生动，也让用户可以更容易知晓网站的内容。但是图片的大小需要仔细考虑，根据网页设计的大小来安排图片的排布。图片的大小应尽量不要占满屏幕，来访的用户看到满屏的一个大图很可能不会记得往下滚动，这样下方的内容就被用户忽视了。

        上图中，右侧的滚动条说明该网站下方还有很多内容有待显示，但左侧的大图片占据了页面整个的空间，造成了页面已到底的假象。视线被图片所占据，这样的图片让用户对网站内容失去了把握的能力，图片已经大到了忽视内容的地步。

       我们在设计网站时很多时候都考虑布局合理性和界面美观性（当然毋庸置疑这些也是非常重要的），关注这些方面设计的同时，我们不能忽视了网站的根本—为来访的用户提供可用的信息，让他们在我们的网站上能够找到需要的内容，顺利的游走在我们的网页中。

原文地址：http://tina.reeze.cn/2010/04/13/webcontent/

三、不要打断任务流

用户在每选择一个操作时都希望当前的任务是连贯的。页面刷新会人为的造成用户体验——或者说用户心流的中断。

[在由harper pernnial 出版的《心流：最佳体验的心理学》一书中，把心流定义为：当人们进入一种全神贯注的状态时，他会感觉一切都是水到渠成，不费吹灰之力。]

1.三个重要的交互相应参数

Jakob Nielsen提出了关于交互的相应参数，这三个准则30年后的今天依然是不变的。[Miller 1968; Card et al. 1991]

0.1秒 是用户判断系统瞬时反应的时间，意味着在该时间内显示反馈结果用户是可以接受的。

1.0秒 是用户保持不间断的思维流的限定时间，即用户会注意到这样的延迟。如果没有特别的信息反馈该操作超过0.1而少于1秒，他们会比较难以忍受。

10 秒 是保持用户关注当前对话框的极限时间。对于长时间的延迟，用户会想在等待计算机完成期间处理其它事务。所以需要显示计算机将要完成的时间（通常选择进度条或百分比来表示），不然用户期待会大打折扣。

阅读全文…