主要内容
-
如果让你来设计火车票 2009-05-03 17:57
关于火车票的重构问题，网上有朋友进行了设计，本人自己也有些想法，于是也进行了一次分析，首先罗列出车票所包含的信息（如下图） 然后我们根据用户出行的整个过程对车票中各信息的重要性进行分析： 购票行为：1.按车次：此类用户对自己的出行信息比较了解，他们一般都知道发车的时间，票价，到达目的地的大概时间等信息，喜欢把主动权掌握在自己手 ... ...
-
寻找梦幻城-交互设计篇（二） 2010-03-01 16:33
元宵节一过，这春节算是彻底过去了，不知道有多少人还沉浸在节日的快乐中呢？新年伊始，继续上路了：）～～ 接上回：Oops~设计过程进展还算顺利。慢着！这仅仅是刚刚开始，后面要做的还很多。进入项目开发阶段了，遇到新的问题:仅对于一个操作，可能有5种甚至10种可能，如何跟前端工程师进行合作呢？怎样的交付物能够将各种界面信息无误地传达给工程师利于开发？ 如何保证这个过程顺利的推 ... ...
-
页面元素的表达状态：常态，暂态 2010-05-18 15:08
常态：元素在页面上始终显示；暂态：元素需要鼠标悬浮，点击，或者聚焦等事件，才能触发其显示；当事件发生改变时，比如鼠标移出或者焦点消失，则元素可以再次隐藏； 生活中的人们不断地遇到这样那样的问题，然后就会萌生各种各样的感觉，比如“为什么不告诉我”，“现在应该怎么做”，或者“原来是这样，我以前不知道的&rdquo ... ...
-
像对话那样进行评论 2009-01-08 22:14
博客上的评论通常都是断断续续的，而Jim Jeffers开发的开源项目“鼓励评论（Encouraged Commentary）”则让评论像对话那么简单自然。 这些功能是利用jQuery编写的，灵感来自于 Ubiquity，允许用户选中某一段文字，然后立刻就此做出回应。“鼓励评论”在此基础之上进行了改进，将 ... ...
-
蜕变 - 记QQ医生3.0 2009-09-09 22:00
QQ医生在广大用户心中一直以来都是清爽便捷的一款安全工具，随着QQ医生的不断发展，QQ医生团队一直在思考，怎样能够给QQ医生用户带来性能更优、速度更快、体验更好的软件，为广大用户的桌面和网络安全做更多的事情，给用户带来更多价值。基于以上考虑，QQ医生新版研发计划正式提上了日程。 设计花絮 蚌病成珠，新事物的孕育过程总是艰辛曲折的，从设计目标、计划的制定到细节的讨论与确认 ... ...
-
网站门口的灯再挂亮点吧 2009-07-04 22:34
重做了一次系统，很自然的就丢失了原本被浏览器记录了的全部书签中网址的登录用户名。 其实，所有网站的密码基本上我都没有忘记，反倒是把用户名都记的混淆了。我实在无法记得这些全数字ID、数字+字母ID、字母+下划线ID、必须超过6个 字母的ID、必须使用字母 ... ...
-
选中状态应该高亮还是灰掉？ 2009-11-03 19:00
导航设计中一个基本的任务点是准确标明当前选中项，不当的设计很容易造成用户困惑。尤其是只有两个列表项时，要对用户准确传达当前的选中项，设计上要很谨慎。针对最近项目中遇到的这个问题，记一笔。 用户判断选中状态的心智模型有两种： 一种是指示灯式，如红绿灯、电梯操作面板、各种仪表盘等，指示灯亮起表示选中——即高亮； 另一种是按钮式，按钮陷下去表示选 ... ...
-
交互中的色彩 2009-12-16 22:48
也许有人说，色彩是视觉设计师需要考虑的问题，交互中可以不考虑颜色。没错，视觉设计师对于颜色有较强的见解和把握，由于色彩设计的重要度（人们对于信息的把握，首先也是由色彩开始的，其次才是图形，文字），在产品设计过程中，视觉设计师有着第一评判权。 对于色彩的认知，从哲学层面转入科学范畴后，人们发现，色彩对于人的心理影响有其固化的习惯性，这些认知也就延伸到了人对于产品的使用中。这样，在产品 ... ...
-
设计提升满意度 2010-05-10 21:41
在学校修管理学的时候，有讲过一个管理激励的理论。管理激励是基于行为和认知科学的研究，来发现人们的需要、动机、目标和行为四者之间关系的核心理论，主要的目的是讨论如何满足人的各种需要、调动人的积极性。由此也引出了一个人们会在怎样的情况感到满意的问题。 在人机交互中，同样有满意度的概念。那怎样设计令用户满意的交互呢？或许首先应该从满意度的评价因素来考虑。产品要让用户满意，最基本的条件应该是该 ... ...
-
也说导航设计 2010-05-16 04:46
最近在UCDCHINA上看一些电子商务设计的东西，因为手头一个项目就是如此。发现最新一期的话题是“导航设计”。我觉得结合最近的一些思考，有很多想法是可以说一说。 说到电子商务的导航， 很多人都会指向2个电子商务网站，淘宝和亚马逊。但是以此来设计电子商务网站的导航，其实是不准确的，因为在不同商品数量级上，淘宝和亚马逊的做法，不一定合适现在的电子商务网站。 1.海量商品 ... ...
-
有些不爽是会消失的 2009-07-04 15:28
我们在使用任何一款产品的时候，尤其是第一次使用的时候，总会产生“不爽”。 比如： 1.访问“http://ucdchina.com/”， 想回到首页，一般情况下，我会寻找 导航页上面的“第一个& ... ...
-
从picasa中看到的交互行为三步曲 2009-07-06 16:20
看了臭鱼的交互行为的三步曲后，体验了一下Picasa相册管理软件，Picasa把这三步曲做得比较到位． 第一：操作前，操作可识别，结果可预知． ①操作可识别，顾名思义，就是可以操作的元素看起来是可以操作的，例如按扭需做得立体些，链接最常见的是蓝色文字加下划线，可以拖拽的对象必须在视觉上表现出是可以拖拽等等。 图1中：1所指示的 ... ...
-
使内容更具说服力的10个秘诀 2009-07-12 17:56
Article copyright by Colleen JonesColleen Jones版权所有原作者：Colleen Jones；译者：UCD翻译小组，mocha原文地址：http://www.uxmatters.com/MT/archives/000357.php “你的内容听起来要像是人在说话，而不是被机器编译出来的。” 在 ... ...
-
即时评分控件 2009-08-20 14:38
控件描述设计理念使用场景设计要素注意事项 控件描述即时评分控件主要适用于用户对某一对象（例如商品）进行主观简易评级的一种交互控件，该控件具有即时反馈结果，最大程度的减少对用户任务流的打断，评价结果具有量化、等级化的特点。 典型样式 控件描述用户在给对象进行主观评价打分的时候，他们需要： 1.能够及时的反馈结果。 2.该评价量化的 ... ...
-
多按钮共存 - Don’t make me ... 2010-01-11 20:53
之前在一个web系统的设计中，和另一个设计师讨论，“保存”和“取消”按钮该怎么设计。我的观点是，保存是比取消更常用的按钮，也是用户的主要目的（用户不会为了取消来使用表单），所以在视觉上，保存按钮应该比取消按钮更醒目，这样更容易被用户先看到，从而提高用户的效率。 下图：Google analytics系统中，Apply以按钮的形式表现，ca ... ...
-
信息中心新版设计心得 2009-01-07 12:56
旧版与新版信息中心 新版信息中心优化 优化信息中心，让用户快速了解个人空间、好友的更新动态。 优化导航 旧版的信息中心导航以时间作为导向（今天、昨天、前天）、内容导向（日志评论、相册评论、留言板留言），但内容导向位置不够清晰。 因此，重新整理了导航部分，让信息中心有更多的空间展示一周内发生的更新，把更新查看的范围作为导航处理（查看空间和好友动态、单独查看好友或个人空间动态），并且可以 ... ...
-
迷惑的“默认”结果 2009-03-17 05:21
很多网站根据“相关度”排列搜索结果，类似的说法还有“按默认排序”，“最为相配”（yesasia网站）等。 这些说法都是一类意思，即网站按照某种“神秘”算法，针对用户输入的“关键词”给出一组结果。 姑且把这组结果称为默认结果。 这种“默认”结果到底怎么 ... ...
-
一致性 VS 使用情境 2010-03-15 22:06
一致性是设计中很普遍的概念。良好的一致性会帮助企业塑造起品牌形象、大大减少顾客/用户的学习成本和认知成本；从系统的角度看，高度一致化的流程也是保证产品质量和运营效率的基础。此间最著名的实例莫过于麦当劳的VI和产品线。 然而，一致性原则到底有多么重要，在什么情况下可以被打破呢？ 我认为，在很多情况下，考虑使用情境是更有效的设计指导方法。 用户期望是否被满足，是用户体验的最基本要素；而 ... ...
-
谈CSS书写风格 2009-06-09 20:58
随着公司业务的增加，需求变的越来越多，团队也因此在不断的扩大，我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候，那么是什么最让你最感到困扰呢？我们在实现一个表现复杂的页面的同时，CSS文件就会比较繁琐，众多的选择符、属性让人眼花缭乱，那么如何更快的定位、如何更高效的编写样式呢？CSS的书写被很多人所忽略。关于书写风格，翻看了一些知名网站的作品，发现横向连排几乎成为各大产品项目 ... ...
-
内容可访问性不是全部 2009-11-07 13:37
绝大多数同行接触可访问性可能都从W3C的WAI组织制定的WCAG1.0（这几个英文缩写的关系很重要）开始，而国内设计师大多参考了Junchen在06年翻译的Web内容可访问性指南1.0（2008年12月11日已经发布WCAG2.0英文版）中文版，其中提到了保证页面设计良好呈现的几个关键因素，以及14条指南： 为视听的内容提供同等的文字替代； 不要仅依靠色彩来提供信息； 适 ... ...
