主要内容
-
信息架构：内容策略的准则 2009-01-08 13:53
Kristina Halvorson 版权所有 作者：Kristina Halvorson 译者：UCD翻译小组， 孙亮； 原文地址：http://www.alistapart.com/articles/thedisciplineofcontentstrategy 我们这些做网站的人最常谈论的就是用户体验、信息架构、内容管理系统、代码、元数据、视觉设计、用户研究这些东西，还有各种可以让 ... ...
-
用户反馈系统设计之 - 反馈入口设计 2010-02-01 00:07
对于互联网产品来说，现在越来越强调迭代开发，在不断的迭代BETA中完善产品，因此对于发现和搜集使用者的反馈信息就变得至关重要。 产品反馈系统的作用：1.为愤怒用户提供发泄出口，缓解不满情绪。2.为使用者表达使用感受的一个通道。3.为产品的设计者提供搜集使用者意见和建议的地方，以便对产品进行迭代改进。4.使用者和产品设计者的沟通平台，提升使用者的归属感、忠诚度和良好的产品口碑，提升 ... ...
-
胜过语言的图形符号 2009-05-04 00:57
就在刚才，我给GMAIL安装了Twitterd插件。 安装完插件后，Gmail提示我要连接Twitter的账号才能使用： 我顺着提示操作下去，就看到了这个页面： 一路下来的英文界面，已经让我相当的头疼了。 但是这两个按钮即使不看文案,也很容易猜出其中的意思。 比起千篇一律的方形按钮，这里的“小箭头”设计真是太贴心了。 在这里它准确的指导了我进行下一步的操作。 ... ...
-
Amazon购物车的演变（下） 2009-08-23 15:28
原文地址：http://www.grokdotcom.com/2008/02/26/amazon-shopping-cart/ 《hidden secrets of the amazon shopping cart》 Amazon 2.0 ... ...
-
给链接一个添加下划线的理由 2008-10-18 13:05
互联网上有着无以计数的海量信息，而这些信息依靠着链接维持着之间的关系，从而避免了一个个独立的信息孤岛，互相关联的才能形成互联网。链接在互联网的交互上有着不可替代的重要性。 之前提到过关于链接的几种提示及打开方式，其中有一个关于链接的提示是：文字带有颜色没有下划线。有时候为了页面的美观，很多设计师会特别的去掉链接文字的下划线，而仅仅只是改变链接文字的颜色。的确，这也算是链接的一种提示方 ... ...
-
速度~速度~ 2009-03-17 00:56
总觉得邮箱这个东西，不管线上线下，作为一个工作的工具，速度，或者说是效率就是最大的需求。 接收的时间 我在使用OUTLOOK时的体会，就是平时工作时会比较专心地在画图、制作上时，如果有邮件过来，会弹出窗口。此时给我的感觉，就是我被动地接收了一个“有邮件消息”的信息。而这样一个接收方式，是不用我主动地花费时间去查询的。这样即是节约了我的工作时间，又保证了接收邮 ... ...
-
用户的声音(3) - 排序、过滤选项 2009-04-29 14:58
除了前面两篇（用户的声音（1）——调研；用户的声音（2）——搜索关键字）里介绍的通过调研和搜索关键词了解用户之外，我们还可以通过过滤框来了解这个客户看重产品的哪个方面，了解之后可以用更有针对性的内容去影响她。（转载请注明出处：www.MarsOpinion.com） 比如比较常见的一种过滤选项是“按XXXX排序”，比如 ... ...
-
手机产品框架层设计：两种主要布局方式 2009-10-30 16:49
手机产品设计与一般的桌面产品设计相比，最显著的约束是设计空间的急剧缩小。打个比方，这就像从一个100平米的房子搬到5平米的单间，东西没少，可以施展的空间却小了几十倍。更重要的是，在这样一个小空间里，你不能把东西胡乱摆放，要依旧保持它们的清晰、合理、简洁、美观。借用《用户体验的要素》中的名词，涉及到手机产品“框架层”的设计问题。而且，在手机产品设计中，框架设计显得尤其重要。 ... ...
-
再次分析facebook信息架构 -- 受教... 2008-07-28 20:18
图片中“全局导航”部分的主要内容一般包括: “ 个人首页、个人空间 、我的朋友、 随便看看、私信”几项。有心人可能会问，"个人首页,个人空间,我的朋友 "三个内容项的划分是怎么来的呢? 做过网站策划的人都知道，例如最简单的企业建站，不外呼“关于我们，产 ... ...
-
关于可用性表单编码和设计的小贴士(翻译) 2010-03-10 12:45
原文地址: http://www.noupe.com/design/tips-for-coding-and-designing-usable-web-forms.html 备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如”用户名”+输入框, 这里的”用户名”项在英文中是label, ... ...
-
概描述和泛描述 2009-08-18 23:13
《Web信息架构》中有个不恰当翻译，把label翻译成了标签，好像见网友也有提到。我曾经想，如果label是标签，那么tag是啥？如果tag也是标签，那么与label有什么区别么？中英文翻译有时就这么麻烦，完全不知道说的是否一回事。 上周书友会聊到内容组织方式时，有资深同行就提出“标签与关键词不一样”的观点，开始我意思是“它们都一样，只不过是tags的不 ... ...
-
从Web到WAP移植的设计原则 2010-07-21 22:58
从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： 控制信息的维度 信息布局，更好利用首屏的有限资源 采用合理的导航、有明确的方位感知 尽可能减少浏览时的按键做功 界面可视化 控制信息维度 WAP网页可支持的页 ... ...
-
功能结构和页面结构的设计 2008-07-26 12:45
曾经有一个丝毫不懂网站设计的朋友问我：设计一个网站到底有多少活，一个普通的网站具体需要设计多少个页面？我回答：一般情况下不会超过30个页面；事实上一切的设计工作只是为了设计好这不足30个的页面，这些几乎是整个网站的所有。我没有骗他，事实确实可以这么说。针对于这30个页面，我们在设计之前需要搞清楚：这些页面是给什么样人看的？他们有什么样的特征？我们需要给这些人什么样感觉的页面东西？(以上基本上是用户 ... ...
-
解剖麻雀之心：微博的信息呈现格式 2010-11-26 20:36
都云人言可微，哪怕微言耸听！大小门户齐上阵，且看沙场秋点兵。--定场诗一首 前言：回到七嘴八舌的原始社会 所谓沟通，就是人们忙着做两件简单事：听别人说什么；自己该说什么。 有一种沟通，主席台上某个发言人拿着扩音器讲话，身为听众只能在台下窃窃私语，这个叫门户；有一种沟通，大家都可以轮流上讲台上拿着扩音器说话，并且邀请台下的观众评论，这个叫论坛；有一种沟通，大家都回到自己家说话 ... ...
-
慎用向右的指向性符号 2008-12-18 14:53
这个是安全通道里的指示牌，它出现在楼梯的拐角处，我第一眼看到它的时候，是这样理解的：从这里下楼，去往五楼。可一想，不对，我现在就是在五楼！设计者想表达的是：从这里下楼，您当前在五楼。这就是一个典型的设计模型和用户模型不匹配的例子。为什么我会那样去理解呢？我整理了一下我当时的思路。首先，阅读习惯是从左至右，于是我先看到了那个小人正在下楼的图形。其次，顺着小人下楼的方向看去，发现了一个数字， ... ...
-
搜索框suggestion提示还能做点啥 2009-12-12 20:14
今天看到aliued朱鹤群同学的搜索框提示设计，其中提到的搜索框提示、交互设计的目的很有体会。 谷奥报道，最近Google的搜索框suggestion加入更多的提示功能，谷歌叫做加入通用搜索功能，比如可以直接显示天气，度量转换和简洁明确答案类。Yahoo 2005年9月搞得instant search服务的suggestion中出shortcut功能很类似。雅虎的一些在搜索方面的想法确实挺好的，1 ... ...
-
信息架构本质，第 1 部分: 数据和内容的两... 2008-10-07 08:56
信息架构设计中的所有数据和内容是否让您感到迷茫？虽然这很容易让人摸不着头脑，但您绝对能够从中理出头绪。数据和内容之间存在差别，要了解如何将二者集成到您的信息架构设计中可能需要一些技巧。在本文中，您将了解如何集成来自多个源的数据和内容，以创建灵活的设计。 “信息架构本质”系列 将讨论对创建成功的信息架构设计有重要意义的几个元素。在本系列中，您将了解如何管理和组织数据与内 ... ...
-
信息架构本质，第 2 部分: 管理企业信息 2008-10-07 08:58
信息内容管理涉及到确定有用的信息、将该信息组织到直观的结构中，以及控制对该信息所做的更改。内容具有多种形式，包括文本、图形、表格、图表、图解、记录、地图、视频、音频以及其他许多形式。了解如何通过分类和组织内容以适合受众，从而将该信息组织到可维护和便于使用的结构中。 信息具有价值 非常令人惊讶，在不过就是一段数据的临时对象上，能寄予多少价值呢？但是信息并不是凭空存在的；它由其环境上下文中的所有活 ... ...
-
从滚动条消失看细节设计 2012-03-08 23:11
我相信所有设计师都是注重细节的！即使有时迫于种种原因，无法达到像期望般完美，但心中一定有份纠结的坚持。 最近的项目中，给选择器设计备选列表，发现了一个“由细节引发的细节问题”。下图是示例。很简单，在一个固定区域内做多选，当有很多备选时，滚动显示更多内容。（原本意图） 图A：原本的意图，和期望达到的效果 但实现出来之后，发现一个问题：滚动条被隐 ... ...
-
交叉销售 2009-02-20 03:09
交叉销售（cross-selling）有很多不同定义，应属于市场和销售范畴。 我自己理解，很多电子商务网站都采用交叉销售的方法。 最常见的，在产品、物品详细页面下方放一些相关内容，易趣、淘宝、ebay都采用（如下图）： 请注意，中间一张是淘宝的做法，把“还浏览”和“掌柜推荐”放在了一起。 ... ...
