Category Archives: 用户体验&UCD

“NFC Accounting tools” design

这是一款基于NFC支付的记帐工具,绑定您的帐号后,它会自动记录您的每一笔NFC支付金额,并对其进行统计分析,方便您进行财务管理。另外您还可以手工输入其它类型的消费记录,进行财务预算,对整体资金的走向有个直观的把握,完善实时高效的理财规划。

电影中的交互设计

首先,我们有必要对交互设计的概念再进行一次阐述:“交互设计是对人工制品、环境和系统的行为,以及传达这种行为的外形元素进行设计和定义的过程,是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、规划、描述和探索的过程。简单说,即设计和定义使用者如何使用一产品达到其目标、完成某一任务的过程。”

提到电影中的交互设计,人们立马会想到科幻电影中那些令人眼花缭乱的交互场景,炫酷的操作界面,赏心悦目的特效。正如乔布斯所说:“这是科技与艺术的完美结合”,这不,他也从Star Trek(星际迷航)中吸取灵感,推出了iPad。

科幻电影的历史

从科幻电影的发展史中,我们也可以看到交互设计的发展历程,从最初简单的机械运动到现在富有高科技感的操作方式,从地球反击到太空漫游,我们窥见了科技的进步,设计的发展,人与机器的互动越来越智能,无论在可用性、易用性、还是用户情感方面都有着极大的提升,也带给了人们更加愉悦的观影体验。现在,就认我们来回顾一下科幻电影的历史。

科幻电影几乎与普通电影同步,发韧于19世纪与20世纪之交。第一部具有科幻色彩的电影名叫《机器屠夫》,片长仅一分钟,内容是超现代化的屠宰流水线。

20世纪20年代科幻电影迎来了第一次浪潮,德国科幻电影人将幻想与预言两个元素奇妙地融为一体,于1926年推出了世界电影史上的一座丰碑:《大都会》。

50年代是科幻电影的“黄金年代”,可称为第二次浪潮,科幻片开始拥有广阔的市场。日本人开始拍摄《哥斯拉系列》,日本的哥斯拉被塑造成代表大自然向人类报复的英雄形象。60年诞生了《007系列》的第一部《东方博士》,由肖恩康纳利主演。

1968年,科幻电影达到了当时的最高峰,美国电影《2001太空漫游》横空出世,导演为斯坦利.库布利克,很多文艺范儿口中的《发条橙》也是出自他手。

接着,科幻电影迎来了它的高科技时代,1977年,《星球大战》的上映在美国重新掀起了科幻片的高潮,导演乔治.卢卡斯当时是好莱坞一个不成功的小角色,当他把十几页《星球大战》的剧情提纲交给投资商时,心情与赌徒无异。《星球大战》的一炮走红,不仅捧起了卢卡斯,而且开创了科幻电影与最新高科技相结合的新时代。

与此同时,斯皮尔伯格推出了《大白鲨系列》,接着推出《ET》、《第三类接触》、《侏罗纪公园》及《夺宝奇兵系统》,最让人难忘的是那部经典的《辛德勒名单》。

还有一位出色的人物——詹姆斯.卡梅隆,他拍出了《终结者系列》、《异形》、《泰坦尼克号》、《阿凡达》。

最后还有一些我们熟悉的科幻电影:《少数派报告》、《黑客帝国》、《钢铁侠》、《第九区》、《机械公敌》、《创战纪》等。

这里有个视频(Visual Effects 100 Years of Inspiration),讲述了百年来科幻电影一些特效镜头,大家可以先欣赏一下。

read more »

操作系统GUI进化史

GUI(graphical user interface/图形用户界面)的发展史从来就是与操作系统的历史分不开的,他们就像是两个两小无猜的孩子,相互依偎着成长,不断散发出迷人的光芒,在不知不觉中影响着人们的工作生活。细细数来,从1973年第一代图形用户界面(GUI)的呱呱落地到今天Windows 7的整装待发,图形用户界面已经走过了30几年的发展历程,快要步入不惑之年的他更加的成熟稳健,也带给了我们更丰富的体验,为我们提供了更加人性化的服务。今天,就让我们以时间为线索,一起聆听图形用户界面这位朋友所谱写的光阴的故事。

1973
1973年4月,Xerox PARC (施乐公司帕洛阿尔托研究中心)研发出了第一台使用Alto操作系统的个人电脑,Alto首次将所有的元素都集中到现代图形用户界面中,它相当小,但却有着强大的处理图像信息和分享信息的能力,拥有“所见即所得”的文档编辑器,内置了大量的字体和文字格式。另外,Xerox PARC还开发了一种名为Smalltalk的程序语言和环境,它拥有自己的GUI环境(包括了弹出菜单、视窗、图标)。
Alto

1981
1981年6月,Xerox推出了Star,Star于1977年开始研发,它延续了Alto的概念,在硬件上做了一些升级,384KB内存(可扩展到1.5M),1024*768的黑白分辨率,两个按键的鼠标(原来是3个按键),最重要的是拥有桌面软件,支持多语言,能够连接文件服务器、邮件服务器和打印服务器。可惜的是,Xerox Star是一个完全封闭的系统,不允许人们应用系统之外的其它程序语言和开发环境,这也意味着它不支持第三方软件。
Star

1983
1983年1月,苹果公司发布了Lisa办公系统,结合Lisa硬件、操作系统、办公软件,苹果公司设计出了一款强大的文件处理工作站。它最大的亮点是支持3.5英寸的软盘,能够最小化、关闭窗口,复制文件等。这其中有个有趣的故事,当年史蒂夫乔布斯在参观PARC时看到了运行于Alto的Smalltalk,他是个有心人,回去之后就抓紧开发出了更健全的系统,不仅拥有Smalltalk的GUI环境,还增加了下拉菜单、桌面拖曳、工具条、苹果系统菜单和非常先进的复制粘贴功能。
Lisa
read more »

2010世界杯的Android之旅

world cup banner

这个夏天,伴随着世界杯的临近,人们的心情也已开始升温,大家都期待着那一幕幕激情的场面上演,再次血脉贲张,心跳加速,再次摔一次酒瓶,拥着女友……这些夜晚,我们夜未眠。

作为一名伪球迷,在观注世界杯的同时还想着要做点什么,结合自己的专业,我想到了设计一个有关世界杯的Android应用。从市场角度考虑,这也不失为一个好的选择,足球是世界性的运动,有着广泛的群众基础,世界杯就是球迷们狂欢的盛会,它一定会成为大家最关注的话题。另一方面,随着Google的发力,装有Android系统的手机的用户数越来越多,分析这些用户的特征,我们不难发现,他们年轻、有活力、对新事物充满好奇,这个激情的夏天,他们注定与足球有一次亲密的约会。

首先进行了资料收集也竞品分析,FIFA官网及各大门户网站都推出了相应的世界杯专题页面,其内容都大同小异,都设置了新闻、赛程、小组、队伍、图片、视频等,页面信息量巨大。Android market上也有了相应的应用,下载并试用,这些应用都包含一些基本的数据,分别为赛程、小组、队伍,个别应用还加入了更为丰富的动态数据,用户可以浏览新闻,参与评论。

综合分析,这些应用所呈现的信息都简洁明了(有的功能太过简单了),UI设计太过粗糙,细节不到位,结合其优点,我计划加入一些贴心的功能。在赛程设计下与calendar及clock连接,用户可以把赛程加入到日程安排中,并设置闹钟提醒。当用户在观看比较时,还可能通过评论功能进行实况直播,与同时在观看的用户展开讨论。

接下来进行更为深入的交互设计,开始根据手机界面的特点进行相应的布局,如下图所示
UI Flow for FIFA 2010

(上图是在AI中绘制的大概的布局,我会在以后制作成详实的UI Spce)

在视觉设计上,我提取出一些关键字:足球、南非、节日、球迷、夏天、激情、美女、吉祥物、绿茵场、球星。从这些元素中寻找灵感,争取设计出风格独特,令人赏人悦目的图形用户界面。

总结:在产品设计过程中,团队的沟通非常重要。此应用涉及到网络存储服务,这个功能的实现就得与开发人员密切配合,多讨论,进行不断的迭代,反复推敲。

是为记

个人知识管理之我见

5月份UCD书友会的话题是设计师的个人知识管理,就这一话题谈谈个人的理解。

每个人所掌握的知识点不一样,在设计师这个群体中大家也有所侧重,而且随着职业的发展,知识和经验的积累,个人所追寻的知识也会慢慢转变。我相信白鸦现在翻看他以前写的博文,对比他现在所关注的、所学习的知识,这一定会有许多不同。知识就像阶梯,帮助我们拾级而上,到达心中所渴求的高度。是的,我们终将成为那个我们想要成为的自己。

如何进行个人知识管理呢,我想写博客一种非常好的方法,这不仅是一种记录方式,更重要的是促进我们去思考,煅炼了思维及组织能力,还可以与志同道合的人交流。UCD书友会的目的也是学习与交流吧。

网上有许多文章谈个人知识管理的工具,个人最有感触的就是用freemind制作思维导图了。很久以前写了在个人博客上发了一篇文章,一位网友把文章内容用思维导图的方式制作了出来,发邮件给我。当看到这张思维导图时非常惊奇,清晰明了,询问之,网友推荐看阅读《思维导图从书》。后来,阅读完一篇文章后总是会尝试着用思维导图对其内容进行概括,后来,我和这位网友成了好朋友。

对于其它的网络应用(豆瓣、 Google reader、google buzz等),个人觉得这些虽然有利于记录,可以对喜欢的文章进行收藏&分享,但更偏重于信息的获取。这些信息需要经过筛选,思考才能形成个人知识。因为我们通过订阅所看到的大多数内容都属于信息范畴,了解信息使我们能够或窥探历史(朋友分享中有些文章都是关于历史的)或跟紧潮流,我们还要在了解这些信息的之后进行思考,进行有序的组织,有时还有必要反刍,作一名反智的书生,于此,这些网络应用也就很好地利用起来了。

个人还有个认识——网络阅读很多都是浅阅读,静不下心来认识看篇文章,就算看完了也不会停下来思考,总是迫不急待在点击下一个链接。网络信息犹如汪洋大海,我们可以恣意畅游,可却也容易迷失,时间是花费了,得到的知识却不多,订阅的内容从来都看不完,信息强迫症又让我们不敢退订,生怕哪天错过了重要的信息。从现在起,退订那些你常不看的RSS源,那些更新频率过快的网站吧,宁可求精也不求多,把节省下来的时候用于思考,做笔记。

关于阅读的问题,纸质书本的阅读还是令人心旷神怡的(我还没试过在ipad上读书),拿起书本,就有一种仪式感,需要一种气氛,能够静下心来阅读,在重要的地方做笔记,做摘要,合上书本,回忆&思考。至今还记得看《麦田守望者》情景,我躲进被窝里,打着手电,翻着书本,依然清晰地记得那个老师对霍尔顿说的那句话:一个成熟的男人会为了某种事业卑微地活着,一个不成熟的男人会为了某种事业悲状地死去。纸质书本的阅读是掌握知识的一种好方法,也是管理知识的一个好办法。

无疑,ipad是个人掌握知识与管理知识的好工具,我们可以像阅读书本一样看书,不用担心搬家时那成箱的书本,可以随时加书签,做笔记。书籍的交互方式也大大改变,不只是文字,还可以看视频,听声音,就像《哈利波特》中的报纸。一件令人兴奋的事,期待着ipad的到手。

是为记。

纯粹GUI练习

很早的练习了,也只是为了更新