主要内容
-
概描述和泛描述 2009-08-18 23:13
《Web信息架构》中有个不恰当翻译，把label翻译成了标签，好像见网友也有提到。我曾经想，如果label是标签，那么tag是啥？如果tag也是标签，那么与label有什么区别么？中英文翻译有时就这么麻烦，完全不知道说的是否一回事。 上周书友会聊到内容组织方式时，有资深同行就提出“标签与关键词不一样”的观点，开始我意思是“它们都一样，只不过是tags的不 ... ...
-
手机中的信息架构设计 2009-08-17 21:46
8月书友会主要讨论了“信息分类和信息分类的方法”,UCD书友会阵营由从事产品（手机，MP4，GPS等）设计和互联网行业的朋友组成，由于“信息架构”在互联网圈是被讨论得较多的，因此，大部分信息架构的出发点都集中在相关的应用领域。 作为我坚信的“跨媒体设计”的观点来看，信息架构广泛的存在于所有的能产生信息，并且用 ... ...
-
信息系统需要与时俱进 2009-08-15 15:23
前几天有个朋友做了一个类似赶集网那样的分类信息网站，觉得链接太多视觉太乱，让我帮忙看看UI（避免广告嫌疑就不给网站地址了），基本上是赶集的小翻版。在信息分类上，是这么做的：大类分房产、招聘、车辆买卖、交友等等这样的大类，每个大类下面再细分需求，比如房屋求租、合租、二手房、日租房、商铺…一共十来个大类，每个大类下面十来个小类。 这就好比什么呢？我们家在南方的一个小县城里，很多人 ... ...
-
设计原则-控件Balloons(气球状提示) 2009-08-14 14:16
[版权声明]:版权归作者Alite所有，转载时请以超链接形式标明文章原始出处和作者信息及本声明:http://alite.aliued.cn Balloons(气球状提示) 问题摘要 气球状提示（Balloon）是一个小型的弹出窗口，用于通知用户出现非关键性问题或控件处于某种特殊情况。 实例 图1 ... ...
-
从概念设计到信息架构 2009-08-13 09:20
很多朋友都在研究《Web信息架构》，这是一本关于解决“如何将信息有效整理编排”问题的巨著。是否有更多的朋友会疑惑？在我们已经了解了如何整理信息之后，面对世界上成百上千的信息，哪些是需要针对当前项目进行整理呢？ 如果说信息架构（IA：Information Architecture）教给了我们如何包饺子，那么概念设计（CD：Concept Design）将教给我们什么 ... ...
-
移动电子商务可用性之：产品展示页面和购物车 2009-08-12 21:18
【译者：耿人杰 原文：Mobile Commerce Usability：Product Pages and Cart Summary 作者：Linda Bustos】 mobile shopping 这是此系列的第三部分： 第1部分：网站主页和导航 第2部分：搜索和目录页面 第3部分：产品页面和购物车 第4部分：表单和结帐 以下是我参考了B ... ...
-
网站导航设计杂谈 2009-08-12 11:20
“网站策划中百分之七十的工作是围绕网站导航开展的”——这句话是错的。许多优秀的网站成功在导航设计，许多糟糕失败在导航设计，这个现象的确存在，但这并不意味着导航设计占有网站策划工作的绝对重心。 不是所有的网站都需要导航 策划这类思维活动，一旦形成了惯性也就失去了创造力。很多从事网站策划的朋友，总是把着眼点放在了网站的导航，殊不知很多网站 ... ...
-
从品牌网站看交互设计 2009-08-10 00:24
最近在研究品牌如何演绎，当然，看的时候没有忘记本行，分析了一下他们的交互设计~~ 路易威登LV 上图采用胶片展示多组信息——大片展示品牌渲染。 利用胶片或者类似相册的展示方式，能够展示更多的信息，视觉焦点放到上部，用动态或者滚动的选择方式让用户继续浏览下去。 比较适合主题醒目，品牌放大的页面。 上图采用多图展示细节方式—&md ... ...
-
让北极熊带你去更远的地方 2009-08-08 14:06
这是早些时候应编辑的邀请为《Web信息架构：设计大型网站》这本书写的书评，发表在iachina.org的图书专题页面上。 当时，Oliver还想要为这本书创作一个幻灯片，后来开了头就食言了。现在把这篇书评重新发表一次，算是对编辑的致歉。 这篇帖子是2008年8月写的，帖子中的“三年前”，“半年前”，“一个月前”和&ldquo ... ...
-
小标点，大作用 2009-08-08 14:03
在日常的工作中往往会忽略标点符号的作用，其实无论在英文界面文本设计还是中文界面文本设计中，标点符号都是重要组成部分。要想做出好的界面设计，不仅要重视视觉、交互以及wording的表达，还要重视标点符号的使用。这里对相关问题略加探讨，希望能抛砖引玉，引起大家的重视。 标点符号的作用 标点符号大致来说有三种作用：表停顿；表语气；表词语的性质。 1、表停顿，用来表明句 ... ...
-
网站注册流程的分析与研究 2009-08-07 11:49
本文旨在提高网站注册的成功率，让用户在注册时有一个良好的体验，用户可以方便的填完注册表单的各项内 容，快速完成注册流程。在这里我并不希望告诉大家一个标准答案，也无法给出一个标准答案，因为每个网站有各自的情况，网站定位，用户人群，技术实力，重视 程度都不同。我只是想归纳下，在做注册流程时应该注意哪些问题。 本文分为三部分，第一部分参考了众多前辈写的相关文章，并进行了系统的整理，并加上了自 ... ...
-
互联网表单设计之消失的表单 2009-08-07 00:27
第十四章 下一步做什么？ 作为电子商务、在线沟通、网站应用工具的关键组成部分，网上表单还未涉及方方面面。但我希望，正如本书提到的，如何设计和管理在线表单仍有很大改进空间。我们不断进步，有更多方法能让我们做得更好。 消失的表单 第十三章列举了循序渐进的表单例子。人们访问采用这种方法的网站，也许根本不会意识到填写表单。相反，他们觉得是在制作电影或者创建家谱。循序渐进方法关注人们 ... ...
-
浅析设计与内容呈现的关系 2009-08-06 23:59
有时候，规划师（或需求、交互）把内容呈现的框架草图搭建好后，就直接“丢”给了设计师，让设计师在画好的框架里去美化内容，出来后的效果，往往达不到规划师（或需求、交互）预期的目标效果，然后就是反复的修订和磨合。如何改变这样的局面呢？我想首先规划师（或需求、交互）的目标要定义清楚，然后要做完善的信息架构分析，内容的主次位置、版块结构、所占面积都要细化考究，交给设计师的是一个尽量完 ... ...
-
用户到底想要什么? 2009-08-04 19:30
前一阵子在看《东京印象》，其中讲到了日本的手机电视，在日本的手机电视首先播出的都是高清节目，而且是免费观看的。而最特别之处就是在于，手机电视节目大多数都配有字幕，譬如新闻节目和电视剧这些都是标配的字幕。 当看到这里的时候我突然想到一直很困扰我北京城铁里面的移动电视节目。有些时候要么声音比较大，这样会让人觉得很吵。有些时候声音特别小，看着画面 根本听不清楚在讲些什么。而这个时候其实由于环境 ... ...
-
细节设计之美：扩大可操作区域 2009-08-01 11:45
从 Google 的一个细节说起： 整个虚线框都是“Next”的可点击区域。看似不经意，却直接提升了细节的可用性。其它页码也巧妙地和上面的字母 o 一起组成可点击区域。与百度和 Bing 的翻页相比，Google 优胜。 再来看 Twitter 的注册页面： 很大很舒服。到了这个页面，瞎逛都会忍不住去填写填写。提示文字也恰到好处，能提供帮助，不恼 ... ...
-
淘宝非会员速拍的购买流程设计 2009-07-30 23:41
Feir童鞋之前的一篇关于电子商务网站的非登陆用户处理写得不错。我之前也专门做了研究，今天也特别把电子商务网站里非注册用户购买这个设计的理解和案例记录一下。 这里有个最基本的逻辑：电子商务网站允许非注册用户购买。电子商务网站的购物流程设计将这个逻辑涵盖进去是完全合理的。对比现实的例子，我们逛商场通常是不会预先把自己的信息交给商场（这个过程可以理解为办理会员卡的过程，其实等同于电子商务网站的 ... ...
-
分面搜索 (Faceted Search) 2009-07-30 21:34
介绍 分面是指事物的多维度属性。例如一本书包含主题、作者、年代等分面。而分面搜索是指通过事物的这些属性不断筛选、过滤搜索结果的方法。可以将分面搜索看成搜索和浏览的结合。 应用场景 分面搜索作为一种有效的搜索方式，已经被用在电子商务、音乐、旅游等多个方面。 拍拍网 下图是拍拍网中挑选T恤的页面，可以看到拍拍网将T恤分成款式、衣长、尺码、颜色等分面。 &nb ... ...
-
10个值得你关注的UI设计模式 2009-07-29 23:10
Article copyright by Janko Jovanovic Janko Jovanovic版权所有 作者： Janko Jovanovic 发表于2009年6月23日； 译者：UCD翻译小组， 萧小小 ； 校审：Angela 原文地址：http://www.smashingmagazine.com/2009/06/23/10-ui-design-patte ... ...
-
触不到的按钮 2009-07-29 21:35
by kkk@ifanr, newkhonsou@twitter(点击并Follow) 好莱坞翻拍过个韩国片叫＂触不到的恋人＂。两个人通过邮箱超越时间相恋，明明知道自己想找的人就在那，迫不及待的想投怀送抱，但就是生生触不到。 不是推荐那个电影。一个悬念忽悠2小时，挺没劲的。不过，本文想说的事，类似＂触不到的恋人＂。智能手机上，也有一个摸到销魂，摸不到则抓狂的东西，叫做＂触不到的按钮 ... ...
-
看起来很美：自定义选择框 2009-07-27 23:39
土豆的搜索类别选择框，每次点击都让我觉得怪怪的： 1. 点击后，弹出列表的位置与预期不同。潜意识里是下拉列表，结果土豆给了我一个“中拉列表”。 2. 习惯性地用上/下键选择，结果却让整个页面滚动。 3. 一怒之下，想关闭不用了。按下 ESC 键，却没有任何响应。 4. 禁用 JS 后，完全不可用。 类似，淘宝商城也是看起来很美： 除了第 1 点， ... ...
