主要内容
-
[分享]白社会VS开心-对比评测-UI分析 2009-06-14 17:16
个人主页 1、导航极赞，且采用了少见的跟随窗口滚动的方式。由于整体配色清淡一致的缘故，这样也不觉得打搅，不过就牺牲了导航常用的深色系，使导航不够醒目，利弊参半。我猜测原因是这样的：为了及时通知消息（当页面拉到较低位置的时候），又要把标签栏走马灯的提示效果让给Web im，只好让导航条跟着滚了。 找人的输入框容易被误解为“找好友”，其实是全 ... ...
-
经验分享：交互设计文档(2) 2009-03-07 15:28
前一篇：经验分享：交互设计文档(1) 继续介绍上文中提到的原型设计工具，还有几个工具也是很有必要一一介绍一下的： Balsamiq Mockups （有Web版本）关于这个工具，黄主任在他的来，超酷的Balsamiq Mockups中有一些介绍。优：看着超舒服，提供的组件工具很多。劣：虽然提供了很多常用的工具，但反而让文字操作变得不太方便（当然，我们不是在介绍排版工具& ... ...
-
banner广告条设计的经验分享 2011-03-23 22:47
banner广告又叫旗帜广告，在几乎所有的网站中都能见到，也是目前最常用的一种网站广告形式。不过对于banner的设计相关文章并不多，其实在这种横幅banner中设计的好坏对于广告效果的影响是很大的，本文将介绍几种总结出的banner设计经验 本文来源：http://www.tutu001.com 1，banner广告在网页中的第一感觉：对于网站广告条的目的就是吸引用 ... ...
-
Tab式位置导航变体 2008-11-10 02:29
Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介绍了一种新颖的、综合了 Tab 导航的 Breadcrumb（一直找不到合适的中译，位置导航？您的位置？还是面包屑？），如下图： 图中不错的表达了网站的层次、结构，单独来看很有新意。Yahoo! 在运用这招的时候加入了一些变化，参见 Yahoo! Food、Yahoo! Sp ... ...
-
账户注册的8个小贴士 2009-12-10 00:15
几年前我在排名前87的在线零售站点上都注册了账户。我发现现在是时候重新审视这个问题了，自从大多数的电子商务站点使用账户注册以来，我在每个登记过程中发现至少有一处是可以提高的。 帐户注册的8个小贴士 几年前我在排名前87的在线零售站点上都注册了帐户。我发现现在是时候重新审视这个问题了，自从大多数的电子商务站点使用帐户注册以来，我在每个登记过程中发现至少有一处是可以提高的。 注 ... ...
-
UNIQLO的购物体验 2009-10-19 16:21
首先要说的就是我这里说的购物体验呢，不是网店而是实体店，虽然UNIQLO已经和淘宝联合运营大陆地区的网店。 UNIQLO,中文名是优衣库，是全球十大休闲服饰品牌.它主张以仓储型的店铺,随意的自助形式,销售优质平价的休闲服饰.国际上同样类型的品牌还有美国的GAP和欧洲的H&M.UNIQLO(优衣库)是日本著名的服装品牌，它向各个年龄层的消费者提供时尚、优质和价格公道的休闲服，款式新 ... ...
-
交互设计的定义、目的、价值、方法、文档 2010-03-17 21:16
交互设计的定义 交互设计是指设计人和产品或服务互动的一种机制, 以用户体验为基础进行的人机交互设计是要 考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使得最终 用户在使用产品时愉悦、符合自己的逻辑、有效完成并且是高效使用产品。 交互设计可以划分为纵向和横向（动态的和静态的） &n ... ...
-
如何处理海量tab？ 2009-04-03 23:32
回国正好赶上百度用户体验部主办的UXday活动，我们小组讨论的话题是tab（标签）在使用时的禁忌。 我们讨论的话题集中在一个点上：如何处理海量的tab？ 首先回顾一下Tab的历史。这里的tab，是一类交互元素的统称，既包括在web设计中的导航，也包括在浏览器等桌面软件中的使用。被称为tab的交互元素一般有如下两个特性： 同时具有动作和状态两个含义。tab之所以流行，一个 ... ...
-
各大网站注册流程解析 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设计决策的几率。 提供调整字体大小的功能给用户，还是简单的依赖于浏览器的自带功能？这个问题 ... ...
-
与用户交互的核心 2010-09-26 09:13
——读《Web表单设计》 “用户互动”是互联网产品不可或缺的关键，而用户互动的入口必然是表单。由此，无处不在的UGC类Web2.0产品内，表单无处不在所凸显的重要性逐渐得到Web设计师重视，并自成知识体系。2008年10月的阅读推荐中列过此书，归入“框架层”范畴之内。 出版社策划赞不绝口，说这本书的写法非常好， ... ...
-
UE学习笔记：Tag Tag (下) 2009-08-29 17:38
3.tagging系统，及其UI交互设计3-1. tagging系统网站在添加tagging功能前，需要考虑若干维度，才能让tag对网站的信息管理、检索发挥真正的作用，否则只是潮而不实的装饰。Marlow et al （2006）提出一个tagging系统模型，包括资源、tag、用户三部分，它们的关系如图3。 图3：tagg ... ...
-
与广告“互动”—情景互动式创意广告 2012-02-16 22:30
早晨做地铁，正打盹的时候，忽然听到某网站的大名被一声声地呼喊着，顿时就把我惊醒了，现在有些广告做得都不怎么考虑用户的感受，在既没有美感又没有创意的前提下，强行灌输信息只会令多数人感到厌恶。 广告本来起的是一个宣传的作用，如果人人看到都觉得烦，那就适得其反了。其实广告也有很多形式，平面、电视、网络等。通常我们看到的都是以上三种。这里，给大家介绍一个比较新颖的趋势——情景互 ... ...
-
APP上的分类信息的布局方式 2011-06-07 13:36
本文总结了一些app的分类信息的布局方式。以后发现其他样式了会继续更新，欢迎补充。 1，九宫格，如大众点评、人人网、facebook等。 2，每个分类平铺成条，如淘宝，凡客，京东、QQ美食，非常清晰。 3，下拉选择框，如维络城、QQ美食、百度身边，主要在于对信息进行筛选时使用。 4，大图滑动，如凡客、时光网等。 5，图片平铺，如百度身边、淘宝 ... ...
-
WAP2.0网页设计中的交互细节 2010-08-10 22:11
适配竖屏横向尺度，禁止出现横向滚屏 常规QVGA机型竖屏状态下，14号字体，单行仅显示13.5个字。资讯频道的新闻短标题要控制在13字以内才能在一行以内完整显示。标题折行会造成在相同空间承载信息量减少；频繁的眼动容易引起视疲劳；在视觉上带来无序松散的感受。 焦点跳转的频度 对非触屏手机，在不影响功能交互 ... ...
-
购物车：如何回答5个未答复用户的问题 2009-08-25 20:41
原文标题：The Shopping Cart: How to Answer the 5 Unanswered Customer Questions 作者：Brendan Regan 版权所有 翻译：UCDChina翻译小组，Roc 电 子商务中的购物可谓是网络实验的绝佳场所，一些简单的改变（布局，文字，色彩等等）常常带来意想不到的结果。这里罗列出了几个在 ... ...
-
浅谈移动产品的交互效率 2011-01-15 16:15
交互效率是产品可用性的重要组成部分，也是可用性评估的一个要点。相较传统互联网产品，当前移动产品在软硬界面的协同性以及网络环境方面还有很多差距，用户的交互效率处于比较低的水平。对移动产品交互效率进行一些思考，对我们在局限条件下设计出交互效率更高、用户体验更好的移动产品具有一定的意义。 关于交互效率 ISO 9241对效率（efficiency）有这样的描述： In HCI ... ...
-
浅谈WEB产品信息架构 2012-11-10 09:05
在产品设计过程当中，确定信息架构是排在原型设计之前的，原先以为信息架构只是要确定产品的内容结构，如导航、内容版块等，现在了解下来发现其实并不是这么回事，信息架构包含了很多的内容，这里就自己所了解到的做一个简单的介绍。信息架构的英文是Information Architecture，简称信息架构，是美国建筑师沃尔曼 （Richard Saul Wurman）先生在1975年创造出的一 ... ...
-
让人又爱又恨的标签们 2010-05-10 21:26
标签的出现解决了页面上导航难以排布的难题，让页面信息整理更加容易。标签的形式来源于人们的生活，在书中夹上一些做好标记的纸条并露出书边，下次再寻找书里的内容就非常方便了。 网页中的标签是为了更加清晰的整理网页导航 ... ...
-
概念设计123 2008-07-26 08:00
先阐述自己对产品“概念设计”的理解。 主要对象有功能、逻辑两大部分。 介于“需求分析”和“具体设计”之间的流程。 由感性到理性的发散过程。 重要性 实践表明，一旦概念设计被确定，产品设计的60％到70％也就被确定了。然而，概念设计阶段所花费的成本，在总的开发成本和设计周期中所占比例通常都在20％ ... ...
