交互设计的利器——Flash Catalyst入门介绍
Adobe Flash Catalyst是一款专业的交互设计工具,可以在不编写任何代码的情况下快速创建用户界面。它的出现为开发人员和设计人员建立起了沟通的桥梁,程序开发人员可以导入设计师在Photoshop、Illustrator和 Fireworks中设计的用户界面,并将它们转化成UI组件而不改变它们原先的“皮肤”、外观和整体风格。设计师仍然用Adobe的各种产品来完成自己的大部分工作,但是能通过Catalyst来定义UI组件,这就像开发人员通过编程来完成这一工作一样。
2009年6月1日,Adobe公司给大家送来了儿童节的礼物,发布了Flash Catalyst Beta,大家可以到其官方网站免费下载试用。Flash Catalys的安装过程中一些交互设计不是很好,它首先得让用户解压安装文件到一个目录下,可是用户根本不需要从这些解压文件中选择 “setup”进行安装,安装程序自动运行,如此的结果是这些文件占据了几百兆的空间,用户却很容易就把它遗忘。建议Flash Catalyst开发团队在设计时,安装文件不要解压到某个目录下,直接储存在缓存中,等安装完成后就释放出来。接下来的安装非常简单,按步骤很容易就完成了。
启动Flash Catalyst,出现如下界面:
从此界面上我们可以多种操作:1.打开一个项目;2.从AI文件中创建新项目;3.从PSD文件中创建新项目;4.从FXG文件中创建新项目;5.创建新项目;6.信息和介绍。 read more »
一个界面容易使用的程度其实是人们在学习该界面的操作方法时有多快,以及学了之后是否不容易忘记。这些方面的数据可以通过实验数据获取,因而是更为客观的和可以观察的。
1.直接操控
通过拖拽操作来移动文件的方法就是一种直接操控的方法,“直接操控”这个术语最早是由Ben Shneiderman 在1983年提出来的。它的基本特征是,用户使用物理性的操作来直接把动作施加于目标之上,而不是间接地通过发出抽象的命令来完成(发出这些命令的具体形式可能是点击按钮、选择菜单或键入文字),同时,目标对象的状态随着用户操作的进行被实时、连续地反馈了出来。
通过拖拽窗口右下角的方式来调整一个窗口的大小是另一种常见的直接操控的方法。在进行这个操作时,我们并没有通过执行菜单或按钮命令,而是直接地通过拖拽窗口对象自身的方法来连续地改变窗口的大小。在这个拖拽过程中,窗口的大小随着鼠标的移动而实时地改变着,窗口中的内容也跟着变化。当我们看到窗口大小调整到了一个满意的尺寸后,我们就可以松开鼠标按钮而结束这个操作了。
直接操控式界面具有以下优点: read more »
交互设计学习笔记之《如何使界面让用户一看就懂》
1.采用比拟手法
比拟是人类语言中的一种修辞手法,其实质在于利用人们熟悉的或容易理解的知识去解释人们不熟悉的或难以掌握的问题。在软件设计中,比拟手法经常运用于以下领域:
对某种界面进行比拟,软件界面中最常见的按钮就是对我们现实生活中种种物理的实休按钮进行模仿。它所借用的实体按钮的主要特性在于,当人们按下按钮后会触发一个动作。
界面上的文字用语借用我们已经熟知的词语,如关闭、找开、移动(窗口)、复制、属性、重命名等。
软件界面的整体外观借用我们已经熟知的事物或物体,例如windows操作系统的桌面就是模拟了真实世界中的办公桌面。
在用户手册的编写中采用比拟手法,帮助用户更好地理解软件的功能和使用方法。
使用此方法时应注意的问题
比拟的根本目的只是为了帮助用户理解软件,而并不需要在所有的方面和所要比拟的对象完全一样,尤其在操作上。
不要被我们用于模拟的实际物理对象限制了我们的思维和想像力,这里主要指一些操作作为。
2.模型匹配原则
首先需要理解三个概念:心理模型、实现模型和系统模型 read more »
关于火车票的重构问题,网上有朋友进行了设计,本人自己也有些想法,于是也进行了一次分析,首先罗列出车票所包含的信息(如下图)
然后我们根据用户出行的整个过程对车票中各信息的重要性进行分析:
购票行为:
1.按车次:此类用户对自己的出行信息比较了解,他们一般都知道发车的时间,票价,到达目的地的大概时间等信息,喜欢把主动权掌握在自己手上。
2.按地点:此类用户对自己的行程掌握度不高,行动受车票走势的控制,车次及发车时间对他们的影响非常大。
分析这两类用户,他们都有个共同点——目的地明确,它已经刻在了出行者的脑子里,在购票之后,出行者所要做的就是按时上车,上对车,找到座位,这其中车次和时间发挥了重要的作用,车站的指示牌都是通过车次来引导乘客进站的,下图记录了(D5657)一次进站的指示过程:
 |
| 一楼墙上的指示信息 |
 |
| 候车室 |
 |
| 车厢指示 |
 |
| 站台 |
 |
| 座位 |
在整个过程中,车次、发车时间、座位对于乘客是最重要的,再次按信息的重要性这个维度对其进行整理,如下图:
 |
| 信息整理 |
分析现在的火车票,发现出发地点&目的地和车次的重要性是并列的,车次处于中间位置,比较显目,接下来乘客所要得到的信息就是发车时间和座位,而在现在火车票的设计中却处于二级位置,与其它信息的层次分不开,不够显目。因此需要做的就是加强发车时间与座位的识别性,使乘客在第一时间就可以从信息堆中识别出来,加大字号是一种设计选择,也可以改变字体的颜色(车票中已经有车票代码是红色)。
缘起
最近经常在第一财经频道上看到思科Webex的广告,恰好自己也在做电话/视频会议的交互设计,于是就多关注了一些关于网络会议的信息。对于某些公司来说,这是一个顶好的时代,2003年的SARS带来了网络视频会议的春天,如今的金融危机让提供网络会议解决方案的公司逆流而上,预计到2013年,中国网络以及电话会议服务市场总值将达到1.741亿美元,年均复合增长率为22.5%。
试用&分析
试用了几款产品,研究了一些资料,根据自己的理解,对网络会议的几方面进行的总结(如下图)

这些产品都采用了流行的SaaS(软件即服务)的模式,功能上不分伯仲,由主持人发起会议,与会者可以通过各种方式参与(计算机、固话、手机等),与会过程中,用户可以进行各种操作(角色更换、文件共享、远程控制桌面、即时通讯、甚至对某人静音),极大地满足了用户的需求。然而如今产品的竞争不仅仅是功能的竞争,更是用户体验的竞争,大多数的产品都还只是简单地展现它的业务流程,而没有真正在转化为用户流程,界面设计粗糙,交互设计让人迷惑,记得有款产品,选中与未选中的状态是一样的,只能去观察界面的变化才知道自己的位置。这些产品要想取得更大的成功,提高市场占有率,关注用户体验将会是竞争的有效砝码。
头脑风暴
目前网络会议的接入方式为计算机、固话、手机等,这里必须解决一个重要的问题——方便的会议通知,让参与者提前对会议的内容进行浏览,文件查看,状态回复(是否有空参加会议)等,现在的情况还不太理想,是否能有一个新设备接入呢?也许MID(Mobile internet devices)将会是一个很好的接入设备,这种介于智能手机与上网本之间的移动终端会在不久的将来大放异彩。它的便捷性、无线上网功能保证了随时随地的网络接入,即使在没有无线网络接入的区域,MID所集成的通话功能(目前已有公司在MID中集成通话功能)也保证了联络的稳定性,而随着通信技术的发展,EVDO(Evolution,Data only)可视电话业务也将大大作用于网络会议领域。
未来是怎样的一幅蓝图?可以猜想,互联互通大势所趋,我们仿佛可以看到网络会议产品与twitter,facebook,youtube的对接,Google的疆域将更加广阔,Android平台下的移动将随时随地为人们提供信息,再结合Google的互联网产品(Gmail,Document等),Android移动设备将更好地解决网络会议中的通知,回复,文件查看,通话等问题,发展成一款杀手级的产品。
狼烟四起,雷鼓大震,我仿佛听到了来自未来的呐喊声。
————————————————————分割线—————————————————————
由于本人的知识面有限,对一起问题的看法不够全面,还请大家多多指教。(写完后接到红杉树网络会议的客服人员的电话,然后试用了一下视频会议,感觉不错,我需要了解的还有非常多啊)
针对上传、管理、浏览相片做一个情景设计,设计角色、模拟情景、流程、遇到的问题以及如何解决问题。
角色描述
赵小姐姓赵,就是赵钱孙李的那个赵,在一家IT公司任前台文员,虽然公司上下弥漫着代码的味道,可这丝毫不对赵小姐产生影响,她每天的网上内容就是QQ,用IE6上开心网,她和一位同事关系不错,这么同事对互联网比较了解,平时赵小姐有什么问题都会问这位同事(暂且称为A)
艾草青青,踏春时节,公司组织了一次春游,赵小姐拍了很多照片,这时她想上传到网上与朋友分享,经A介绍,赵小姐知道了一个图片分享网站。
情景
打开xxx.com网站,首先映入眼帘的是显目的图片推荐与注册按钮,赵小姐随便浏览了这些推荐的图片,发现照片都拍得非常好,于是她也想上传照片了,可她却找不到上传照片的按钮。赵小姐叫来了A,A告诉赵小姐得先注册,登录后才能上传照片。在A的帮助下,赵小姐顺利完成了注册,终于可以上传照片了。可是这上传的过程对赵小姐又是一次比较郁闷的经历,以下是她与A的QQ对话记录。
赵小姐:怎么还得先创建一下相册啊? read more »