主要内容
-
用户不会记得点了多少下 2009-06-18 21:37
做交互设计的人或多或少都听说过多年前Freddy Kreuger提出的网站设计“点三下原则”，大致意思是说好的设计不应该超过3次点击。然而随着网络的发展，设计规则的逐步完善，“点三下原则”也应该到了淡出设计历史舞台的时候。 尽管6年前Joshua Porter就曾经写过一篇文章抨击所谓的“点三下原则”，然而至今我们在工 ... ...
-
购物与交互设计 2009-02-03 01:25
先试后买的交互 每个人都应该购买过商品，按照人的购买习惯会先试用或者对比后觉得适合再购买这样一个流程，这是符合人的消费心理。现在互联网出现越来越多的新产品，网民就像选购商品一样，所不同的是网民所付出的是时间和体力，需要付出金钱的也有，但很多产品为了增加注册量，不管三七二十一访问首页第一件事就是让用户去注册，注册完后才能浏览网站和使用网站服务这样一个交互过程，假设注册流程又长又丑的 ... ...
-
"公用样式模板"的设计制作 2009-09-09 22:10
这个话题是应腾讯ISD同仁之邀在WebReBuild三周年交流会上做的主题分享。由于临场等原因有些问题当时没有讲明白，回来后按原有思路形成了一篇小论文，对其中一些问题进行了进一步阐述。现场有位同行朋友提出了对使用表现性语义的质疑，当时没有给出让他满意的答复，因此文章中花了较多的篇幅来探讨语义性有关的问题，算是对那位朋友的解答。 一、 公用样式模板的“公用”的含义 ... ...
-
“花样”年华 2010-02-20 11:22
回头，会看见历史，当我们感触记忆超过十年，就会对历史有更深的理解。或许不需要十年，我们只要回过头去看看3-4年前的产品，就足以让我们体会沧海桑田。 比如手机，其历史也就20多年，而不断的更新换代让人追赶地气喘吁吁。就在几年前，工业设计专业学生热衷于画手机，各种创新的机构或者是新的使用方式的提出，但是现在，这种热情气氛已经变了。尤其在 iPhone 之后，发现已经没有拿来放置设计的 ... ...
-
有效LOGO设计的最重要的提示 2009-09-04 23:54
曾经有许多创造性的logo设计案例，logo设计资源和logo设计指导张贴在互联网的各个角落。这些帮助会为你的logo设计创造一个功能强大的工具箱。首先你需要对于一个好的logo设计获得一个固定的认识和一些你认为需要考虑的东西在你使用这个工具箱之前。在这文章里，我们将认真分析怎么才能获得一个有效地logo设计并且我们也指导你通过这些规则和最优的办法创造出一个品牌的特性图标。Logo是什么？要理解L ... ...
-
文章中插入图片的用户体验 2008-12-07 12:53
一直以来在写博文的时候，都没有去考虑图片是应该放在左边还是放在右边的问题，今天在确定博客风格的时候，为了风格的统一性，我要在新博客的一开始就确定如何放置图片。 本博客使用都是WordPress的平台，在插入图片的时候，系统会提示图片放置的格式，我想最常用的就是四种了：居中，靠左，靠右 ... ...
-
页面上元素对齐的问题 2010-02-09 20:54
页面上各个元素的对齐，能使页面显得更加规整。以下图为例，能对齐的元素都对齐了，看起来很规整。 但这也导致了一个问题：阅读线路不清晰——究竟是“Z”型线，还是“N”型线？ 像这种过度追求对齐而影响了信息架构的情况，在我们工作中不算少见，我个人不太赞同这种做法。 我比较倾向于适当打破一点对齐关系， ... ...
-
使用用户的语言满足用户 2009-04-19 20:12
场景回放： 做一个CRM系统，产品设计师在整理完销售部门提出的需求之后，开始制定CRM系统的默认字段，产品设计师把这份默认的字段邮件给销售部门征求意见。 ... ...
-
谁为用户买单(1) - 电子商务网站的交互设... 2009-05-13 18:39
嘀咕嘀咕： 每次写文章往往开头是最难的，总想给UED读者不同的sense。就像我们设计产品总是想迎合我们的用户，最后觉得好似跟在用户后面狂奔的傻子。我们希望通过教育我们的用户来尝试一些新鲜的玩应，用户是否买单就很难说了。从一个极端走向另一个极端，显然是不科学的。用户的需求一定要听，但要有鉴别的听。好的设计用户总愿意为它买单，差的设计用户会让我们为他买单。 类目选择： 这里我 ... ...
-
WebQQ试用手记 2009-01-09 12:31
作为我们最常用的聊天工具，想必诸位对QQ已不再陌生。在QQ的发展中，腾讯公司为了占据IM前沿，紧跟步伐，也先后推出了如手机QQ等版本。今天，月夜 要为大家介绍的就是腾讯公司最近刚刚推出的QQ网页版——WebQQ。 其实说到WebQQ，估计大家都会想到QQ邮箱中的那个简陋的QQ Web版，但月夜要说的是，那是一个具备基本功能的版本，而真正的WebQQ的功能要远 ... ...
-
找找茬，挑挑刺，你喜欢哪个类目？ 2009-03-23 08:20
折腾搜索产品就是好，每天在不同的搜索引擎之间来回跳跃，变化着不同的query，一会是想找市场的“杭州批发市场”，一会又是专业采购“道康宁”，直到我输入"GPS"的时候，我彻底晕了，以为很专业的其实一点都不专业，能带来交易的不一定很好看，很混乱，给大家看看：上图：阿里巴巴。这是俺们自己的类目，不说啥，反正不喜欢。 上图pcpop。从来没觉得泡泡有多专 ... ...
-
[看图说话]洗手盆的设计 2009-03-29 14:21
目前租住的房子中的洗手盆是类似于下图1种所示的平面上的洗手盆，使用中发现最大的问题是此类洗手盆的设计，在盆子下方非常容易积水，位置隐蔽，且难以擦拭，所以会很难干。 因为这种情况的存在，一度在洗手盆下方发现过浮游类生物； 设计的重要性一至于斯，不合理的设计，会带生活的极度不便。 &nb ... ...
-
低成本提高web可用性的几个细节(三) 2009-07-13 19:29
之前的两篇：低成本提高web可用性的几个细节(一)低成本提高web可用性的几个细节(二) 8、Tab页签用click还是mouseover？在准备写“低成本三”的时候，看了一下ucd，发现这篇《tab切换是click还是over？ 》文章传达的核心思想之一就是保持统一性，但我个人并不这样认为。个人觉得tab的切换是click还是mouseover重要取决于切换内容是 ... ...
-
产品经理案例：手机产品该去哪儿？ 2009-11-13 11:34
在去哪儿第三轮融资发布会场遇到去哪儿总裁庄辰超，他说融资后将要大力进军3G，已经在诺基亚的几款手机上有产品绑定。我没有用过去哪儿的手机产品，不知道是什么样的。我只是想表达一下我想到的去哪儿手机的产品。 首先，手机版不要和网站版一样。最不喜欢手机登录某个网站时，和用电脑登陆这个网站展示的首页一样（google，百度情况略有不同）。 主导航：logo 行程 机票 酒店 旅伴 这其中，机票和酒店的 ... ...
-
浅谈白社会交互设计的创新（三） 2010-03-22 21:34
今天，3月21日，世界睡眠日，恰巧是个周末，劳累了一周的大家有没有在家里睡懒觉呢~提醒大家，关注睡眠质量就是关注生活质量，关注睡眠就是关注健康。 好了，回到正题，在前作（一）和（二）中谈到了真心话和任务的设计，这次谈谈白社会中三个较小一点的设计点。 一、好友新鲜事新增提醒 在白社会的首页中，分量最重的就是这个好友新鲜事了，为了保证信息流的快速直接，我们采用了&ld ... ...
-
随感:交互设计两三事 2009-04-29 09:17
最近在D4得到一本(美) Penny Mcintire写的《Visual Design for the Modern Web》.突然觉得可用性交互设计中也应该融合点情感设计元素,其中一个表现方式就是WEB视觉设计.渐渐地我开始重新审视自己所走过的交互设计之路.从方正软件到现在的阿里巴巴中国站,每一次所经历的项目都给予我新的启示.秉承”大胆设想,小心求证”的思想,探索交互设计 ... ...
-
数据库概览页的信息容量尺度 2009-01-11 21:08
前研究了数据库概览页的海量信息缓冲问题，方便了第一次访问该数据库项目的用户，能够第一时间判断是否要仔细的去了解详细信息的问题。那么当这个用户通过我们的缓冲决定了要仔细了解这个项目的时候，概览页该呈现多少信息量给他呢？ 以电影 The Dark Knight 为例，来对比一下： imdb：毫无疑问，以电影资料库为卖点的imdb，概览页几乎80%的内容都是该电影最为重要的资料来呈现。其他更多内容都 ... ...
-
理想的相册查看方式 2009-04-06 06:59
一种设想：屏幕上的一块矩形，被几张照片排满，每张照片不能太小，要大一点，少排几张没关系。 点一下一张照片，矩形区域就变为这张照片，再双击照片，又返回多张照片排满的模式。 矩形一次最多只能排满几张照片，要查看更多，点击右下角的向右箭头，查看下一堆照片（该相册中的）。同样，矩形左边也有一向左箭头查看上一堆照片。 这样改善了现在网页显示图片的缺点： 1、垂直排放太多照片，要一直向下滚动并滚动到刚 ... ...
-
“转发”已经成为垃圾信息的扩音器 2010-08-02 19:26
1、本就足够无聊的中国网民遭遇论坛和聊天室以后，变得足够喜欢扯蛋，而且历来不顾忌公共噪音的恶劣污染。扯蛋所带来的垃圾信息充斥着互联网的海洋。 2、微博是一个很好的垃圾信息制造工厂。所有信息的扁平化展示，给了垃圾信息足够多的曝光机会。 3、当垃圾信息越来越多，超过了人们所能承受的范围，他们会远离微博，至少会大大降低对微博的依赖的粘度。通过产品设计的各种手段，加强对垃圾信息的控制，刻不 ... ...
-
信息架构：3×n 2010-07-23 11:16
一个网站/软件到底需要多少张页面，我觉得是“3×n”张。 3个基本页面 信息架构从某种程度上讲，是对这三种页面的排列组合。 1、着陆/导航页 通常一个网站的首页承担了这一作用。下图截自“hao123”，因为他们全站几乎只有一个导航的作用，很典型。 2、消费页 这是用户浏览我们网站的 ... ...
