主要内容
-
信息架构：内容策略的准则 2009-01-08 13:53
Kristina Halvorson 版权所有 作者：Kristina Halvorson 译者：UCD翻译小组， 孙亮； 原文地址：http://www.alistapart.com/articles/thedisciplineofcontentstrategy 我们这些做网站的人最常谈论的就是用户体验、信息架构、内容管理系统、代码、元数据、视觉设计、用户研究这些东西，还有各种可以让 ... ...
-
我们的繁体用户怎么办？ 2009-07-04 22:50
今天遇到的这件事情让我感到无奈，甚至是耻辱。 作为淘宝的员工，也偶尔在淘宝处理我的闲置物品，这种既为开发人员又是用户的双重身份让人颇具有玩味。 卖了件闲置物品给在香港的同胞，什么都聊好的情况下，照常打开“我的淘宝”查看发货信息，傻眼了。 这到好，连码都不用打了，买家的收货信息基本属于“火星文”，手动更换了页面的编码信 ... ...
-
关于可用性表单编码和设计的小贴士(翻译) 2010-03-10 12:45
原文地址: http://www.noupe.com/design/tips-for-coding-and-designing-usable-web-forms.html 备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如”用户名”+输入框, 这里的”用户名”项在英文中是label, ... ...
-
《web信息架构》-信息架构分四类及分类的方式 2009-11-13 11:35
信息架构的组件可以拆分成四类 组织系统 如何组织信息，例如，依据主题或年代顺序。 标签系统 如何表示信息，例如，科学术语（“Acer”）或通俗术语（“maple”）。 导航系统 如何浏览信息，例如，通过等级体系的点击。 搜索系统 如何搜索信息，例如，对索引系统进行搜索的查询。 ... ...
-
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-05-04 00:57
就在刚才，我给GMAIL安装了Twitterd插件。 安装完插件后，Gmail提示我要连接Twitter的账号才能使用： 我顺着提示操作下去，就看到了这个页面： 一路下来的英文界面，已经让我相当的头疼了。 但是这两个按钮即使不看文案,也很容易猜出其中的意思。 比起千篇一律的方形按钮，这里的“小箭头”设计真是太贴心了。 在这里它准确的指导了我进行下一步的操作。 ... ...
-
解剖麻雀之心：微博的信息呈现格式 2010-11-26 20:36
都云人言可微，哪怕微言耸听！大小门户齐上阵，且看沙场秋点兵。--定场诗一首 前言：回到七嘴八舌的原始社会 所谓沟通，就是人们忙着做两件简单事：听别人说什么；自己该说什么。 有一种沟通，主席台上某个发言人拿着扩音器讲话，身为听众只能在台下窃窃私语，这个叫门户；有一种沟通，大家都可以轮流上讲台上拿着扩音器说话，并且邀请台下的观众评论，这个叫论坛；有一种沟通，大家都回到自己家说话 ... ...
-
手机产品框架层设计：两种主要布局方式 2009-10-30 16:49
手机产品设计与一般的桌面产品设计相比，最显著的约束是设计空间的急剧缩小。打个比方，这就像从一个100平米的房子搬到5平米的单间，东西没少，可以施展的空间却小了几十倍。更重要的是，在这样一个小空间里，你不能把东西胡乱摆放，要依旧保持它们的清晰、合理、简洁、美观。借用《用户体验的要素》中的名词，涉及到手机产品“框架层”的设计问题。而且，在手机产品设计中，框架设计显得尤其重要。 ... ...
-
速度~速度~ 2009-03-17 00:56
总觉得邮箱这个东西，不管线上线下，作为一个工作的工具，速度，或者说是效率就是最大的需求。 接收的时间 我在使用OUTLOOK时的体会，就是平时工作时会比较专心地在画图、制作上时，如果有邮件过来，会弹出窗口。此时给我的感觉，就是我被动地接收了一个“有邮件消息”的信息。而这样一个接收方式，是不用我主动地花费时间去查询的。这样即是节约了我的工作时间，又保证了接收邮 ... ...
-
从Web到WAP移植的设计原则 2010-07-21 22:58
从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： 控制信息的维度 信息布局，更好利用首屏的有限资源 采用合理的导航、有明确的方位感知 尽可能减少浏览时的按键做功 界面可视化 控制信息维度 WAP网页可支持的页 ... ...
-
从滚动条消失看细节设计 2012-03-08 23:11
我相信所有设计师都是注重细节的！即使有时迫于种种原因，无法达到像期望般完美，但心中一定有份纠结的坚持。 最近的项目中，给选择器设计备选列表，发现了一个“由细节引发的细节问题”。下图是示例。很简单，在一个固定区域内做多选，当有很多备选时，滚动显示更多内容。（原本意图） 图A：原本的意图，和期望达到的效果 但实现出来之后，发现一个问题：滚动条被隐 ... ...
-
用户的声音(3) - 排序、过滤选项 2009-04-29 14:58
除了前面两篇（用户的声音（1）——调研；用户的声音（2）——搜索关键字）里介绍的通过调研和搜索关键词了解用户之外，我们还可以通过过滤框来了解这个客户看重产品的哪个方面，了解之后可以用更有针对性的内容去影响她。（转载请注明出处：www.MarsOpinion.com） 比如比较常见的一种过滤选项是“按XXXX排序”，比如 ... ...
-
信息架构本质，第 2 部分: 管理企业信息 2008-10-07 08:58
信息内容管理涉及到确定有用的信息、将该信息组织到直观的结构中，以及控制对该信息所做的更改。内容具有多种形式，包括文本、图形、表格、图表、图解、记录、地图、视频、音频以及其他许多形式。了解如何通过分类和组织内容以适合受众，从而将该信息组织到可维护和便于使用的结构中。 信息具有价值 非常令人惊讶，在不过就是一段数据的临时对象上，能寄予多少价值呢？但是信息并不是凭空存在的；它由其环境上下文中的所有活 ... ...
-
慎用向右的指向性符号 2008-12-18 14:53
这个是安全通道里的指示牌，它出现在楼梯的拐角处，我第一眼看到它的时候，是这样理解的：从这里下楼，去往五楼。可一想，不对，我现在就是在五楼！设计者想表达的是：从这里下楼，您当前在五楼。这就是一个典型的设计模型和用户模型不匹配的例子。为什么我会那样去理解呢？我整理了一下我当时的思路。首先，阅读习惯是从左至右，于是我先看到了那个小人正在下楼的图形。其次，顺着小人下楼的方向看去，发现了一个数字， ... ...
-
信息架构本质，第 1 部分: 数据和内容的两... 2008-10-07 08:56
信息架构设计中的所有数据和内容是否让您感到迷茫？虽然这很容易让人摸不着头脑，但您绝对能够从中理出头绪。数据和内容之间存在差别，要了解如何将二者集成到您的信息架构设计中可能需要一些技巧。在本文中，您将了解如何集成来自多个源的数据和内容，以创建灵活的设计。 “信息架构本质”系列 将讨论对创建成功的信息架构设计有重要意义的几个元素。在本系列中，您将了解如何管理和组织数据与内 ... ...
-
功能结构和页面结构的设计 2008-07-26 12:45
曾经有一个丝毫不懂网站设计的朋友问我：设计一个网站到底有多少活，一个普通的网站具体需要设计多少个页面？我回答：一般情况下不会超过30个页面；事实上一切的设计工作只是为了设计好这不足30个的页面，这些几乎是整个网站的所有。我没有骗他，事实确实可以这么说。针对于这30个页面，我们在设计之前需要搞清楚：这些页面是给什么样人看的？他们有什么样的特征？我们需要给这些人什么样感觉的页面东西？(以上基本上是用户 ... ...
-
登录和注册按钮的三种表现状态 2008-10-09 11:54
登录与注册这两个按钮是平时网页上最为常见的两个按钮，任何一个有会员系统的网站都需要这样的两个按钮，所以我们也能在不同的网页上看到这两个按钮的不同状态，总结一下常见的有三种状态： 在很早之前的网页设计中，状态一的两个按钮样式是最常见的，因为两个按钮的样式一致，在视觉上有一致性，但这对于使用鼠标点击登录的初级用户而言，需要多一个判断的时间。 所以，后来的网页设计上就不再 ... ...
-
网站目錄（导航）設計问题：Digg v.s.... 2008-08-24 12:56
對於那些架構龐大、層次很深的網站，目錄的設計十分之重要。一旦設計得不好，很容易讓用戶有 lost 的感覺。要如何解決這個問題，小弟至今仍然沒有一個完美的解決方法。因此小弟比較幾個網站的目錄設計手法，並在此跟大家分享一下所得。 設計師常常會以顏色、字體、位置大小來突出當前被選中的選項。但對於多層次的網站，可能會有多過一個選項被選中的情況。雖然設計師可以同時突出多個 ... ...
-
单线流程(2) - 流程中KEY 2009-02-08 16:00
在单线流程1这篇文章里，我引出了单线流程这个概念，并没有深入去分析单线流程，相当于HELLO WORLD!在接下来单线流程这个系列的文章里，我会继续深入分析单线流程相关的内容，希望有一天单线流程的设计思想能深入人心，成为一个主流的并且基础的流程设计思想。也希望有兴趣的朋友一起来讨论这个话题。继续解释什么是单线流程？尽管我们可以把一个复杂的流程分成多个步骤，多个页面，使每个页面的流程都符合纯粹单线流 ... ...
