主要内容
-
关于音乐试听网站信息架构的一些事 2010-05-05 20:57
一、准备 网站信息架构这一概念的出现，引导我们用类比建筑学的方式思考网站。中国北方的土炕瓦房与南方的吊脚竹楼呈现出迥异的结构，是因为建筑原料、使用人及用途决定了建筑物的物理形态。同样的，企业网站跟个人博客在形式上的巨大差异也源自网站的内容、用户、情境决定其信息架构这一理由。音乐试听网站面对着细分市场上的用户和使用情境，也拥有“音乐”这样特殊的内容，因此通 ... ...
-
用户的声音(3) - 排序、过滤选项 2009-04-29 14:58
除了前面两篇（用户的声音（1）——调研；用户的声音（2）——搜索关键字）里介绍的通过调研和搜索关键词了解用户之外，我们还可以通过过滤框来了解这个客户看重产品的哪个方面，了解之后可以用更有针对性的内容去影响她。（转载请注明出处：www.MarsOpinion.com） 比如比较常见的一种过滤选项是“按XXXX排序”，比如 ... ...
-
向“任务完成”说再见 2009-03-06 11:02
Rachel Hinman 版权所有作者：Rachel Hinman译者：UCD翻译小组，孙亮；校对：杨远骋，Cloud Zhang，Angela Fan；原文地址：http://www.adaptivepath.com/blog/2009/01/18/say-goodbye-to-done/ 最近读到一份诺基亚研究中心公布的报告《用移动设备感知世界》，觉得很是有趣。正好最近在思考 ... ...
-
奥运订票折腾记 2008-07-26 08:08
角色描述 在京外地人，资深网络用户，经常使用VISA信用卡在网上交易，上班忙空闲时间少。帮在四川老家的爹妈定票，具体项目待定，看价钱和时间安排，其实主要是凑热闹。 晚饭后上网溜达，突然想起订票这回事，打算试试，笔记本Win2003, Firefox1.5的环境。 交互流程 登录——搜索门票——预订门票—&m ... ...
-
为什么说 Twhirl 的用户介面设计惨不忍睹 2009-04-23 17:41
Twhirl 是一个相当受欢迎的 Twitter 客户端，由于它是以 Adobe AIR 环境为基础写成，因此横跨 Windows、Mac OS X 和 Linux 几大平台，积累了不少用户数。但如同生活中的大多数事物一样，受欢迎程度与质量往往成反比。Twhirl 的用户介面设计的问题不是一般的多，这里我试举几例说明。 Twhirl 的主介面上有十九个按钮，其中十个的大小完全一致：16 x ... ...
-
搜索框suggestion提示还能做点啥 2009-12-12 20:14
今天看到aliued朱鹤群同学的搜索框提示设计，其中提到的搜索框提示、交互设计的目的很有体会。 谷奥报道，最近Google的搜索框suggestion加入更多的提示功能，谷歌叫做加入通用搜索功能，比如可以直接显示天气，度量转换和简洁明确答案类。Yahoo 2005年9月搞得instant search服务的suggestion中出shortcut功能很类似。雅虎的一些在搜索方面的想法确实挺好的，1 ... ...
-
概描述和泛描述 2009-08-18 23:13
《Web信息架构》中有个不恰当翻译，把label翻译成了标签，好像见网友也有提到。我曾经想，如果label是标签，那么tag是啥？如果tag也是标签，那么与label有什么区别么？中英文翻译有时就这么麻烦，完全不知道说的是否一回事。 上周书友会聊到内容组织方式时，有资深同行就提出“标签与关键词不一样”的观点，开始我意思是“它们都一样，只不过是tags的不 ... ...
-
你们的资料不准确 2009-02-04 02:34
今天在joyo又碰到问题，以前也碰到过，不过今天这次没办法进行下去。 公司在高新区，高新区位于浦口，有独立邮政210061，浦口区的其他很多地方使用另一个邮编211800。 在joyo填写配送地址碰到了麻烦。如下图。 “根据我们的资料，江苏 浦口区的邮编为211800”。 抱歉，你们的资料不准确。 不修改，继续下去。下图。 ... ...
-
单线流程(2) - 流程中KEY 2009-02-08 16:00
在单线流程1这篇文章里，我引出了单线流程这个概念，并没有深入去分析单线流程，相当于HELLO WORLD!在接下来单线流程这个系列的文章里，我会继续深入分析单线流程相关的内容，希望有一天单线流程的设计思想能深入人心，成为一个主流的并且基础的流程设计思想。也希望有兴趣的朋友一起来讨论这个话题。继续解释什么是单线流程？尽管我们可以把一个复杂的流程分成多个步骤，多个页面，使每个页面的流程都符合纯粹单线流 ... ...
-
“Back to Top”有害页面健康？ 2008-12-05 15:14
http://img.ucdchina.com/upload/snap/2009-08/c274265ce4824919438058114c3d0dac.jpeg ... ...
-
简化翻页提升可用性 2009-03-12 20:24
最终效果如下图，右侧灰边看相对位置，版权所有谨防假冒： 去年曾针对有时间先后的翻页记录了思考片段。之后没来得及调整一直是默认和插件并用，虽然难看但似乎可用性还凑合，没空所以没改。今天给WP-PageNavi升级偶然看了看结构代码，发现还算比较灵活，于是花了点时间尝试调整。 感觉用户对wordpress默认的翻页并不是很排斥，但个人认为wp-pagenavi默认的效 ... ...
-
交叉销售 2009-02-20 03:09
交叉销售（cross-selling）有很多不同定义，应属于市场和销售范畴。 我自己理解，很多电子商务网站都采用交叉销售的方法。 最常见的，在产品、物品详细页面下方放一些相关内容，易趣、淘宝、ebay都采用（如下图）： 请注意，中间一张是淘宝的做法，把“还浏览”和“掌柜推荐”放在了一起。 ... ...
-
移动应用表单设计秘籍 2012-04-16 10:42
一直想写一篇文章，关于移动应用表单设计的，可惜最近项目很忙，忙到没有时间打理博客。最近体验产品的时候，经常看到错误的的表单设计，要么信息混乱，要么步骤繁复、要么语言程序化，要么视觉焦点跳跃，要么校验顺序混乱，要么反馈不及时，如此种种的问题，让我很想认真的总结一下，思考一下，为移动应用的表单设计，提供一些个人力所能及的建议，希望更多地设计师能认真思考移动应用表单的特殊性，能最大限度的提升表单设计的体 ... ...
-
关于豆瓣推荐，分享，Like 2009-01-14 01:43
一直觉得“推荐”这个词似乎也有问题，或者是我习惯“分享”这个词了？推荐的目的是什么？只能是好吧，但可能真正好到值得推荐的东西不多。 分享，可能是传播知识，比如一篇对自己可能是火星的文章，点分享，是觉得其虽简单但总是好的。 很少看到什么东西，让我想点推荐的。 中文真是博大精深，才需要连这种问题都研究。不同的词我对之有不同的 ... ...
-
别忘了导航 2008-07-27 16:49
很 多网站为了某个活动、节日什么的，经常都会做一个专题页面。这些页面往往都和网站其他的页面不同，不用那些循规蹈矩的布局，有漂亮的大块图片、甚至是声色 俱佳的Flash~ 这些页面，可能是从网站内部某个吸引人的地方，吸引你点入；也可能是某个软件的网站，从软件里链接出来的；也可能是和别的网站合作，从别处链接过来的…… 这样的页面的确都做得很吸引人，但也容易忽略一 ... ...
-
吃糖果方式启发的界面交互创新设计 2009-02-04 06:45
MID：Mobile Internet Devices 移动互联网设备的英文缩写。这是2007年4月份Intel在IDF大会上提出的一个新概念，与UMPC相比，这一类产品更加强调随 时随地的互联网接入能力，同时在体积和重量上面可能会更小一些(建议屏幕尺寸也从UMPC的7英寸减少到了4.5至6英寸)，在计算性能方面可以弱化一 些。另外，从目标客户群来看，UMPC更主要针对专业应用、行业用户，MI ... ...
-
未登陆状态下的登陆与注册设计 2008-12-27 09:26
"写在前面"的写在前面,下面的内容全部是发送给鲜果团队的邮件,除了部分图片出于排版的原因调整了大小. 写在前面，为了表述清楚，邮件中插入了多幅图片，加载可能费时，还望耐心等候图片加载完毕。以下观点纯属个人建议 ————————————&md ... ...
-
从iPhone Tab Bar学到的… 2011-11-25 14:27
在过去的几年中，iPhone成功的使得Tab Bar标签栏导航方式在移动设备上流行起来。Apple将tab bar和其它许多的设计原则整合到了他们的人机交互指南(HIG)中——但有些疑问他们从来没有回答。在过去的几年中我一直从事交互与图形设计，在这篇文章中我将分享一些我的想法有关什么是该做的，什么是不该做的。 第一课：魔法数字是5 这对从事iPhon ... ...
-
手机应用程序启动画面 2010-11-18 22:57
本文首发于MDchina，汇聚了一群热爱移动互联网的产品经理和设计师，也是一个专业的分享平台。 iPhone官方设计指南对于启动图片（launch images）描述中期望是开发人员能够尽量简化应用程序的启动过程，使用应用程序主页的背景图片作为启动图片，让程序能够快速启动，不过遵守这条建议的应用程序非常少。 在PC上，由于大型游戏和软件加载的时间比较长，启动画面应 ... ...
-
关于系统邮件的设计 2010-03-11 22:46
本文主要表达的意思是：邮件的设计与网页的设计有着巨大的差别。如果能用文字千万不要用图片；如果要用图片也千万记得把内容加入图片的Alt属性中；如果有可能给一个明确的退订链接。 写这篇文章的直接诱因是今天下午那个巨崩溃的淘 ... ...
