主要内容
-
Soso future 2008-11-12 11:08
某日与好友相约去看电影，由于该片异常火爆，故有在网上订票之念头…然后发现网上订票的体验尚不完善，所以我们几个设计是就一起YY了个“Soso future”的概念设计出来… 我们简单的在玻璃墙上画出了一些脑爆的点子，然后就分工各自进行自己需要做的东西去了… 整个片子以某人想通过网上订票的理念，利用s ... ...
-
低成本提高web可用性的几个细节(二) 2009-06-10 19:44
接低成本提高web可用性的几个细节(一)5、注释性文案要尽量简短注释性或是情景提示的文案一定要在表达准确意思的前提下简短，不需要修饰性的形容词，建议大家仔细学习好中文，很多朋友知道要简短，但为了简短，把要传达的意思破坏了，甚至有了歧义。举例，见图1修改之前，文字冗余。 修改之后，清晰明确。 (图1)K3定律之一：把页面中的文字去掉一半，把剩下 ... ...
-
信息如水，架构如渠 2011-01-03 22:44
古人云：水到，则渠成。 说的是，水流过的地方，自然形成了渠道。比喻时机到了，事情自然就成了。 人类历史基本都在和水打交道，水路基本是古代核心的运输渠道，农业时代的灌溉系统，水利电站…不胜枚举。甚至可以说，水孕育了人类的文明。 在改变世界之前，先要认识世界。构建渠道之前，需要了解水的属性，才能真正地为人所用。 人们常说，互联网就是信息的海洋。 如今信息时代，信息 ... ...
-
表格变填空-与冷冰冰的网页对话 2010-02-26 02:15
还记得英语考试里的填空题吧? 在考场意外，貌似填空这种模式比整齐划一的表格更让人感到亲切。今天@lukewdesign在网站上发表了一篇短文，解释了一下填空模式表格的实验，初步发现转化率提高了25-40%，可以说是非常显著。看了图就明白了，这个界面是与汽车经纪联系，询问汽车记录的页面。比较左面与右面的两幅图，我似乎能感觉到左面的图是冷的，右面的图是热的。 细节比较 语气变化指示性的"联系这个经 ... ...
-
设计师不能不知道的10个沟通秘诀 2009-09-27 21:11
原来做标题党是这种感觉，哈哈哈。 这期的话题是设计和沟通，这个话题实在是太大了，大概6个人坐在一起聊上三天三夜也还有说不完的吧。为此，我们打算把话题约束下，变成“PM（产品经理）和设计师的沟通”。 考虑到不同的人之间的沟通的方式会差异很大（也正是因为有这种差异，我们才把沟通叫做一种艺术），我们先研究下沟通的主体，PM 和设计师，而在座的都是设计师，互相研 ... ...
-
手机网站重构经验分享(S60V3篇) 2010-07-20 09:09
前言 做WEB重构的同学都应该知道,我们一般需要在一个操作系统 (Windows XP)和4种以上的浏览器(IE678,Firefox,Chrome,Opera等)上测试页面的兼容性。 相对而言,手机上的页面兼容性测试,相当痛苦!手机光操作系统都有S60V3,S60V5,MTK,Android, Windows Mobile等等,每个操作系统上除了自带的浏览器,还有至少3 ... ...
-
互联网界面设计模式 2010-08-24 21:30
Web界面设计 封皮上是这样描述本书的：想知道怎样在今天的Web上创造伟大的用户体验吗？……本书以当前最流行的Web站点为例，介绍了两大良行之有效的Web界面设计模式。如果你想构建或重构站点，并希望站点以丰富的交互为特色，那么本书就是你出奇制胜的宝典。 首先，这是一本工具书。 其次，这是自认为一本比较糟糕的好书。好书，因为它提供了大量思路 ... ...
-
拖放三部曲——从“把大象放进冰箱”说起 2011-03-22 00:01
开篇呈上赵本山和宋丹丹的小品笑话： 要把大象放进冰箱总共分几步？ 把大象塞进冰箱要3步：1 把冰箱门打开；2 把大象装进去；3 把冰箱门带上。 这虽是一则脑筋急转弯的笑话，但却提炼出我们生活中将一个物体放进另外一个物体里通常有的3个步骤。 1. 虚实结合的世界 随着信息化时代的到来，我们的生活不仅局限于可触摸的自然环境，而且 ... ...
-
瞎扯之Web导航 2009-03-16 13:04
这年头，信息和获得信息的渠道越来越多。随着信息量的增大，先有了分类，又有了导航，再有了搜索，后面的发展还不得而知。在此只是根据平日的所看所想简单聊下导航，欢迎各路高手拍砖~ 导航的目的很简单：告诉你现在的位置，你可以怎样来，又可以到哪去。生活中最常见的导航是路标，当遇到错误或指向性不明确的路标，你一定会抓狂。偶本人就曾在某大型商场见到一幅消防逃生路线图，指引标注的甚为详细，可惜的是没有标注 ... ...
-
浅析facebook的信息架构 2008-07-28 03:10
acebook的信息架构设计，是目前为止互联网上我见过的最合理的信息架构。 每次培训，我基本都需要拿20分钟左右的时间来解析它，包括老的、新的、被抄袭的。 一直打算把这个解析过程写下来，但讲的时候可以图音并茂，写的时候确实表达起来很难。 今日权且一试，希望能把培训师讲到的内容表达出30%。(只写现在界面上表现出来的东西，不分析栏目划分已经扩展性问题了) 先看facebook老版界面 ... ...
-
交互设计的KISS原则 2009-06-09 21:13
KISS原则就是Keep It Simple and Stupid. 简单是软件设计之美, 简单的设计使得软件产品易于开发, 易于维护. 简单代表着高质量, 少加班, 每个人都希望自己的工作是简单的. 在KISS原则之外, 应该有一个更重要的原则: Useful. 满足需求是一切产品的低限. 也许需求本身也应该KISS, 简单的需求意味着底成本 ... ...
-
注册表单的细节问题 2008-08-06 11:51
Ajax的流行给用户体验带来了很大程序的提升，而“注册“这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输 入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加入，得以让我们彻底告别以往那个 注册一个用户往往需要反复填写好几次表单的时代。 当然，注册用户时所需要填写的项 ... ...
-
表单设计多余输入的去除问题 2009-06-12 01:26
第十章 多余输入 任何向人们提出的问题，人们都需要解析，做出反应，在表单提供的地方输入答案。小心！如果并非绝对必要，去掉可以去掉的问题，或者在更恰当时间或位置提出问题，或者自动推断答案。问题越少，就能越快填完表单。 去除问题 2002年，eBay重新设计了注册表单，设计团队仔细考虑了表单每个问题，找出了不是绝对必要的问题。去除的问题中有些会使潜在客户离开：家庭年收入，性别， ... ...
-
利用人物角色来做信息架构 2011-02-28 19:43
信息架构归根究底的目的是让用户快速找到想要的信息内容，无论导航、类目，还是搜索都只是用户选择的方式。但面对庞大的内容和纷繁复杂的操作，网站信息究竟如何组织才能让用户顺利完成任务？这就涉及到信息架构（IA）。信息架构听起来似乎是个很复杂的活儿，让人无从下手。这里有种超简便的方法，利用任务角色（persona）帮助我们轻松掌握架构。 这种方法被称作概念模型法，也叫概念地图。个人觉得在初期，头脑 ... ...
-
导航标签(navigation Tabs)_... 2010-08-11 08:54
原文地址: http://developer.yahoo.com/ypatterns/navigation/tabs/navtabs.html 当网站的分类不会经常改变时,在网站的LOGO和页头下方,水平放置一组固定的单行标签,是一种提供高层级的导航的方法.标签导航应该与整个页面宽度一致,分类的标题应该是可预知并且尽可能短,同时通过高亮当前选中的标签来保持”文件夹的隐喻&rdq ... ...
-
登陆框的密码遮盖问题以及其他 2009-07-12 01:34
几天前看到的这个关于密码遮盖（Password Masking) 问题的讨论，顺着链接有找到了一些讨论来看，继而发现相关文章已经有人翻译了(refer)，但中文技术社区好像很少见到讨论(也可能是我孤陋寡闻)。 这是个令人印象深刻的话题，因为挑战的是习惯性的设计方式。放眼看去，所有需要输入密码才可登录的网站都是遮盖密码的。密码遮盖带来的坏处是显而易见--用户的输入成了盲区，不知道自己输入的是 ... ...
-
信息架构中的常见模型 2010-05-11 22:26
《信息架构中的常见模型》是整个“web交互设计方法”中的一部分： 本期的内容目的是分享和总结信息架构中一部分基本的交互模型。信息架构需要考虑内容和功能的建构, 首先需要考虑怎样组织内容和功能的关系，也就是切分内容，如何把一些动作和对象跟主题顺畅的结合起来；第二步就是考虑怎样引导用户通过界面达成他们的目标,也就是用”物理结构”把内容用 ... ...
-
招商银行的弱智设计 2008-12-16 22:45
在登入到招行专业版后; 在输入取款密码后; 招行的大爷，还要我输入"验证码"做啥用? 1) 昨天我要给支付宝充值，40分钟居然没搞定。有同事告诉我，你直接申请卡通服务不就成了? 问题是，我申请了没有门槛的服务，有问题的设计如何才能再发现呢? 2) 为什么说这个设计弱智？ 支付宝充值与招行交互 0) 登录在支付宝 1) 登入到招行专业版后 2) 在输入取款密码后;（有这么高级的 ... ...
-
《写给大家看的设计书》阅读笔记之亲密性原则 2009-07-07 00:12
也许光从字面上来说，版式设计中的“亲密性”似乎不太好理解，正常的情况下，我们都会把“亲密性”理解为人与人之间的关系的一种表现，事实上在版式设计中的“亲密性”的确也有类似人与人之间的关系的意思。 也正是印证了那句话——物以类聚，人以群分！ “亲密性”的原则即是将逻辑 ... ...
-
多“余额”概念误导问题 2009-01-14 18:17
登陆支付宝账户会看到账户的可用余额，如果会员办理了支付宝卡通又有本身的余额（所谓支付宝卡通的余额），在支付宝账户中首页肯定可以查询到自己的账户余额，在支付宝卡通页面有的银行可以查询到卡通的余额，有的银行查询不到卡通的余额。以上，不是绕口令。（图一：此为登陆支付宝账户的页面）（图二：此为登陆支付宝卡通管理的页面）问题出现了：会员兴高采烈神彩飞扬的办理了卡通，然后登陆账户就看到账户余额为0。于是人傻了 ... ...
