收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 5583|回复: 18

引起用户注意的界面方式

[复制链接]
发表于 2007-9-29 23:20:02 | 显示全部楼层 |阅读模式
由于工作对人的眼球和精神都会带来一定的疲劳,所以在界面设计中,希望用户能够准确的关注重要的信息,而不因为用户的长期使用而流失信息。最近在看《用户界面设计》,书中提到了几种提高用户注意度的方法,我也细细的考虑了一下,在此把笔记记录一下:
1、亮度  在界面设计中,设计师懂得用色彩的对比度来提高用户对质感的把握,同样软件中,设计师依然可以通过不同的亮度,来拉大用户的吸引力;这个在很多地方都有看到;
10.jpg

2、标记  给文字添加下划线,给图片加边框,用箭头做指引等等符号上的动作和标记,也在一定程度上增加了原本的表现,起到了一定的注意作用。
12.jpg
        
3、尺寸  “使用4种尺寸,让大的尺寸吸引更多的注意力”Ben Sheniderman在书中提到,但是始终不是很了解为什么是“4种尺寸”(请指教呀),用面积来吸引眼球的方式我觉得到处可见到把,广告位告诉了大家,呵呵!

4、字体选择   “使用3种字体”Ben的说法,合理的区分文字的大小,对界面元素的拆分是很重要呀,同时,个人觉得字体的样式和表现形式也会对视觉造成很大的影响的呀,看一下淘宝把
13.jpg

5、反相显示   使用反相着色
14.jpg
在色环中相互对应的颜色,可以明显调整用户的视觉跳转!可以看到下面在ps中的调整色彩:
15.jpg
左边:原始色彩          右边:反相操作后效果

6、闪烁   在静态的web页面有着移动或闪动的视觉效果本来就增加了用户的视觉注意,如果再配以颜色的变化,效果应该是很明显,一般我们在公告最新的消息或紧急的通知时用到,用这种方式宣传也是明确之举呀!
16.jpg

7、颜色  “使用4种标准颜色,其他颜色在特殊场合使用”书中的“4种”类的数字我真是不好理解呀,但是特殊颜色来表现特殊意义确实我们经常用到的,所有的注册警告,都是用不常用的,表示警告的“红”表示!
17.jpg

8、音频   这个是空间或博客最常用的方式把,用一下特殊的听觉感受来影响有共同特点的人群,当然也会用像120一样的声音来表示紧急的,听觉能够表达太多的含义,依据网站性质的不同,选择适合的音效。
9、弹出   弹出是我认为合理的,可以提高注意的项目,但是弹出提示的形式过于繁多,用的过多反而会带来相反的效果,这个就要利用中国那博大精深的语言来显示了。
10、序列   其实我觉得大师漏掉了另外的一点,“序在最前面的”也会以一种先入为主的视觉效果传递给用户。

应该还有很多,欢迎大家探讨!

[[i] 本帖最后由 西贝 于 2007-9-29 23:25 编辑 ]

评分

参与人数 1威望 +1 收起 理由
moby + 1 原创内容

查看全部评分

发表于 2007-9-30 10:55:36 | 显示全部楼层
确实,细节太重要了!
回复 支持 反对

使用道具 举报

发表于 2007-9-30 15:41:46 | 显示全部楼层
很形象,很详细
回复 支持 反对

使用道具 举报

发表于 2007-10-1 01:49:44 | 显示全部楼层
在类似新浪的门户网上使用文字高度有一点扯淡..

我从来没有在新浪上面看到比较深的用户体验 ..
回复 支持 反对

使用道具 举报

发表于 2007-10-1 15:13:47 | 显示全部楼层
给出例子的网站基本上都没有起到强调的效果
因为满屏幕到处都是强调,也就没了强调

最后音频和弹出,我认为是有害行为,除非特殊情况否则不要使用.目前我还没想到有什么样的特殊情况值得去用.

你看的这本书太理论化了也太老了,这本书我买了,看了一半感觉不咋地就放那一直没再动过,有一年了.
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-10-1 15:18:27 | 显示全部楼层
哦,愿听kuangfu高见,我们多多讨论呀
回复 支持 反对

使用道具 举报

发表于 2007-10-2 14:37:24 | 显示全部楼层
弹出窗口 无论是何种内容都可能被视为广告,直接被关掉.
你无法选取一种音乐让所有人都满意,对于不满意的人来说这就是噪音.并且你无法确定是否有人一边听音乐一边上网,那么你播放任何音乐都是噪音.
对于把声音做为提示或者警告我认为也不可取,一般网站上不会有什么紧急的事情值得大吼大叫.
只有在一些特殊情况下可以使用我认为才是合适的,比如某歌手的网站(但是也应该可以控制关闭)

一些网站还专门搞播放器,既耗费资源又骚扰别人.没有谁会跑到一个不是音乐网站的网站上专门听歌的,他要听歌会去该去的地方
回复 支持 反对

使用道具 举报

发表于 2007-10-3 01:15:29 | 显示全部楼层
不错,感谢楼主分享。最近发现急需补充这方面的理论认识
回复 支持 反对

使用道具 举报

发表于 2007-10-4 22:03:34 | 显示全部楼层
两个字:谢谢!
回复 支持 反对

使用道具 举报

发表于 2007-10-8 14:03:26 | 显示全部楼层
原帖由 [i]kuangfu 于 2007-10-1 15:13 发表
给出例子的网站基本上都没有起到强调的效果
因为满屏幕到处都是强调,也就没了强调

最后音频和弹出,我认为是有害行为,除非特殊情况否则不要使用.目前我还没想到有什么样的特殊情况值得去用.

你看的这本书 ...



同意,例子网站上的强调的确是很多。sina上的红色字、滚动、特效等,都在抢夺用户的眼球。
但能引起用户最注意的一是用户关心的,二是强调的很巧妙,三是太过于强调。
回复 支持 反对

使用道具 举报

发表于 2007-10-8 16:21:56 | 显示全部楼层
几天不来,西贝当上版主了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-10-8 16:35:40 | 显示全部楼层
原帖由 [i]bluevil 于 2007-10-8 16:21 发表
几天不来,西贝当上版主了

楼上是??
回复 支持 反对

使用道具 举报

发表于 2007-10-8 17:22:48 | 显示全部楼层
虽然都是引起用户注意,但是目的不同;
1、亮度的例子,是为了向用户推荐网站设计者自认为好的产品。引起注意的范围更多的实在导航条内;
2、标记的例子也是引起用户的注意,但是这里是要告诉用户这些items可以点击,有超链接;
3、尺寸的例子同样是这样,有可能是为了吸引用户的第一眼的注意力,也有可能区域尺寸的变化为了和其他区域区分,方便阅读;
4、字体的例子是为了让用户清楚的明了一段文字的标题是什么,通过标题就能了解大致的内容是说什么的。用户可以决定是否阅读。
……
……
……
同样的引起用户注意,但是决不是引起用户第一眼的注意,否则用户就什么都注意不到了。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-10-9 09:38:42 | 显示全部楼层
同意ilovezwh的,其实还有很多的引起用户的方式,但是过多的提示,有时也会造成不好的影响 也要注意减少使用呀
回复 支持 反对

使用道具 举报

发表于 2007-10-23 15:36:38 | 显示全部楼层
弹出这里面的可以理解为JS的alert 吧,而不是弹出广告那种
回复 支持 反对

使用道具 举报

发表于 2007-10-23 16:13:04 | 显示全部楼层
原帖由 [i]kuangfu 于 2007-10-1 15:13 发表
给出例子的网站基本上都没有起到强调的效果
因为满屏幕到处都是强调,也就没了强调

最后音频和弹出,我认为是有害行为,除非特殊情况否则不要使用.目前我还没想到有什么样的特殊情况值得去用.

你看的这本书 ...


我也同意这位的观点。
回复 支持 反对

使用道具 举报

发表于 2007-10-23 16:35:46 | 显示全部楼层
在你BLOG看过..发表在blog很久了
回复 支持 反对

使用道具 举报

发表于 2007-10-23 17:28:29 | 显示全部楼层
-.-\........楼上大哥,,,这帖子发了也快2个月了哦
回复 支持 反对

使用道具 举报

发表于 2007-10-23 18:29:20 | 显示全部楼层
汗呀..没看时间..我说LZ怎么现在才发表出来呢
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-8-19 05:42 , Processed in 0.155856 second(s), 14 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表