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