主要内容
-
[读书笔记]Web信息架构 2009-12-20 20:36
从上次和Tony聊天以后就买了这本书，《Web信息架构》。翻译有些生涩，以至于一开始我都没有集中去阅读，但是项目上遇到一些问题的时候，我拿起来阅读的时候，惑然开朗。有很多信息架构的问题原来自己从来没有考虑过。以下是自己学习到的点。 导航 传统的导航和分类是自上而下的模式。有层级。少，固定。 tag是自下而上的模式。无层级。多，杂乱。 元数据 ... ...
-
虾米网（xiami.com）试用 2008-11-21 13:56
一个核心内容为“高品质音乐”的新平台，目前为beta版。网址是 www.xiami.com 试用了下，兴奋度不高。看下面这个场景： 因为虾米说他们的都是“高品质音乐”，我自然联想到更好的音质更好的音乐享受。 于是我乐呵呵的跑去注册了个虾米ID。 我在虾米上搜索vitas的《奉献》，出来2个结果。其中第一个显示有下载小标 ... ...
-
QQ手机浏览器与Ucweb6.3 2009-04-15 22:19
昨天试用了腾讯的手机浏览器。浏览网页的交互与UCWEB相比各有千秋，但总体来说QQ的更强大一些，如果给UCWEB6.3打80分，腾讯的这款浏览器可以打85分。 虽然QQ抄袭成份很多，不过也有超级亮点，谈一下设计上比较有突破或者争议的地方。QQ的浏览器解决了UCWEB6.3的一个很大的不足——标签页 的切换。在UC6.3中，用户在使用标签页的切换功能时无法预知将 ... ...
-
两个关于在线客服设计的问题 2008-12-08 08:44
我很喜欢淘宝店铺（包括产品页面）上这个黄色的按钮，它在店铺里，就是一个友好方便的在线客服。 它是一个按钮，颜色鲜艳（容易识别），小图标很友好，可以看到状态，在线的话可以找到人，有什么问题都可以问，一问一答之间说不定就达成了一次交易（安装了阿里旺旺的话，就更方便了。 ）。位置固定，一直出现在店主名字旁边。 问题： 1. 它为什么应该是按钮而不是链接或别的东西呢？ ... ...
-
对帮助的三点想法 2008-07-27 17:14
流氓帮助 罗永浩老师在说到暂*住*证的时候描述了这样一个情景：国家将收容制度更名叫做帮助制度。 警察在马路上抓住一个民工问：有没有暂住证？ 民工说：没有。 警察：那跟我走一趟。 民工：哦不，我不用帮助。 警察：我～帮～你！ 在很多的设计中，我们处处也能见到这样的“流氓帮助”、“强迫式帮助”。 记得当初office还是什么软件有个设计，在我 ... ...
-
有啊体验（一） 2009-02-14 00:24
近期开始研究百度有啊，所谓知己知彼，百战不殆，或者也可以用经常听到的话“有则改之，无责加冕”. 今天是传统的情人佳节，就在这举国欢庆的时候，我开始了有啊体验。经实践证明，写一篇长的文章我的元气要耗费不少。 所以还是简单好，保证发帖量比较关键。话不多说。 今日体验发现的东东是——人气排行也太假了，假得来毫无伎俩所言。 看 ... ...
-
产品说明书的最佳位置 2008-12-14 11:26
在日常生活中，你是否时常会因为找不到某个物品的使用说明书而恼火呢？尤其是当该物品出现故障或是当你想尝试更多功能时？其实这里的问题不在于说明书，而是在于产品本身。这就是：产品需要将某个空间或位置设计为说明书的存放位置，以便于用户方便地找到并阅读。 尽管设计出非常简单易用、以至于用户根本不用阅读说明书就会使用的产品是产品设计的一个理想目标，但在实际中，要想做到这一点还是很 ... ...
-
推荐一款界面设计工具 Balsamiq Mo... 2009-01-10 21:30
平时工作中在界面设计的时候，我总是要求工程师先在纸上画图，初步确定后，仅仅用HTML+CSS做出静态的界面再次与用户（主要是其他业务部门）确认后，再动手写实际的代码。 纸上的原型设计是经常使用（至少我自己）的初期设计方式，办公室里用白板（空间大，而且环保些）和马克笔。这种办法不仅快，能尽早发现在文字和口头的沟通上理解不一致的地方，同时也尽可能减少开发成本和因为理解不一致导致返工的情况。纸上的原型 ... ...
-
网页中空格的烦恼 2011-04-11 11:49
相信认真做过网页设计(Web Design)，或者关注过页面设计的同行都对“空格”不陌生。“空格”属于一类细节，很容易被忽略，但又比较影响效果，更麻烦是很不好控制。此问题总结的想法，来自“知乎”上梁海的提问，以及对他提供专业答案的反思和总结。 就所提问题而言，我目前还是坚定的“不空格”派系，我不否 ... ...
-
心理模型的若干讨论 2009-02-26 12:53
关键字：技术模型、心理模型、表现模型 当你踩下汽车中的制动踏板进行刹车的时候，可能心理想象的画面是把一个杠杆和轮子摩擦来减速。而实际上，却包括了液压缸、油管，以及压挤多盘的金属垫板等一系列看不到的零件产生了关系。这里的“心理预想”就是我们说的“心理模型”，踏板就是“表现模型”，而实际看不到的那部分则属于&ldquo ... ...
-
从日文输入法项目看心理模型和实现模型 2010-03-09 01:03
今天主要是针对心理模型的话题和大伙聊聊，就以前段时间告一段落的日文输入法项目分享一些心得，欢迎各位参与讨论。从古至今，输入行为是人类不可或缺的惯常行为。输入也是记录和传承的基本载体，早期的输入行为的原型就是书写。如今，人们渐渐疏远了常规的墨水和纸张，取而代之的是键盘和屏幕。 输入方式发生了改变，我们每天要处理各式各样的文档，输入编辑各式各样的文案和稿件，和不同的人用IM聊天，书写 ... ...
-
UCDChina改版：方向决定架构 2009-03-02 17:33
白鸦的承诺迟了3个月，不过还是庆贺一下UCDChina的改版。 再重温一下旧版的UCDChina… 下图为新版的UCDChina 这种架构比以前好的多。 以前的首页 是以话题为主，"话题 -> 摘要 -> 标题 -> 摘要 -> 标题 ”的散状信息排布形式，很不 ... ...
-
信息架构的减法 2008-07-26 12:52
有一次我在网上闲逛的时候发现了几张图片，引发了“优秀的设计往往源于巧妙的减法”这样的感慨（具体请看《越减越妙》）。大家也认同这样一个观点：一个良好的解决方案应该是用减法来提炼任务过程而不是用加法来增加用户的认知负担。 理论上——再罗嗦一遍——理论上，原则都是对的，道理大家也明白，可实际设计过程是怎么样的呢？ ... ...
-
用户喜欢点什么 2008-12-13 23:32
时想到的元素： 蓝色文字。（浏览器默认） 带下划线文字。（浏览器默认） 视觉权重较高的字符或图形。（比如大小/颜色/造型） 有交互暗示的字符或图形。（比如左右箭头） 表单（包括按钮、单选、复选、下拉等） 图片和照片 icon 单就文字链接而言，如果呈现逻辑没有统一，用户将很难搞清楚哪些可以点。事实上，用户习惯的力量无穷大，设计师可以干扰，但永远都不能改变。 用户体 ... ...
-
电子商务，作什么样的流程 2009-05-25 22:03
电子商务可以有很多模式 兰思在平时喜欢四处转转，到各个商铺去看一看，线下商铺的类型还真多，商业中心，大卖场，连锁店，小超市，精品屋，专卖店，批发市场，集贸中心，服务中心，二手市场，体验中心……，各类型的商铺满足不同人群的购物需求，也给人不同的体验 ... ...
-
说说上海南站的用户体验 2009-02-12 16:00
去篱笆面试的时候老燕还让我说说上海南站用户体验方面的感受？我的回答是：当用户目的明确的时候，上海南站的导航标识很清晰，但当用户目的不明确的时候，上海南站的导航设置就让人感觉比较混乱。老燕没有对这个说法做任何评论。回来的路上我就在想为什么上海南站的导航标识会给人这种感觉。我从《web信息架构》这本书找到了答案。因为上海南站的导航设计是一个“过于简单的信息模型”。 过于 ... ...
-
表单设计之基于选择的输入（9） 2009-07-14 23:05
实用指南 我警告过了，基于选择的输入项要考虑很多方面问题，对吗？研究了海量数据，我们学到了什么？ * 如果每个初始选择的额外输入项数量很大，网页级别方式的基于选择的输入项是最佳方案。表单需要两个单独网页，但动态隐藏和显示额外输入项不会迷惑用户，用户也不会怀疑选择是否互斥。 * 垂直和水平选项卡在综合可用性、满意度和眼动指标方面表现都不错，但存在选择互斥问题。哪种方案能解决问 ... ...
-
注册那点事之——用户凭什么跟你注册？ 2011-05-28 17:56
网站用户为什么注册？这个问题在平时我们讨论的并不多。我们常常单纯的在设想如何简化注册流程，如何从细节的关怀入手避免用户注册时填写错误信息造成的挫败，精心分析哪些项目用户必填，哪些选填，如何保障用户注册后的账号安全性等等。 我认为，搞清楚用户注册的动机与目的，进行有效引导，再在注册页面上以这些注册的动机与目的进行优化，与产品核心功能契合，才是一个与好产品所相符的注册体系。 哪些功能，用户注册 ... ...
-
互联网表单设计 - 第二章 表单组织 (4) 2009-02-25 08:51
组织内容 为保证对话流畅，可将问题分成有意义的组。根据不同大小和情境，将组分到多个网页或单个网页的不同部分。 例如，Yahoo！注册表单将个人信息、正在创建的账号、访问账号的方式及若干信任及安全项目（服务条款和垃圾邮件）问题分成四个不同部分，如图2.2。这些部分用标题区别于网页其余元素。紫色粗体标题比其他表单标签承载更多视觉份量，用户能快速扫描表单，明白需要提供何种信息。 ... ...
-
从大屏幕到小屏幕迁移的三种设计方案 2010-05-06 22:06
由于手机终端纷繁复杂，各种分辨率的屏幕，各种适配不同机型的特殊规则，都对手机网站的设计提出了更多的要求。大屏幕上已有的网站向小屏幕的设备上迁移，是需要经过一些调整的，今天就来探讨三种可用的迁移方式。 拍扁式 手风琴式 棋盘式 一. 第一种 拍扁式 这种形式最简单，也是目前web迁移到wap采用的最多的一种形式，就是把主流的1:2:1三栏布局的web网 ... ...
