主要内容
-
我看数据可视化（Data Visualiza... 2009-07-08 00:46
数据可视化是当前的一个热点问题，特别在交互设计领域，如何把数据——特别是大规模的数据进行可视化就成为了一个非常热门的问题。对于设计专业的人员而言，数据可视化的最大挑战在于对数据的理解。和传统的设计对需求的理解有所不同，数据的理解难度可能会加大。因为，数据本身可能带有比较强的专业性、领域性和研究性。而设计专业的最大优势在于可视化表现这一部分，因此，采用什么表示方式，可能是数据 ... ...
-
帮助频道改版项目中的一点心得 2009-07-07 23:04
Help项目结束了，写了一份心得，与大家共勉。不知道大家是否有用过或看过之前我们的help频道，下面截了几张改版前后的屏幕截图： 老help首页： 改版后help首页根据用户群的不同区分为新用户首页和老用户首页： 新用户看到的： 老用户看到的： ... ...
-
从用户研究到设计 2009-07-07 22:59
说明： 1. 聚焦问题； 2. 使用用户研究方法，激发现象； 3. 分析，获得洞见； 4. 综合，并设计。 说明的说明： 1. 聚焦问题，针对某个任务，产品目标是什么，用户能得到什么； 2. 用户研究，是否在合适的时间点选择了合适的研究方法； 3. 分析，用户想法是什么，重复做了什么，做了什么反常的，有什么说法； 4. 综合，是否所有开发成员都获得了研究成果，是否真正从产品角度出发去设计。 ... ...
-
《写给大家看的设计书》阅读笔记之对齐原则 2009-07-07 13:41
如果说亲密性原则是对元素的归类组合，是将元素之间逻辑理解上的差异在视觉上表现出来，是属于信息分类的话，那么对齐原则即是在视觉上串起这些差异化元素组合之间的那根线，即是保证元素之间的统一性。 虽然亲密性原则说的是在逻辑理解上没有关系的元素组合之间应该以更远的距离表现出来，但对于同一个页面内的元素组合而言，它们都是围绕着同一个主题核心的，它们的差异性在逻辑上只是同一个主题的不同属性而已，所以需 ... ...
-
《写给大家看的设计书》阅读笔记之亲密性原则 2009-07-07 00:12
也许光从字面上来说，版式设计中的“亲密性”似乎不太好理解，正常的情况下，我们都会把“亲密性”理解为人与人之间的关系的一种表现，事实上在版式设计中的“亲密性”的确也有类似人与人之间的关系的意思。 也正是印证了那句话——物以类聚，人以群分！ “亲密性”的原则即是将逻辑 ... ...
-
Lastminute.com的Leah Ru... 2009-07-06 22:56
原文：Interview with Lastminute.com’s Leah Russell 作者：Giles Colborne 译者：耿人杰 ———————————— 全文的分割线 ——&md ... ...
-
面包屑设计 2009-07-06 22:44
What? 什么是面包屑 面包屑是作为辅助和补充的导航方式（secondary navigation scheme），它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是：横向的文字链接，由大于号“>”分开，这个符号也暗示了它们的层级关系。 【 面包屑的分类】 1.基于用户所在的层级位置。（Loca ... ...
-
雅虎关系注册流程中的一个严重BUG 2009-07-06 22:43
最近试用了一下雅虎关系，虽然整体还是比较粗糙，但是这个问题还不是很大。而在我注册时候却发现了流程中一个很严重的bug，就是流程设计不完整。 当我用第三方邮箱Gmail注册以后，Gmail根本收不到邮件。收不到邮件会有各种原因，关键是收不到邮件让用户怎么办？首先我尝试从新发送邮件，看看能不能收到，结果我在半个小时内从新发送了3次仍然收不到，难道对Gmail支持不好？这个时候我想能不能换个邮箱 ... ...
-
从picasa中看到的交互行为三步曲 2009-07-06 16:20
看了臭鱼的交互行为的三步曲后，体验了一下Picasa相册管理软件，Picasa把这三步曲做得比较到位． 第一：操作前，操作可识别，结果可预知． ①操作可识别，顾名思义，就是可以操作的元素看起来是可以操作的，例如按扭需做得立体些，链接最常见的是蓝色文字加下划线，可以拖拽的对象必须在视觉上表现出是可以拖拽等等。 图1中：1所指示的 ... ...
-
《Web界面设计》译者序 2009-07-05 20:53
2005年，一组前端技术的组合由于被命名为Ajax而广为人知。此后，随着Ajax应用的迅速普及，新Web时代的帷幕也徐徐拉开。仅仅几年间，各种“桌面般的”Web应用程序和新Web应用平台层出不穷。从Google Maps、Flickr、Netflix到Google Docs、Yahoo! Mail、Gmail，再到Twitter、Facebook、Digg…& ... ...
-
Kindle内容设计 2009-07-05 01:27
原文：Kindle Content Design 作者：Jakob Nielsen 译者：耿人杰 同步发于译言：http://www.yeeyan.com/articles/view/gengrenjie/46077 引言：这是Jakob Nielsen在Usability Week 2009 conference发表的关于Amazon kindle内容设 ... ...
-
我们的繁体用户怎么办？ 2009-07-04 22:50
今天遇到的这件事情让我感到无奈，甚至是耻辱。 作为淘宝的员工，也偶尔在淘宝处理我的闲置物品，这种既为开发人员又是用户的双重身份让人颇具有玩味。 卖了件闲置物品给在香港的同胞，什么都聊好的情况下，照常打开“我的淘宝”查看发货信息，傻眼了。 这到好，连码都不用打了，买家的收货信息基本属于“火星文”，手动更换了页面的编码信 ... ...
-
网站门口的灯再挂亮点吧 2009-07-04 22:34
重做了一次系统，很自然的就丢失了原本被浏览器记录了的全部书签中网址的登录用户名。 其实，所有网站的密码基本上我都没有忘记，反倒是把用户名都记的混淆了。我实在无法记得这些全数字ID、数字+字母ID、字母+下划线ID、必须超过6个 字母的ID、必须使用字母 ... ...
-
有些不爽是会消失的 2009-07-04 15:28
我们在使用任何一款产品的时候，尤其是第一次使用的时候，总会产生“不爽”。 比如： 1.访问“http://ucdchina.com/”， 想回到首页，一般情况下，我会寻找 导航页上面的“第一个& ... ...
-
[译]Tab (选项卡)的产品设计原则及应用 2009-07-03 14:21
译者：西乔 来源：Smashing Magazine 作者：Jacob Gube Module Tabs(也称选项卡，后文中简称Tab，以更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内，重叠的内容区里的每次只有其中一层是可见的。用户通过鼠标点击或移到内容区所对应的标签上，来请求显示该层内容区。 （译注：本文 ... ...
-
《网站优化》学习笔记 2009-07-02 23:58
对于新用户，网站只有不到2分钟的介绍时间。其中，花在主页上的时间只有半分钟，这半分钟里大部分的时间用于决定下一步去哪里，而不是逐字阅读那些内容。成人每分钟阅读200-300个单词，所以，更为实际的做法是把网站的介绍用10到20个单词就讲清楚。用户会在内部页面上花1分钟，但这一分钟里的一部分时间会用于评估网站的导航系统以及决定下一步去哪里。所以，有可能会阅读100个单词量的信息。 用户 ... ...
-
Web页面空间利用率的思考 2009-07-01 19:49
[版权声明]:版权归作者Alite所有，转载文章请注明作者与文章出处:http://alite.aliued.cn 很早就听说韩国网站的设计师们很会利用空间,来创造更多的信息承载量.最近浏览了几个韩国SHOPPING网站果不其然,就拿小小的广告轮播来说,非常佩服他们的设计功底. Naver shopping 我们可以看到广告区域总体由两部分组成:左边区域是显示的 ... ...
-
可恶的盲道 2009-06-30 21:48
标题说的是下面两张图片： 先博君一笑。 可恶之处，其实并不在于有树或障碍物，而在于，既然有树，为什么还要修盲道？如果没有盲道，盲人自然会小心。但这里修了盲道，然后再将盲道引向一个障碍的地方，这就是真正可恶的地方。 OK，说正题吧。百度在07年4月推出了“百度盲道”，同年8月宣布“百度盲道升级”。据百度称，& ... ...
-
说说豆瓣电台的界面设计 2009-06-30 21:45
使用豆瓣电台的过程中，我已经三次错将喜欢的歌曲拖进了垃圾箱。原因在于，在听到好歌的激动情绪中，点击了电台上最醒目的 垃圾箱 按钮，我以为那会是收藏。 豆瓣电台本身是主动推送给听众的，因而需要听众交互的地方少，按钮就那么几个。简洁明了的设计在这里是极恰当的，但如果不注意元素（展示元素，操作元素）摆放的位置，简洁的设计一样会带来使用问题。在我看来，豆瓣电台在界面上就存在如下问题： 1 ... ...
-
垂直栅格与渐进式行距(下) 2009-06-30 10:21
什么？连(上)都没看？快看看吧：垂直栅格与渐进式行距(上) 新问题 来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了两个多月了。反过来，看看上次的成果。诶？怎么感觉边注有点奇怪呢？ (demo-6.html) 还是参考我的这篇关于排版的文章：我们知道 中文互联网上最常用的行 ... ...
