主要内容
-
慎用向右的指向性符号 2008-12-18 14:53
这个是安全通道里的指示牌，它出现在楼梯的拐角处，我第一眼看到它的时候，是这样理解的：从这里下楼，去往五楼。可一想，不对，我现在就是在五楼！设计者想表达的是：从这里下楼，您当前在五楼。这就是一个典型的设计模型和用户模型不匹配的例子。为什么我会那样去理解呢？我整理了一下我当时的思路。首先，阅读习惯是从左至右，于是我先看到了那个小人正在下楼的图形。其次，顺着小人下楼的方向看去，发现了一个数字， ... ...
-
解剖麻雀之心：微博的信息呈现格式 2010-11-26 20:36
都云人言可微，哪怕微言耸听！大小门户齐上阵，且看沙场秋点兵。--定场诗一首 前言：回到七嘴八舌的原始社会 所谓沟通，就是人们忙着做两件简单事：听别人说什么；自己该说什么。 有一种沟通，主席台上某个发言人拿着扩音器讲话，身为听众只能在台下窃窃私语，这个叫门户；有一种沟通，大家都可以轮流上讲台上拿着扩音器说话，并且邀请台下的观众评论，这个叫论坛；有一种沟通，大家都回到自己家说话 ... ...
-
关于音乐试听网站信息架构的一些事 2010-05-05 20:57
一、准备 网站信息架构这一概念的出现，引导我们用类比建筑学的方式思考网站。中国北方的土炕瓦房与南方的吊脚竹楼呈现出迥异的结构，是因为建筑原料、使用人及用途决定了建筑物的物理形态。同样的，企业网站跟个人博客在形式上的巨大差异也源自网站的内容、用户、情境决定其信息架构这一理由。音乐试听网站面对着细分市场上的用户和使用情境，也拥有“音乐”这样特殊的内容，因此通 ... ...
-
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 ... ...
-
增强现实技术会能解决电子商务商品尺码问题么？ 2009-06-07 22:57
最近总被问怎么样可以让用户在网站上选择到合适自己尺码的产品（曾经也介绍过几个方法，例如这里，还有这里），也头脑风暴出了一些更成熟的方案，但是本质上都只是小改良，相比现在普遍采用的模式（例如给size chart或者size calculator）没有根本性的突破——或者说，凡是能够产生根本性突破的方法，都需要极大的开发成本，目前也没有资源去实现。 看到www.pri ... ...
-
关于可用性表单编码和设计的小贴士(翻译) 2010-03-10 12:45
原文地址: http://www.noupe.com/design/tips-for-coding-and-designing-usable-web-forms.html 备注: 关于label和tag,在中文中都翻译成标签,而下文中出现的标签,都是对label的翻译,比如”用户名”+输入框, 这里的”用户名”项在英文中是label, ... ...
-
速度~速度~ 2009-03-17 00:56
总觉得邮箱这个东西，不管线上线下，作为一个工作的工具，速度，或者说是效率就是最大的需求。 接收的时间 我在使用OUTLOOK时的体会，就是平时工作时会比较专心地在画图、制作上时，如果有邮件过来，会弹出窗口。此时给我的感觉，就是我被动地接收了一个“有邮件消息”的信息。而这样一个接收方式，是不用我主动地花费时间去查询的。这样即是节约了我的工作时间，又保证了接收邮 ... ...
-
手机产品框架层设计：两种主要布局方式 2009-10-30 16:49
手机产品设计与一般的桌面产品设计相比，最显著的约束是设计空间的急剧缩小。打个比方，这就像从一个100平米的房子搬到5平米的单间，东西没少，可以施展的空间却小了几十倍。更重要的是，在这样一个小空间里，你不能把东西胡乱摆放，要依旧保持它们的清晰、合理、简洁、美观。借用《用户体验的要素》中的名词，涉及到手机产品“框架层”的设计问题。而且，在手机产品设计中，框架设计显得尤其重要。 ... ...
-
信息架构本质，第 1 部分: 数据和内容的两... 2008-10-07 08:56
信息架构设计中的所有数据和内容是否让您感到迷茫？虽然这很容易让人摸不着头脑，但您绝对能够从中理出头绪。数据和内容之间存在差别，要了解如何将二者集成到您的信息架构设计中可能需要一些技巧。在本文中，您将了解如何集成来自多个源的数据和内容，以创建灵活的设计。 “信息架构本质”系列 将讨论对创建成功的信息架构设计有重要意义的几个元素。在本系列中，您将了解如何管理和组织数据与内 ... ...
-
胜过语言的图形符号 2009-05-04 00:57
就在刚才，我给GMAIL安装了Twitterd插件。 安装完插件后，Gmail提示我要连接Twitter的账号才能使用： 我顺着提示操作下去，就看到了这个页面： 一路下来的英文界面，已经让我相当的头疼了。 但是这两个按钮即使不看文案,也很容易猜出其中的意思。 比起千篇一律的方形按钮，这里的“小箭头”设计真是太贴心了。 在这里它准确的指导了我进行下一步的操作。 ... ...
-
从滚动条消失看细节设计 2012-03-08 23:11
我相信所有设计师都是注重细节的！即使有时迫于种种原因，无法达到像期望般完美，但心中一定有份纠结的坚持。 最近的项目中，给选择器设计备选列表，发现了一个“由细节引发的细节问题”。下图是示例。很简单，在一个固定区域内做多选，当有很多备选时，滚动显示更多内容。（原本意图） 图A：原本的意图，和期望达到的效果 但实现出来之后，发现一个问题：滚动条被隐 ... ...
-
给链接一个添加下划线的理由 2008-10-18 13:05
互联网上有着无以计数的海量信息，而这些信息依靠着链接维持着之间的关系，从而避免了一个个独立的信息孤岛，互相关联的才能形成互联网。链接在互联网的交互上有着不可替代的重要性。 之前提到过关于链接的几种提示及打开方式，其中有一个关于链接的提示是：文字带有颜色没有下划线。有时候为了页面的美观，很多设计师会特别的去掉链接文字的下划线，而仅仅只是改变链接文字的颜色。的确，这也算是链接的一种提示方 ... ...
-
信息架构本质，第 2 部分: 管理企业信息 2008-10-07 08:58
信息内容管理涉及到确定有用的信息、将该信息组织到直观的结构中，以及控制对该信息所做的更改。内容具有多种形式，包括文本、图形、表格、图表、图解、记录、地图、视频、音频以及其他许多形式。了解如何通过分类和组织内容以适合受众，从而将该信息组织到可维护和便于使用的结构中。 信息具有价值 非常令人惊讶，在不过就是一段数据的临时对象上，能寄予多少价值呢？但是信息并不是凭空存在的；它由其环境上下文中的所有活 ... ...
-
从Web到WAP移植的设计原则 2010-07-21 22:58
从Web端直接移植为WAP2.0形式，突出的矛盾是信息架构不适应小屏幕设备，垂直页面的冗长和WAP2.0表现形式的限制。 提升小屏幕浏览的体验，在设计中应包含以下几个核心任务： 控制信息的维度 信息布局，更好利用首屏的有限资源 采用合理的导航、有明确的方位感知 尽可能减少浏览时的按键做功 界面可视化 控制信息维度 WAP网页可支持的页 ... ...
-
用户的声音(3) - 排序、过滤选项 2009-04-29 14:58
除了前面两篇（用户的声音（1）——调研；用户的声音（2）——搜索关键字）里介绍的通过调研和搜索关键词了解用户之外，我们还可以通过过滤框来了解这个客户看重产品的哪个方面，了解之后可以用更有针对性的内容去影响她。（转载请注明出处：www.MarsOpinion.com） 比如比较常见的一种过滤选项是“按XXXX排序”，比如 ... ...
-
功能结构和页面结构的设计 2008-07-26 12:45
曾经有一个丝毫不懂网站设计的朋友问我：设计一个网站到底有多少活，一个普通的网站具体需要设计多少个页面？我回答：一般情况下不会超过30个页面；事实上一切的设计工作只是为了设计好这不足30个的页面，这些几乎是整个网站的所有。我没有骗他，事实确实可以这么说。针对于这30个页面，我们在设计之前需要搞清楚：这些页面是给什么样人看的？他们有什么样的特征？我们需要给这些人什么样感觉的页面东西？(以上基本上是用户 ... ...
-
网站目錄（导航）設計问题：Digg v.s.... 2008-08-24 12:56
對於那些架構龐大、層次很深的網站，目錄的設計十分之重要。一旦設計得不好，很容易讓用戶有 lost 的感覺。要如何解決這個問題，小弟至今仍然沒有一個完美的解決方法。因此小弟比較幾個網站的目錄設計手法，並在此跟大家分享一下所得。 設計師常常會以顏色、字體、位置大小來突出當前被選中的選項。但對於多層次的網站，可能會有多過一個選項被選中的情況。雖然設計師可以同時突出多個 ... ...
-
奥运订票折腾记 2008-07-26 08:08
角色描述 在京外地人，资深网络用户，经常使用VISA信用卡在网上交易，上班忙空闲时间少。帮在四川老家的爹妈定票，具体项目待定，看价钱和时间安排，其实主要是凑热闹。 晚饭后上网溜达，突然想起订票这回事，打算试试，笔记本Win2003, Firefox1.5的环境。 交互流程 登录——搜索门票——预订门票—&m ... ...
-
登录和注册按钮的三种表现状态 2008-10-09 11:54
登录与注册这两个按钮是平时网页上最为常见的两个按钮，任何一个有会员系统的网站都需要这样的两个按钮，所以我们也能在不同的网页上看到这两个按钮的不同状态，总结一下常见的有三种状态： 在很早之前的网页设计中，状态一的两个按钮样式是最常见的，因为两个按钮的样式一致，在视觉上有一致性，但这对于使用鼠标点击登录的初级用户而言，需要多一个判断的时间。 所以，后来的网页设计上就不再 ... ...
-
操作设计要素 2011-02-27 11:58
之前在《首都机场的点烟器》中分析了一个软件系统所处的状态并且列举了不同的状态所需要的展示给用户的各类信息，我们先简单回顾一下：要设计一个软件系统的操作，除了认清系统的状态以及对应的要素以外，还需要分析操作功能本身。提供给用户这些功能按钮时，还需要同时告知用户哪些信息？ 我们在日常的生活中，需要下决定的时候往往都会要知道什么呢？比如：当银行的业务员向我推荐他家的信用卡时，我需要了解哪些信息后才 ... ...
