主要内容
-
哎，那些设计… 2008-07-26 22:26
互联网上，网站多得数不清楚，网民更是很多很多很多……不同的人、去不同的网站，每一天，都会遇到很多好的、或者是糟糕的体验。今天要说的几个也许带了不少个人色彩，也许有人会说他们都是鸡毛蒜皮的小事儿～但他们都有一定的典型性，也伴着我的不少思考，与大家分享。 只为第一次，还是以后的每一次？ Myspace上线的时候遇到一阵火热的体验和评论，小兔自然也不能落后，去体验 ... ...
-
那些总是发生的小事 2008-07-26 22:23
第一件：总是不理我 这种经历就好像你在饭馆大叫：“服务员点菜！”而一身笔挺制服的服务员只是冷冷地撇了你一眼，心情好的呢，可能会从鼻子里哼一声，表示知道了。 比如下面这两个： 这两个好一点，多少还“哼”了一声： 更可恶的是，这位连撇都不撇一眼，点击按钮居然一点反应也无，就算我没 ... ...
-
大家一起来找茬：糟糕的网站体验 2008-07-26 22:22
2006视频年，出现了大大小小很多的视频分享网站，思域没事喜欢找茬，于是找了几个比较成熟的视频网站作为目标，因为这类网站多多少少已经有“以用户为 中心”的理念，这样的找茬思域觉得是有意义的。下面是其中某视频网站一些糟糕的体验，为了避免炒作之嫌，思域就不公开是什么网站了。这些糟糕的体验可以分 以下四类： 页面的不良设计、糟糕的人机交互、注册登陆的烦恼、功能使用 ... ...
-
这些糟糕的设计（电梯篇） 2008-07-26 22:20
因为担心和别人找的茬撞个正着，所以这次就不写网站的糟糕设计了，说说身边一个越来越重要的代步工具——电梯，它的糟糕的设计吧。如果你是整天挤完公车挤电梯的上班族，以下的情景你应该有同感： No.1 电梯快关门时，有人朝电梯跑来，对着站在门口的你大喊：“等一等！！”情急中，你很热心地打算帮人家按开门键，结果电梯迅速关上，气的赶到门口的人 ... ...
-
五点建议 2008-07-26 22:14
找茬半月刊，开头先： 1. 图片来自keso博客 如果我来修改，上一张留言，去掉“发表于”后文字的加粗，并且与“评论内容”的颜色对调；下一张文章，可以考虑把“发表于”几个字颜色和上图的灰统一，以便与分割线区分。 2. 图片来自豆瓣小组 活跃度相当高，但这种呈现方 ... ...
-
老郭 采购记 2008-07-26 22:12
（这是模拟某个用户使用某个电子商务网站的情景。） 老郭原名郭仲详，今年42岁。大专学历，大学期间曾是学校足球队主力，但以多年不踢。现为山东二建集团某分公司的采购部主任，从事建筑行业多年，对市场行情较为熟悉，处事精明、为人事故。老婆为某大学副教授，有一独子上初中三年级，很顽皮经常逃课。当初为了帮助儿子的学习老郭给家里买了一台电脑，还接入了ADSL宽带，谁知道现在儿子现在经常玩网络游戏不顾 ... ...
-
一个调查系统的任务分解实例 2008-07-26 22:10
前些时候做了一个调查系统的小项目，正好可以拿出来和大家分享。为了本文行文方便，略去了一些较复杂的功能需求。 概述 话说某资讯站点编辑常有开展在线调查问卷的需求，而当时用的是开源的 PhpQuestionnaire，他常向我抱怨，说是太复杂了，又难用。好多功能用不到，核心功能又因为有那么多干扰，用起来非常难受。我能体会，所以我拍拍他肩膀道：来，我给你优化一下… ... ...
-
纸面分解任务的一个wap实例 2008-07-26 22:08
本文仅提供纸面分解任务的步骤、做法及纸面表现参考。至于怎么思考等其他的疑问，请参考本次话题的其它文章。 首先，做纸面任务前应该准备： 白纸、铅笔（或钢笔、圆珠笔，铅笔更容易修改）、橡皮。 然后，根据需求或场景分解出主要的任务流，此次分解为整体概念，可用纸张绘出屏幕流。 假设如下需求（仅为了说明而假设）： 用户sam在网上有一个网盘，网盘里已经存放有图片，sa ... ...
-
情节设计中的叙事策略 2008-07-26 22:07
虽 然找单田芳来播天气预报只是一个小品中的桥段，但是，如果真的以说评书的方式，把“天气预报”、“天下大事”都当作故事，讲成“天方夜谭”。那枯燥的新闻 和报道一定会有更高的收视率。“讲故事”，并不是一个噱头，而是从古代的稗官野史、明清话本、到皮影、京剧，到白话小说、文明戏，再到电影、电视剧。人 ... ...
-
有情景才有任务 2008-07-26 21:57
用户在网站上的所有行为都可以描述为大大小小的任务流，任务流中的每个节点都有前后逻辑，那么起始节点之前的逻辑是什么？是这个任务流的根源，即可以理解为任务情景。 以目标为导向 在完成页面结构原型设计之后，需要考虑如何把这一个个页面串起来，也就是说，得在用户的角度，模拟使用这个产品，能够做什么？最有可能做什么？经常做什么？ 从用户的最终目标反推，逐步细化分解，每个任务为独立的 ... ...
-
比“以‘PRD’为唯一依据”更高效的产品设计... 2008-07-26 21:45
在上期关于信息架构的文章里我匆匆留下”一个网站不超过30个界面”的观点，有不少人表示疑问和不解。 其实这里是我未表述清楚，结合Angela在上期介绍的这个迭代过程：”任务分解(粗略) > 信息架构(主要) > 任务分解(详细) > 信息架构(详细)”。应该不难明白：事实上我所说的”30个界面”是指&r ... ...
-
良好的信息架构可以缩短互联网距离 2008-07-26 12:53
“互联网突破了时空限制，但仍遵循‘物以类聚，人以群分’规律，正因为通过互联网可以找到更多异地的知己，所以，人们会更加冷落身边无趣的人和事，从这个意义上说，网络社区强化了人的‘群分’。”――刘韧 “由于万维网上的信息种类繁多、内容特征多种多样的多媒体信息，信息存储分散无序，加之超链接技术的广泛使用，万维网 ... ...
-
信息架构的减法 2008-07-26 12:52
有一次我在网上闲逛的时候发现了几张图片，引发了“优秀的设计往往源于巧妙的减法”这样的感慨（具体请看《越减越妙》）。大家也认同这样一个观点：一个良好的解决方案应该是用减法来提炼任务过程而不是用加法来增加用户的认知负担。 理论上——再罗嗦一遍——理论上，原则都是对的，道理大家也明白，可实际设计过程是怎么样的呢？ ... ...
-
利用卡片分类进行信息架构 2008-07-26 12:48
信息架构是为了让用户简单高效的找到所需信息的一种对信息的组织方式，具体表现在网站的分类、导航，也包括部分页面的结构和呈现方式。 卡片分类法（Card Sorting）是一种以用户为中心的方法，可以观察出用户如何理解和组织信息。顾名思义，就是将信息（概念、条目、内容、小分类等）分别写在一张张的卡片上，然后归类。既可以事先提供固定的分类，也可以由志愿者自己创建分类。通过卡片分类，可以了解用户 ... ...
-
合理构建了信息结构，为何还去扰乱？ 2008-07-26 12:46
关于信息架构的定义这里就不多说了，这里仅简单描述一个构建信息结构的过程，以及说明扰乱信息架构的某些场景。借此一块思索些什么…… 一、我们这样构建信息结构 了解需求： 1、我们要做什么？ “知识就是力量，智慧就是财富”“我的智慧我做主”“让有一技之长者拥有提高自己和把知识转变为 ... ...
-
功能结构和页面结构的设计 2008-07-26 12:45
曾经有一个丝毫不懂网站设计的朋友问我：设计一个网站到底有多少活，一个普通的网站具体需要设计多少个页面？我回答：一般情况下不会超过30个页面；事实上一切的设计工作只是为了设计好这不足30个的页面，这些几乎是整个网站的所有。我没有骗他，事实确实可以这么说。针对于这30个页面，我们在设计之前需要搞清楚：这些页面是给什么样人看的？他们有什么样的特征？我们需要给这些人什么样感觉的页面东西？(以上基本上是用户 ... ...
-
概念设计及交付物、评估和测试 2008-07-26 11:59
很多产品经理常会把概念设计一起写到产品需求文档 （PRD）里面去，当然 PRD 的范围和内容，以及概念设计的范围和内容，都比较灵活，可根据实际情况调整，如产品战略、人力配置等。需求到什么程度，概念设计就从什么程度开始（或许已 经开始）。我在本文中提到的概念设计，是产品早期的微缩的设计过程，交付物主要是概念图（Concept Map），但在很多情况下，我们还需要针对产品需求的低保 ... ...
-
在银行预订08奥运门票 （2） 2008-07-26 08:14
场景三5.2日，下午2点再次前往500米远的中国银行，决心定下奥运票..“奥运订票区”依然无人照看，今天银行没有那么冷清，两个窗口开放前面三四人在排队。因为已经得知必须先在中国银行开会或者申请VISA信用卡，于是决定先去开户（信用卡最低20天后才能被审批）。排号，前有三人。轮到自己后被告知”奥运订票”开户需要填写”开户申请书&ldqu ... ...
-
在银行预订08奥运门票 （1） 2008-07-26 08:11
角色特征：在北京的外地人，28岁，家具公司销售，有一定消费能力但没有任何上网条件；没有信用卡也没有中国银行账户，平时工作很忙业余时间少；任务：给家人和老家的朋友订几张票，朋友和家人委托的比赛：”篮球”（最好能看上一场有中国对的比赛）、”跳水”（男、女10米台决赛）、”羽毛球”（混双决赛就可以了）、”乒乓球&rd ... ...
-
奥运订票折腾记 2008-07-26 08:08
角色描述 在京外地人，资深网络用户，经常使用VISA信用卡在网上交易，上班忙空闲时间少。帮在四川老家的爹妈定票，具体项目待定，看价钱和时间安排，其实主要是凑热闹。 晚饭后上网溜达，突然想起订票这回事，打算试试，笔记本Win2003, Firefox1.5的环境。 交互流程 登录——搜索门票——预订门票—&m ... ...
