主要内容
-
[译]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个单词量的信息。 用户 ... ...
-
可恶的盲道 2009-06-30 21:48
标题说的是下面两张图片： 先博君一笑。 可恶之处，其实并不在于有树或障碍物，而在于，既然有树，为什么还要修盲道？如果没有盲道，盲人自然会小心。但这里修了盲道，然后再将盲道引向一个障碍的地方，这就是真正可恶的地方。 OK，说正题吧。百度在07年4月推出了“百度盲道”，同年8月宣布“百度盲道升级”。据百度称，& ... ...
-
说说豆瓣电台的界面设计 2009-06-30 21:45
使用豆瓣电台的过程中，我已经三次错将喜欢的歌曲拖进了垃圾箱。原因在于，在听到好歌的激动情绪中，点击了电台上最醒目的 垃圾箱 按钮，我以为那会是收藏。 豆瓣电台本身是主动推送给听众的，因而需要听众交互的地方少，按钮就那么几个。简洁明了的设计在这里是极恰当的，但如果不注意元素（展示元素，操作元素）摆放的位置，简洁的设计一样会带来使用问题。在我看来，豆瓣电台在界面上就存在如下问题： 1 ... ...
-
垂直栅格与渐进式行距(下) 2009-06-30 10:21
什么？连(上)都没看？快看看吧：垂直栅格与渐进式行距(上) 新问题 来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了两个多月了。反过来，看看上次的成果。诶？怎么感觉边注有点奇怪呢？ (demo-6.html) 还是参考我的这篇关于排版的文章：我们知道 中文互联网上最常用的行 ... ...
-
6月北京UCDchina书友会记录 2009-06-29 22:24
本期UCDchina书友会话题：设计的数据和分析 ，以下是来自北京书友会的讨论记录： 可以讨论的点： 1）数据的种类 数据库的数据与来自用户的数据 作为互联网的数据分析与传统行业的数据分析之间的区别 定量的数据与定性的数据 作为战略的数据与作为某一个具体的项目的数据 2）数据是怎么来的？ ... ...
-
触摸游戏进行时 2009-06-29 17:36
原文：Touch Screen Gaming 作者：Giles Colborne 译者：耿人杰 引言：触摸屏应用如何进行交互设计是当前全球设计界都在关注的问题。提供多种方案可能是一种可以尝试的方式。此文对比了iPhone上吃豆人的两种触屏交互方式，给我们带来了些灵感。 ——————&m ... ...
-
优化购物流程设计 2009-06-29 01:44
最近在研究一个网站的购物流程优化，在研究分析的过程中，发现很多有意思的东西，弄出来与大家分享。因为暂时不方便告知具体是哪个网站，所以针对这个网站的情况做了张购物流程图如下： 现有的购物流程 将这张图中的流程设计与你一般的购物流程比较，你认为图中的流程有什么样的问题吗？ 在与网站负责人沟通的过程中，他只告诉我网站的转化率比较低，什么样的原因不明。通过数据分析以及调研，我挖 ... ...
-
东西方文化对网站设计的影响 2009-06-28 21:13
原文：International differences: What cultural differences can we see between Western and Asian websites? 作者：Chui Chui Tan 译者：耿人杰 同步发于译言：http://www.yeeyan.com/articles/view/gengrenjie/46 ... ...
-
可访问性 - 前端的使命(三) 2009-06-27 21:27
其实这个系列还没写完，我看到已经被转载了。下次应该写个未完待续。 15. 忽略空白图片（Ignoring spacer images） 一定记得给图片加上alt属性，哪怕它为空。其原因是如果不写alt，有些阅读器会直接把它的文件名或URL读出来。 这让我想起小时候读过，说在发明数字0以前，人们都是用空位来表示的。这样就很不方便啊。所以alt=”"就相当于数字0这个伟 ... ...
-
RSS阅读的几个设计记录 2009-06-27 21:19
用的阅读器不多，就是google reader 和youdao，这个博文只是记录下个人的使用感受。 1.RSS阅读来说，添加订阅，及显示订阅列表是必须得起点功能，交互是 订阅、管理、退订 2.RSS阅读来说，一个隐形的需求是信息的响应速度，作为使用google reader和y ... ...
-
可访问性 - 前端的使命(二) 2009-06-27 20:02
继续这个读书笔记吧。 9. 定义键盘快捷键（Defining keyboard shortcuts） 意思就是定义accesskey属性。这个好说。有个关键是如何在浏览器里使用。IE里是“alt+”，并且只是将焦点移过去，要点击需要再按 enter；Firefox是“shift+alt+”，按下之后直接触发点击事件。Opera和Chro ... ...
-
三围不可手量 2009-06-25 21:55
网购服装时的尺码问题，原本以为只是对我有点困扰，后来看了数据才发现是普遍问题哦！ 首先说说服装品牌的网店会怎么做吧！逛了一圈儿，发现无外乎提供一个详细的尺码表，以及教你怎样测量（如下图）。 目前TB上的服饰卖家几乎也都会提供这么一些数据和丈量表。 但是问题在于： 可读性较差。表格都是大排枯燥的数字以及不少不太统一的专有名词（ ... ...
-
网页字号多大才合适？ 2009-06-25 15:56
在这个显示器百花齐放的时代，网页设计师往往需要考虑不同客户端的浏览体验。 文字大小，是用户体验中的一个重要部分。不同的分辨率，不同的显示器尺寸，不同的DPI，乃至不同的浏览器设置，都会对最终展现的文字大小带来影响。虽然现在很多浏览器已经可以方便地缩放页面，但用户每次光临都要重新缩放，总归麻烦，何况还有许多用户不知道如何缩放页面。最好还是根据用户的分辨率给用户一个比较体贴的默认字 ... ...
-
深圳Ucdchina讨论：设计中的数据分析 2009-06-24 22:34
这是上周末Ucdchina书友会的话题很激烈。这期书友会以来自TCL、中兴通讯和步步高几位同学为主，所以大家的话题更多集中在消费类电子产品。之前一直聚焦互联网，对于电子产品我的发言权还不够，但是很多讨论还是值得借鉴。 1. 数据对创新没有价值，但是数据可以指导设计。之前互联网圈子就该不该听用户的话题有很多讨论。Keso早就说过不要听用户的。在我看，确实用户的很多需求不是用户自己说出来的，而 ... ...
-
用Dynamic Panel制作Tab分页模型 2009-06-24 01:22
晚上快下班时一个同事问俺怎么用Axure实现Tab分页 我已经估计半年没用Axure了...一时竟想不起来 只记得大概用Dynamic Panel可以实现 晚上吃晚饭回来 玩了一会 又想起这事 便开始琢磨起来 最后也的确是用动态面板来实现了Tab的效果 （不过不知道是不是还有其它更容 ... ...
-
IA学习笔记03:组织结构 2009-06-24 00:57
组织体系要加上组织结构才能称得上是完整的组织系统。囧~真拗口。 常见的几种主要的组织结构有： 【等级式】 等级式简洁明了容易理解，以它作为信息架构设计流程的起始步骤是相当不错的。 继续以上篇的几何图形为例，他们的组织结构如下图： 在上图中，等级式条目之间彼此是互斥的；但是我们再继续往下画就会出现交叉的情况了： 随着交叉的情况变多，等级式系统也变得混乱。 因此，等级式组织结构是可以 ... ...
-
互联网表单设计之额外输入（4）循序渐进 2009-06-24 00:54
循序渐进 额外输入有时可用来显示一组选项，比显示典型输入框好。例如，如果需要客户从一打或者更多潜在类别选项选择一个，常见解决办法是以下拉菜单或者几栏单选按钮方式显示选项。事实上，视频网站YouTube采用了这两种办法，供人们选择视频类别（图11.9）。 图11.9 http://www.flickr.com/photos/rosenfeldmedia/23664 ... ...
-
可访问性 - 前端的使命(一) 2009-06-23 01:58
事情的缘由是，前两个礼拜打了个“飞的”去北京玩，见了一位在百度做前端的朋友。过去一年以来，这家伙就不停的在鼓动我去他们那个邪恶的公司。当然，见面之后就不能再当面称呼人家是邪恶的公司啦，所以我就找了个理由，说你们那个“百度盲道”做得太垃圾了。他当然就很虚心的问我为什么啦。所以我也只能很心虚的糊弄了几句，说回上海之后详细告诉他。 回来之后，就马上 ... ...
-
账户名和密码漏输或误输的文字提示 2009-06-22 12:45
现在很多朋友都不止一个账户，不止一个密码。忘记账户名、密码，或账户名、密码输入错误也就难免啦。每当这个时候，你是否和我一样会有小小的焦虑产生呢？网站给予了什么样的文字帮助，就显得非常重要了。什么样的文字更有助于解决问题，同时也让人觉得舒服？以下我们来做些比较： 一、账户名和密码都没有输入，就点登录 问题分析：这种情况可能出现在新手用户身上 ... ...
