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