主要内容
-
按钮那些事儿 2010-11-26 13:12
按钮那些事儿 在交流会中，谈到了按钮的起源以及其用途，回去后，自己仔细想了想，做了下归纳。 首先我们可以建立一个心理模型：“人们总想让唐突的事物与周围变得协和”。 再来看看按钮：现实中的按钮一般都是在一个平面上，做出的一个小突起：这样，与周围的平面产生了一个不协调的情景，为了使它与周围保持一致，人们就会去按它，迫使它与平面保持一致，就这样，按钮 ... ...
-
离开悬停的日子 2010-11-25 19:58
如果说base on PC的设计有什么让我特别特别怀念的，那一定就是鼠标“悬停”和“滑过”了。 悬停：可以把80%次要操作收起来，让界面简洁 滑过：和悬停有点儿类似，但应用更为广泛，不单单可以隐藏部分操作，而且还可以通过hover伪类使背景的变化，起到强调和某些状态暗示性的效果。 但它们还有一个共同点是：在触摸屏上无法使用！这 ... ...
-
导航设计中的信息结构 2010-11-24 23:27
在进入今天的主题之前，我们先来探讨导航的重要性，并分析一下门户网站中导航的表现。 导航直接影响到公司的财政收入 导航会给我们带来哪些好处？导航不光只是提供信息获取的途径，它的设计优劣会直接影响到整个公司财政收入。下面我们看一个例子（以下内容来自alibaba李凡的《设计师的商业意识》）： alibaba大致的广告价格 上图反映了阿里巴巴网站大 ... ...
-
兼容心理模型和系统模型的交互设计 2010-11-24 22:53
提到心理模型和系统模型就意味着需要用到《设计心理学》中提出的那三个模型的概念。一直以来，从事设计工作的朋友们不管是在产品原型设计还是视觉设计上都尽量的使系统模型能够跟心理模型更加的接近。因为对于一款产品而言其系统模型与用户心理模型越接近，产品的用户体验越好，用户学习起来也越快。但是一个复杂的产品要使得用户直接从表现上理解系统模型往往是非常困难的，只有在使用产品的过程渐渐中熟悉产品的结构和 ... ...
-
手机应用程序启动画面 2010-11-18 22:57
本文首发于MDchina，汇聚了一群热爱移动互联网的产品经理和设计师，也是一个专业的分享平台。 iPhone官方设计指南对于启动图片（launch images）描述中期望是开发人员能够尽量简化应用程序的启动过程，使用应用程序主页的背景图片作为启动图片，让程序能够快速启动，不过遵守这条建议的应用程序非常少。 在PC上，由于大型游戏和软件加载的时间比较长，启动画面应 ... ...
-
为产品结构的设计，为用户任务的设计 2010-11-15 23:40
我们先来看两个实际案例： 在QQ中，将聊天记录中的图片存为表情的设计：右键图片，“添加到表情”。 第二个例子… 不是360的。 在RTX中，将聊天记录中的图片存为表情的设计：先收藏图片，再在表情面板中点“添加自定义表情”打开表情管理的界面，选中收藏好的图片添加为自定义表情。 RTX的设计，保证产品的结构是很清晰的： ... ...
-
Google Reader、有道阅读和QQ邮... 2010-11-14 00:34
QQ邮箱的“阅读空间”正式回归，这真是一个好消息（QQ邮箱恢复阅读空间RSS订阅功能）。在失去它的这十来天里，不得不将订阅源分别转移到有道阅读和Google Reader。华丽丽的QQ阅读对我而言，是美观意义＜实用价值。而在转移阅读的过程中，也发现了一个问题：在有道和Google Reader的阅读效果似乎比不上之前QQ邮箱的“阅读空间”。究竟原因何 ... ...
-
基础控件和交互设计元素的层级 2010-11-10 23:56
今天被jobs指出之前工作的方向性错误,才意识到构成最终产品元素之间的层级关系. 在现在的工作流程中,规范是大家熟知也都尽力执行的,目的是为了在保证产出物质量和一致性的同时,提高设计和工作的效率.不过规范还是由更基础的两个元素构成:基础控件和基础组件. 交互设计元素的层级 控件是互联网/软件产品的最小界面元素,包括按钮,单选框,复选框,滚动条等等。 而组件,是通过合 ... ...
-
瞬间的快感之细节提升用户满意度 2010-11-10 23:55
话说土匪老湿在他的大作 《交互设计之回归篇》 里曝光了上次有意思小组竞赛我们小组分享的话题 “瞬间的快感”，但这一极具噱头的主题，土匪老湿惜字如金只用了廖廖几字作了归纳…汗，字数没够，字数没够。。。以下我将采用图文并茂的方式来说明我们的观点。 在第一个瞬间，也就是当一位浏览者刚刚打开我们网站的时候，他最先可能是想看看这个网站的名字及其功能; 而下一个瞬间 ... ...
-
开心，五季，人人，QQ校友加好友请求页面，横... 2010-11-10 08:29
我将通过对开心，五季，人人，QQ校友这4个SNS网站的加好友请求页面的比较和分析结果优化得出一个新的加好友请求页面。我会详细的描述这个分析的过程，这样就能清楚的知道我的新方案好在哪。在这里受到篇幅的限制会忽略诸如一些验证码，验证提示以及某些个别网站特有的内容，这样能使我们更关注业务本身，也更有可比性。首先展示的是目前这4个网站的加好友请求页面，最后一个是我设计的新方案： &n ... ...
-
“突破”平台UI膜拜-由iPhone想到的 2010-11-08 19:52
之前看到一篇文章，讨论iPhone 交互设计和Android交互设计的一致与不同，它强调平台本身的特性，不要照搬其他平台的UI设计，让用户感觉是在真正的使用一个android软件。 I think everything here is very relevant, and let’s keep them in mind. 我想到了我们的设计创新，设计师的设计意 ... ...
-
用户界面设计中“状态”和“动作”的表达 2010-11-07 16:30
一、问题引发思考 前阵子与同事探讨一个小需求时又遇到了按钮表示“动作”和表示“状态”间矛盾问题。想想这个问题多年前已经开始讨论了，所以在此整理一下思路，与大家共享。 「图1」 具体案例是这样的：如上图所示，在“启用”和“停用”搜索定制功能时，这个 ... ...
-
淘宝vs拍拍购买流程对比分析 2010-11-04 11:00
近几年电子商务发展迅猛，而今年各独立网店、购物平台更是雨后春笋般冒出来，并都已站稳脚跟。对于这么多购物网站，我们来筛选一些比较知名的站点进行优劣势对比分析。 目标：由于购物是一个很复杂的过程，有选购和购买两方面，这篇文章主要就购买流程进行展开分析，寻找最佳购买体验。 场景： 只分析购买流程，所以我们假定买家已找到一个目标商品（不排除还有别的想买） 购买实物。 ... ...
-
用户体验的要素PPT中文模型 2010-11-03 22:08
最近狂做PPT，多次用到The Elements of User Experience的模型图。以前都是截图贴用，有三个问题，第一苦于无法插入动画在传达上大打折扣，第二因为受众原因肯定中文版更好，第三截图做的效果自然也一般。于是尝试用PPT搞了一个，基本上等比放大的中文版，效果还不错。网上能查到三个不同的中文版本，也都是图片，而且说实话做的不咋地。 The_Elements_of ... ...
-
如何设计一个良好体验的用户界面（上） 2010-11-01 16:03
原文链接：http://bbs.tutu001.com/thread-72-1-1.html 当设计一个web应用程序或项目时，功能往往是首先要被考虑的。在大多数情况下，这是一件好事。 大部分人在使用的应用程序时，是因为它们是有用的，而不是因为它们看起来很漂亮。 但是，这并不意味着你可以忽略良好的界面设计。 良好的用户界面设计可以增加用户对于Web应用程序的用满意度。 良好的用户界面设计与 ... ...
-
UCD2010信息架构工作坊 2010-11-01 13:49
与Tony在年会下午有个主题为“Web信息架构”的工作坊，之前没拿到报名名单，搞不清楚受众群体的口味，于是多准备了些内容。以前也做过“web信息架构”分享，这次内容是最全的，包括几年的学习笔记和案例积累。我们工作坊很努力的坚持到了最后下课，我看时间是18点15左右。 根据时间安排了四节课，各50分钟，中间10分钟休息。第一节课“意 ... ...
-
移动设备-GPS导航产品交互原则 2010-10-31 23:31
作为移动设备的GPS导航设备在设计时需要注意一下几点交互原则： 1、 屏幕尺寸； 除PC以外的所有移动设备都要注意这个问题，由于移动设备的屏幕尺寸与PC比起来的话要小很多，用户的视线也会相应缩小，在交互上就要考虑更多的问题，例如GPS导航产品在设计时就要考虑到屏幕的实际尺寸和用户与屏幕之间的距离，在相对较小的屏幕上内容安排要紧凑、清晰，合理。 ... ...
-
设计模式-自动完成 2010-10-29 08:18
Jabob Nielsen提出的10个可用性原则中有一个原则-防止出错（Error Prevention）。官网中有对这一原则的具体解释，这里不再复述。笔者认为还有一个防止出错的方法就是让用户选择而不是输入。在这里用户不需要思考如何输入，输入是否正确，这里以常见的“自动完成”来谈一下这个设计模式在当下的应用。 自动完成是一种属于反应性界面的强大模式。典型的 ... ...
-
结构、表现、行为分离（搜索） 2010-10-28 17:14
三层分离道理很简单，但是要用例子来说清楚也不易。今天优化“搜索”功能时突然想到，这便是个很典型的示范。从头开始，我一般会选择如下代码作为搜索录入框原型，以前做的HTML原型都用这个： <input class="text" size=15 type="text" name="search_key" style="color:#bbb;" va ... ...
-
商品评价系列：打分 2010-10-25 16:10
根据艾瑞网的研究报告知道其中64.4%的用户会因为商品评价而影响其做出购买抉择，可见评价的产品设计对于电商网站来讲是非常重要的。而现在的主流电商网站的评价产品一般分为打分和评论两个体系。最近我小小的研究了下打分这个体系，有一些小小的领悟，先抛砖了。 一、打分规则设计： 十分制、五分制、三分制都在互联网存在过。 十分制：现在已经基本退出了历史的舞台。我记得自己曾在某处看到过数据分析 ... ...
