用户体验和banner设计(二).pptx

用户体验

如何设计banner;用户体验;一，什么是用户体验;例如：苹果公司走到今天：用户体验至上

苹果公司就是设计时专注于顾客想法和需求，专注于简单易用，苹果公司实际上抓住了用户体验最实质的东西。当苹果产品以精致诱人的造型面市时，就已经超越了时尚。;用户体验和网站

;三，用户体验指标;不需要思考;需要思考;强迫我们思考的地方

;另一个不必要的问号来源是那些看起来不太明显的连接和按钮，作为一个用户，永远不该让我花上几微秒去思考某个东西是否能点击;

你可能会这么想，其实，找出某个东西是否能点击并不需要费多大工夫，如果你将鼠标移过去，它的光标由箭头变成一只小手，就表示可以点击，这会有很大的问题吗？

;四，用户体验设计目标

;视觉设计

视觉设计的目的其实是要传递一种信息，是让产品产生一种吸引力。是这种吸引力让用户觉得这个产品可爱。“苹果”这个产品其实就有这样一个概念，就是能够让用户在视觉上受到吸引，爱上这个产品。视觉能创造出用户黏度。

品牌

前四者做好，就融会贯穿上升到品牌。这个时候去做市场推广，可以做很好的事情。前四个根底没做好，推广越多，用户用得不好，他会马上走，而且永远不会再来。他还会告诉另外一个人说这个东西很难用。

用户体验设计经常犯的错误是，直接开发直接上线。很多人说，互联网作为一个实验室，我一上线就可以知道结果了。这当然也是一个正确的理念。但是在上线之前有太多的错误，那么就会大大地影响事态结局。一开始的时候就能很准确地作出一些判断，作出一些取舍，在互联网这个实验室里，才能够做得更好。

;我们实际上是如何使用web的

扫描，满意即可

;我们是这样设计的事实是;这就说明了一个事实，我们不是在阅读网站，而是扫描。我们在网页上看大什么取决于我们想看到什么，不过我们想看到的通常只是页面上的一小局部内容。

那么我们就要为扫描设计，不为阅读设计

;最大限度降低干扰;带页码的翻页体???与设计比较;Amazon商品列表页的翻页;Google搜索结果的翻页;Flickr照片列表的翻页;新浪文章留言局部的翻页;但是在新浪博客〔新浪比较有代表性的新产品〕中，我们也可以看到以下相比照较粗糙的翻页：;淘宝商品列表的翻页;小结

1.必须提供“上一页”和“下一页”的链接，并根据状态和使用率区分设计；

2.数据量大且更新快的情况下，并且当列表按照特定排序时，一定要提供返回“第一页”的链接；“最后一页”的链接根据访问情况而定；

3.突出当前页的数字，并且尽量使页码容易点击〔不要紧紧地靠在一起〕，也不要一下子把所有页码都显示出来；

4.一般不需要在列表的上下都提供翻页，增加程序负担并且干扰视觉；淘宝列表顶部提供的简化的翻页想法不错，但不知道使用率如何；

5.批量翻页是无意义的〔但是可以增加PageView〕，可以通过优化页码排列来替代；比方在当前页的左右两侧各提供一定数量的页码；

6.对于“第一页”和“最后一页”的链接，如果是在页码序列中显示，一般会附带显示第二页和最后第二页的链接，比方本文中的淘宝翻页的截图，显示为“12...9697”。如果单独提供，可能视觉上会以为这不是页码序列的一局部，特别是最后一页的数字，用户可能没有概念；

7.对于用户比较熟悉的内容，或者用户自己的内容，尽量提供“最后一页”的链接，比方Flickr对于个人照片就是这样处理的〔文中的翻页取自某个tag的照片〕。

;如果可以通过数据确定用户的行为是较为随意和没有目的性的浏览，那么提供多种方式的翻页很有必要，比方提供跳转到固定页码。比较理性的行为，不会使用直接跳转到某页，因为无法知道那里是什么。;;先说活动banner

这个很常见，banner的设计一直主张这个观点〔就是大道至简〕，用色要少，元素要少，把活动主题突出来！很多不太成熟的美工，一味炫耀设计，喜欢在banner上做很多特效，加很多与主题没太大关系的元素，这恰恰会分散用户注意力，达不到影响深刻的效果！

;好的banner需要让人有点进去的冲动，掌握两个词“简洁”“夸张”！这就是被人记住的方法！这里有两个让人们记住的技巧，分享给大家：

一是重复性；二是夸张！

重复性在设计里讲的是统一，配色要统一，不宜经常变换颜色，你现在看到“绿色+橙色”就知道是当当，看到“淡绿色”就知道是豆瓣，看到“橙色”就是淘宝一样！

其次是夸张，夸张的东西总是被人记住和好奇！大夏天你走在路上，突然一个穿羽绒服的人出现你面前，你一定会被其吸引！这个相信很多人在淘宝上看过一些令人叫绝的设