主要内容
-
Tab式位置导航变体 2008-11-10 02:29
Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介绍了一种新颖的、综合了 Tab 导航的 Breadcrumb（一直找不到合适的中译，位置导航？您的位置？还是面包屑？），如下图： 图中不错的表达了网站的层次、结构，单独来看很有新意。Yahoo! 在运用这招的时候加入了一些变化，参见 Yahoo! Food、Yahoo! Sp ... ...
-
经验分享：交互设计文档(2) 2009-03-07 15:28
前一篇：经验分享：交互设计文档(1) 继续介绍上文中提到的原型设计工具，还有几个工具也是很有必要一一介绍一下的： Balsamiq Mockups （有Web版本）关于这个工具，黄主任在他的来，超酷的Balsamiq Mockups中有一些介绍。优：看着超舒服，提供的组件工具很多。劣：虽然提供了很多常用的工具，但反而让文字操作变得不太方便（当然，我们不是在介绍排版工具& ... ...
-
微博不只是微小型博客 而是“实时信息流” 2009-09-21 09:49
顾名思义，微博就微小型博客。NO，微博不仅仅只是微小型博客，如果这样理解，你只做到了窥其表，忽略了最核心的，请往下看： 丁欣说：微博一词其实不准确，他个人认为叫“实时信息流”更准确一些。你怎么看？换个角度说微博只是中国目前的一种叫法，追溯起源，最具代表性的应 该就是Twitter了，这个词甚至已经成为了微博客的代名词。新浪叫微博、腾讯叫滔滔（唠唠叨叨、其乐滔滔 ... ...
-
banner广告条设计的经验分享 2011-03-23 22:47
banner广告又叫旗帜广告，在几乎所有的网站中都能见到，也是目前最常用的一种网站广告形式。不过对于banner的设计相关文章并不多，其实在这种横幅banner中设计的好坏对于广告效果的影响是很大的，本文将介绍几种总结出的banner设计经验 本文来源：http://www.tutu001.com 1，banner广告在网页中的第一感觉：对于网站广告条的目的就是吸引用 ... ...
-
交互设计的定义、目的、价值、方法、文档 2010-03-17 21:16
交互设计的定义 交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要 考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终 用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。 交互设计可以划分为纵向和横向（动态的和静态的） &n ... ...
-
账户注册的8个小贴士 2009-12-10 00:15
几年前我在排名前87的在线零售站点上都注册了账户。我发现现在是时候重新审视这个问题了，自从大多数的电子商务站点使用账户注册以来，我在每个登记过程中发现至少有一处是可以提高的。 帐户注册的8个小贴士 几年前我在排名前87的在线零售站点上都注册了帐户。我发现现在是时候重新审视这个问题了，自从大多数的电子商务站点使用帐户注册以来，我在每个登记过程中发现至少有一处是可以提高的。 注 ... ...
-
与用户交互的核心 2010-09-26 09:13
——读《Web表单设计》 “用户互动”是互联网产品不可或缺的关键，而用户互动的入口必然是表单。由此，无处不在的UGC类Web2.0产品内，表单无处不在所凸显的重要性逐渐得到Web设计师重视，并自成知识体系。2008年10月的阅读推荐中列过此书，归入“框架层”范畴之内。 出版社策划赞不绝口，说这本书的写法非常好， ... ...
-
各大网站注册流程解析 2011-07-19 16:38
1、简而精的流程，尽可能让用户一步到位操作完成，如果不能一步完成，则需要分划出清晰的注册导航，引导用户填写 复杂的注册流程，首先应该考虑简化。用户在填写复杂的注册表单时常出现反感心理，对网站的使用抱有不满，给用户下一次的操作带来不利的影响。应该让用户满意而归，对网站的应用产生好感，带来下一次的光临；下面分析下目前几种类型的注册页面的流程设计： 支付宝注册页面： ... ...
-
猜测vs数据：作为设计建议的原则 2009-08-25 20:35
原文标题：Guesses vs. Data as Basis for Design Recommendations 作者：Jakob Nielsen 版权所有 翻译：UCDChina翻译小组，Roc 摘要：即使再少的经验数据（比如，观察2名用户）也能极大提高做出正确UI设计决策的几率。 提供调整字体大小的功能给用户，还是简单的依赖于浏览器的自带功能？这个问题 ... ...
-
如何处理海量tab？ 2009-04-03 23:32
回国正好赶上百度用户体验部主办的UXday活动，我们小组讨论的话题是tab（标签）在使用时的禁忌。 我们讨论的话题集中在一个点上：如何处理海量的tab？ 首先回顾一下Tab的历史。这里的tab，是一类交互元素的统称，既包括在web设计中的导航，也包括在浏览器等桌面软件中的使用。被称为tab的交互元素一般有如下两个特性： 同时具有动作和状态两个含义。tab之所以流行，一个 ... ...
-
与广告“互动”—情景互动式创意广告 2012-02-16 22:30
早晨做地铁，正打盹的时候，忽然听到某网站的大名被一声声地呼喊着，顿时就把我惊醒了，现在有些广告做得都不怎么考虑用户的感受，在既没有美感又没有创意的前提下，强行灌输信息只会令多数人感到厌恶。 广告本来起的是一个宣传的作用，如果人人看到都觉得烦，那就适得其反了。其实广告也有很多形式，平面、电视、网络等。通常我们看到的都是以上三种。这里，给大家介绍一个比较新颖的趋势——情景互 ... ...
-
APP上的分类信息的布局方式 2011-06-07 13:36
本文总结了一些app的分类信息的布局方式。以后发现其他样式了会继续更新，欢迎补充。 1，九宫格，如大众点评、人人网、facebook等。 2，每个分类平铺成条，如淘宝，凡客，京东、QQ美食，非常清晰。 3，下拉选择框，如维络城、QQ美食、百度身边，主要在于对信息进行筛选时使用。 4，大图滑动，如凡客、时光网等。 5，图片平铺，如百度身边、淘宝 ... ...
-
浅谈移动产品的交互效率 2011-01-15 16:15
交互效率是产品可用性的重要组成部分，也是可用性评估的一个要点。相较传统互联网产品，当前移动产品在软硬界面的协同性以及网络环境方面还有很多差距，用户的交互效率处于比较低的水平。对移动产品交互效率进行一些思考，对我们在局限条件下设计出交互效率更高、用户体验更好的移动产品具有一定的意义。 关于交互效率 ISO 9241对效率（efficiency）有这样的描述： In HCI ... ...
-
浅谈WEB产品信息架构 2012-11-10 09:05
在产品设计过程当中，确定信息架构是排在原型设计之前的，原先以为信息架构只是要确定产品的内容结构，如导航、内容版块等，现在了解下来发现其实并不是这么回事，信息架构包含了很多的内容，这里就自己所了解到的做一个简单的介绍。信息架构的英文是Information Architecture，简称信息架构，是美国建筑师沃尔曼 （Richard Saul Wurman）先生在1975年创造出的一 ... ...
-
概念设计123 2008-07-26 08:00
先阐述自己对产品“概念设计”的理解。 主要对象有功能、逻辑两大部分。 介于“需求分析”和“具体设计”之间的流程。 由感性到理性的发散过程。 重要性 实践表明，一旦概念设计被确定，产品设计的60％到70％也就被确定了。然而，概念设计阶段所花费的成本，在总的开发成本和设计周期中所占比例通常都在20％ ... ...
-
让人又爱又恨的标签们 2010-05-10 21:26
标签的出现解决了页面上导航难以排布的难题，让页面信息整理更加容易。标签的形式来源于人们的生活，在书中夹上一些做好标记的纸条并露出书边，下次再寻找书里的内容就非常方便了。 网页中的标签是为了更加清晰的整理网页导航 ... ...
-
UNIQLO的购物体验 2009-10-19 16:21
首先要说的就是我这里说的购物体验呢，不是网店而是实体店，虽然UNIQLO已经和淘宝联合运营大陆地区的网店。 UNIQLO,中文名是优衣库，是全球十大休闲服饰品牌.它主张以仓储型的店铺,随意的自助形式,销售优质平价的休闲服饰.国际上同样类型的品牌还有美国的GAP和欧洲的H&M.UNIQLO(优衣库)是日本著名的服装品牌，它向各个年龄层的消费者提供时尚、优质和价格公道的休闲服，款式新 ... ...
-
为产品结构的设计，为用户任务的设计 2010-11-15 23:40
我们先来看两个实际案例： 在QQ中，将聊天记录中的图片存为表情的设计：右键图片，“添加到表情”。 第二个例子… 不是360的。 在RTX中，将聊天记录中的图片存为表情的设计：先收藏图片，再在表情面板中点“添加自定义表情”打开表情管理的界面，选中收藏好的图片添加为自定义表情。 RTX的设计，保证产品的结构是很清晰的： ... ...
-
低调的交互——一个输入法细节 2010-06-26 20:55
不久前体会到一个输入法中的细节：中英文句号“.”和“。”的自动识别 在输入一个项目清单的时候，我们通常会加入编号。 例如： “1. AAAAAAA 2. BBBBBBB 3. CCCCCCC ……” 当前输入法为中文输入法时，点击键盘上的“.”键，会输出为中文句号&l ... ...
-
错误设计导致错误操作的问题 2009-07-25 02:15
问题开始于抱怨 同事姐姐在9911上抱怨："绝大多数出租车司机，都无法区别空调温度高低和风量大小这两个不同概念，每次我说'能否把空调温度调高点'，90%的司机会伸手把风量从3扭到1档，而不是把温度从蓝色区域往蓝红渐变方向调高。产品设计的问题？" 这个问题很有意思。在互联网产品设计中，错误设计导致错误操作的事情很常见，怎么从其他产品设计中学习经验呢？所以我一边等车，一边 ... ...
