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