主要内容
-
交互在改变产品 2008-07-27 17:04
所有的交互创新都需要开发落实,并且越让用户更方便,逻辑也就越麻烦,两个指标正好成反比。不是说有了创意就能做出来,因为编码本身就是个复杂的系统工程,除了需要考虑可行性,还有执行效率、平台兼容、客户端兼容等因素。 关于模式,我们经常在网上发现一些有趣的交互方案(Solution),能够开阔眼界打开思路,甚至可以原封不动的放到自己产品上使用,所见即所得,典型如Lightbox效果。 关于开发,有 ... ...
-
[译]在线广告及其在网页设计中的重要性 2009-02-06 05:14
近年来,广告已成为很多网站的主要收入来源。不久前,在线广告往往遭到访客的拒绝,广告客户也不确定它的价值和效力。今天,大多数访客期望在商业网站上看到广告,广告客户已经认识到各种在线广告的潜在机会。长期以来广告一直是印刷出版物的一部分,如杂志和报纸,现在它们已经在网上期刊和出版物扮演同样的角色。 网站所有者或者发布的产品和服务总是会担心广告存在的影响,同时它也影响着网页设计师,因为他们必须设计 ... ...
-
iPad拟物化设计的博弈 2010-04-07 20:32
1024X768 VS 320X480 320X480是iPhone的屏幕分辨率,而1024X768是新发布的平板设备iPad的屏幕分辨率。凭着这组分辨率的变化以及初窥iPad的外观,会觉得iPad不过是只“放大版”的iPad touch,一致的制作工艺,连“Home”键未做改变原封不动摆在了屏幕下方,似乎又被“戏谑&rdquo ... ...
-
和“登录”有关的事儿 2009-07-12 01:57
关于“登录”和“注册”的问题已经被很多设计师和交互设计上写过无数遍了,今天我在登录纳米盘网站时受到打击了所以写下此文。 事情是这样的: 当初租用虚拟主机的时候,为了减轻电子杂志下载时的流量和减少存放杂志所占用的空间,就将电子杂志和其他几个共享的文件放在了纳米盘网站。而纳米盘网站之前有个规定就是每个月至少要登录两次,于是今天想起来了就去登录一下 ... ...
-
管理中心左侧栏的“黄金分割”宽度浅谈 2010-08-23 20:22
关于“管理中心”的界面设计框架,一般我们都会选择传统的“工”字结构,顶部是形象区,左侧是功能列表区,右侧是操作区,这种结构的功能扩展性和易用性都是非常好的,几乎90%以上的软件系统的后台管理中心都是采用这样的结构。 在实际设计工作中我们发现,用户总是希望能把操作区的区域 ... ...
-
《Web信息架构》-导航系统 2009-11-15 23:50
导航系统的作用:告诉你在哪里,可以去哪里,这里有什么,附近有什么,指引你下一步的行为。 导航系统的分类:全站、区域、情境式、辅助性导航。 浏览器的导航特点 考虑浏览器环境,其实浏览器上已经有后退、前进、收藏、设为首页等功能,但有时候在页面本身的浏览情境当中也最好要放这些功能,比如在浏览一篇文章,到了结尾能看到[收藏]、[关闭]、[返回]等功能可以方便不少用户看完后其它意图的操作。还有就是 ... ...
-
移动电子商务可用性之:产品展示页面和购物车 2009-08-12 21:18
【译者:耿人杰 原文:Mobile Commerce Usability:Product Pages and Cart Summary 作者:Linda Bustos】 mobile shopping 这是此系列的第三部分: 第1部分:网站主页和导航 第2部分:搜索和目录页面 第3部分:产品页面和购物车 第4部分:表单和结帐 以下是我参考了B ... ...
-
地图与地图服务 2009-02-24 23:07
这次UCD活动的主题是地图与地图服务,在此整理一些个人的思路,比较零散。 1、传统地图 隽辰提出的地图是“将信息可视化”的观点较为宽泛,将地理信息可视化可能更加准确。对于传统地图,最基本最原始的作用在于以下三点: 定位 估算距离 选择路径 传统地图(指现代标准地图)必备的几个要素是方向、比例尺、图例,这也是和地图的基本 ... ...
-
Facebook的特别之处是什么? 2008-08-03 21:35
为什么在facebook交友会更容易?facebook与传统的BSP(Blog Service Provider)到底有什么不同?是因为它有横竖两个导航吗?是因为它有个主人信息的聚合页面吗? Facebook为什么成功?又有哪些不足?Facebook商业上的成功使得它混乱的设计成了皇帝的新装,即使觉得看不懂也不敢去说。让我们拨开网页上那些纷繁的视觉表现,来看看藏在网页背后骨架—信息构架 ... ...
-
网站功能结构发展的几个形式探讨 2008-08-25 22:24
最近写了个PPT,瞎扯了一下网站的功能结构(架构),发上来让大家纠正一下,一起学习学习。一 初始的1.0结构:点状结构特点:各功能点相互独立,只通过导航连接起来 例子:企事业单位的网站,小型信息发布网站 二 1.0进化阶段:单向关联的线状结构 特点:相关信息会单向汇集给核心内容 (个人中心未出现) ... ...
-
向豆瓣9点添加新博客 2009-05-09 22:27
豆瓣新年第一个大动作,拿下广场,上线新九点:http://9.douban.com。关于豆瓣新9点的讨论已经有很多,不再加入讨论。近期9点做了几个重大的更新:未登录也可以使用我的订阅,增加“9点猜”的功能推送你可能感兴趣的文章到你的9点首页。 & ... ...
-
网购收货地址reDesign 2011-12-05 21:25
评估电商网站实力是支撑平台,每天能处理和管理多少订单。对用户操作来说,电商网站前台最核心的是购买流程,也就是基本的“购物车——下单——支付”三个环节,其中“收货地址”是比较核心的一块。以前电商网站用的不多,最近做调研把业内网站过了一遍,发现不少可改进的空间。 “地区、详细地址、邮政编码 ... ...
-
下拉箭头在web上的应用 2007-02-06 22:04
接上篇(下拉箭头怎么拉?),现在聊聊下拉箭头在web上的一些应用。 先给个标准的例子,来自Gmail,在打开一封邮件后,右上角的回复快捷操作和更多的操作。 很明显,间隔线前的操作是回复此邮件,后的下拉箭头表示更多针对此邮件的操作。 这里还有一个例子,来自著 ... ...
-
深入Web信息架构 2010-10-08 09:24
——再读《web信息架构》 准备在今年的UCD年会工作坊与来自豆瓣的设计师Tony一起分享关于“Web信息架构”实践心得,假期特意借了本《Web信息架构》重新温习,结合实践查漏补缺梳理知识体系。这本书我认为是比较值得反复推敲的拔高类,而非指导操作类专业书,也确实如某些网友评价有晦涩难懂实用性不佳的特点。遗憾的是,相对两年前认识的层次上似乎没有 ... ...
-
网站背后的信息架构 2008-10-31 16:47
——读《web信息架构》 其实互联网设计阅读推荐是读此书后,受启发完成的。因为我觉得想清楚了关键点,在各自不同角度深入下去,虽然得到的东西差不多,但思路千差万别。 也许这就是交集越大,协作越顺畅的必然。在产品实践中,我发现超过80%的问题都与信息架构有关,最容易引起争论的也是。书中有一节专门讨论“什么不是信息架构?”搞清楚的目地不 ... ...
-
垃圾桶的期望值 2009-02-07 02:28
图片来源:http://idsoo.com 我们用了十几年的垃圾桶,经常会在没有垃圾袋的时候,临时使用塑料袋做垃圾袋,但未必所有的塑料袋大小都合适,总会碰到一些小的塑料袋,跌进 了垃圾桶中,相当麻烦。 上边的情况就好比我们做产品设计时需要了解的“场景”。当你真正了解“使用场景”后,你会明白用户遇到的问题。装垃圾是垃圾桶的核心 ... ...
-
从中关村的购物体验侃起 2009-03-14 15:41
请从下面这张图中找到一个正在注视镜头的人: 好了,重点不在这,开始侃我们今天的话题。现在我顶不爱去中关村买东西,特压抑,购物心情大受影响,每次一进市场从门口就开始“大哥,是买相机不”,“大哥,买笔记本不”,“大哥…”,凡是路过的档口,肯定有人缠着你,更过分的还上手拉你。我能体会导购的压力和辛苦,这套路子初 ... ...
-
【翻译】apple store checko... 2010-07-06 23:11
[前言]读英文的博客和英文的书,也读了不少,读的时候摇头晃脑也读得懂,可是读过之后,感觉却没啥收获,想来是因为读中文,一边读一边是在思考和反刍,而读英文,却是一边读一边在词对词翻译。这次,做订单项目,对各个电子商务的订单流程很感兴趣,所以试用了若干个电子商务网站,进而对订单表单设计很有兴趣,恰逢此时,看到大名鼎鼎的luke写了一篇《The Apple Store's Checkout Form R ... ...
-
添加好友不需要“双向”! 2008-09-03 01:23
1、很早以前写过一篇关于“好友”的文字,麦田针对于蚂蚁网的具体情况反驳了我的观点,又招来魏武挥的一阵唏嘘。 最近看到针对于这个问题似乎又出现了很多不同观点,甚至把很多“权威”网站的做法都搬了出来说,什么sina blog、Twitter、douban、myspace、facebook;同时又出现了很多新名词,什么“粉丝&rdqu ... ...
-
谈交互设计的经验积累 2011-12-20 20:13
交互设计师的工作中,基础的工具、常识、流程……,这些都能够轻松学习到;最终的产出物,也能够找得到成熟的范本;而只有中间的经验,只能来自积淀,没有速成的方法。 这篇分享,把自己成长中和交流中获得的一些经验略微举例,加上交互相关的一点基础,希望能给对交互设计有兴趣的朋友提供一些帮助。 提纲: 1. 入门 1.1. 工具 1.2. 原则/常识 ... ...

