主要内容
-
[译]在线广告及其在网页设计中的重要性 2009-02-06 05:14
近年来，广告已成为很多网站的主要收入来源。不久前，在线广告往往遭到访客的拒绝，广告客户也不确定它的价值和效力。今天，大多数访客期望在商业网站上看到广告，广告客户已经认识到各种在线广告的潜在机会。长期以来广告一直是印刷出版物的一部分，如杂志和报纸，现在它们已经在网上期刊和出版物扮演同样的角色。 网站所有者或者发布的产品和服务总是会担心广告存在的影响，同时它也影响着网页设计师，因为他们必须设计 ... ...
-
《Web信息架构》-导航系统 2009-11-15 23:50
导航系统的作用：告诉你在哪里，可以去哪里，这里有什么，附近有什么，指引你下一步的行为。 导航系统的分类：全站、区域、情境式、辅助性导航。 浏览器的导航特点 考虑浏览器环境，其实浏览器上已经有后退、前进、收藏、设为首页等功能，但有时候在页面本身的浏览情境当中也最好要放这些功能，比如在浏览一篇文章，到了结尾能看到[收藏]、[关闭]、[返回]等功能可以方便不少用户看完后其它意图的操作。还有就是 ... ...
-
怎样设计好一个搜索结果列表过滤器(二) 2009-04-25 03:07
接着昨天的话题，搜索结果列表过滤器的问题，一直在想高级搜索和过滤器的问题，其实我自己现在很少会用到一个网站的高级搜索，更多的是用过滤器的。来看看高级搜索和过滤器的区别：使用高级搜索的时候，是所有条件的叠加，然后一步到位的按一个确定，事实上，我条件可以想出很多，但最终能匹配的结果，也许是零条记录与之匹配的；过滤器用的可以说是排除法，每次只加一个条件，然后看看结果，随着你条件加上去，搜索结果就更接近你 ... ...
-
因地制宜的SNS开发--（一）导航栏与目录分... 2009-12-18 17:54
为何叫因地制宜? 根据自己公司的硬件与人力配备,网站与产品定位,针对用户人群的不同；根据网站对SNS的需求侧重不同，进行合理的资源配置与开发。 上次有说过 SNS to B2C的聪明小动作（偏一点儿女性） http://www.paidai.com/displaythread.php?boardid=18&topicid=9833 只是把在SNS ... ...
-
用户研究角度看设计（1）“复制链接”的故事 2008-12-16 21:31
《用户研究角度看设计》系列是淘宝的用户研究团队在可用性测试之后的点滴思考。在每次与淘宝用户的直接接触、观察用户的操作之后，作为体验分析师的我们总是会感慨：“为什么有些细节设计看似已经很显眼了，用户就是没有注意到？”、“为什么用户偏偏要那样去理解？”、“用户在那个流程中为什么陷入困惑，甚至不能完成任务了？”，然后，我们会思 ... ...
-
下拉箭头在web上的应用 2007-02-06 22:04
接上篇（下拉箭头怎么拉?），现在聊聊下拉箭头在web上的一些应用。 先给个标准的例子，来自Gmail，在打开一封邮件后，右上角的回复快捷操作和更多的操作。 很明显，间隔线前的操作是回复此邮件，后的下拉箭头表示更多针对此邮件的操作。 这里还有一个例子，来自著 ... ...
-
垃圾桶的期望值 2009-02-07 02:28
图片来源:http://idsoo.com 我们用了十几年的垃圾桶，经常会在没有垃圾袋的时候，临时使用塑料袋做垃圾袋，但未必所有的塑料袋大小都合适，总会碰到一些小的塑料袋，跌进 了垃圾桶中，相当麻烦。 上边的情况就好比我们做产品设计时需要了解的“场景”。当你真正了解“使用场景”后，你会明白用户遇到的问题。装垃圾是垃圾桶的核心 ... ...
-
移动电子商务可用性之：产品展示页面和购物车 2009-08-12 21:18
【译者：耿人杰 原文：Mobile Commerce Usability：Product Pages and Cart Summary 作者：Linda Bustos】 mobile shopping 这是此系列的第三部分： 第1部分：网站主页和导航 第2部分：搜索和目录页面 第3部分：产品页面和购物车 第4部分：表单和结帐 以下是我参考了B ... ...
-
Facebook的特别之处是什么？ 2008-08-03 21:35
为什么在facebook交友会更容易？facebook与传统的BSP（Blog Service Provider）到底有什么不同？是因为它有横竖两个导航吗？是因为它有个主人信息的聚合页面吗？ Facebook为什么成功？又有哪些不足？Facebook商业上的成功使得它混乱的设计成了皇帝的新装，即使觉得看不懂也不敢去说。让我们拨开网页上那些纷繁的视觉表现，来看看藏在网页背后骨架—信息构架 ... ...
-
地图与地图服务 2009-02-24 23:07
这次UCD活动的主题是地图与地图服务，在此整理一些个人的思路，比较零散。 1、传统地图 隽辰提出的地图是“将信息可视化”的观点较为宽泛，将地理信息可视化可能更加准确。对于传统地图，最基本最原始的作用在于以下三点： 定位 估算距离 选择路径 传统地图（指现代标准地图）必备的几个要素是方向、比例尺、图例，这也是和地图的基本 ... ...
-
交互在改变产品 2008-07-27 17:04
所有的交互创新都需要开发落实，并且越让用户更方便，逻辑也就越麻烦，两个指标正好成反比。不是说有了创意就能做出来，因为编码本身就是个复杂的系统工程，除了需要考虑可行性，还有执行效率、平台兼容、客户端兼容等因素。 关于模式，我们经常在网上发现一些有趣的交互方案(Solution)，能够开阔眼界打开思路，甚至可以原封不动的放到自己产品上使用，所见即所得，典型如Lightbox效果。 关于开发，有 ... ...
-
深入Web信息架构 2010-10-08 09:24
——再读《web信息架构》 准备在今年的UCD年会工作坊与来自豆瓣的设计师Tony一起分享关于“Web信息架构”实践心得，假期特意借了本《Web信息架构》重新温习，结合实践查漏补缺梳理知识体系。这本书我认为是比较值得反复推敲的拔高类，而非指导操作类专业书，也确实如某些网友评价有晦涩难懂实用性不佳的特点。遗憾的是，相对两年前认识的层次上似乎没有 ... ...
-
网购收货地址reDesign 2011-12-05 21:25
评估电商网站实力是支撑平台，每天能处理和管理多少订单。对用户操作来说，电商网站前台最核心的是购买流程，也就是基本的“购物车——下单——支付”三个环节，其中“收货地址”是比较核心的一块。以前电商网站用的不多，最近做调研把业内网站过了一遍，发现不少可改进的空间。 “地区、详细地址、邮政编码 ... ...
-
向豆瓣9点添加新博客 2009-05-09 22:27
豆瓣新年第一个大动作，拿下广场，上线新九点：http://9.douban.com。关于豆瓣新9点的讨论已经有很多，不再加入讨论。近期9点做了几个重大的更新：未登录也可以使用我的订阅，增加“9点猜”的功能推送你可能感兴趣的文章到你的9点首页。 & ... ...
-
网站功能结构发展的几个形式探讨 2008-08-25 22:24
最近写了个PPT，瞎扯了一下网站的功能结构（架构），发上来让大家纠正一下，一起学习学习。一 初始的1.0结构：点状结构特点：各功能点相互独立，只通过导航连接起来 例子：企事业单位的网站，小型信息发布网站 二 1.0进化阶段：单向关联的线状结构 特点：相关信息会单向汇集给核心内容 （个人中心未出现） ... ...
-
让产品难用点不见得是坏事 2008-12-21 23:08
这次UCD书友会话题在北京讨论了留言和评论的门槛问题，先看两个设计的案例： 案例一： 在豆瓣小组的单个帖子页面，当出现翻页的时候，留言框会在最后一页，并且第一页底端没有留言框（比如这个例子） 案例二： 有些博客会在单篇文章正文结束的地方给一个“发表评论”的链接，点击跳过其他人的评论，定位在发表评论的输入框里。 先不评价两者设计的好坏，一是提高了留言成本，二是降低了。 ... ...
-
【翻译】apple store checko... 2010-07-06 23:11
[前言]读英文的博客和英文的书，也读了不少，读的时候摇头晃脑也读得懂，可是读过之后，感觉却没啥收获，想来是因为读中文，一边读一边是在思考和反刍，而读英文，却是一边读一边在词对词翻译。这次，做订单项目，对各个电子商务的订单流程很感兴趣，所以试用了若干个电子商务网站，进而对订单表单设计很有兴趣，恰逢此时，看到大名鼎鼎的luke写了一篇《The Apple Store's Checkout Form R ... ...
-
从Vista地址栏到网站导航菜单 2009-09-04 23:43
在Windows vista之前的微软操作系统的地址栏与浏览器的地址栏是一样的，也是面包屑般的自上而下的线性等级形，如果想从D盘跳到C盘是不大可能直接到达的，所以微软在vista上重新设计了地址栏，使其脱离了自上而下的线性等级形式，而是成为了多功能形的导航菜单。用户即可以直观的通过路径知道自己当前所处的位置，同样也可以快速的跳转到硬盘里的其他地方。 一般情况下 ... ...
-
从中关村的购物体验侃起 2009-03-14 15:41
请从下面这张图中找到一个正在注视镜头的人： 好了，重点不在这，开始侃我们今天的话题。现在我顶不爱去中关村买东西，特压抑，购物心情大受影响，每次一进市场从门口就开始“大哥，是买相机不”，“大哥，买笔记本不”，“大哥…”，凡是路过的档口，肯定有人缠着你，更过分的还上手拉你。我能体会导购的压力和辛苦，这套路子初 ... ...
-
网站背后的信息架构 2008-10-31 16:47
——读《web信息架构》 其实互联网设计阅读推荐是读此书后，受启发完成的。因为我觉得想清楚了关键点，在各自不同角度深入下去，虽然得到的东西差不多，但思路千差万别。 也许这就是交集越大，协作越顺畅的必然。在产品实践中，我发现超过80%的问题都与信息架构有关，最容易引起争论的也是。书中有一节专门讨论“什么不是信息架构？”搞清楚的目地不 ... ...
