与设计有关:店铺页面一定要为扫描而设计!

小蜗牛 2011-3-3 16:53 3042次阅读 16个回复

收藏 94 取消 94

干货
  • 暂时还没标签哦
 
当我们设计一个页面或者一个banner的时候,往往挖空心思去想创意,或者把效果做得很炫,却忽略了一些用户习惯。我这里所说的只是一些大家都知道,却往往容易忽略的——为扫描而设计.

1.回顾用户习惯

用户善于扫描,且勤于扫描。WHY?

1.忙碌——大部分用户会花极少的时间来阅读极多的页面,为了提高效率,他们对于大部分的页面会采取扫描的方式,匆匆掠过。他们不可能也没有时间去阅读互联网带给他们的所有信息。

2.目标明确——大部分用户在某一时间内都是带着目标去浏览页面的,他们要么想查找一下资料,要么想网购一份商品,要么想阅读一下时事,要么想找一下自己感兴趣的东西,要么…因此,扫描才是找到他们想要的内容的方式。

3.习惯——也正是因为用户总是忙碌的、用户总是目标明确的,在报纸上,在杂志上,在书籍中,在互联网上,用户总是习惯着扫描,习惯着寻找他们想要的和感兴趣的。

因此,为了设计更有效的页面,我们需要为扫描而设计,接下来,需要了解以扫描为基础的设计需要的一些要素。

2.为扫描而设计的要素

我这里主要讲的是前面2点

1.建立清楚的视觉层次

用户每天都会对视觉层次进行分解,筛选出需要的东西,这样迫使用户不断去思考。好的视觉层次通过预先处理,用一种用户能快速理解的方式对页面进行组织并区分优先级,从而减少了用户的工作。假如一个页面没有清楚的视觉层次,所有内容都看起来一样重要,势必会降低用户扫描速度。

那么,怎样建立清楚的视觉层次?

a.越重要的部分越突出

例如

这个页面最重要的banner、导航、登陆框、头图以及按钮设计师会刻意让他们凸显出来。一般利用大小对比、色彩反差、质感、线条或形状辅助等这些方式,使重要的内容突出来,一般采用多种形式,根据内容重要程度进行划分。

以下的页面也是如此。

b.逻辑上相关的部分,视觉上也相关

相近的内容形成一组,放在同一个标题下,采用统一的视觉样式,或者统一放置在一个明确定义的区域内。例如:


c.逻辑上包含的部分,视觉上也包含

例如:“图片中心”下面的几块内容之所以看上去是属于它的,是因为从视觉上看就是包含的关系、主栏目条和下面的小标题栏相比,有明显的主次关系。

2.明显标识可以点击的区域

明显标识的目的也是为了用户扫描,试想用户在浏览页面的时候,错过了我们为他精心准备的大餐,那是多么遗憾的事情。网站的点击率也不会高,一个清晰可见的点击区域是很重要的。在网页上,我们知道按钮、带下划线的文字、蓝色字、带图标的文字这些都是可以点击的。一般灰色说明性文字、正文是不可点击的。但有时设计师过分注意页面的美观性,而忽视了这些地方。

例如:当我们看到第1、2种情况,我们会思考,这些字母是可以点击的吗?可能会尝试着点击一下,可能就会忽略这些操作。当我们看到第3、4种情况,我们会毫不犹豫的去点击使用。设计师忽略的这些看上去不起眼的小细节,可能影响到用户的操作,甚至可能导致网站的回访率减少。

文章来源:http://uedc.163.com/3723.html
鱼,我所恶也
鱼,我所恶也 举报
 扫描设计 这个话题在用户体验版很少被提到。
这是剑宗,是技术流。
是上午学,下午就能用得上的东西。
剑宗和气宗不同之处是,气宗总是在追问:你的设计真正满足目标用户了吗?
剑宗则直接观察用户的眼球走向,停留时间。
当然,都没错。

很高兴看到小蜗牛贴这么一篇文章,为用户体验版带来了新鲜的空气。
要知道,你牛B哄哄,承载了27万字“战略思想”的页面,可能用户1秒就关上了,烦。
因为你可能没有为扫描而设计。

学习了,共勉。

2011-3-3 17:14 回复

小蜗牛
小蜗牛 举报
 @ 鱼,我所恶也  
字小,我至今没有看
一本承载了400多页的精华,更重要的是,承载了我浓厚的兴趣和强烈的欲望
我承认,我跑题了

2011-3-3 17:26 回复

海市蜃楼
海市蜃楼 举报
 好贴!

2011-3-3 23:05 回复

jianghualove
jianghualove 举报
 这个观点很新颖。

2011-3-4 0:45 回复

小蜗牛
小蜗牛 举报
 @ jianghualove  
题目是版主帮我修改的。
页面一定要为扫描而设计!

2011-3-4 9:59 回复

dopeman
dopeman 举报
 学到了~

2011-3-7 9:19 回复

鬼马精灵
鬼马精灵 举报
 不错

2011-3-8 15:41 回复

BlueKiddoQQ
BlueKiddoQQ 举报
 学习了

2011-3-8 15:55 回复

kenxin
kenxin 举报
 学习了~

2011-3-9 16:21 回复

新创造
新创造 举报
 为扫描而设计,用户体验,多少电商卖家会重视?现在的网店仅仅是能用,什么时候可以到好用,爱用?

2011-3-9 21:23 回复

余儿哦
余儿哦 举报
 学习了~

2011-7-21 20:12 回复

alieman15
alieman15 举报
 正在学习

2011-8-11 9:56 回复

志壮
志壮 举报
 网易UED出品了几篇很不错的文章。

2011-8-11 12:12 回复

火花指
火花指 举报
 很好帖子值得顶,需要好好学习

2011-8-11 12:41 回复

evol
evol 举报
 学习 支持 顶贴 我要拍币

2011-8-12 12:07 回复

风枫feng
风枫feng 举报
 有可以学到的东西

2011-8-14 21:02 回复

@你关注的人或派友

亲,先登录哦!

选择表情关闭

  • 猪
  • 发呆
  • 晕
  • 擦汗
  • 害羞
  • 困
  • 吓
  • 色
  • 憨笑
  • 得意
  • 骷髅
  • 可爱
  • 流泪
  • 吐
  • 折磨
  • 发怒
  • 坏笑
  • 呲牙
  • 鄙视
  • 奋斗
  • 难过
  • 闭嘴
  • 疑问
  • 亲亲
  • 调皮
  • 睡
  • 快哭了
  • 抠鼻
  • 横眼

发派邮

意见反馈

意见反馈