主要内容
-
自然描述与自然任务 2010-01-26 22:04
这次我们来说一些很小的东西，相当小。不过先说一个故事： 这天晚上，你打算出去下一次馆子，就行动了，找到了一家新开的小店进去坐了下来，服务员很殷勤的走了过来问你想吃点什么。 你问：“你们有什么好吃的么？” 答：“我们有黄豆与可食用菌落群酿制剂与 Carassius auratus 共同高温加热制成品；大豆蛋白经氯化镁、硫酸钙、氯化钙及氯化钠作用固化物与Cara ... ...
-
交互设计实用指南系列(7) - 避免迷路 2010-01-23 19:51
任何位置都能明确“我在哪里？这里有什么？从这里能去哪里？” 小时候，童话故事都告诉我们，迷路可不是一件好事。那会伴随着困惑、沮丧、愤怒和恐惧。为了避免迷失方向，我们发明了各种导航工具，大到卫星定位系统，小到指南针，人类在这一事情上，极具创意。 在网站上迷失方向，虽然不是什么生死攸关的事，但会带来许多负面影响，如：用户体验下降、任务不能完成，用户流 ... ...
-
小屏幕的设计经验 2010-06-01 21:59
现在是时候发展移动银行的未来了。通过认识公交上班族、商务旅行者、从事各种繁忙工作的母亲和因为不 同的使用目标而以来移动设施的人使我们开始意识到它。 当然银行会在智能手机上持续一点点的减少看上去无止境复制桌面经验的过程。你能持续去要求设计师和工程师来减少独立的屏幕和工作流程来使他们的iphone和黑莓手机使用界面更加友好。但是移动设备与互联网是一个完全不同的 频道。直接缩小互联网上的内 ... ...
-
让我看到未来的样子——浅析电影中的未来交互 2010-04-19 10:56
在一次交互例会上，有同学提到电影中的未来交互，引发了我的兴趣，所以收集了一些电影中的资料，做一些粗浅的分析，希望能够抛砖引玉，引发出一些思考。 新颖的人机交互方式一直是科幻电影夺目的亮点之一，好莱坞的科幻大片投入了大量金钱、精力到电影的细节设计中，比如汤姆克鲁斯主演的《少数派报告》，主创团队邀请了HCI科学家参与电影制作，电影的视觉设计师特意走访了MIT 多媒体实验室，观看了各 ... ...
-
[译]”勾引”用户的按钮 2009-09-06 20:49
英文原文:Web Design Trends: Call To Action Buttons 翻译原文:网页设计趋势之:”勾引”用户的按钮(暴风彬彬) 国外设计师 Seth Godin 将按钮比喻成香蕉，而你的用户则会被比喻成可爱的小猴子。我们的目标是能够让小猴子在3秒之内快速找到它们想要的香蕉(也就是在用户放弃并离开你的网站之前)。强迫你自己在设计每个网 ... ...
-
搜索结果页（SERP）之：前言 2009-07-20 23:39
一直很想就搜索结果页写一些心得文章出来，甚至连目录都整理好了可是就是一直没有动手。 因为总是觉得还差很多东西需要研究需要分析需要验证。最近也组织了一下公司集团在这条线上的设计师交流分享，发现大家想交流的点也非常多。 所以鼓起勇气，逐步去写一些东西出来。很多时候这里不是解决方案也不是经过验证的道理，而仅仅是一种思路，或者翻译的一些文章借此与大家探讨。 前言 什么是SE ... ...
-
用按钮建立清晰期望 2009-09-04 09:39
继续阅读《瞬间之美》，原文101-102页原文： 网络上OK和Cancel按钮无处不在。 单击OK不能使用户建立起一个清晰的期望。 概括起来，所有表单都可以用“OK/Cancel”按钮解决问题。但如果能更明确表单场景，帮助用户建立对点击结果的期望，传达效果更直接。比如注册表单最后，用“确定, OK”能告诉用户表单填写完成，但在提交注册 ... ...
-
解决问题小记 2010-07-14 23:20
设计本来就是一项解决问题的工作。在处理任何设计需求的过程都是在用我们所学的知识解决问题，解决问题的核心是千万不能被复杂的问题复杂化，问题越是复杂，越要保持一颗简单的心。 发现问题 – 《佐藤可士和的超整理术》 向大家推荐这本书，解决问题最重要的就是如何了解问题，这本书就是教我们如何对问题整理并解决。 以需要做一个“网易文档&rdq ... ...
-
关于网上购物付款流程设计的12个建议(译) 2009-06-05 10:16
1. 不要让用户先注册再去选商品。 顾客们是来买东西的，不是来填表单的。所以需要确保用户在付款过程中完成了注册，而不是付款前就去注册，也不是让用户把商品放到购物车里之前去注册。注册表单的需要用户花功夫去填，注册过程中还可能有问题，所以这会成为用户顺利完成购物的障碍。 Taget这个网站就是当用户真正要把钱付了的时候，才让他去注册的。 在购物流程中，把注册这个麻烦往 ... ...
-
向左还是向右,向上还是向下? 2008-08-22 22:19
今天在浏览 http://2008.qq.com/ 的时候发现了这个地方(如下图). 觉得腾讯的这些奥运项目的小图案看起来还蛮有意思的, 于是我想继续看看下面还有些什么项目的图案. 出于这个目的, 我很自然的把鼠标移到了”下翻“这个按钮上. 可是当鼠标移到按钮上, 左边的图案列表却向上滚动, 可是我的目的是想看看下面的图案啊. 这个过程给我的浏览 ... ...
-
信息架构之Web导航设计分类 2010-09-23 11:00
开始之前先做个小的知识普及，老鸟请忽视： 信息架构(information architecture)，简称IA，wiki给出了以下定义：信息架构是在信息环境中，影响系统组织、导览、及分类标签的组合结构 。 通俗一点的讲，信息架构就是合理的组织信息的展现形式。例如一个电子相册，注册的时候需要体现怎样的说明，单张相片，一个相册集，整个相册的内容以及它们之间 ... ...
-
IDEO以人为中心的设计工具包二【介绍篇】 2009-12-09 21:10
HCD的三个滤镜 以人为中心的设计（HCD）是一套用于为世界创建新的解决方案的技术， 它能解决的方面包括产品、服务、环境、组织和互动模式。 之所以称之为“以人为中心”，是因为设计过程开始于我们服务的用户。 在HCD开始阶段就进行用户的需求，梦想，行为习惯的测试。 用户也将直接影响到我们提出的解决方案。 我们听取民意，了解他们的需要，我们将之称为需求镜头。 一旦 ... ...
-
交互设计实用指南系列(1) – “有效性”之... 2009-12-11 21:39
“操作入口明确”，就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”，指的是产品内部不同模块之间的转接元素，例如在Web产品中，按钮控件、输入框、文字链等都属于操作入口；“明确”指的是入口的视觉感是清晰的、可识别的；“合理”是指入口的出现是符合用户操作逻辑的，适时的。 之所以 ... ...
-
初探语音智能交互 2011-11-29 11:05
我们经常能在科幻影片里能看到各种机器人与人类同台出演，与人类自由的沟通交流，甚至比人类更加聪明。大家肯定想知道这样的人造机器是如何做到的，我们现在真的能造出这样的机器人吗？ 开玩笑，我在这绝不可能解释好这个问题，但是从另一个角度简单来讲，与机器人交流其实这是通过语音来实现与机器交互，互动的一种操作，人与机器人的沟通其核心的一个方面便是语音的识别，就是说机器人得先听懂人说话。那此文就来浅聊下 ... ...
-
从移动设备的阅读体验谈起 2011-03-03 18:04
出于获取最新咨询、学习知识和消遣时间等目的，阅读一直是用户的基本需求。传统纸媒体时代，用户阅读对象局限于书籍、杂志和报纸；电脑进入互联网时代后，Web1.0增加了门户和论坛，Web2.0增加了博客、社区和微博。内容和终端的不同，阅读体验也会随之改变，那什么是移动设备的最佳阅读体验呢？ 内容来源 @李开复：顾客要买的其实不是某个产品，而是他们需要运用一个产品来完成某件任务或解决某个问题。 ... ...
-
“弹出窗”研究证实多数用户是傻子 2008-10-11 10:50
对我们中多数人来说，安全问题总是发生在“他人”身上，我们屏蔽了弹出式广告，细心检查对话框；而对于使用Mac平台的多数用户来说，看到伪装成 Windows系统警告的信息时就会窃笑不已。但每个人都知道，总会有例外存在。 一些研究人员测试了大学生对伪造的程序出错弹出窗对话框的反应，发现大多数学生急于让对话框消失，即使是警告信息他们也会点击“YES”。北卡 ... ...
-
15个设计得最糟糕最变态的CAPTCHA验证码 2008-08-29 21:30
CAPTCHA，全称为“Completely Automated Public Turing test to tell Computers and Humans Apart”（全自动区分计算机和人类的图灵测试）。简单来说就是人类验证。当我们注册邮箱或到一些网站留言的时候，都需要输入验证码，一般的验证码是扭 曲或模糊的数字，或一道简单的四则运算。CAPTCHA的作用是防 ... ...
-
一些与时间维度有关的产品设计 2010-04-28 16:33
很早就曾想对所见的一些以时间维度相关的互联网产品做一些总结。随着这篇日志的不断推迟。我也越多的发现更多类似的WEB产品设计出现。这是一件好事。我想也该是时候做总结罗列了。 Plurk 在去年年底，发生MSN 中国“抄袭门”- 聚酷抄袭 Plurk事件。足以证明Plurk是有独特之处。Plurk，中文名称为噗浪，是一个提供基于时间轴的可视化微博客服务的多种语 ... ...
-
设计上的小细节 2010-06-16 22:43
1、卓越亚马逊的首页轮换图片，每刷新一次，都是随机不同的顺序显示，这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题，这点对于电子商务等时效性不是很讲究的网站来说尤其重要； 2、最初的时候是点击照片跳转到下一张，再然后是点击照片的左边是上一张，点击照片右边是下一张，当我们习惯了这样的照片浏览方式之后，似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相 ... ...
-
输入框的大小 2009-11-17 21:51
开始的时候我写了个标题：输入框的高度，再一想单讲输入框的高度实际上是没法限定的，输入框的高度取决于需要输入的文本的多少、输入框的宽度这2个因素。 我简单的把输入框归为以下几类：搜索、表单、地址栏、状态栏类；微博、IM工具聊天输入域、短评输入域、自我介绍；博客文章编辑、大段文字输入。 &n ... ...
