任何一个交互过程的操作，对于用户来说都有学习成本，谁也不能保证所有人都可以准确无误地走完一个流程。交互设计师在设计时应该考虑适时地给用户相应的帮 助，这一点非常重要。适时帮助，是指在用户使用流程中，在需要的时候能及时地得到帮助；反之，在不需要帮助的时候,不要出现信息干扰。
不及时的帮助会造成用户使用进程中断，或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰，影响用户完成任务。
“适时帮助”是一个偏正结构，首先是帮助，然后制约条件是适时。我们分开来讲。
阅读全文…
可及，通俗的说是“可以达到”，加上主语和宾语，在“交互设计”这个大的语境下，含义应该是“用户可以达到自己的操作目标”，这不是和“有效性—用户的操作是有效的”重复了吗？其实，在交互设计实用指南中，“可及”是一个狭义的概念，是放在有效性下面的，具体解释为“色盲、肢体残疾等特殊人士可以完成基本操作”。更扩展一下，这个特殊人群应该还包括老人儿童，文盲等对信息使用不擅长的人。
也就是说，交互设计实用指南所定义的“可及”就是“信息可及”。具体解释为在产品设计应用过程中，应当考虑到特殊人群的使用状况，让这部分用户享受无障碍设计带来的便捷，在浏览，使用网页时能很顺畅的使用该网页所提供的相关资源。
阅读全文…
“操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”，指的是产品内部不同模块之间的转接元素，例如在Web产品中，按钮控件、输入框、文字链等都属于操作入口；“明确”指的是入口的视觉感是清晰的、可识别的；“合理”是指入口的出现是符合用户操作逻辑的，适时的。
之所以要提出“操作入口明确”，是因为用户在使用产品的过程中，往往遵循的是可分析的行为逻辑。对于产品本身而言，必须有相对应的操作提示来引导用户最有效地获取信息，还原为实现层面就是明确、合理的操作入口。如果说首页是整个网站的门户，那么操作入口就是连接各个子页面的枢纽。设计师的终极目的， 就是通过对这些枢纽的优化让用户利用最有效的方式在最短时间内完成自己的预期任务。
对于基于WEB的电子商务而言，核心价值是信息资源，而能否将这些海量数据合理地推送给用户，则是产品生存的关键。操作入口的设计，甚至可以看做 “通过对引导方式的优化间接达到对信息资源的归类”——这很像图书馆中的书类标签管理，用户可以根据不同的类目标签找到自己想看的书。失败的操作入口所带来的后果往往是灾难性的，功能失效、位置隐蔽、信息干扰……都会给用户带来严重的挫败感，使其绝望地湮没在茫茫的信息海洋中。所以，明确合理的操作入口设计，是对产品“有效性”的保障，更是对用户体验的尊重。
那么，在具体的设计中如何做到“操作入口明确”呢？
阅读全文…
今天得到产品经理的一个需求
分类体系 一级分类 以及其子分类 在一个标题栏上展示 只显示5个子分类 其余显示为下拉列表 效果如下图
由于对前端比较痴迷 于是乎用前端来实现了一下 之前这样的需求 都是程序员去做判断 来实现的
查看DEMO
下载代码
已在如下浏览器测试 IE6 IE7 IE8 FF3.5.6 Opera10 Safari4
页面结构用前端实现如下
<div class="Area"> <div id="menu1" class="main_tit"> <h2><a href="http://www.iamued.com">IamUed.com-前端开发</a></h2> <ul class="sublist"> <li><a href="http://www.iamued.com">javascript</a></li> <li><a href="http://www.iamued.com">Ria</a></li> <li><a href="http://www.iamued.com">ActionScript</a></li> <li><a href="http://www.iamued.com">Flash</a></li> <li><a href="http://www.iamued.com">Flex</a></li> <li><a href="http://www.iamued.com">W3C</a></li> <li><a href="http://www.iamued.com">xhtml</a></li> </ul> </div> 一级内具体内容 </div>
可以看到 对于程序输出来讲 这样的结构不需要任何逻辑 相对代码结构清晰整洁
核心JS代码如下
阅读全文…
