主要内容
-
找茬：支付宝即时到账交易确认付款页面的交互设计 2009-12-26 14:04
因为昨天被支付宝强行关闭了“余额支付”，所以一笔钱没有完成付款，刚刚来公司的时候，登录web去付款，体验了一下新设计的“即时到账交易付款确认页面”，我觉得在交互设计上，存在几个问题，找茬一把。 在上图片前，还是要说，这一次的支付宝改版是不错的，最大的优点是更加的专注和简洁。好了。恭维的说完，就开始找茬： 看上图，上面的1，2 ... ...
-
小细节 2008-09-25 10:52
这描述是不是很别扭？回复他？甲打了乙一拳，乙回复他。甲打了乙一拳，也对甲打了乙一拳？回复他？甲打了乙一拳，也回他一拳？换其他方式回复他？上下文语境，谁看谁用，你，我，他？描述既要符合变量，又要符合语境，还要易于理解。细节和时间？还有，信息的接受者，对于发送者的diy形容词的反应、理解？偷偷的？真的是偷偷么？别人看不见？和上图的偷偷的是一回事么？也许是太忙了。 ... ...
-
让我看到未来的样子——浅析电影中的未来交互 2010-04-19 10:56
在一次交互例会上，有同学提到电影中的未来交互，引发了我的兴趣，所以收集了一些电影中的资料，做一些粗浅的分析，希望能够抛砖引玉，引发出一些思考。 新颖的人机交互方式一直是科幻电影夺目的亮点之一，好莱坞的科幻大片投入了大量金钱、精力到电影的细节设计中，比如汤姆克鲁斯主演的《少数派报告》，主创团队邀请了HCI科学家参与电影制作，电影的视觉设计师特意走访了MIT 多媒体实验室，观看了各 ... ...
-
从移动设备的阅读体验谈起 2011-03-03 18:04
出于获取最新咨询、学习知识和消遣时间等目的，阅读一直是用户的基本需求。传统纸媒体时代，用户阅读对象局限于书籍、杂志和报纸；电脑进入互联网时代后，Web1.0增加了门户和论坛，Web2.0增加了博客、社区和微博。内容和终端的不同，阅读体验也会随之改变，那什么是移动设备的最佳阅读体验呢？ 内容来源 @李开复：顾客要买的其实不是某个产品，而是他们需要运用一个产品来完成某件任务或解决某个问题。 ... ...
-
交互设计实用指南系列(6) –标签明晰、有效 2010-01-18 20:59
导航标签彼此互斥、完全穷尽。 导航标签其实就是一种文字表达形式，我们用标签来代表网站上的各种分类信息。比如“联系我们”这个标签，代表的内容通常会包括公司名称、电话、地址、邮箱等信息。它可以是文字，也可以是图片。在英文里被称作“Label”，并不同于我们常说的“tag”标签云图。 说简单一点 ... ...
-
输入框的大小 2009-11-17 21:51
开始的时候我写了个标题：输入框的高度，再一想单讲输入框的高度实际上是没法限定的，输入框的高度取决于需要输入的文本的多少、输入框的宽度这2个因素。 我简单的把输入框归为以下几类：搜索、表单、地址栏、状态栏类；微博、IM工具聊天输入域、短评输入域、自我介绍；博客文章编辑、大段文字输入。 &n ... ...
-
数据研究在交互设计中的应用 2010-06-10 11:38
交互设计师一大宝贵财富就是他的经验和直觉，在大多数需要对当前设计作出迅速判断的情况中，交互设计师所依赖的就是他的经验和直觉。在互联网的世界中，最有价值的可能就是数据了。google靠数据一举奠定江湖地位；twitter靠数据开始逐渐走向成熟；每一个交互设计师也能用数据来弥补依靠经验和直觉来设计的不足。本篇网志从一个很小的设计案例来描述除了经验和直觉之外，数据研究也可以验证、修正、甚至颠覆设计。 ... ...
-
设计上的小细节 2010-06-16 22:43
1、卓越亚马逊的首页轮换图片，每刷新一次，都是随机不同的顺序显示，这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题，这点对于电子商务等时效性不是很讲究的网站来说尤其重要； 2、最初的时候是点击照片跳转到下一张，再然后是点击照片的左边是上一张，点击照片右边是下一张，当我们习惯了这样的照片浏览方式之后，似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相 ... ...
-
小屏幕的设计经验 2010-06-01 21:59
现在是时候发展移动银行的未来了。通过认识公交上班族、商务旅行者、从事各种繁忙工作的母亲和因为不 同的使用目标而以来移动设施的人使我们开始意识到它。 当然银行会在智能手机上持续一点点的减少看上去无止境复制桌面经验的过程。你能持续去要求设计师和工程师来减少独立的屏幕和工作流程来使他们的iphone和黑莓手机使用界面更加友好。但是移动设备与互联网是一个完全不同的 频道。直接缩小互联网上的内 ... ...
-
“弹出窗”研究证实多数用户是傻子 2008-10-11 10:50
对我们中多数人来说，安全问题总是发生在“他人”身上，我们屏蔽了弹出式广告，细心检查对话框；而对于使用Mac平台的多数用户来说，看到伪装成 Windows系统警告的信息时就会窃笑不已。但每个人都知道，总会有例外存在。 一些研究人员测试了大学生对伪造的程序出错弹出窗对话框的反应，发现大多数学生急于让对话框消失，即使是警告信息他们也会点击“YES”。北卡 ... ...
-
一些与时间维度有关的产品设计 2010-04-28 16:33
很早就曾想对所见的一些以时间维度相关的互联网产品做一些总结。随着这篇日志的不断推迟。我也越多的发现更多类似的WEB产品设计出现。这是一件好事。我想也该是时候做总结罗列了。 Plurk 在去年年底，发生MSN 中国“抄袭门”- 聚酷抄袭 Plurk事件。足以证明Plurk是有独特之处。Plurk，中文名称为噗浪，是一个提供基于时间轴的可视化微博客服务的多种语 ... ...
-
交互设计实用指南系列(7) - 避免迷路 2010-01-23 19:51
任何位置都能明确“我在哪里？这里有什么？从这里能去哪里？” 小时候，童话故事都告诉我们，迷路可不是一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向，我们发明了各种导航工具，大到卫星定位系统，小到指南针，人类在这一事情上，极具创意。 在网站上迷失方向，虽然不是什么生死攸关的事，但会带来许多负面影响，如：用户体验下降、任务不能完成，用户流 ... ...
-
信息架构之Web导航设计分类 2010-09-23 11:00
开始之前先做个小的知识普及，老鸟请忽视： 信息架构(information architecture)，简称IA，wiki给出了以下定义：信息架构是在信息环境中，影响系统组织、导览、及分类标签的组合结构 。 通俗一点的讲，信息架构就是合理的组织信息的展现形式。例如一个电子相册，注册的时候需要体现怎样的说明，单张相片，一个相册集，整个相册的内容以及它们之间 ... ...
-
初探语音智能交互 2011-11-29 11:05
我们经常能在科幻影片里能看到各种机器人与人类同台出演，与人类自由的沟通交流，甚至比人类更加聪明。大家肯定想知道这样的人造机器是如何做到的，我们现在真的能造出这样的机器人吗？ 开玩笑，我在这绝不可能解释好这个问题，但是从另一个角度简单来讲，与机器人交流其实这是通过语音来实现与机器交互，互动的一种操作，人与机器人的沟通其核心的一个方面便是语音的识别，就是说机器人得先听懂人说话。那此文就来浅聊下 ... ...
-
怎么看和怎么管 2009-08-20 22:28
信息分类与方法，这个话题很契合当前的产品现状，只是太大了，不知道从何说起。 有兴趣的同学，可以长期、定时、定点地研究一下超市的货品摆放，相信能从中学到不少关于信息展示和消费心理的知识。 我觉得，信息的设计应该分为信息展示和信息架构两个部分。一方面，是最终用户要看到什么；另一方面，是整理好这些信息以满足展示的需求。说到根上，仍然是如何设计程序的实现模型，使其Run出用户的心智模型── ... ...
-
电子商务支付流程设计的12个常见错误 2009-07-25 01:31
原文：Losing Customers at the Register：12 Checkout Blunders 作者：Linda-Bustos 译者：耿人杰 ———————————— 全文的分割线 ——&m ... ...
-
用按钮建立清晰期望 2009-09-04 09:39
继续阅读《瞬间之美》，原文101-102页原文： 网络上OK和Cancel按钮无处不在。 单击OK不能使用户建立起一个清晰的期望。 概括起来，所有表单都可以用“OK/Cancel”按钮解决问题。但如果能更明确表单场景，帮助用户建立对点击结果的期望，传达效果更直接。比如注册表单最后，用“确定, OK”能告诉用户表单填写完成，但在提交注册 ... ...
-
公开？不公开？ 2009-12-16 22:46
淘江湖将个人收藏公开，并提供便利渠道使收藏可被检索，使我等注重个人隐私的用户感到既愤慨又无奈。 前段时间在批量私密我的各类藏品，使其不公开，无意发现以下问题： 下图是收藏一个产品的界面： 下图是在“我的收藏夹”中修改收藏的界面： 如淘宝产品经理据此统一了操作界面，请使用支付宝转账￥100.00到UCDChina，以奖励本人义务抓虫的功劳 ... ...
-
IDEO以人为中心的设计工具包二【介绍篇】 2009-12-09 21:10
HCD的三个滤镜 以人为中心的设计（HCD）是一套用于为世界创建新的解决方案的技术， 它能解决的方面包括产品、服务、环境、组织和互动模式。 之所以称之为“以人为中心”，是因为设计过程开始于我们服务的用户。 在HCD开始阶段就进行用户的需求，梦想，行为习惯的测试。 用户也将直接影响到我们提出的解决方案。 我们听取民意，了解他们的需要，我们将之称为需求镜头。 一旦 ... ...
-
再谈网易首页的改版 2009-10-12 20:32
之所以说再谈网易首页的改版，是因为去年临近奥运会的时候，网易首页做过一次改版，奥运会之后网易首页做了一下小调整，调整后的首页让人感到很困惑。今天在没有任何预告的前提下，网易又上线了新首页。 其间有个小插曲是，新首页刚上线后，很多地区突然无法访问网易首页，我访问的时候是服务器返回500。 网易就此次改版的说明是：“本次改版从整体到细节都有一个质的飞跃，新版继承了网易一贯简 ... ...
