主要内容
-
让北极熊带你去更远的地方 2009-08-08 14:06
这是早些时候应编辑的邀请为《Web信息架构：设计大型网站》这本书写的书评，发表在iachina.org的图书专题页面上。 当时，Oliver还想要为这本书创作一个幻灯片，后来开了头就食言了。现在把这篇书评重新发表一次，算是对编辑的致歉。 这篇帖子是2008年8月写的，帖子中的“三年前”，“半年前”，“一个月前”和&ldquo ... ...
-
保障任务流畅的IA设计方法-页面简图法 2011-09-22 16:41
关于“为任务而设计”和“为结构而设计”的问题，之前曾经反复阐述过，如果你没印象了，可以先看下：《设计原则VS实际情况》和《为产品结构的设计，为用户任务的设计》。 “设计时，既应该关注让任务流畅，又需要让结构清晰。” 如果你认同了这个观点，那么，接下来的问题就是：应该怎么做呢？ 下面介绍一个设计方法，这是一个用于 ... ...
-
登录框的报错反馈 2011-01-23 21:41
这里以淘宝的登录界面为主要示例。 先来看一下： 1：淘宝并没有使用“用户名”这个最常见的称呼，而是使用了“账户名”，或许淘宝认为这样称呼更为准确吧，不过大多数用户对此并不会关心。 2输入框里给出提示：可以输入“手机号/会员名/邮箱”，这对于在不同网站拥有不同帐号 ... ...
-
不要给我无用信息 2009-03-03 03:10
有位同事，有如下观点： 所有信息、所有操作，都要让用户看到。 这种理念下，很容易设计出类似下面的界面： 两个界面表达的内容：什么也没有，其实就是“无”。 我的感觉是“累”，眼睛要承受的太多。 上周末用银行ATM还钱，我存入的是百圆纸币，ATM总是以如下形式显示（大概的样 ... ...
-
找茬：支付宝登录的改进，欣喜之余还是留有遗憾 2008-12-10 01:14
支付宝登录 今天登录支付宝的时候，发现首页的登录窗口，已经取消了验证码的输入，太棒了！ 但是使用后又发现，这一次的改进实际上非常的不彻底，或者说是非常的表面化： 输入完登录密码后，无法用回车键完成登录，必须鼠标点击“登录”按钮才可以。（当然又另外一个快捷方式就是Tab键然后回车键） 如果输入一次密码错误，那么就需要继续输入验证码， ... ...
-
优异的灵活性 2009-05-07 14:20
曾有设计师在体验Google Chrome之后指出，如果打开的页面太多，标签栏将变成下图所示的恐怖模样： 与此不同的另一种典型设计来自Firefox。在Firefox里，标签具有最小宽度。当标签数量过多以至当前浏览器宽度无法容纳所有标签的时候，将在标签栏左右分别显示按钮控制标签左右滑动；同时提供一个下拉列表显示所有未显示的标签。 是来自Google的设计师没有考虑到可能形 ... ...
-
频道为什么会这样？ 2009-03-15 04:44
我们常常在淘宝看到这样的页面： 胡乱标红，让标红失去意义 文不对题，标题栏写的是A，内容里填的是B 后期临时加入的板块，和周围风格格格不入 …… 很明显，设计师是不会这样设计的!表面上看，此类问题都出现在后期维护中。维护页面的运营人员并没有按照设计师的思路进行后续的维护。然而这应该完全归咎 ... ...
-
用户界面设计中“状态”和“动作”的表达 2012-01-07 21:16
一、问题引发思考 前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了，所以在此整理一下思路，与大家共享。 具体案例是这样的：如上图所示，在“启用”和“停用”搜索定制功能时，这个按钮到底是表示“状态”还是 ... ...
-
信息构架的若干原则 (第一部分) 2010-05-11 23:22
本文不准备重复讨论Web信息构架过程中的细节（比如，搜索框应当放什么地方），这些细节很多文章都讨论过了。我们把重点放在与网站信息构架的相关 核心原则和方法上。适当的使用这些原则可以简化从互联网认知信息的过程，且使呈现的信息更容易被获取。 为了能顺利理解并恰当运用这些原则，我们首先要理解什么是信息构架，信息架构的目标、核心理念、组件和构架的一般过程是什么。 了解信息构架 什 ... ...
-
交互设计入门---交互设计的职能 2012-03-27 16:20
上个章节讲了了解交互设计，本章主要详述一下交互设计的职能——交互设计师具体做哪些内容？ Ⅰ. 先了解一下交互设计的基本概念： 交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。 Ⅱ.交互设计在项目流程中的位置和任务： 项目前期的流程和 ... ...
-
找茬：我的支付宝页面 2008-12-22 12:58
先看两个图片： 图一： 图一：我的支付宝 图二： 图二：点击我的支付宝“个人认证”链接后的页面 几个典型的问题： 我的支付宝页面是支付宝用户登录后的第一个页面。这个页面的空间应该说是非常重要的。但是随着几年下来这个页面的不断update，在导航和内容排布方面已经出现了比较大的问题。看图一：我用不同的颜色 ... ...
-
社会化网络用户界面（UI）的9个重要特征 2009-10-05 04:36
一个好的用户界面（UI）的主要功能是为用户在用户意图和应用程序功能之间提供一个直观的映射，为用户既定任务的完成提供一个解决方案。基本上来说，用户界面（UI）描述了用户和网站之间交互以及用户访问其功能的方式。事实上，可用性是一个良好的用户界面的双积，它决定了用户是否可以轻松地执行网站提供的所有功能。可用性是每一个设计的重要组成部分，特别是在拥有大量功能和用户的网站上。 这篇文章我们来说说社会 ... ...
-
分享、推荐、收藏行为在产品设计中的理解与应用 2009-01-18 13:48
受邀参与鲜果网的内测，与鲜果某设计MM的聊天时我提出了3个问题 用户A看到一篇文章，他希望朋友B也能来看看，这个属于“分享”还是“推荐”？还是有个交集？ 用户C看到一篇文章，认为写得精彩绝伦，希望能以后继续再看多一遍，这个动作是“收藏”还是“推荐”，还是有个交集？ 用户E看到一个 ... ...
-
手机QQ游戏2008~2009UI设计分享 2010-07-20 09:15
最初 在2008版本之前，这个项目都没有UI设计的加入，所有UI界面都是开发自己拼图绘制而成，虽然不是很美观，但是基本功能还是比较完善，依托 公司这个大的平台，有一定的用户基数。 接触： 刚接触需求的时候还未入职，以前也一直是从事大型网游UI的设计工作，对手机UI的还不是很了解，不过生活就是不断挑战嘛！就根据自己的想法做 了几个风格稿，分辨 ... ...
-
干掉那鸡肋般的网页客服 2009-11-08 21:04
客服系统是电子商务网站核心系统之一，客服的反应速度很大程度上直接决定转化率。在B2C发展的前期，大部分网站会挂上一个网页客服系统，包括IM和WebIM两种模式。 部分网站会在显耀的位置来一个QQ或者MSN或者SKYPE取名叫客服1、客服2、客服3，然后有部分时间是灰色的，部分 ... ...
-
记淘宝网09年首页改版类目设计 2009-01-05 18:55
去死吧2008.~!~ 在太古时期，有一种凶猛的怪兽，散居在深山密林中，人们管它们叫“年”。“年”的形貌狰狞，生性凶残，专食飞禽走兽、鳞介虫豸，一天换一种口味，从磕头虫一直吃到大活人，让人谈“年”色变。08"年"终于走了.相信很多人艰难的渡过这一年.历史又翻开新的一页经历过历史的人方知难. ... ...
-
宜家的用户体验 2009-05-12 23:05
离家3分钟路程就是宜家，所以经常去逛而不买东西，偶尔去逛加吃东西而不买东西。去逛因为宜家还有宜家的产品的设计都堪称典范，从工业设计到web设计有许多共通的地方，由宜家可以借鉴很多东西到web设计上来；不买是因为宜家的东西确实是很大很贵但是又很巧。 1、地方很大、东西很贵、设计很巧。 &nb ... ...
-
令人费解的网易人品鉴定 2008-09-22 00:04
网易新闻频道下面的“人品鉴定”。 下面选项中，“不好”对应的是一个勾，“好”对应的是叉。 那我觉得这个城管好的话，我到底是应该选择“好”呢，还是选择“勾”？ ... ...
-
表单的重复输入项目应该设置为禁止粘贴 2009-04-22 21:46
先来看一个最近挖到的网站：http://www.picnik.com/，这个网站简单的来说就是一个在线的图片处理网站。它的注册表单是我见过的做的最棒的表单之一了，简约而不简单，流程简单清晰没有丝毫的多余内容，视觉上也让人很舒服。 初始表单就三行，Use ... ...
-
良好位置感的设计 2008-07-26 22:53
好的设计和不好的设计，就像是一块硬币的正反面。之前我们看到的都是硬币的反面，只要翻转一下，就可以看到正面了。 上次我评论了上网四大郁闷事， 很大原因是导航混乱、位置感不强造成的。有一次参与朋友公司的讨论时我说道，网站就像是一个信息群岛，岛屿和岛屿间是相连的，差别在于你是用独木桥还是高 速公路，桥边（路边）是美女的诱惑还是指示牌。良好位置感的设计，主要解决三个问题：我从哪里来（为什么 ... ...
