主要内容
-
投影——信息架构中物理到虚拟的一致性 2011-01-21 11:35
Do right things with the right hand 用正确的手做正确的事情 今天我们先不讨论行为准则，C ... ...
-
怎么看和怎么管 2009-08-20 22:28
信息分类与方法，这个话题很契合当前的产品现状，只是太大了，不知道从何说起。 有兴趣的同学，可以长期、定时、定点地研究一下超市的货品摆放，相信能从中学到不少关于信息展示和消费心理的知识。 我觉得，信息的设计应该分为信息展示和信息架构两个部分。一方面，是最终用户要看到什么；另一方面，是整理好这些信息以满足展示的需求。说到根上，仍然是如何设计程序的实现模型，使其Run出用户的心智模型── ... ...
-
15个设计得最糟糕最变态的CAPTCHA验证码 2008-08-29 21:30
CAPTCHA，全称为“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）。简单来说就是人类验证。当我们注册邮箱或到一些网站留言的时候，都需要输入验证码，一般的验证码是扭 曲或模糊的数字，或一道简单的四则运算。CAPTCHA的作用是防 ... ...
-
交互设计实用指南系列(1) – “有效性”之... 2009-12-11 21:39
“操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”，指的是产品内部不同模块之间的转接元素，例如在Web产品中，按钮控件、输入框、文字链等都属于操作入口；“明确”指的是入口的视觉感是清晰的、可识别的；“合理”是指入口的出现是符合用户操作逻辑的，适时的。 之所以 ... ...
-
Letting Go of the Word... 2009-05-12 12:20
Chapter10 使用标题分解文字内容 1. 使用标题分解文字内容： a) 好的标题能够以多种方式来帮助用户； b) &nb ... ...
-
按钮那些事儿 2010-11-26 13:12
按钮那些事儿 在交流会中，谈到了按钮的起源以及其用途，回去后，自己仔细想了想，做了下归纳。 首先我们可以建立一个心理模型：“人们总想让唐突的事物与周围变得协和”。 再来看看按钮：现实中的按钮一般都是在一个平面上，做出的一个小突起：这样，与周围的平面产生了一个不协调的情景，为了使它与周围保持一致，人们就会去按它，迫使它与平面保持一致，就这样，按钮 ... ...
-
公开？不公开？ 2009-12-16 22:46
淘江湖将个人收藏公开，并提供便利渠道使收藏可被检索，使我等注重个人隐私的用户感到既愤慨又无奈。 前段时间在批量私密我的各类藏品，使其不公开，无意发现以下问题： 下图是收藏一个产品的界面： 下图是在“我的收藏夹”中修改收藏的界面： 如淘宝产品经理据此统一了操作界面，请使用支付宝转账￥100.00到UCDChina，以奖励本人义务抓虫的功劳 ... ...
-
关于分页 2011-06-19 00:24
今天小池提出一个问题讨论，如何使分页做的更友好。做了一些调研和思考，做了些总结。 分页在电商网站3级页、搜索结果页面等信息量大的页面是很重要的。我们在设计时要考虑： 分页的长度 首末页存在的必要 自定义页面的必要 设置场景去验证可用性。 1 用户模糊搜索一个关键字，往往会出现很多相关的结果。用户会逐页的去翻页去寻找，此时用户会使用“上一页 ... ...
-
再谈网易首页的改版 2009-10-12 20:32
之所以说再谈网易首页的改版，是因为去年临近奥运会的时候，网易首页做过一次改版，奥运会之后网易首页做了一下小调整，调整后的首页让人感到很困惑。今天在没有任何预告的前提下，网易又上线了新首页。 其间有个小插曲是，新首页刚上线后，很多地区突然无法访问网易首页，我访问的时候是服务器返回500。 网易就此次改版的说明是：“本次改版从整体到细节都有一个质的飞跃，新版继承了网易一贯简 ... ...
-
Microsoft Live Labs新作P... 2009-12-01 23:04
话说微软的IE系列产品都被众多的前端开发者臭骂，除去其对于WEB标准化的支持问题外，再者是因为其同一款产品的存活型号太多，从IE6.0-IE8.0，3个版本的浏览器，结果对同一个页面有着三种不同的表现，结果据说IE9.0已经开始开发中。但这些都只是在页面的性能及呈现的方式上，除去浏览器中的内容来看一下浏览器本身的设计，Microsoft Live Labs新近推出的浏览器新作Pivot则是一款很酷 ... ...
-
UCWEB的突破:快捷菜单 2009-01-27 15:27
上个月?这个月?UCWEB推出了6.3版，与之前的6.2几乎变了个样。6.2里被我数落了一番的垃圾体验基本没了，还有那恶心的树状导航条也给改了，靠谱啊。先说说好的地方吧。 进入画面 用快速闪动代替了传统的进度条。在6.2里，UCWEB与opera mini是一样的，全用的进度条，有0.x秒的停滞不动，无形中带来一种焦躁感。而6.3版里的启动画面则会传达这样一种感觉：“这软件运行得很快”。在实际测试 ... ...
-
右转上楼梯还是西直门方向 2009-07-23 12:40
来到北京已一个多月，地铁作为主要交通工具来来回回，其过程难免有些不爽的体验，举一常用路线如下： 13号线：东直门 …… 龙泽(乘车) .. 西二旗 …… 五道口 .. 知春路(下车) …… 西直门 整理一下乘车相关信息和导航： 出行信息：起终点、线路名，如在”龙 ... ...
-
一种带社会化帮助的用户手册交互设计 2012-06-25 15:30
需求分析 公司一款较为复杂的软件需要产品升级，新版本相对旧版有较多改进，同时也增加了较多的新功能。为了让用户方便地进入使用状态，需要新的用户手册，对其进行重新设计。 那么，在交互设计过程中，需要如何进行用户手册设计呢？ 对于一个新手来说，了解基本功能，是必须的。 用户看到创建一个具体实例，比简单地了解基本功能。用户在使用软件过程中，需要快速进入比较熟练的状态，他们不 ... ...
-
细节设计之美：扩大可操作区域 2009-08-01 11:45
从 Google 的一个细节说起： 整个虚线框都是“Next”的可点击区域。看似不经意，却直接提升了细节的可用性。其它页码也巧妙地和上面的字母 o 一起组成可点击区域。与百度和 Bing 的翻页相比，Google 优胜。 再来看 Twitter 的注册页面： 很大很舒服。到了这个页面，瞎逛都会忍不住去填写填写。提示文字也恰到好处，能提供帮助，不恼 ... ...
-
瞬间设计（二） 2009-12-19 09:29
好的设计绝不是单纯的因为天才的创意或者灵感爆发的一瞬间而产生的，只有设计师在“持续改进”的迭代方法中才能达到好的效果，你必须通过不断的“质疑自己”，在不同的设计种找到缺点，并寻求更好的方案来改进它。Bill Scott在他的《Web界面设计》里提到了关于富交互设计的六个原则告诉我们如何发现并找到解决的办法，我遵循这些设计原则，通过实例和数据 ... ...
-
按钮还是链接？(二) 2009-05-04 00:47
上一篇讨论了三种按钮和链接设计的思路，貌似都是有些道理的，那么在网页设计中到底该怎么做呢？不如让我们回到本源：为什么会有按钮和链接的话题？那么一切还是得从用户出发。 是否有必要区分按钮和链接，是用户说的算，如果用户对于按钮和链接有不同的认知和心理反馈，那么就有必要作以区分。 我仅针对一个场景设计了一个用户测试，如下： 问题：在以上的三个页面中，点击按钮（或链接）你觉得会发 ... ...
-
交互设计实用指南系列(5) – 突出重点，一... 2010-01-11 20:50
看到这张照片，我们一眼能够看到天宏(图中这位UED俊男)的眼睛。我们能从他的表情里读出一些他的性格。一张好的摄影作品，最重要的一点，就是这个照片是否有焦点，照片的主题是否一目了然。而摄影作品的用光、构图、景深等等手法，其实就是在让一个照片能够有其焦点，并且利用这些艺术手法来烘托气氛，提升主题。 一个优秀的页面亦如此：应当突出重点，一目了然。相信大家也知道，一个用户在浏览网页的过 ... ...
-
归属感 2009-03-04 15:46
本文想讲述的是一些让用户觉得是属于自己的产品及由此产生的设计诉求。 引子 经过了很多轮的产品PK，很多轮的设计PK，很多次的版本检查，然后很欣慰的将一个产品呈现在用户面前，让用户去试用。 “界面很漂亮”，视觉设计师很高兴。 “这个功能我很喜欢，很体贴哈！”，产品经理很欣慰。 “恩，这里应该就是这样！”或者没有什 ... ...
-
谈操作模型与展现模型 2010-12-03 16:19
用比较容易理解的方式来形容操作模型与展现模型的对象，那就是作者与读者——作者的角色定义是写文章，而读者则是读文章 作者给我们的印象是面对一堆草稿纸，电脑上凌乱的文档碎片，时而抓耳挠腮大脑一片空白，时而思维泉涌洋洋洒洒一大篇；读者则是对着一本包装精美，经过仔细排版的书籍，读的津津有味 这中间有个出版商，将草稿整理排版印刷，然后以最适合读者的形式去演示 ... ...
-
从SNS看社会化界面设计（一） 2009-02-16 10:07
北京时间2月15日据国外媒体报道，美国知名sns网站Facebook全球活跃用户量已突破1.75亿大关。数据显示，全球20%的网民都使用Facebook。 如果说雅虎代表门户时代，Google代表搜索时代，FaceBook就代表SNS时代。在这个时代，人们不仅看新闻，找信息，人们在这里“生活”。所以，SNS成了一个真实的小社会，作为设计师的我们该怎样把握这 ... ...
