主要内容
-
BANNER二三事 2009-09-26 13:07
看到几篇写banner设计的文章。考量角度是BANNER的转化率和视觉引导，和美不美无关。。。 第一个观点是：利用BANNER中人物的视线引导用户。 下图是利用眼动仪测试的两张不同BANNER的效果。 很明显，图2的主体文字部分受到的更多的关注. Smashingmagazine 在这篇文章的下方放了一个这样的BANNER: ^_^学以致用啊。 第二个观点是： ... ...
-
关于点击区域 2009-07-19 22:57
今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图： 在浏览图片的时候，右侧的缩略图是这样交互的： 因此，在整个浏览图片的过程中鼠标是不动的，只需要点击鼠标左键就能继续浏览下一页。 为此我特地去对比了Google和FLICKR，看看他们浏览下一张图片的是怎么做的。 Google的做法是： flickr: 虽然都是有固定的点击区域，但是使用起来都没有百度图片舒服。我觉得 ... ...
-
IA学习笔记03:组织结构 2009-06-24 00:57
组织体系要加上组织结构才能称得上是完整的组织系统。囧~真拗口。 常见的几种主要的组织结构有： 【等级式】 等级式简洁明了容易理解，以它作为信息架构设计流程的起始步骤是相当不错的。 继续以上篇的几何图形为例，他们的组织结构如下图： 在上图中，等级式条目之间彼此是互斥的；但是我们再继续往下画就会出现交叉的情况了： 随着交叉的情况变多，等级式系统也变得混乱。 因此，等级式组织结构是可以 ... ...
-
IA学习笔记02：组织体系 2009-06-09 15:19
简单的说，组织体系指的就是组织信息的方式。 看了一堆拗口的定义后，我根据自己的理解画了下面这个图： 从上图看出，同样的图形元素由于采用了不同的组织方式，呈现的分组效果也大相径庭。 尽管如此，我们还是不难区分出它们之间的差异性，并且能按照一定的方式把它们组织起来。 这种将信息分成定义明确的区域和互斥区域的组织体系，我们称他为精确性组织体系。 当用户知道所要寻找的资源的某些信息，例如：文件名 ... ...
-
IA学习笔记01：识别信息架构 2009-06-02 01:50
设计优良的信息架构对于用户来说是看不到的。 但是作为设计师，还是很有必要知道如何透过表层找到信息架构。 《WEB信息架构》中有提到一些把信息架构可视化的方法。 自上而下和自下而上的信息架构 首先，信息架构的构建思路大致分为2种：自上而下和自下而上。 自上而下 预先猜测用户的主要信息需求和网站的商业意图，然后设计网站来满足这些需求。 自下而上 先理解内容之间的联系，满足用户的特定需求。再 ... ...
-
心理模型 2009-05-12 18:03
今天在GOOGLE上查图片资料，这一幕真让我纠结啊： 使用【向前】【向后】这种说法，就默认了有一个对比坐标，那就是当前显示的4张缩略图。 点击【向前】展示的是，在搜索结果中排列在当前缩略图之后的图片。 点击【向后】展示的是，在搜索结果中排列在当前缩略图之前的图片。 真拗口，用图片说明： 这让我想到了，读书时期老师在上课的时候常常说的一句话：把书翻到后一页（下一页）。 在翻书这件事情上，后一页和 ... ...
-
胜过语言的图形符号 2009-05-04 00:57
就在刚才，我给GMAIL安装了Twitterd插件。 安装完插件后，Gmail提示我要连接Twitter的账号才能使用： 我顺着提示操作下去，就看到了这个页面： 一路下来的英文界面，已经让我相当的头疼了。 但是这两个按钮即使不看文案,也很容易猜出其中的意思。 比起千篇一律的方形按钮，这里的“小箭头”设计真是太贴心了。 在这里它准确的指导了我进行下一步的操作。 ... ...
-
频道为什么会这样？ 2009-03-15 04:44
我们常常在淘宝看到这样的页面： 胡乱标红，让标红失去意义 文不对题，标题栏写的是A，内容里填的是B 后期临时加入的板块，和周围风格格格不入 …… 很明显，设计师是不会这样设计的!表面上看，此类问题都出现在后期维护中。维护页面的运营人员并没有按照设计师的思路进行后续的维护。然而这应该完全归咎 ... ...
-
《用户体验要素》读书笔记 2008-08-11 09:52
1.任何在用户体验上所做的努力，目的都是为了提高效率： a. 帮助人们工作的更快 b. 减少他们犯错的几率 2. 五个层面： 战略层——范围层——结构层——框架层——表现层。随着层面的上升，我们要做的决策就一点一点的变得具体，并关系到越来越精细的细节 3.成功的 ... ...
1-9 of 9
