主要内容
-
信息架构中的常见模型-2 2010-05-31 19:53
上一期分享了三种基本的交互模型，双面板选择、画布工具条、向导（wizard），本期讨论的交互模型并不局限在一个页面上的信息结构，它们分别是：响应式出现和嵌入式连接。 1. 响应式出现 一个页面要显示很多内容，但是其中一部分内容不太重要，我们希望用户界面变得简单，但又不得不把内容放到界面当中，在这样的情况下，可以把重要的内容显示出来,并把其他内容隐藏，用户可以通过一个简单的操作访问隐 ... ...
-
感性设计在韩国 – 浅谈韩国地图服务的人性化... 2010-06-26 15:08
背景 韩国是一个奇特的市场，苹果宣称在韩国境内只有不足20%的市场份额，Google的市场份额也只有10%左右。然而与日本相比，韩国的产品没有技术优势；与中国相比，又没有价格优势。危机感迫使韩国企业要想在中日之间生存，唯一的道路就是挖空心思在设计上不断创新。韩国产品的主要特点为简洁、体现人类对简约生活的追求，以一种自然的心态来演绎时尚。 正题 Naver.com ... ...
-
几点百付宝的体验 2008-10-22 11:21
前天，百度有啊在百度用户里挑选了一批进入有啊测试，有幸进去测试。大家可以去百度空间查查系统信息看有否（百度hi也会给系统提示）。今天完善了一下百付宝的用户信息，截几张图： 1、后发制人的表单提示。为什么在我点击保存的时候才提示我没有填写“支行名称”？同时，整个表单没有列出哪些是必填，哪些是选填。 ... ...
-
斜杠的作用与导航 2009-01-17 23:02
在互联网世界中，斜杠“/”是很常见的一个符号。它的位置在右 Shift 的左边，不用按 Shift 就能够输入。 我猜测（没在维基中查到），斜杠之所以占据那么重要的地位，应该得益于操作系统（Unix、Dos）的流行。在命令行中，一个斜杠往往是表示着根目录，也作为目录与目录之间的分割。 其实到了互联网时代，除了 URL 中可能要用到斜杠外，其他地方很少见到 ... ...
-
再说微博的传播 2009-09-21 11:38
9月UCDChina书友会的话题是《微博的传播与交互》，深圳地区书友会由我做PPT引导。这里把我的一些思路做简要分享。 微博的传播属于传播学的范畴，微博的交互属于设计界的范畴，二者关联性其实不大，我讲的部分以产品设计角度和传播角度讲得较多，所以索性将PPT题目定为《微博的传播》，减少歧义。我一直不大同意我们把Twitter类服务翻译成微博。而我后面的案例也只讲Twitter，其它类似的类似 ... ...
-
滑块的应用 2008-12-15 23:19
*严重感谢博学轻侯与包掌柜宗羲对本文的指正！ 上上周的一个产品测试中，看到设计师尝试将滑块应用在打分这一样式中。此滑块一直在我脑海中纠结，于是对滑块进行了一番小研究。 滑块（slider）以其滑动感，给用户一种流畅爽利的操作体验，下文将述及将其应用在UI上的好处。 滑块基本能分为两种：单滑块与双滑块(要说明的是，单与双在此并非指单个或两个，如图1.1里PS的颜色选定滑块 ... ...
-
(翻译) 错误的简洁等于不简洁 2010-10-15 12:04
一篇很短小的文章，原文：False Simplicity by UsabilityPost有时候表面上看起来很简洁的东西其实未必如此简洁，比如现在遍地都是的Twitter客户端，他们的按钮普遍使用纯图标而不是文本。这些小图标真的很省空间，看起来很典雅，也很简洁，但是实际情况真是这样吗？让我们以Tweetdeck为例来看看：不知是不是我个人比较愚钝，但是对我来说这些图标确实很难搞 ... ...
-
我看数据可视化（Data Visualiza... 2009-07-08 00:46
数据可视化是当前的一个热点问题，特别在交互设计领域，如何把数据——特别是大规模的数据进行可视化就成为了一个非常热门的问题。对于设计专业的人员而言，数据可视化的最大挑战在于对数据的理解。和传统的设计对需求的理解有所不同，数据的理解难度可能会加大。因为，数据本身可能带有比较强的专业性、领域性和研究性。而设计专业的最大优势在于可视化表现这一部分，因此，采用什么表示方式，可能是数据 ... ...
-
按钮表状态还是表动作？ 2009-03-18 09:06
关键字：按钮 状态 动作在网页中经常见到两类不同的按钮。一类表示当前所示的状态，一类表示将要进行的动作。(如下图) 那么，同样是icon类的按钮，为什么有的表状态，有的表动作？ 分析两类按钮的使用场景：场景一：声音开关的按钮 场景：这组按钮首先表示当前的状态（声音是开着的，还是关着的），点击以后切换到另一个状态。分析 ... ...
-
按钮还是链接？(一) 2009-05-02 19:13
在做网页设计的时候，经常听到产品或运营经理说这样的话：“这里太弱了，不要用链接，用按钮！”，“这 里我想搞个大大的按钮来吸引用户点击”。是不是按钮就会让用户想点击？按钮是不是越多越好？是不是所有链接都能替换为按钮？这都要归结到一个基本的问题： 按钮和链接有何区分？是否可以混用？ 问了很多人，答案各种各样，总结起来有三种。 1，没必要区 ... ...
-
基于情景的信息架构走查法 2009-07-12 02:01
信息架构建立以后，如何评估它的效果？逻辑走查是以系统为中心的方法，即用业务逻辑等验证IA的有效性。卡片分类法则是以用户为中心的方法，尝试了解用户对于结构的理解和视角。Adaptive Path这篇文章则介绍了一种评新方法——基于使用情景来评估一个IA。 译介原文：http://www.adaptivepath.com/blog/2009/06/11/changem ... ...
-
退订邮件的设计 2009-05-16 13:02
昨天整理邮箱，发现很多邮件是网站系统自动发的，删也不是（毕竟是自己订的），不删也不是（浪费资源），唯有退订。 系统邮件分三种，一是注册某个服务时订阅的新闻，一是网站服务的提示，如豆瓣的活动未通过提示，还有一种是网站发送的EDM。 好友通知等系统通知是需要到网站的账户设置中修改的，而EDM一般为不定期发送，也不必设置退订功能，下面主要说一下退订新闻服务的感受。（EDM 最好不要用纯 ... ...
-
XHTML原型开发－用代码说话 2008-11-15 19:05
作者：Anders Ramsay and Leah Buley 译者：UCD翻译小组，Li Douis 原文地址： http://www.boxesandarrows.com/view/prototyping-with 如果你正在给标准的网页和应用程序（比如用XHTML/CSS/JS开发的）设计用户体验，那就有充足的理由把 ... ...
-
怎样的面包屑导航更能体现整站架构 2009-04-08 21:27
在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向，而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样，前者为用户做一个大概的结构介绍，而后者则是在大架构之后的细节延伸。 面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接，这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地，面包屑导航是 ... ...
-
用AxureRP做实例原型设计的步骤 2012-07-29 10:11
一般来说都是先有实例再组合成整体，但是我们的设计过程都需要先从整体的布局考虑，再来细化每个功能点。因此实例的原型设计在一些中高保真度要求的原型里面就尤为重要，再者一般学习AxureRP都是从模仿别人的做的实例开始的，因而学会实例原型设计，对自己使用AxureRP的技能的提高也是很有帮助的。 这里对实例原型的定义主要是指两个方面，一是单独的功能点或功能页面，如输入框的鼠标单击可修改 ... ...
-
注册表单之电子邮箱 2008-08-07 15:50
很多网站在注册时除了需要用户填写用户名与密码之外，还会要求用户输入邮箱，而且是属于那种不填写就不能完成注册的强制型的。碰到这种情况的时候， 一部分用户就会如实的填写自己的邮箱，但还有另一部分用户会选择填写无效的邮箱或者是假邮箱，以求在不公开自己邮箱的前提下完成注册。 用户希望在注册时不填写自己的邮箱，但网站同样也希望用户在注册时填写自己的邮箱。用户可以输入假邮箱以求完成注册，网站同样可以 ... ...
-
Google Reader、有道阅读和QQ邮... 2010-11-14 00:34
QQ邮箱的“阅读空间”正式回归，这真是一个好消息（QQ邮箱恢复阅读空间RSS订阅功能）。在失去它的这十来天里，不得不将订阅源分别转移到有道阅读和Google Reader。华丽丽的QQ阅读对我而言，是美观意义＜实用价值。而在转移阅读的过程中，也发现了一个问题：在有道和Google Reader的阅读效果似乎比不上之前QQ邮箱的“阅读空间”。究竟原因何 ... ...
-
探讨链接打开方式 2009-03-13 03:27
一．链接打开方式1、新窗口打开优点：用户点链接的时候，当前浏览的内容不会被替换，不需要通过前进、后退去看自己看过的内容；缺点：访问一会，就会产生大量窗口，占用资源。每个窗口都需要手动关闭；2、当前窗口打开优点：可以一直在一个窗口内看内容，不会打开很多窗口、占用太多资源。窗口只有一个，关闭容易；缺点：当用户需要看几个页面的内容，或者需要对比着看的时候，就很麻烦。或者必须按住SHIFT点击链接，但很少 ... ...
-
《Web信息架构》-标签系统 2009-11-13 11:09
标签可以是字、词、词组、一段文字也可以是图片，是一种概念或内容模块的说明或指引（如图１），传递用户并理解。别小看理解，就如同组织系统中说的每个用户对所看到的内容都会有不同的理解，如何做到真的让用户理解你设计的标签是比防偷菜还难的事。 图1(典型的标签)这个例子可能会觉的这类标签比较简单，容易理解，但要为一些相对专业性的网站做这类标签就抓狂了，比如：金融，医药，教育，政府（如图２）。 图 ... ...
-
由Mark Zuckerberg一封信看Fa... 2008-08-15 03:57
刚才登录Facebook，这次没有如往常登录到登录后首页，而是跳出创始人Mark Zuckerberg的一封信，短短几行字间，折射了这个在互联网所有服务中近乎完美改版过程。 我们先来仔细阅读这封信： Hey -——————>一切由Hey开始。Mark Zuckerberg开篇的这个称呼，道明了站方和用户之 ... ...
