主要内容
-
说说豆瓣电台的界面设计 2009-06-30 21:45
使用豆瓣电台的过程中，我已经三次错将喜欢的歌曲拖进了垃圾箱。原因在于，在听到好歌的激动情绪中，点击了电台上最醒目的 垃圾箱 按钮，我以为那会是收藏。 豆瓣电台本身是主动推送给听众的，因而需要听众交互的地方少，按钮就那么几个。简洁明了的设计在这里是极恰当的，但如果不注意元素（展示元素，操作元素）摆放的位置，简洁的设计一样会带来使用问题。在我看来，豆瓣电台在界面上就存在如下问题： 1 ... ...
-
输入框的大小 2009-11-17 21:51
开始的时候我写了个标题：输入框的高度，再一想单讲输入框的高度实际上是没法限定的，输入框的高度取决于需要输入的文本的多少、输入框的宽度这2个因素。 我简单的把输入框归为以下几类：搜索、表单、地址栏、状态栏类；微博、IM工具聊天输入域、短评输入域、自我介绍；博客文章编辑、大段文字输入。 &n ... ...
-
瞬间设计（二） 2009-12-19 09:29
好的设计绝不是单纯的因为天才的创意或者灵感爆发的一瞬间而产生的，只有设计师在“持续改进”的迭代方法中才能达到好的效果，你必须通过不断的“质疑自己”，在不同的设计种找到缺点，并寻求更好的方案来改进它。Bill Scott在他的《Web界面设计》里提到了关于富交互设计的六个原则告诉我们如何发现并找到解决的办法，我遵循这些设计原则，通过实例和数据 ... ...
-
设计上的小细节 2010-06-16 22:43
1、卓越亚马逊的首页轮换图片，每刷新一次，都是随机不同的顺序显示，这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题，这点对于电子商务等时效性不是很讲究的网站来说尤其重要； 2、最初的时候是点击照片跳转到下一张，再然后是点击照片的左边是上一张，点击照片右边是下一张，当我们习惯了这样的照片浏览方式之后，似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相 ... ...
-
Letting Go of the Word... 2009-05-12 12:20
Chapter10 使用标题分解文字内容 1. 使用标题分解文字内容： a) 好的标题能够以多种方式来帮助用户； b) &nb ... ...
-
电商网站的购买按钮 2011-07-02 18:10
一般上电子商务网站买东西的用户分三种： 1、随便看看，就是不买 2、先看看，买不买再说 3、就是来买东西的 这样的需求反应到产品页的购买按钮上，我们一般会看到购买和收藏两个按钮，而购买又可以分为立即购买和加入购物车两种。 对于第一种用户来说，你按钮做的再大再合理也不关他的事，因为他压根就不想买。 对于第二种用户来说，购物车按钮或是收藏按钮对他来说是优 ... ...
-
一些与时间维度有关的产品设计 2010-04-28 16:33
很早就曾想对所见的一些以时间维度相关的互联网产品做一些总结。随着这篇日志的不断推迟。我也越多的发现更多类似的WEB产品设计出现。这是一件好事。我想也该是时候做总结罗列了。 Plurk 在去年年底，发生MSN 中国“抄袭门”- 聚酷抄袭 Plurk事件。足以证明Plurk是有独特之处。Plurk，中文名称为噗浪，是一个提供基于时间轴的可视化微博客服务的多种语 ... ...
-
归属感 2009-03-04 15:46
本文想讲述的是一些让用户觉得是属于自己的产品及由此产生的设计诉求。 引子 经过了很多轮的产品PK，很多轮的设计PK，很多次的版本检查，然后很欣慰的将一个产品呈现在用户面前，让用户去试用。 “界面很漂亮”，视觉设计师很高兴。 “这个功能我很喜欢，很体贴哈！”，产品经理很欣慰。 “恩，这里应该就是这样！”或者没有什 ... ...
-
按钮还是链接？(二) 2009-05-04 00:47
上一篇讨论了三种按钮和链接设计的思路，貌似都是有些道理的，那么在网页设计中到底该怎么做呢？不如让我们回到本源：为什么会有按钮和链接的话题？那么一切还是得从用户出发。 是否有必要区分按钮和链接，是用户说的算，如果用户对于按钮和链接有不同的认知和心理反馈，那么就有必要作以区分。 我仅针对一个场景设计了一个用户测试，如下： 问题：在以上的三个页面中，点击按钮（或链接）你觉得会发 ... ...
-
一种带社会化帮助的用户手册交互设计 2012-06-25 15:30
需求分析 公司一款较为复杂的软件需要产品升级，新版本相对旧版有较多改进，同时也增加了较多的新功能。为了让用户方便地进入使用状态，需要新的用户手册，对其进行重新设计。 那么，在交互设计过程中，需要如何进行用户手册设计呢？ 对于一个新手来说，了解基本功能，是必须的。 用户看到创建一个具体实例，比简单地了解基本功能。用户在使用软件过程中，需要快速进入比较熟练的状态，他们不 ... ...
-
关于分页 2011-06-19 00:24
今天小池提出一个问题讨论，如何使分页做的更友好。做了一些调研和思考，做了些总结。 分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑： 分页的长度 首末页存在的必要 自定义页面的必要 设置场景去验证可用性。 1 用户模糊搜索一个关键字，往往会出现很多相关的结果。用户会逐页的去翻页去寻找，此时用户会使用“上一页 ... ...
-
按钮那些事儿 2010-11-26 13:12
按钮那些事儿 在交流会中，谈到了按钮的起源以及其用途，回去后，自己仔细想了想，做了下归纳。 首先我们可以建立一个心理模型：“人们总想让唐突的事物与周围变得协和”。 再来看看按钮：现实中的按钮一般都是在一个平面上，做出的一个小突起：这样，与周围的平面产生了一个不协调的情景，为了使它与周围保持一致，人们就会去按它，迫使它与平面保持一致，就这样，按钮 ... ...
-
投影——信息架构中物理到虚拟的一致性 2011-01-21 11:35
Do right things with the right hand 用正确的手做正确的事情 今天我们先不讨论行为准则，C ... ...
-
从SNS看社会化界面设计（一） 2009-02-16 10:07
北京时间2月15日据国外媒体报道，美国知名sns网站Facebook全球活跃用户量已突破1.75亿大关。数据显示，全球20%的网民都使用Facebook。 如果说雅虎代表门户时代，Google代表搜索时代，FaceBook就代表SNS时代。在这个时代，人们不仅看新闻，找信息，人们在这里“生活”。所以，SNS成了一个真实的小社会，作为设计师的我们该怎样把握这 ... ...
-
怎么看和怎么管 2009-08-20 22:28
信息分类与方法，这个话题很契合当前的产品现状，只是太大了，不知道从何说起。 有兴趣的同学，可以长期、定时、定点地研究一下超市的货品摆放，相信能从中学到不少关于信息展示和消费心理的知识。 我觉得，信息的设计应该分为信息展示和信息架构两个部分。一方面，是最终用户要看到什么；另一方面，是整理好这些信息以满足展示的需求。说到根上，仍然是如何设计程序的实现模型，使其Run出用户的心智模型── ... ...
-
右转上楼梯还是西直门方向 2009-07-23 12:40
来到北京已一个多月，地铁作为主要交通工具来来回回，其过程难免有些不爽的体验，举一常用路线如下： 13号线：东直门 …… 龙泽(乘车) .. 西二旗 …… 五道口 .. 知春路(下车) …… 西直门 整理一下乘车相关信息和导航： 出行信息：起终点、线路名，如在”龙 ... ...
-
SNS网站个人相关信息 2008-09-25 10:40
SNS网站个人相关的信息应该分两个部分，“账户信息”和“个人资料” 1、“账户信息”：账户（也有叫帐号）的相关属性。 1）“账户”的目的是为了让用户管理自己注册这个网站的信息，因此最基本就是要包括注册邮箱，用户名，真实姓名等信息；以及密码修改的功能。 2）“帐 ... ...
-
再谈网易首页的改版 2009-10-12 20:32
之所以说再谈网易首页的改版，是因为去年临近奥运会的时候，网易首页做过一次改版，奥运会之后网易首页做了一下小调整，调整后的首页让人感到很困惑。今天在没有任何预告的前提下，网易又上线了新首页。 其间有个小插曲是，新首页刚上线后，很多地区突然无法访问网易首页，我访问的时候是服务器返回500。 网易就此次改版的说明是：“本次改版从整体到细节都有一个质的飞跃，新版继承了网易一贯简 ... ...
-
公开？不公开？ 2009-12-16 22:46
淘江湖将个人收藏公开，并提供便利渠道使收藏可被检索，使我等注重个人隐私的用户感到既愤慨又无奈。 前段时间在批量私密我的各类藏品，使其不公开，无意发现以下问题： 下图是收藏一个产品的界面： 下图是在“我的收藏夹”中修改收藏的界面： 如淘宝产品经理据此统一了操作界面，请使用支付宝转账￥100.00到UCDChina，以奖励本人义务抓虫的功劳 ... ...
-
你是如何放置手机的？ 2009-07-13 12:02
这个周末我花费了很多时间和太太及她的妹妹在一起，我突然发现一些她们使用手机的情况与我的某些想法（研究）是一致的。 当我打手机给我一个女性好友时，大约一半的时间电话接不通。对比一下我的男性好友，通常大多数时间都可以立即接通。为什么会出现这种情况？很简单， 女性通常将她们的手机放在手提包里，而男性则放在口袋里。相比放在包中，你会更容易地听到/感受到在口袋里的手机声响/振动。这导致了 ... ...
