主要内容
-
杂念Tag的使用与网络推广 2010-04-14 11:46
1、Tag有个古老的话题，中文网站为什么用不好Tag这种时髦的2.0概念？2007年的时候我跟同僚解释过缘由（虽然他们当时弄死不信），到了2010年，话题是不是应该消停了？但不信邪的人还很多，还是常有产品设计者雄心勃勃要上Tag。他们大约觉得世无英雄，舍我其谁，撑死胆大的饿死胆小的。好吧，我再讲一次。Tag是什么？是一种内容组织的辅助形式。在国内，它遇到的第一个障碍是语言的粒度。英文的语言粒度是单 ... ...
-
有多少文字可以胡来？！ （From 天天体验） 2007-04-10 10:23
2007年2月12日，我和JUNCHEN在闲聊时发现: 大家随时都有很多和体验相关的图片，我们没有地方一起可以把这些图片记录下来，于是我们开设了“天天体验”图片组。后来这个小组归为了UCDChina平台的一个组成部分。 可能是RSS的问题，我最近一直没有看到图片组的更新，早上去Flickr看了下，”乖乖！好多有意思的图片，集体贡献的力量实在是伟 ... ...
-
【读书分享】 Web导航设计—面包屑 2010-06-21 21:34
先谈一下面包屑的由来： 很久很久以前，在大森林的边上住着一个贫穷的樵夫，他妻子和两个孩子与他相依为命。他的儿子名叫汉赛尔，女儿名叫格莱特。后来樵夫的妻子去世了，他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处，然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划，于是偷偷地把一块面包藏在了口袋里。 ... ...
-
一个关于“Back to Top”的小故事 2008-12-09 18:54
A Short Story About “Back To Top” Links Smashing Magazine版权所有 作者：Smashing Magazine 译者：UCD翻译小组，波希米亚 原文地址： http://www.smashingmagazine.com/2008/11/27/short-story-about-top-links/ 译者序：这篇文 ... ...
-
“淘宝网-我的彩票”小建议 2009-07-16 09:38
从几个月前开始，间歇性的我会跟着同事一起买买福利彩票，虽然是让做饭的阿姨帮忙代买，但是每次要拿钱、给号、收兑奖凭证和找零，开奖后打开中彩网来一一对号入座，非常麻烦。五月份的时候看到淘宝新业务“我的彩票”，就开始在淘宝上购买彩票了。 虽然福彩真的可以这样做，但自己还是再继续购买着。几个月下来，中了几次五块十块外加一次210块大洋，算是打破了从小到大没中过奖的记录&md ... ...
-
facebook模式的SNS架构特点 2008-07-28 03:15
SNS不是从facebook始，往近了说myspace也是SNS，往远了说yahoo360也是SNS。但SNS发展到facebook产生了一步关键的“进化”：从单纯的“主体性”视角，发展到“主体性”和“主体间性”相结合的视角；特别是，“主体间性”在前台，“主体性&rd ... ...
-
优化站内搜索 －让用户更容易找到所需信息 2010-06-13 09:07
关于如何让用户更容易地找到需要的信息，上一篇文章中介绍了使用优化网站信息架构的方式，这篇文章主要介绍的是通过优化站内搜索的方式来帮助用户找到需要的信息。 站内搜索已经成为目前几乎所有网站必不可少的一块功能，尤其在内容丰富的网站中，当用户有目的地寻找目标内容但又无法直接从首页或导航页中直接找到时，这时用户就会求助于站内搜索。 分析站内搜索的意义 分析站内搜索最常见的就是分析用户的搜 ... ...
-
宽屏幕下的 Web 设计 2009-04-06 23:12
我倾向于在 Web 设计中尽可能在最优分辨率前后都给予浏览器宽度一定的自由度. 往大去是为了在能改善体验的前提下充分利用大屏幕的用户的屏幕空间, 往小去是考虑到有时候用户并不是把浏览器窗口最大化, 或者不能占满整个屏幕. 举个 use case, 我工作的时候经常会两个窗口 side-by-side, 一个窗口是 Google Docs, 另外一个窗口呈现参考资料. 如果是在咖啡馆里面干活那 ... ...
-
Android硬体键交互之“选项菜单” 2011-10-13 22:04
众所周知Android没有明确的GuideLine，虽说没有严格的规范来限制设计与创新很，但这也导致市场上的Android应用设计上的混乱。一个典型例子就是选项菜单Options Menu。 混乱的菜单 Android机器采用的硬体键来呼出菜单，这种方式在表现上隐性的，用户对于何种情况下可以呼出何种菜单没有预见性，甚至是否可以呼出菜单都没有预期。 如何解决 ... ...
-
面包屑设计 2009-07-06 22:44
What? 什么是面包屑 面包屑是作为辅助和补充的导航方式（secondary navigation scheme），它能让用户知道在网站或应用中所处的位置并能方便地回到原先的地点。 最常见的面包屑的样式是：横向的文字链接，由大于号“>”分开，这个符号也暗示了它们的层级关系。 【 面包屑的分类】 1.基于用户所在的层级位置。（Loca ... ...
-
有情景才有任务 2008-07-26 21:57
用户在网站上的所有行为都可以描述为大大小小的任务流，任务流中的每个节点都有前后逻辑，那么起始节点之前的逻辑是什么？是这个任务流的根源，即可以理解为任务情景。 以目标为导向 在完成页面结构原型设计之后，需要考虑如何把这一个个页面串起来，也就是说，得在用户的角度，模拟使用这个产品，能够做什么？最有可能做什么？经常做什么？ 从用户的最终目标反推，逐步细化分解，每个任务为独立的 ... ...
-
左侧导航还是右侧导航？ 2009-05-02 00:03
记得很久以前在上一家公司有一次会议上讨论博客的导航问题，大概就是”导航是放在左侧还是放在右侧？”基本上大家在会议上都达成了共识就是博客的导航应该是放在右侧，因为内容比较重要，放在左侧可以让用户可以更加注意内容。 最近在看《Web的导航设计》，其中有一部分也提到了关于导航的位置的问题. 在2002年对奥迪网站（www.audi.com和www.audi.de ... ...
-
Tab之所以为Tab 2009-02-22 14:47
Tab在UI上最广泛的两大应用，Tab导航(Tab Navigation)和内联Tab模块(Module Tab)，几乎已在不知不觉间成为每个网站的常驻元素。一种模式的流行必然带来对它的误用和滥用。可是，为什么要使用Tab？它有何优势？又该何时、如何使用？长得像Tab就是Tab了吗？长得不像Tab可以算是Tab吗？首先认识一下Tab。这又是一个来自现实生活的隐喻。在我们纸质的笔记本、记事本、电话薄 ... ...
-
情节设计中的叙事策略 2008-07-26 22:07
虽 然找单田芳来播天气预报只是一个小品中的桥段，但是，如果真的以说评书的方式，把“天气预报”、“天下大事”都当作故事，讲成“天方夜谭”。那枯燥的新闻 和报道一定会有更高的收视率。“讲故事”，并不是一个噱头，而是从古代的稗官野史、明清话本、到皮影、京剧，到白话小说、文明戏，再到电影、电视剧。人 ... ...
-
Google地图和搜狗地图的信息架构 2009-03-02 02:06
本来想写地图网站的布局和架构，范围太大，放弃了。再说大部分地图网站都离不开左文字信息，右地图展示的排布方式（除了百度地图，刚好反着）。 从上回说到小R的心智模型，意在铺垫。这次就抓两个典型：Google地图和搜狗地图。 Google地图的架构：“搜索栏”和“二级导航区”是完全剥离的。醒目的“搜索栏”和冗杂的“二级导航栏”构成了google地图的主体架构。 “搜索地点”、“公交/自驾”、“民生 ... ...
-
由一个登陆框联想到的用户体验改进方法 2011-05-08 23:16
下午与部门同学进行话题讨论，关于电子邮件营销中的产品设计，期间的谈话引起一些思考，在这里记录下来。 一个产品的细节 在交流中我举出一些关于电子邮箱输入框的细节问题，例子举得是MobileMe网站me.com的登录输入框的设计。比较下面两张图，会发现变化。 MobileMe默认 ... ...
-
顶部导航条(Top Navigation B... 2010-07-19 16:23
这个可能是最简单也最常用的组件了,所以内容也不多……. 原文地址: http://developer.yahoo.com/ypatterns/navigation/bar/topnav.html 解决什么问题? 用户为了完成任务需要找到必要的内容和功能. 什么时候用? 2-12个分类的时候 分类的标题相对较短 ... ...
-
为什么这么设计：支付宝首页改版 2009-10-21 17:08
新 旧 前一阵子支付首页改版了，据支付宝的人说改版以后效果十分之不错。那么我们来看看这次支付宝改版有那些值得借鉴的地方。 一、头图介绍 首先顶部仍然和上一版一样，采用了很大的头图，不过不同的是采用了轮换的方式，这个细节的改动确实很不错。通常来一张顶部头图，是用来介绍和宣传产品功能的最好手段。但是往往的问题的，要表达的东西过多，虽然头图面积很大，但是还是很难充分利 ... ...
-
使用tag来做数据挖掘及tag的其它用途 2009-02-05 04:52
google这样在用tag google的阅读器的tag就相当于文件夹 google日历的tag，用来区别不同类型的事件.在google earth里也有同样的用法，用来在地图里标识是否显示“学校 宾馆 .......” 看到上面那个“收件箱”的tag了吗，刚开始发现的时候还真是吓我一跳，原来在收件箱里的邮件只是为该邮件加了一 ... ...
-
web信息架构和社会化 2011-06-20 18:55
大家都喜欢PPT，那就分享吧。 这个演讲稿实际有34页，拆分“动作”之后变成63页面。 下面是简单的解释，为了给书友会各舵主使用的，都分享出来吧。 真害怕误导大家，喜欢速读的朋友直接阅读61页，就可以了。 第1页 web信息架构这本书是十几年前信息数字化沉淀下来的理论体系，而今，互联网的发展让用户从当初的简单消费到深度参与。这次演讲的内容，主要不侧重说概念，而是说 ... ...
