主要内容
-
退订邮件的设计 2009-05-16 13:02
昨天整理邮箱，发现很多邮件是网站系统自动发的，删也不是（毕竟是自己订的），不删也不是（浪费资源），唯有退订。 系统邮件分三种，一是注册某个服务时订阅的新闻，一是网站服务的提示，如豆瓣的活动未通过提示，还有一种是网站发送的EDM。 好友通知等系统通知是需要到网站的账户设置中修改的，而EDM一般为不定期发送，也不必设置退订功能，下面主要说一下退订新闻服务的感受。（EDM 最好不要用纯 ... ...
-
生活中的设计：有借有还 2009-05-15 00:01
下班时外面在下雨，于是到大厦一层借伞。可惜，几十把雨伞都被借光了。倒霉！ 仔细一看，光秃秃的伞架旁边，挂着一个小告示，上面画着一只调皮的雨伞，对前来借伞的人说： 别忘了把我送回来哦！我还要送别人回家呢！ 借伞处的告示 看到这句话，我笑了。我也经常忘记还伞，往往几天后才想着还回来。其实，一把雨伞并不贵，就算不还，也没什么损失。真正带来麻烦的，是大厦。他们 ... ...
-
一起来做故事板 2009-05-13 20:53
这一期的碳酸饮料会，阿福给我们介绍了一个设计利器：故事板。 故事板，起源于广告行业。在电影电视中，故事板的作用是来安排剧情中的重要镜头。他们相当于一个可视化的剧本。故事板展示了各个镜头之间的关系，以及他们是如何串联起来，给观众一个完整的体验。 故事板在交互设计领域的定义： 用图文结合的形式来描述一个完整任务或是交互动作的可视化剧本。 故事版的几个侧重点： 故事板是 ... ...
-
谁为用户买单(1) - 电子商务网站的交互设... 2009-05-13 18:39
嘀咕嘀咕： 每次写文章往往开头是最难的，总想给UED读者不同的sense。就像我们设计产品总是想迎合我们的用户，最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应，用户是否买单就很难说了。从一个极端走向另一个极端，显然是不科学的。用户的需求一定要听，但要有鉴别的听。好的设计用户总愿意为它买单，差的设计用户会让我们为他买单。 类目选择： 这里我 ... ...
-
确认页的设计 (三) - 一些注意事项 2009-05-12 23:14
白话大原则： 让我立马注意到——否则就没必要确认。必须得与当前页面区分，凸显出来。所以一般二次确认页面弹出时，当前页面应该屏蔽使用。 让我不反感——除非想赶走客户。视事件本身的严重程度采用适合的图标（信息、错误、问号）、措辞，视觉变化不至于太过突然。 让我一看就知道如何选择——稀里糊涂，词不达意的二次 ... ...
-
确认页的设计 (二) - 形式的抉择 2009-05-12 23:13
你会看到很多种二次确认的形式。 本文或许不会涵盖到所有，只有最常见的（欢迎你随时提供案例哦）。 接下来的内容会按照以下目录组织： 1. 二次确认页有哪些形式（两个划分维度：设计角度与内容和功能维度） 2. 二次确认页的替代方案有哪些？ 3. 如何选择不同的形式？ 二次确认页的形式： 从设计角度划分： 1. 系统弹出框 ... ...
-
宜家的用户体验 2009-05-12 23:05
离家3分钟路程就是宜家，所以经常去逛而不买东西，偶尔去逛加吃东西而不买东西。去逛因为宜家还有宜家的产品的设计都堪称典范，从工业设计到web设计有许多共通的地方，由宜家可以借鉴很多东西到web设计上来；不买是因为宜家的东西确实是很大很贵但是又很巧。 1、地方很大、东西很贵、设计很巧。 &nb ... ...
-
生活中的设计：板凳 2009-05-12 22:55
请你设计一个木板凳，你会考虑哪些因素呢？我能想到的有： 凳子高度要合适，不能太高，也不能太矮 如果凳子有靠背，靠背一定要舒服 凳子要结实，设计要简洁 凳面可以用圆形，也可以用方形，在餐馆里，用方形就可以，基本上不用考虑三角形和其他多边形 凳子的颜色要和环境、桌子的颜色搭配 一个板凳，还能有什么新花样？ 下图是山西面馆面香八方的板凳，我和同 ... ...
-
心理模型 2009-05-12 18:03
今天在GOOGLE上查图片资料，这一幕真让我纠结啊： 使用【向前】【向后】这种说法，就默认了有一个对比坐标，那就是当前显示的4张缩略图。 点击【向前】展示的是，在搜索结果中排列在当前缩略图之后的图片。 点击【向后】展示的是，在搜索结果中排列在当前缩略图之前的图片。 真拗口，用图片说明： 这让我想到了，读书时期老师在上课的时候常常说的一句话：把书翻到后一页（下一页）。 在翻书这件事情上，后一页和 ... ...
-
Letting Go of the Word... 2009-05-12 12:20
Chapter10 使用标题分解文字内容 1. 使用标题分解文字内容： a) 好的标题能够以多种方式来帮助用户； b) &nb ... ...
-
Letting Go of the Word... 2009-05-12 12:15
Chapter 8 调整语句 1. 非正式的写作并不等于“简化”； 2. 与网站用户对话： a) 保 ... ...
-
会员注册页面的交互细节 2009-05-11 21:01
核心提要: ·注册页面主体宽度小于800像素，利于用户聚焦操作。 ·注册步骤引导使用文字，不要用图片。 ·密码强度提示需提前让用户了解强弱极限度，辅助提示如何设置高强度密码。 ·操作提示语尽量少且简短，并用浅颜色弱化。操作提示语与注册字断垂直排列比平行排列更好。 ·警告语在填写出错后即时触发，不填错不触发。 ·用户 ... ...
-
传说中的纸上线框图 2009-05-11 20:50
画线框图/原型图，是每个产品设计人员的基本功。 可以用绘制画线框图的软件工具很多，从word、ppt这样的办公软件，到PhotoShop、illustrator、visio之类的设计软件，当然还有专用的Balsamiq、Axure等等。 那么如何选择线框图/原型图工具呢？ 目的决定方法：明确目的，按照目的选择－－不选好工具，选合适的工具 结合自己的能力：产品人员 ... ...
-
创造一个可理解的世界 2009-05-09 22:37
网站的结构应该是可以理解的 一个网站就是一个小小的世界，这个世界应该是可以理解的。 我们都试图去理解自己所身处的世界，是吗？ 为什么要去理解？因为我们希望在这个世界中更好的生活。这是积极的，如果不，那大概就得想着怎么自杀了。试图去弄明白，这是人们有意无意间都在做的，也许有时候你没意识到，但是你确实是在不断的去了解，学习。 “为什么后面的几张菜单比前面的矮些呢？& ... ...
-
向豆瓣9点添加新博客 2009-05-09 22:27
豆瓣新年第一个大动作，拿下广场，上线新九点：http://9.douban.com。关于豆瓣新9点的讨论已经有很多，不再加入讨论。近期9点做了几个重大的更新：未登录也可以使用我的订阅，增加“9点猜”的功能推送你可能感兴趣的文章到你的9点首页。 & ... ...
-
关于“反馈提示”的交互设计 2009-05-08 00:34
反馈这个词儿其实是控制论的基本概念，泛指发出的事物返回发出的起始点并产生影响。在信息交互过程（输入输出）中，它是一种界面输出物，用以提醒信息输入者他的操作结果。它有很多种形式，包括界面元素、声音、影像变化和物理位移（如震动）等。 我们这里讨论的反馈仅特指用户对网页表单元素进行操作所得到的可视化的输出信息，为了加强区分避免歧义，我们这里姑且称之为反馈提示（如图）。这里分几个方面对其设计中应注 ... ...
-
交互设计：不是什么和是什么 2009-05-08 00:25
关于什么是交互设计，许多网站上都做过介绍，最经典的阐释和流传最广的中文版本可能来自于DeDream的一个交互实例，当初给这个Blog取名为“交互℃计”的时候，就有想法要以自己的观点去写一篇“什么是交互设计”的文章，但因为诸多原因一直没有成文，现在将自己的想法整理出来，说得不对的地方，欢迎指正。 交互设计：不是什 ... ...
-
优异的灵活性 2009-05-07 14:20
曾有设计师在体验Google Chrome之后指出，如果打开的页面太多，标签栏将变成下图所示的恐怖模样： 与此不同的另一种典型设计来自Firefox。在Firefox里，标签具有最小宽度。当标签数量过多以至当前浏览器宽度无法容纳所有标签的时候，将在标签栏左右分别显示按钮控制标签左右滑动；同时提供一个下拉列表显示所有未显示的标签。 是来自Google的设计师没有考虑到可能形 ... ...
-
给用户发一封友好的EDM 2009-05-06 08:25
Saidy设计与用户体验是关于最新一期EDM的文章。这个总结很棒，相信会使后续EDM更高效。这里，我站在需求和项目掌控的角度，重新梳理一下发送一封对用户友好的EDM的要点。 1、内容策划。 在我掌管EDM之后，我极力将产品信息提升至重要位置，尽量淡化市场内容。新产品、老产品新功能属于Products信息，价格折扣信息属于Sales信息。但是Marketing内容应该淡化，我的观点很明确，用 ... ...
-
互联网表单设计 - 自动即时帮助 2009-05-05 23:01
自动即时帮助 自动即时帮助系统在最合适的时间、地点显示信息。例如，点击或用Tab键激活输入框，相关帮助文字就出现在输入框旁边或下方。图7.4，Wufoo网站采用了这种行为。 图7.4 http://www.flickr.com/photos/rosenfeldmedia/2367268378 人们填写Wufoo网站输入框时，帮助文字自动出现。 为确保用户能预计帮 ... ...
