主要内容
-
首页大屏广告交互设计探讨 2011-06-26 11:53
一、使用场景 用于大型活动推广，频率控制在一季度或一年度一次为宜。 二、设计目标 1、效果好！尽量让每位用户都注意到这个活动。 2、干扰小！把对活动不感兴趣的用户的干扰降到最小。 三、设计要点 1、是否要遮盖网站内容？ 不要遮盖。从我们监测的历次大屏广告点击数据来看，广告的点击在首页总点击的占比分布在2% – 20%之间。这意味着：有至少80% ... ...
-
由Kimi找茬想到的 2009-02-28 20:05
Kimi的找茬贴：新版我的淘宝－已买到的宝贝页面 时间有限，也学刘韧体，简单明快的说点想法： “合并付款”和“批量备注”快速操作栏，这是2008年6月份加上的。最初的设计里，上面是没有这一栏的，只有底部有。但后来不断有客户反映，希望上面也有，以方便快速操作，因此加上了。可以看出：视觉设计的目的是方便操作，淘宝的做法是可取的。至于 ... ...
-
干掉那鸡肋般的网页客服 2009-11-08 21:04
客服系统是电子商务网站核心系统之一，客服的反应速度很大程度上直接决定转化率。在B2C发展的前期，大部分网站会挂上一个网页客服系统，包括IM和WebIM两种模式。 部分网站会在显耀的位置来一个QQ或者MSN或者SKYPE取名叫客服1、客服2、客服3，然后有部分时间是灰色的，部分 ... ...
-
再谈人机交互中的设计隐喻 2011-03-28 18:31
上篇文章《人机交互中的设计隐喻－由Mac的文件替换引出来的话题》发出来以后收到了各种各样的反馈，我索性再写一篇续文，算是集中答复吧。 用户习惯 在所有的反馈中，“用户觉得Windows的做法更好用，所以理应这样设计”的说法可谓最多。那么我们就来看一下，为什么有人会觉得Windows的做法更“好用”。 我们来看两个例子。 ... ...
-
导航的流行趋势 2008-07-27 16:48
这不仅仅是一个信息爆炸的时代，也是一个服务爆炸的时代。 一切都是因为互联网，随着互联网技术的发展，信息的增多，服务的增多，用户需求的多样化。怎样让用户在最快地获取自己想要的东西，导航的设计显得非常重要。 随着带宽的持续增加，互联网技术的研发，我相信，导航的形式将会更加的多样化，这种多样化带来的将不会是使用的复杂，而是更加地人性化。 下面是我觉得将来会比较流行的几种导航的方向。 借鉴传统 ... ...
-
从vimeo.com的开发里程碑视频想到“研... 2008-08-19 00:55
这周小容开发玩Vimeo.com这个视频网站，个人页面在这里：http://vimeo.com/oliverding，陆续会将上次去太空中心玩拍摄的视频上传在那里，有兴趣的朋友进慢慢等待，或者用RSS订阅：http://www.vimeo.com/oliverding/videos/rss Vimeo.com的设计风格和Youtube.com完全不同，如果说Youtube.com显得大路货 ... ...
-
信息构架的若干原则 (第一部分) 2010-05-11 23:22
本文不准备重复讨论Web信息构架过程中的细节（比如，搜索框应当放什么地方），这些细节很多文章都讨论过了。我们把重点放在与网站信息构架的相关 核心原则和方法上。适当的使用这些原则可以简化从互联网认知信息的过程，且使呈现的信息更容易被获取。 为了能顺利理解并恰当运用这些原则，我们首先要理解什么是信息构架，信息架构的目标、核心理念、组件和构架的一般过程是什么。 了解信息构架 什 ... ...
-
交互设计入门---交互设计的职能 2012-03-27 16:20
上个章节讲了了解交互设计，本章主要详述一下交互设计的职能——交互设计师具体做哪些内容？ Ⅰ. 先了解一下交互设计的基本概念： 交互设计是一种目标导向设计，所有的工作内容都是在围绕着用户行为去设计的。交互设计师通过设计用户的行为，让用户更方便更有效率的去完成产品业务目标，获得愉快的用户体验。 Ⅱ.交互设计在项目流程中的位置和任务： 项目前期的流程和 ... ...
-
保障任务流畅的IA设计方法-页面简图法 2011-09-22 16:41
关于“为任务而设计”和“为结构而设计”的问题，之前曾经反复阐述过，如果你没印象了，可以先看下：《设计原则VS实际情况》和《为产品结构的设计，为用户任务的设计》。 “设计时，既应该关注让任务流畅，又需要让结构清晰。” 如果你认同了这个观点，那么，接下来的问题就是：应该怎么做呢？ 下面介绍一个设计方法，这是一个用于 ... ...
-
手机端信息详情页的设计 2012-03-30 15:04
上周末，与kent.zhu、安姐喝茶闲聊，聊到关于手机客户端信息最终页的布局设计问题。 其实就两个问题： 1 对单条信息纬度多的情况，是顶部分tab，还是往下一直显示，还是左右滑动显示？ 2 对信息的操作放哪？ 其中聊到一些设计原则，比如： 1 取决于目标用户对信息浏览顺序是否一致，就是说他们关注的重点是有次序的，还是发散的。 2 产品鼓励以及期望如何引导什么样的路径和用例？ 3 ... ...
-
怎样避免落入千篇一律的饼干模子 2009-11-17 22:12
3天前的一个晚上，我和几位同事在宜家闲逛。意识中所有的商品名称价格都是写在类似图上左边的白色纸片上，客户可以通过纸片或者吊牌来了解商品信息和价格。而且名称＋描述＋价格的纸片和吊牌是整个商场都统一的，在我印象中，我一致认为这就是宜家的“规范”。 如图所示，上面的商品是一个抽屉垫，对于我这个不懂如何收拾空间的人来说，如果只是看到这个名字我是毫无概念的。很凑巧， ... ...
-
宜家的用户体验 2009-05-12 23:05
离家3分钟路程就是宜家，所以经常去逛而不买东西，偶尔去逛加吃东西而不买东西。去逛因为宜家还有宜家的产品的设计都堪称典范，从工业设计到web设计有许多共通的地方，由宜家可以借鉴很多东西到web设计上来；不买是因为宜家的东西确实是很大很贵但是又很巧。 1、地方很大、东西很贵、设计很巧。 &nb ... ...
-
用户界面设计中“状态”和“动作”的表达 2012-01-07 21:16
一、问题引发思考 前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了，所以在此整理一下思路，与大家共享。 具体案例是这样的：如上图所示，在“启用”和“停用”搜索定制功能时，这个按钮到底是表示“状态”还是 ... ...
-
登录框的报错反馈 2011-01-23 21:41
这里以淘宝的登录界面为主要示例。 先来看一下： 1：淘宝并没有使用“用户名”这个最常见的称呼，而是使用了“账户名”，或许淘宝认为这样称呼更为准确吧，不过大多数用户对此并不会关心。 2输入框里给出提示：可以输入“手机号/会员名/邮箱”，这对于在不同网站拥有不同帐号 ... ...
-
减少新开窗口提升可访问性 2009-04-19 20:17
论证完使用target=_blank并非绝对错误之后，分场景探讨如何减少新开窗口。自有意识注意这个问题，是看到蓝色经典Plod大叔在04年提倡不乱弹窗的奔走相告。 抛开某些不合逻辑意图不论，为什么大量使用弹出页面？因为设计师担心用户迷失方向。为什么用户会迷失方向？因为导航系统不够好。为什么导航系统不够好？因为产品功能太多太乱。为什么功能太多太乱？因为需求没控制好。为什么需求没控制好？因为提 ... ...
-
说说网站邀请和邀请邮件 2008-10-09 11:11
邀请功能是现在很多网站都有的一个重要功能,很久以前就想总结一下,拖到了现在,分两步分来说,一个是邀请的页面设计,另一方面就是邀请邮件的设计.注:这里的邀请指的是单独独立的邀请功能模块,而不是整合在找朋友功能中的邀请.邀请页面关于邀请的这个功能的实现主要有如下几个途径 给出邀请链接复制发送 导入邮件联系人(跟找朋友类似) 导入即时通讯联系人(同上,只是换成MSN等) ... ...
-
Checkout产品设计：一步走还是四步走 2010-01-21 22:20
本文的图片和主要观点来自：A/B Test Case Study:Single Page vs. Multi-Step 作者是Linda Bustos、Janis Lanka，她们都来自Elastic Path Software 从文字标题上来看，作者原本的意图是介绍一个通过A/B测试来提高产品性能的案例（温哥华冬奥会官方特许商品购买网站），但大家实际留下的评论以及关注重点都被集 ... ...
-
找茬：我的支付宝页面 2008-12-22 12:58
先看两个图片： 图一： 图一：我的支付宝 图二： 图二：点击我的支付宝“个人认证”链接后的页面 几个典型的问题： 我的支付宝页面是支付宝用户登录后的第一个页面。这个页面的空间应该说是非常重要的。但是随着几年下来这个页面的不断update，在导航和内容排布方面已经出现了比较大的问题。看图一：我用不同的颜色 ... ...
-
记淘宝网09年首页改版类目设计 2009-01-05 18:55
去死吧2008.~!~ 在太古时期，有一种凶猛的怪兽，散居在深山密林中，人们管它们叫“年”。“年”的形貌狰狞，生性凶残，专食飞禽走兽、鳞介虫豸，一天换一种口味，从磕头虫一直吃到大活人，让人谈“年”色变。08"年"终于走了.相信很多人艰难的渡过这一年.历史又翻开新的一页经历过历史的人方知难. ... ...
-
可访问性 - 前端的使命(三) 2009-06-27 21:27
其实这个系列还没写完，我看到已经被转载了。下次应该写个未完待续。 15. 忽略空白图片（Ignoring spacer images） 一定记得给图片加上alt属性，哪怕它为空。其原因是如果不写alt，有些阅读器会直接把它的文件名或URL读出来。 这让我想起小时候读过，说在发明数字0以前，人们都是用空位来表示的。这样就很不方便啊。所以alt=”"就相当于数字0这个伟 ... ...
