主要内容
-
《Web信息架构》-标签系统 2009-11-13 11:09
标签可以是字、词、词组、一段文字也可以是图片，是一种概念或内容模块的说明或指引（如图１），传递用户并理解。别小看理解，就如同组织系统中说的每个用户对所看到的内容都会有不同的理解，如何做到真的让用户理解你设计的标签是比防偷菜还难的事。 图1(典型的标签)这个例子可能会觉的这类标签比较简单，容易理解，但要为一些相对专业性的网站做这类标签就抓狂了，比如：金融，医药，教育，政府（如图２）。 图 ... ...
-
产品的情商 2009-11-10 23:17
这是同事讲给我的故事，我认为，用产品的“情商”来形容这个故事最恰当不过。 会飞的翅膀 同事的朋友负责一款手机游戏的设计，最近，这款游戏为玩家新增了一个道具：翅膀。翅膀有什么功能呢？装上翅膀的玩家可以获得更快的移动速度，更大的 移动空间，减少前进的阻碍。这个翅膀道具最开始供玩家免费使用，用过一段时间后，翅膀会失效，玩家需要缴纳一定费用后才能激活翅膀，继续使用此道具 ... ...
-
翻转页面导航 2009-11-10 10:26
在UItrends上看到一个新的导航趋势的应用：翻转页面导航。其实这个早期一直是photoshop表现视觉效果的手法，就像kate曾经提到过的，这种效果仅仅用来代表视觉隐喻，没有什么实际内容。 早期由于这种设计只有一种固定的模式，缺乏动态效果，另外冗余的样式对页面的加载速度也有不小的影响，其应用并不广泛。后来随着带宽的提升和web应用的多样化 ... ...
-
购物车推荐 2009-11-09 02:29
忘记在哪里看到了这么一个说法，“在结算的时候如果有太多交叉销售的选择的话，可能会让客户迷惑，反而放弃订单”。这句话涉及到电子商务领域的一个重要问题，如此定性的结论显然是不太负责任的，比如何为“太多”。遂在 twitter 上发问。＠imrchen 回复说， 只要有“太多"選擇，消費者就會卻步，不論這些選擇是怎麼來的。Barry Schwa ... ...
-
Mockingbird: 纯JS在线产品原型... 2009-11-09 02:18
Mockingbird 是一款基于 Cappuccino 开源框架下的产品原型设计工具，能够模拟桌面软件给予设计人员更快速的上手和实践。 Mockingbird 是一款类似于我在此前介绍的 MockFlow 产品，它为用户提供了完全基于浏览器窗口的产品原型设计服务，由于Mockingbird 采用了Cappuccino开源框架，能够较为逼真的模拟 Axure 这类桌面软 ... ...
-
干掉那鸡肋般的网页客服 2009-11-08 21:04
客服系统是电子商务网站核心系统之一，客服的反应速度很大程度上直接决定转化率。在B2C发展的前期，大部分网站会挂上一个网页客服系统，包括IM和WebIM两种模式。 部分网站会在显耀的位置来一个QQ或者MSN或者SKYPE取名叫客服1、客服2、客服3，然后有部分时间是灰色的，部分 ... ...
-
在局限下设计 2009-11-08 21:01
马歇•布劳耶（Marcel Breuer，1902–1981），1925年设计了世界上第一把钢管椅子。上图是他设计的另外一个产品，一张桌子，一张由一根钢管弯曲而成的桌子，并不是将钢管切断再焊接，这样设计，除了看上去有意思，还有一个很重要的原因：成本低。 当然，以现在的工业水平来看，是否焊接对成本的影响已经没那么大了。然而在当时，工艺上的区别却是一个需要考虑的因素，因为这样的 ... ...
-
流程的案例分析 2009-11-08 20:43
并不是所有标示都能够正确引导流程的实现但是没有表示，注定是一个失败的流程，也必定会对实现有影响，甚至造成不能够实现。例子1：下午去郑州市人才中心办理人事档案合同，事先已经有同学成功办理过，所以这很关键，即使去办理人事代理合同再难，对我来说，也应该相当容易了，因为有先例了..所以，这是关键。但是过程其实并不那么顺利。要先到学校拿报到证..这个其实并不是很顺利，虽然用的时间并不多，但是充分验证了有关部 ... ...
-
内容可访问性不是全部 2009-11-07 13:37
绝大多数同行接触可访问性可能都从W3C的WAI组织制定的WCAG1.0（这几个英文缩写的关系很重要）开始，而国内设计师大多参考了Junchen在06年翻译的Web内容可访问性指南1.0（2008年12月11日已经发布WCAG2.0英文版）中文版，其中提到了保证页面设计良好呈现的几个关键因素，以及14条指南： 为视听的内容提供同等的文字替代； 不要仅依靠色彩来提供信息； 适 ... ...
-
实话实说 - 心理模型vs实现模型 2009-11-05 21:54
三金：欢迎各位来到这一期的CDC实话实说节目。我是主持人三金，不是三精牌葡萄糖酸钙那个精，是金子总会发光的那个金。今天我们请到了一对传奇人物“实现模型”和“心理模型”，听说他们两个天天把CDC的设计师整的死去活来，今天我们好好和他们分享一下经验。好，掌声有请。 （实现模型、心理模型出场入座） 三金：那，按照惯例 ... ...
-
行动召唤按钮：实例与最佳实践 2009-11-04 22:26
中文翻译行动召唤按钮：实例与最佳实践 英文原文Call to Action Buttons: Examples and Best Practices 版权所有，转载请注明出处，多谢！ 行动召唤在网页设计中——尤其是在用户体验方面——是一个描述在网页中用于诱导用户行为的元素的术语。在网站界面中，最流行的行动召唤的表现是出现在点击表单按钮 ... ...
-
交互设计表格 2009-11-04 22:12
说：在一个房间里丢了一根针，你需要找到它，你会用什么办法？ 答：扫把；吸铁；放大镜。。。粉笔。。。 Ok，使用粉笔？请看下图↓ 划分区块，每个找过的地方做个标志。可能不是很快找到，但绝对有效。表格能确保我们不遗漏。 ——————————&mda ... ...
-
google wave是什么？（界面、功能试... 2009-11-04 11:09
google wave是近期最热门的话题，虽然从google放出风来到现在已经有几个月的时间，但是直到近期，国内的互联网同仁们才大范围的窥视到了他的端倪。虽然猫嗔收到的邀请提名已经是“穷二代”，既没有Google直接邀请来的威风，也暂时没有再邀请其它好友的权利，但体验到的还是这款产品的完整版。 目前，国内在使用和发布wave的时候有很多插件和功能的限制，不过还不至于 ... ...
-
语音交互的使用及其特点 2009-11-03 22:35
今天看了google的黑板报，传说中的谷歌中文手机语音搜索正式于二号发布，使用者可以通过自己的声音来和手机进行交互，找到自己所需要的信息。 能够和计算机等设备进行对话是人们的一个愿望，人类已经不满足于目前通过鼠标、按键等方式和设备进行交互，希望可以通过语音来和设备进行交互，通过语音来使用和控制设备。在语音交互中最主要的就是语音识别系统。在语音识别系统中最为困难最难以解决的就是对用 ... ...
-
选中状态应该高亮还是灰掉？ 2009-11-03 19:00
导航设计中一个基本的任务点是准确标明当前选中项，不当的设计很容易造成用户困惑。尤其是只有两个列表项时，要对用户准确传达当前的选中项，设计上要很谨慎。针对最近项目中遇到的这个问题，记一笔。 用户判断选中状态的心智模型有两种： 一种是指示灯式，如红绿灯、电梯操作面板、各种仪表盘等，指示灯亮起表示选中——即高亮； 另一种是按钮式，按钮陷下去表示选 ... ...
-
不需要存在的原型 2009-11-03 00:47
线框图原型是网站核心策略“着陆”的重要步骤。将机巧的想法转化为实际产品是一个复杂过程，这种复杂并不仅仅体现在技术层面，而更突出的表现在团队配合中；倘若三两个人的迷你团队，只需要很少的文档就能够达成协作一致；页面原型作为从创意到执行的中间文档，贯穿整个团队的工作，对于大型项目和团队协作的确有些效果。作为线框图系列教程的完结篇，本文将对页面原型的前世今生进行讨论，探寻抛弃原型的 ... ...
-
为什么这么设计：Google Wave 2009-11-02 18:29
终于弄激活了Wave邀请，在这里十分感谢moming同学。在试用了一下以后，虽然不知道这款产品以后是否能成功，但是她的交互方式以及设计思想，还有很多值得我们学习的，下面我们就来详细的看看。 一.布局 Wave界面布局和理念设计是真正的一页式体验，所有的操作都是一个页面完成。而在web产品中一页式体验最常用的就要数Email产品了。而Gmail更是将之发挥到极致。至于SNS产品譬如， ... ...
-
推送 = 通知 + 消息？ 2009-11-01 10:27
by newkhonsou@twitter —————————————————- 通知 苹果把推送叫做 Push Notification (推送通知/提醒)，说 ... ...
-
手机产品框架层设计：两种主要布局方式 2009-10-30 16:49
手机产品设计与一般的桌面产品设计相比，最显著的约束是设计空间的急剧缩小。打个比方，这就像从一个100平米的房子搬到5平米的单间，东西没少，可以施展的空间却小了几十倍。更重要的是，在这样一个小空间里，你不能把东西胡乱摆放，要依旧保持它们的清晰、合理、简洁、美观。借用《用户体验的要素》中的名词，涉及到手机产品“框架层”的设计问题。而且，在手机产品设计中，框架设计显得尤其重要。 ... ...
-
“惊喜”“愉悦”——Maemo 5 的用户界... 2009-10-30 08:24
作为 Nokia 寄以厚望的一个系统，Maemo 承载着 Nokia 在高端手持上的创新理念。无论是从封闭式平台到开放式的平台的跳跃，无论是从一个以厂商为核心的到以社区为中心的重点转移，还是一个用户参与程度更高的更具触控魅力的 UI 界面。 我们找到了一个关于 Maemo UI 设计理念的一个演示（Via @Rabbitrun84），它可以让我们更深入地了解到 Maemo 的界面元素和取向 ... ...
