主要内容
-
可访问性 - 前端的使命(一) 2009-06-23 01:58
事情的缘由是，前两个礼拜打了个“飞的”去北京玩，见了一位在百度做前端的朋友。过去一年以来，这家伙就不停的在鼓动我去他们那个邪恶的公司。当然，见面之后就不能再当面称呼人家是邪恶的公司啦，所以我就找了个理由，说你们那个“百度盲道”做得太垃圾了。他当然就很虚心的问我为什么啦。所以我也只能很心虚的糊弄了几句，说回上海之后详细告诉他。 回来之后，就马上 ... ...
-
关于系统邮件的设计 2010-03-11 22:46
本文主要表达的意思是：邮件的设计与网页的设计有着巨大的差别。如果能用文字千万不要用图片；如果要用图片也千万记得把内容加入图片的Alt属性中；如果有可能给一个明确的退订链接。 写这篇文章的直接诱因是今天下午那个巨崩溃的淘 ... ...
-
你们的资料不准确 2009-02-04 02:34
今天在joyo又碰到问题，以前也碰到过，不过今天这次没办法进行下去。 公司在高新区，高新区位于浦口，有独立邮政210061，浦口区的其他很多地方使用另一个邮编211800。 在joyo填写配送地址碰到了麻烦。如下图。 “根据我们的资料，江苏 浦口区的邮编为211800”。 抱歉，你们的资料不准确。 不修改，继续下去。下图。 ... ...
-
畅想支付宝的缴费服务！ 2009-03-17 01:05
对于支付宝进入公共事业缴费的业务，我是百万分的欢迎！ 因为个人比较懒惰，对于缴纳电费、水费等服务，都是深恶痛绝的，哪怕是银行代缴。还是非常痛苦的管理不同的银行账户，定期要给银行打款，比如现在管理电话费、电费的农行，我用的还是存折，上周因为没有及时交钱，就被电力局关闭了家里的电源，这个抓狂啊。 支付宝让我看到了希望。尝试着去使用支付宝的水费缴纳，我遇到了一个困难： 缴纳 ... ...
-
好的体验从降低输入成本开始 2011-07-13 11:27
小屏幕小空间，输入信息举步维艰，不是误点，就是需要频繁切换，不是提示不明显，就是定制能力不够。如果你的应用为用户提供的服务需要进行大量的输入，那么一定要考虑到用户的输入成本和输入效率对用户体验的影响。否则就是你的功能再有亮点，但是糟糕的输入体验却把用户拒之门外。虽然你可能会抱怨，那不是你的错，是iPhone输入法的错，但是凡事好商量，怎样跟输入法亲密无间的合作，降低用户的输入成本，提高用户的输入体 ... ...
-
豆瓣的新收藏功能评析 2008-09-21 23:32
豆瓣是国内为数不多的好网站之一，相比那些靠卖买买奴隶、停车等娱乐组件来维系用户的SNS网站来说，我认为豆瓣才是真正的SNS网站，当然这个SNS是有局限性的，豆瓣网站里的内容涉足的领域有一定的局限性，豆瓣是一个以“文化”为核心的SNS网站。 豆瓣提供的是一个服务平台，本身并不做内容，豆瓣里的内容都是由用户产生的，符合WEB2.0的核心之一——UG ... ...
-
合理构建了信息结构，为何还去扰乱？ 2008-07-26 12:46
关于信息架构的定义这里就不多说了，这里仅简单描述一个构建信息结构的过程，以及说明扰乱信息架构的某些场景。借此一块思索些什么…… 一、我们这样构建信息结构 了解需求： 1、我们要做什么？ “知识就是力量，智慧就是财富”“我的智慧我做主”“让有一技之长者拥有提高自己和把知识转变为 ... ...
-
信息架构本质，第 3 部分: 组织复杂的信息 2008-10-07 09:00
有用的信息很少以整洁分类、标记或容易在内容管理系统中存储的形式出现。如果是这样，我们的工作该会轻松多少啊！相反，您必须分析要存档的信息，以确定对于存储和容易的检索来说可用和可维护的结构。为了建设性地使用信息，您选择的分类必须支持预期受众快速定位最相关资料的能力。 目标是提供富有洞察力的搜索结果 面对日益增多的在线和离线信息，创建可用的数据结构变得前所未有地重要。数据组织的目标是提供对由不同数据 ... ...
-
IA学习笔记03:组织结构 2009-06-24 00:57
组织体系要加上组织结构才能称得上是完整的组织系统。囧~真拗口。 常见的几种主要的组织结构有： 【等级式】 等级式简洁明了容易理解，以它作为信息架构设计流程的起始步骤是相当不错的。 继续以上篇的几何图形为例，他们的组织结构如下图： 在上图中，等级式条目之间彼此是互斥的；但是我们再继续往下画就会出现交叉的情况了： 随着交叉的情况变多，等级式系统也变得混乱。 因此，等级式组织结构是可以 ... ...
-
密码问题，搞得人吐血了 2009-01-14 17:29
这个页面，既然后面有使用身份证号码找回密码的功能，为什么不在点击之后马上出现，而还要在点安全问题找回之后，才出现身份证号码找回，明显把复杂的方法先给客户使用了。 看到这个图，找回密码的地方，为什么非要我输入错误5次才做人工处理，明明不知道答案还非强迫我，LN火有点大的。 给白鸦提个小建议，哈哈 ... ...
-
吃糖果方式启发的界面交互创新设计 2009-02-04 06:45
MID：Mobile Internet Devices 移动互联网设备的英文缩写。这是2007年4月份Intel在IDF大会上提出的一个新概念，与UMPC相比，这一类产品更加强调随 时随地的互联网接入能力，同时在体积和重量上面可能会更小一些(建议屏幕尺寸也从UMPC的7英寸减少到了4.5至6英寸)，在计算性能方面可以弱化一 些。另外，从目标客户群来看，UMPC更主要针对专业应用、行业用户，MI ... ...
-
互联网表单设计之额外输入（4）循序渐进 2009-06-24 00:54
循序渐进 额外输入有时可用来显示一组选项，比显示典型输入框好。例如，如果需要客户从一打或者更多潜在类别选项选择一个，常见解决办法是以下拉菜单或者几栏单选按钮方式显示选项。事实上，视频网站YouTube采用了这两种办法，供人们选择视频类别（图11.9）。 图11.9 http://www.flickr.com/photos/rosenfeldmedia/23664 ... ...
-
博客架构的媒体局限 2008-11-27 03:40
这里说的局限性，并不是怀疑个人发布信息是否具备媒体特性。而是对现在多数以媒体为定位的博客，在架构的处理方式上，提出一些想法。 说博客架构之前，看一下几点： 文章性质 撇开个人日记，单指具备社会化属性、媒体属性的博客文章。 分成时效性和非时效性。 一篇技术文章、一则笑话的文章，在任何时候读起来，可读性基本不会下降。 一篇时事观点的评论，可读性会随着时间衰减。 文章组织的维度 分类 ... ...
-
让北极熊带你去更远的地方 2009-08-08 14:06
这是早些时候应编辑的邀请为《Web信息架构：设计大型网站》这本书写的书评，发表在iachina.org的图书专题页面上。 当时，Oliver还想要为这本书创作一个幻灯片，后来开了头就食言了。现在把这篇书评重新发表一次，算是对编辑的致歉。 这篇帖子是2008年8月写的，帖子中的“三年前”，“半年前”，“一个月前”和&ldquo ... ...
-
从vimeo.com的开发里程碑视频想到“研... 2008-08-19 00:55
这周小容开发玩Vimeo.com这个视频网站，个人页面在这里：http://vimeo.com/oliverding，陆续会将上次去太空中心玩拍摄的视频上传在那里，有兴趣的朋友进慢慢等待，或者用RSS订阅：http://www.vimeo.com/oliverding/videos/rss Vimeo.com的设计风格和Youtube.com完全不同，如果说Youtube.com显得大路货 ... ...
-
由Kimi找茬想到的 2009-02-28 20:05
Kimi的找茬贴：新版我的淘宝－已买到的宝贝页面 时间有限，也学刘韧体，简单明快的说点想法： “合并付款”和“批量备注”快速操作栏，这是2008年6月份加上的。最初的设计里，上面是没有这一栏的，只有底部有。但后来不断有客户反映，希望上面也有，以方便快速操作，因此加上了。可以看出：视觉设计的目的是方便操作，淘宝的做法是可取的。至于 ... ...
-
首页大屏广告交互设计探讨 2011-06-26 11:53
一、使用场景 用于大型活动推广，频率控制在一季度或一年度一次为宜。 二、设计目标 1、效果好！尽量让每位用户都注意到这个活动。 2、干扰小！把对活动不感兴趣的用户的干扰降到最小。 三、设计要点 1、是否要遮盖网站内容？ 不要遮盖。从我们监测的历次大屏广告点击数据来看，广告的点击在首页总点击的占比分布在2% – 20%之间。这意味着：有至少80% ... ...
-
简单介面，复杂诉求 2009-03-24 09:50
今早去把玩了一下第三代 iPod shuffle，是一款我心目中 85 分的产品。 先说为什么扣掉 15 分吧。纯属个人感受：有点太轻了；并非我们一开始以为的“磨砂金属”感，表面仍是铝壳，很光滑；耳机可能不太耐“操”； VoiceOver 功能还不够好，发音有点生硬。 当然，关于这款号称音乐播放器领域最小的产品，也 ... ...
-
优异的灵活性 2009-05-07 14:20
曾有设计师在体验Google Chrome之后指出，如果打开的页面太多，标签栏将变成下图所示的恐怖模样： 与此不同的另一种典型设计来自Firefox。在Firefox里，标签具有最小宽度。当标签数量过多以至当前浏览器宽度无法容纳所有标签的时候，将在标签栏左右分别显示按钮控制标签左右滑动；同时提供一个下拉列表显示所有未显示的标签。 是来自Google的设计师没有考虑到可能形 ... ...
-
不要给我无用信息 2009-03-03 03:10
有位同事，有如下观点： 所有信息、所有操作，都要让用户看到。 这种理念下，很容易设计出类似下面的界面： 两个界面表达的内容：什么也没有，其实就是“无”。 我的感觉是“累”，眼睛要承受的太多。 上周末用银行ATM还钱，我存入的是百圆纸币，ATM总是以如下形式显示（大概的样 ... ...
