主要内容
-
表面下的隐藏信息——浅谈信息可视化 2010-02-20 11:15
1910年，病卧床上的魏格那（德国气象学家，以“大陆漂移学说”闻名），无意地注视着墙上的世界地图……地图表面之下的隐藏信息惊现了：“大西洋两岸的轮廓竟是如此相对应……”。 地图，将地面坐标的信息可视化而产生的图形工具，更便于人们探索其中关系，进而发掘隐藏的真理。Let ... ...
-
页面上元素对齐的问题 2010-02-09 20:54
页面上各个元素的对齐，能使页面显得更加规整。以下图为例，能对齐的元素都对齐了，看起来很规整。 但这也导致了一个问题：阅读线路不清晰——究竟是“Z”型线，还是“N”型线？ 像这种过度追求对齐而影响了信息架构的情况，在我们工作中不算少见，我个人不太赞同这种做法。 我比较倾向于适当打破一点对齐关系， ... ...
-
榨干Chrome UI 2010-02-08 20:10
目前的我，已经成为Chrome的严重依赖用户，甚至U盘内也随身装着Chrome便携版。对我而言，它有着其他浏览器无法代替的杀手级优势：快速，稳定，完美支持Google所有在线服务；简洁到一塌糊涂的界面。 而其他浏览器，他们只在一些特殊需求中才会使用，如Firefox的AutoProxy翻墙，IE插件下的网银支付，Opera的turbo加速等。 用过Chrome的的人都有个习惯：就是 ... ...
-
IA设计实例：一个简单图表 2010-02-08 20:08
IA设计几乎是无处不在的，下面以一个PPT中用到的图表为例。（数据非真实数据） 下面这个图表，细看起来也能看得明白，表达得还算清楚，但似乎总有一点不太上道的感觉。实际上就是IA上有些小问题，做一些调整就可以更好。 调整如下： 2009年的数据在2010年的数据之上，有悖常理。也因为这一点，不得不箭头向下，虽然数据是增长的，但箭头向下容易让人有负面直觉。如果把09 ... ...
-
不一样的交互组件（上） 2010-02-05 21:19
交互设计是一个创造性的工作，利用创新的方式漂亮地解决产品问题，是一个交互设计师价值的体现。当创新的交互设计被用户认可、被业界同行学习，更是一种巨大的职业满足感。这种创新不一定是惊天地泣鬼神的革命性设计，一个小小的交互组件的创新就可以让产品体验增色不少。今天就通过一些案例聊聊交互组件创新的四种常见方式，与大家共勉。 一、滚动条的创新【重构法】 我们先来回想一下阅 ... ...
-
不一样的交互组件（中） 2010-02-05 21:19
二、组合搜索框的创新 【组合法】 常见的带条件搜索框是“输入框+下拉菜单+按钮”三个控件组成的，合适的控件组合可以带来更好的效果。 1、【输入框+下拉菜单】组合 新浪微博的搜索框，将下拉选项融合到输入框提示里，选择搜索范围的操作更加便利。 Google reader这样的带输入操作的下拉菜单，让下拉菜单 ... ...
-
不一样的交互组件（下） 2010-02-05 21:18
四、翻页的创新 【替代法】 传统的翻页方式是“上一页+页码+下一页”，大家最熟悉的设计。 Bing图片搜索 Google reader 看图购 而近年兴起的这种“无尽滚动翻页”的翻页方式，即滚动条拖动到最底部后开始加载后面的内容，而不再有“上一页+页码+下一页”这样的 ... ...
-
交互设计实用指南系列(9) - 一次点击 2010-02-05 21:13
有一次去超市换货，本能的找到服务中心，服务中心说这个业务在超市旁边一个房间里，由于忘记带小票，那个小房间的人让我去另外一个小房间调电脑里的记录，调出来我拿着记录单去了卖货的地方才换货。其实超市退换的需求也不少，整个过程服务态度很好，但是很麻烦。 其实我们日常生活中很多事情，办起来过程很罗嗦，办事的工作人员说这是应该的，都这样做，可应该不应该，谁是评判标准呢？ 交互设计一个很重要的 ... ...
-
交互设计实用指南系列(8)—深广度平衡 2010-02-01 21:13
相信大家对街边林林总总的房产中介并不陌生，那么我们先看看下面这张图片。 图1 从右侧这家店的橱窗里，我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类，并且在视觉上做了一些划分，让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题：深广度平衡。 1. 什么是深广度？ 其实“深广度”本身并 ... ...
-
信息分类是为了更好的索引 2010-02-01 20:58
你不得不承认，今天网络发展之迅速，信息流动速度之快、量之大，是我们不曾考虑过的，但现在它就真真切切地摆在我们面前。如何接纳信息，怎么处理、消化它们成了互联网用户要花精力去解决的大问题。 “好记性不如烂笔头”，儿时长辈总是如是教导我们，但这条法则放在今天，未必有些跟不上节奏。在这个信息爆炸的时代，想把看到听到的事情都一一记下，哪里来得及；机械的记忆并不能帮你解决&ld ... ...
-
寻找梦幻城 - 交互设计篇 2010-02-01 13:47
接到梦幻城这个项目，内心其实是比较兴奋的，因为游戏的交互设计变化多样挑战大，自己一直想探索。但另一方面，初做游戏交互心里也有些紧张，摆在眼前的问题马上浮现： 1.游戏设计的交互与web交互有何区别，应该怎样进行？ 2.各个环节应该拿出怎样的交付物呢？ 第一反应是在网上查阅相关资料，看看别人是怎么做的。但是很遗憾的是，网上对游戏交互设计的资料很少，很 ... ...
-
用户反馈系统设计之 - 反馈入口设计 2010-02-01 00:07
对于互联网产品来说，现在越来越强调迭代开发，在不断的迭代BETA中完善产品，因此对于发现和搜集使用者的反馈信息就变得至关重要。 产品反馈系统的作用：1.为愤怒用户提供发泄出口，缓解不满情绪。2.为使用者表达使用感受的一个通道。3.为产品的设计者提供搜集使用者意见和建议的地方，以便对产品进行迭代改进。4.使用者和产品设计者的沟通平台，提升使用者的归属感、忠诚度和良好的产品口碑，提升 ... ...
-
自然描述与自然任务 2010-01-26 22:04
这次我们来说一些很小的东西，相当小。不过先说一个故事： 这天晚上，你打算出去下一次馆子，就行动了，找到了一家新开的小店进去坐了下来，服务员很殷勤的走了过来问你想吃点什么。 你问：“你们有什么好吃的么？” 答：“我们有黄豆与可食用菌落群酿制剂与 Carassius auratus 共同高温加热制成品；大豆蛋白经氯化镁、硫酸钙、氯化钙及氯化钠作用固化物与Cara ... ...
-
什么是元数据 (MetaData) 2010-01-26 22:00
在读《Web信息架构》的时候第九章讲到叙词表、受控词表和元数据。当时书中的定义很模糊，所讲的篇幅也少，就没有在意，一直也没有能完全理解。今天在读《锦绣蓝图》的时候第四章中再次提到元数据这个概念。遂多查了些资料认真的理解了一下。 什么是元数据？ ... ...
-
我们的UED设计流程及方法 2010-01-25 10:49
截止2010年1月15日，使用google搜索“用户体验设计”，返回1千3百万条结果。 “用户体验设计”无疑是这两年互联网行业最炙手可热的话题，而从我们成都UCD书友会火爆的现场来看，也的确如此。那么“用户体验设计”为什么会如此火爆呢？这需要从互联网的Web2.0革命说起。 这场革命，代表了互联网应用关注焦点 ... ...
-
可打造良好的交互设计效果 2010-01-24 19:03
关于本文的讨论请到 http://www.webppd.com/thread-517-1-1.html 交互设计，表现出来的呈现方式可谓是多种多样， 不过你只要掌握好了以下三点的使用技巧，同样可能轻松打造出良好的交互设计效果。 1.响应 对即将产生交互内容的区域提供给操作者一种响应机制。 参考实例：http://glyde.com 不同的内容有很多响应的处理方法， 比如：链接加个下划线， ... ...
-
交互设计实用指南系列(7) - 避免迷路 2010-01-23 19:51
任何位置都能明确“我在哪里？这里有什么？从这里能去哪里？” 小时候，童话故事都告诉我们，迷路可不是一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向，我们发明了各种导航工具，大到卫星定位系统，小到指南针，人类在这一事情上，极具创意。 在网站上迷失方向，虽然不是什么生死攸关的事，但会带来许多负面影响，如：用户体验下降、任务不能完成，用户流 ... ...
-
视觉注意力-解剖设计的根源 2010-01-22 22:49
物质世界客观存在，而人的“视觉成像”是对当前世界的“唯心”重建。这种重建基于个人“经验”、“感知”和“集体意识”。最初科学家认为人类通过视觉被动获取周围世界的全部图像信息而建立个人的视觉资料库，近10年来的研究表明捕获“全部图像信息”只是个传说， ... ...
-
Checkout产品设计：一步走还是四步走 2010-01-21 22:20
本文的图片和主要观点来自：A/B Test Case Study:Single Page vs. Multi-Step 作者是Linda Bustos、Janis Lanka，她们都来自Elastic Path Software 从文字标题上来看，作者原本的意图是介绍一个通过A/B测试来提高产品性能的案例（温哥华冬奥会官方特许商品购买网站），但大家实际留下的评论以及关注重点都被集 ... ...
-
非原型 不设计 2010-01-20 21:18
在风起云涌的互联网浪潮中，产品迭代的速度越来越快。随着用户需求的激增，也不断带来了对设计师能力要求的提高。初入交互设计领域几年来，明显发现可视化的内容远比文档的更易于被用户（以至我们的客户）所接受，就像用户研究项目中常说的一句话：“用户怎么说的，并不代表他们怎么想。”今天以“原型设计”为基点，与大家展开几点做简要的分析。 一、什么 ... ...
