交互设计实用指南系列(1) – “有效性”之“操作入口明确”
作者:尚轩 来源:TaobaoUED 时间:2009-12-11 18:42:00
“操作入口明确”,就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”,指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件、输入框、文字链等都属于操作入口;“明确”指的是入口的视觉感是清晰的、可识别的;“合理”是指入口的出现是符合用户操作逻辑的,适时的。
之所以要提出“操作入口明确”,是因为用户在使用产品的过程中,往往遵循的是可分析的行为逻辑。对于产品本身而言,必须有相对应的操作提示来引导用户最有效地获取信息,还原为实现层面就是明确、合理的操作入口。如果说首页是整个网站的门户,那么操作入口就是连接各个子页面的枢纽。设计师的终极目的, 就是通过对这些枢纽的优化让用户利用最有效的方式在最短时间内完成自己的预期任务。
对于基于WEB的电子商务而言,核心价值是信息资源,而能否将这些海量数据合理地推送给用户,则是产品生存的关键。操作入口的设计,甚至可以看做 “通过对引导方式的优化间接达到对信息资源的归类”——这很像图书馆中的书类标签管理,用户可以根据不同的类目标签找到自己想看的书。失败的操作入口所带来的后果往往是灾难性的,功能失效、位置隐蔽、信息干扰……都会给用户带来严重的挫败感,使其绝望地湮没在茫茫的信息海洋中。所以,明确合理的操作入口设计,是对产品“有效性”的保障,更是对用户体验的尊重。
那么,在具体的设计中如何做到“操作入口明确”呢?
1、强化重点,弱化周边
星爷《唐伯虎点秋香》中的精彩片段,一声“美女”换来诸多牛鬼蛇神的壮观回眸和秋香MM的惊鸿一瞥——“美女这东西是要需要比较地”。WEB产品也 一样,尤其是海量信息的电子商务网站,由信息架构衍生出的各类功能入口相当复杂,部署在页面的各个角落,一不留心就被疏漏。通常有两种方法来解决这类问题:一是增加入口数量,即“广撒网”,同样的功能入口有多个,以此增加功能模块的使用率,不过这种方法存在较大隐患,后面会详细分析;二是“强化重点,弱化周边”,即在视觉上将入口模块凸显出来,采用精妙的布局,并适当弱化周边的信息展示,加大二者的权重对比,客观上增加用户识别的准确性。
例如地球人最熟悉的Google首页:
浓郁艺术气息的LOGO作为唯一的色彩元素有效地抓住了浏览者的视觉中心,输入栏和Button作为功能核心占据了页面的心脏位置,这种组合让用户 通过第一视觉便能够准确理解页面所表达的信息逻辑——“输入关键词”+“点击按钮”=“Everything you want”。
再看一个反例,如图:
面对这样一个下载页面,面对这样一个抢眼的大Button(标记②),相信即使是电信用户,也会很大方地支持下网通……但是,点击之后弹出的却是下载遨游浏览器的窗口,崩溃之余再仔细查看,终于发现在华丽的广告位旁边蜷缩着一个毫无特色的“立刻下载”(标记 ①)——刹那间,无数用户被这种饱含“让贤”哲理的设计深深震撼了!
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
SQL Server数据库超级管理员账号防护
SQL Server数据库简体繁体数据混用的问题
SQL Server数据库触发器安全隐患解析
该用多大的字
当设计师遭遇HTML5
![](https://img.aspxhome.com/file/UploadPic/20118/5/01-13s.jpg)
asp中提取HTML中图片的SRC路径
adox 的vbs类,提取表名,列名等
为你的网页添加背景音乐
![](https://img.aspxhome.com/file/UploadPic/20072/200723113925440s.gif)
关于ASP中的类class
jRaiser与jQuery的冲突问题
Refactoring HTML 书评
泛泛而谈界面中的斑马纹设计
![](https://img.aspxhome.com/file/UploadPic/20107/15/bm-001-76s.jpg)
css学习笔记: css新闻列表的特殊做法
![](https://img.aspxhome.com/file/UploadPic/20097/19/11e89610908g215-71s.jpg)
Oracle常用命令大全集
javascript新闻图片轮换类
IE中选择符的4095限制
浅析SQL Server与Oracle数据库的区别
WEB页面工具语言XML支持的工具之运用
SQL0290N表空间状态问题:停顿的独占处理
视觉对交互的帮助——提升可用性
![](https://img.aspxhome.com/file/UploadPic/200810/16/20081016132344595s.jpg)