主要内容
-
浅析facebook的信息架构 2008-07-28 03:10
acebook的信息架构设计，是目前为止互联网上我见过的最合理的信息架构。 每次培训，我基本都需要拿20分钟左右的时间来解析它，包括老的、新的、被抄袭的。 一直打算把这个解析过程写下来，但讲的时候可以图音并茂，写的时候确实表达起来很难。 今日权且一试，希望能把培训师讲到的内容表达出30%。(只写现在界面上表现出来的东西，不分析栏目划分已经扩展性问题了) 先看facebook老版界面 ... ...
-
瞎扯之Web导航 2009-03-16 13:04
这年头，信息和获得信息的渠道越来越多。随着信息量的增大，先有了分类，又有了导航，再有了搜索，后面的发展还不得而知。在此只是根据平日的所看所想简单聊下导航，欢迎各路高手拍砖~ 导航的目的很简单：告诉你现在的位置，你可以怎样来，又可以到哪去。生活中最常见的导航是路标，当遇到错误或指向性不明确的路标，你一定会抓狂。偶本人就曾在某大型商场见到一幅消防逃生路线图，指引标注的甚为详细，可惜的是没有标注 ... ...
-
瞬间的快感之细节提升用户满意度 2010-11-10 23:55
话说土匪老湿在他的大作 《交互设计之回归篇》 里曝光了上次有意思小组竞赛我们小组分享的话题 “瞬间的快感”，但这一极具噱头的主题，土匪老湿惜字如金只用了廖廖几字作了归纳…汗，字数没够，字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。 在第一个瞬间，也就是当一位浏览者刚刚打开我们网站的时候，他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间 ... ...
-
移动设计空间节省之道 2012-03-13 18:59
设计来源于生活。最近在装修自己的房间，翻阅了一些相关的家居设计资料，发现交互设计和家居设计有很多相似的地方。小户型空间有限，手机屏幕也只有巴掌大小，在两种小空间上进行设计一定很多共通之道。携程UED的同学也是心有灵犀，很早就为我们奉献了一回精彩的分析（http://ued.ctrip.com/blog/?p=2905）。对于这么有意思的主题，还是想多唠叨几句。 一位优秀的厨子，必须熟练 ... ...
-
信息如水，架构如渠 2011-01-03 22:44
古人云：水到，则渠成。 说的是，水流过的地方，自然形成了渠道。比喻时机到了，事情自然就成了。 人类历史基本都在和水打交道，水路基本是古代核心的运输渠道，农业时代的灌溉系统，水利电站…不胜枚举。甚至可以说，水孕育了人类的文明。 在改变世界之前，先要认识世界。构建渠道之前，需要了解水的属性，才能真正地为人所用。 人们常说，互联网就是信息的海洋。 如今信息时代，信息 ... ...
-
Soso future 2008-11-12 11:08
某日与好友相约去看电影，由于该片异常火爆，故有在网上订票之念头…然后发现网上订票的体验尚不完善，所以我们几个设计是就一起YY了个“Soso future”的概念设计出来… 我们简单的在玻璃墙上画出了一些脑爆的点子，然后就分工各自进行自己需要做的东西去了… 整个片子以某人想通过网上订票的理念，利用s ... ...
-
表单设计多余输入的去除问题 2009-06-12 01:26
第十章 多余输入 任何向人们提出的问题，人们都需要解析，做出反应，在表单提供的地方输入答案。小心！如果并非绝对必要，去掉可以去掉的问题，或者在更恰当时间或位置提出问题，或者自动推断答案。问题越少，就能越快填完表单。 去除问题 2002年，eBay重新设计了注册表单，设计团队仔细考虑了表单每个问题，找出了不是绝对必要的问题。去除的问题中有些会使潜在客户离开：家庭年收入，性别， ... ...
-
关于Google“音乐泡泡”三言两语 2009-04-16 02:16
最近Google音乐搜索上线了，推出了一个很有意思的工具”音乐泡泡”。打开界面左边是五颜六色的音乐泡泡，右边是一大堆选项，看上去很是”专业”，我起初点击打开的时候就误认为是一个随机播放列表，不过用着用着不对，原来是用音色本身来进行的音乐搜索工具。但是如果这么去理解的话那么这个工具就完全没有任何用途了，因为对于一个一般用户有谁能从节奏，声调， ... ...
-
《写给大家看的设计书》阅读笔记之亲密性原则 2009-07-07 00:12
也许光从字面上来说，版式设计中的“亲密性”似乎不太好理解，正常的情况下，我们都会把“亲密性”理解为人与人之间的关系的一种表现，事实上在版式设计中的“亲密性”的确也有类似人与人之间的关系的意思。 也正是印证了那句话——物以类聚，人以群分！ “亲密性”的原则即是将逻辑 ... ...
-
多“余额”概念误导问题 2009-01-14 18:17
登陆支付宝账户会看到账户的可用余额，如果会员办理了支付宝卡通又有本身的余额（所谓支付宝卡通的余额），在支付宝账户中首页肯定可以查询到自己的账户余额，在支付宝卡通页面有的银行可以查询到卡通的余额，有的银行查询不到卡通的余额。以上，不是绕口令。（图一：此为登陆支付宝账户的页面）（图二：此为登陆支付宝卡通管理的页面）问题出现了：会员兴高采烈神彩飞扬的办理了卡通，然后登陆账户就看到账户余额为0。于是人傻了 ... ...
-
互联网界面设计模式 2010-08-24 21:30
Web界面设计 封皮上是这样描述本书的：想知道怎样在今天的Web上创造伟大的用户体验吗？……本书以当前最流行的Web站点为例，介绍了两大良行之有效的Web界面设计模式。如果你想构建或重构站点，并希望站点以丰富的交互为特色，那么本书就是你出奇制胜的宝典。 首先，这是一本工具书。 其次，这是自认为一本比较糟糕的好书。好书，因为它提供了大量思路 ... ...
-
手机网站重构经验分享(S60V3篇) 2010-07-20 09:09
前言 做WEB重构的同学都应该知道,我们一般需要在一个操作系统 (Windows XP)和4种以上的浏览器(IE678,Firefox,Chrome,Opera等)上测试页面的兼容性。 相对而言,手机上的页面兼容性测试,相当痛苦!手机光操作系统都有S60V3,S60V5,MTK,Android, Windows Mobile等等,每个操作系统上除了自带的浏览器,还有至少3 ... ...
-
导航标签(navigation Tabs)_... 2010-08-11 08:54
原文地址: http://developer.yahoo.com/ypatterns/navigation/tabs/navtabs.html 当网站的分类不会经常改变时,在网站的LOGO和页头下方,水平放置一组固定的单行标签,是一种提供高层级的导航的方法.标签导航应该与整个页面宽度一致,分类的标题应该是可预知并且尽可能短,同时通过高亮当前选中的标签来保持”文件夹的隐喻&rdq ... ...
-
软件安装过程的交互设计 2011-07-25 19:44
混乱的安装界面和不畅的安装流程把前来拜访的用户拒之门外，也使软件的功能得不到充分的定制和发挥。由于对互联网产品的爱好，我经常安装软件，在这之中发现许多不好的地方，在这将共通的内容提出来分析一下。 现有软件安装一般页面流程： what's new页>>许可条款页>>选择组件>>软件大小信息，选择安装路径和快捷方式显示位 ... ...
-
注册表单的细节问题 2008-08-06 11:51
Ajax的流行给用户体验带来了很大程序的提升，而“注册“这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输 入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加入，得以让我们彻底告别以往那个 注册一个用户往往需要反复填写好几次表单的时代。 当然，注册用户时所需要填写的项 ... ...
-
构建一个良好的信息系统 2009-04-08 21:29
对于任何一个信息量巨大的网站来说，网站乐意把热门的信息放在首页，这是一个长尾头部，我相信大多数网站首页的信息量的总和，大不过非首页信息量的总和。那么，用户如何能找到他需要的信息？ 继续《web信息架构》的阅读心得分享，前文说完信息粒度，当网站明确一个最适合的一个信息单位，那么作为信息架构师要考虑的是： 1 信息如何产生？ 2 如何组织关联？ 3 通过什么渠道传播？ 着重说第2、3点 ... ...
-
表格变填空-与冷冰冰的网页对话 2010-02-26 02:15
还记得英语考试里的填空题吧? 在考场意外，貌似填空这种模式比整齐划一的表格更让人感到亲切。今天@lukewdesign在网站上发表了一篇短文，解释了一下填空模式表格的实验，初步发现转化率提高了25-40%，可以说是非常显著。看了图就明白了，这个界面是与汽车经纪联系，询问汽车记录的页面。比较左面与右面的两幅图，我似乎能感觉到左面的图是冷的，右面的图是热的。 细节比较 语气变化指示性的"联系这个经 ... ...
-
招商银行的弱智设计 2008-12-16 22:45
在登入到招行专业版后; 在输入取款密码后; 招行的大爷，还要我输入"验证码"做啥用? 1) 昨天我要给支付宝充值，40分钟居然没搞定。有同事告诉我，你直接申请卡通服务不就成了? 问题是，我申请了没有门槛的服务，有问题的设计如何才能再发现呢? 2) 为什么说这个设计弱智？ 支付宝充值与招行交互 0) 登录在支付宝 1) 登入到招行专业版后 2) 在输入取款密码后;（有这么高级的 ... ...
-
拖放三部曲——从“把大象放进冰箱”说起 2011-03-22 00:01
开篇呈上赵本山和宋丹丹的小品笑话： 要把大象放进冰箱总共分几步？ 把大象塞进冰箱要3步：1 把冰箱门打开；2 把大象装进去；3 把冰箱门带上。 这虽是一则脑筋急转弯的笑话，但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤。 1. 虚实结合的世界 随着信息化时代的到来，我们的生活不仅局限于可触摸的自然环境，而且 ... ...
-
登陆框的密码遮盖问题以及其他 2009-07-12 01:34
几天前看到的这个关于密码遮盖（Password Masking) 问题的讨论，顺着链接有找到了一些讨论来看，继而发现相关文章已经有人翻译了(refer)，但中文技术社区好像很少见到讨论(也可能是我孤陋寡闻)。 这是个令人印象深刻的话题，因为挑战的是习惯性的设计方式。放眼看去，所有需要输入密码才可登录的网站都是遮盖密码的。密码遮盖带来的坏处是显而易见--用户的输入成了盲区，不知道自己输入的是 ... ...
