“NFC Accounting tools” design

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

操作系统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
继续阅读“操作系统GUI进化史”

2010世界杯的Android之旅

world cup banner

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

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

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

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

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

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

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

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

是为记

以用户中心的设计

生活中,你是否注意到诺基亚的口号是“科技以人为本”;宜家卖场里的餐厅是为了方便顾客浏览完商品后休息用餐而精心设计,以至于一些人把聚会地点设在那里,用以度过一个庸懒的下午;Google的产品总是简洁易用,那个在愚人节发布的Gmail完全颠覆了邮箱的概念,与Gtalk、Gphone的结合不禁让人惊叹,原来Gmail还可以这样用的;山寨机的高音喇叭在很大程度上就满足了一些小青年在大街上播放“2002年的第一场雪”的需求,极大的符合了大众的表现心理。这样的细节还有很多,他们都遵循一个规律——以用户为中心的设计。

以用户为中心的设计,简单的说,在进行产品设计时,从用户的需求和感受出发,围绕用户为中心设计产品,而不是让用户去适应产品,无论产品的使用流程、产品的信息架构、人机交互等,都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。

在手机这片红海里,“钱多,人傻,速来”的时代早已一去不复返,当年的“刀锋战士”摩托罗拉如今却也廉颇老矣。要想在市场中提高产品竞争力,我们需要做的就是脚踏实地地做好产品,适时地创新,这不是一句口号,而是要落实到行动,时刻想着为什么要这样设计,是否符合用户期待值,甚至超出用户期待望。有时我们会发现产品的某项功能操作复杂,难以使用,学习性非常差,用户在使用过程中极易产生挫折感,可当问起设计人员为什么这么设计,是否有为用户考虑时,设计人员给出的答案却是让用户自己去看说明书。用户为什么要看说明书,产品的易学易用性是在设计过程中就需要考虑的,好的产品使用的是用户的语言而不是机器语言,要让用户一目了然,这也是UI设计的一个重要原则。
继续阅读“以用户中心的设计”

常见的手机UI布局

目前市面上销售的山寨机其UI布局大致都一样,只是对局部进行了定制,这些局部的修改一般会在如下几个情况下发生:1.老板看到一款品牌机上某些效果不错,于是下面就开始忙了(如三星待机界面的widget,LG的三维立体效果,现在很多机器上都实现了);2.某些特别好的效果被设计人员看到了,这时候他就要与软件沟通,这就是一个搏弈的过程,一般设计人员会发封邮件,阐述这个效果如何牛逼,有多大的好处。很多时候软件人员是不愿意修改的,他们会以工作量,风险值等理由来推脱,双方都在打太极。

山寨机更新速度快,其原因主要是它只需改造型与GUI,GUI的规范都固定了,只需在相应的坐标内进行图形设计,然后切图给软件,软件把图片替换就行了。用户不需要知道你是如何设计,在什么平台(MTK、展讯或高通)上开发的,你只要有一点能抓住用户的心理就行,例如超强的喇叭,百米之处就能听到他放的是杰克逊的歌曲;超实惠的价格,用很少的钱就可以买到一台高仿机,让人误以为你用的也是诺基亚。

这些手机的UI布局大致是这样的:

首先是Idle界面,分为status bar/time&date/shortcut/softkey,如下图就是展迅W平台的常用待机界面。

主菜单(mainmenu)界面中除去status bar、softkey,中间部分就分为九宫格或十二宫格。其大概有这些功能:通话记录、电话簿、短信、浏览器、设置、多媒体、文件管理、娱乐空间、百宝箱等。多媒体中包括了相机、音乐播放器、视频播放器、FM、录音。百宝箱中包括了闹钟、日历日程、蓝牙、计算器、世界时间、倒计时、归属地、秒表、电子书等。


一般出一套GUI方案,只需要确定好风格,设计出主菜单界面的图标,背景图,状态栏背景,标题栏背景,功能键背景,二级菜单中选项的选中状态,滚动条,然后就是一些特殊界面的设计了,如MP3/MP4,世界时间,FM、日历、相机等,状态栏上的小图标会根据情况进行相应的修改,开关机动画、充电动画这些也会重新设计。

在这些UI布局中,有时用户需要进行三次操作才能找到相应的应用程序(待机界面>主菜单>多媒体>MP3),体验实在不够良好,特别是文件管理器,找一张图片,有时需要进行六步才能看到。这也是这些平台交互设计非常不好的地方。

如果开发这些平台的公司能够更加注重交互设计,在原有的基础上进行改进,这对用户,对自己公司的发展都是非常有好处的。

2009年7月总结

当你处于忙碌状态一段时间后,忽然缓过神来,发现时间早已离你而去,不禁唏嘘,这狗娘养的时间真是太狠心了,就这样绝情地走了,留给你的只有满是情绪化的回忆,或悲伤、或明快、或精晰或模糊。在这段时间里,你都做了些什么,是和恋人分手了吗,还是你们又合好了,或是一直忙于工作了,亦或是无所事事,悲天忟人?

在新公司一个月了,几乎把大部分的青春都献给了它,每天都有加班,忙项目,在这一个月的时间里我完成了三个项目,有整套原创手机UI方案的,也有为客户定制GUI风格的。虽然很忙,有时做梦也想着画UI,可感觉还是挺充实的,学到许多东西,让我对底层的基础知识有了更深入的了解,我要在最短的时间内学到最多的知识,这也是别人在一个月只做一个项目,而我可以完成三个项目的原因,我可以让自己一天除了吃饭时间其它都在电脑前工作,现在充分意识到了时间的重要性,留给我奋斗的时间不多了,三十而立,我的青春我做主。

一直非常看好google的android系统,也非常想在些系统的基础上进行开发,做出强大的应用,这也是学有致用吧,无论是交互设计还是GUI设计,在android这个平台上,我可以很好地发挥自己所学的知识,成就一番事业。

上个月买的几本书还没有看完,梁文道的《常识》还没开始阅读,倒是陈丹青的《退步集》与《荒废集》看得差不多了,让我对陈丹青有了比较清晰的认识,也对一些文化现象有了些许了解,结合自己以前的经历,需要告诫自己的是,沉下去,沉下去,努力做点实事。

本杰明主编的漫画《本色》在书拿到手时就看完了,说心里话,不太喜欢本所描述的故事(他的画风还是很棒的),在他笔下总是这个世界如何的不尽如人意,到处是魔鬼与行尸走肉,然后救世主降临了。故事里加入了太多的个人感情色彩,这是我不喜欢的原因。在我看来,如果要让作品更优秀,我们需要更多的是理性,以理性的观点来看待事实,用冷静的旁观者的姿态来看待问题,不能被个人情绪所左右。在这一点上,我看的电影中张扬导演的《盲井》就非常有张力,导演只是在讲述一件事,一件令人深思的事,就是在这种看着平静的叙述方式下隐藏着强大的爆发力,足以震憾人心。

可就是这样出色的作品在天朝却成了禁片,在天朝只能是歌舞升平,暖风徐徐。还好我们有网络,可以突破那道伟大的“墙”来寻找历史的真相,twitter被封了我们还有办法,picasa被封了我们再转移阵地,哪里有压迫哪里就有反抗,我们需要做的不是在那里叫嚣,喧泻不满,更重要的是沉住气,做点实事,哪怕只是那么一点点,积土成海,聚沙成塔。如果别的同学不懂得翻墙,那么我们可以教他,如果他们找不到像《盲井》这样的作品学习,我们可以共享,不是有强大的P2P技术吗?我们可以做的还有很多,一篇文章,一句话……

《牧羊少年奇幻之旅》——令人敬佩的牧羊人,寻找生命中的宝藏,我们背井离乡,流浪在外面的世界,有苦有泪,有欢声笑语,这也许就是生命的意义,每个人的一生都很短暂,如何让我们的一生更加精彩,这需要每个人去寻找,而牧羊少年选择了牧羊,选择了到阿拉伯国家,到沙漠,到埃及,一路走来,精彩纷呈。

最后总结,做一个独立思考的人。

上海毅仁招聘UI设计师

职位: 用户界面图形设计师 (GUI designer)
薪金: 面议
有效期至: 2008-07-31
工作地点: 上海市黄浦区
公司名称: 上海毅仁信息科技有限公司
简历投送邮箱: lemonliu@e28.com

用户界面图形设计师

工作地点:上海,黄浦区

您的职责:
1. 负责移动通信终端的人机界面图形设计工作;
2. 与交互设计师沟通,参与完成用户界面原型设计;

对您的要求:
1、优秀的软件界面设计能力及相关领域工作经验;
2、具有创新意识和出色的视觉表达能力,善于学习,设计触觉敏锐;
3、本科或本科以上平面设计或工业设计相关专业学历;
4、良好的沟通能力,团队协作、互助精神;
5、精通矢量和位图制作软件。有交互设计经验者优先;
7、请务必在简历内附加设计作品(4M以内),或列出网址。

UI设计师

工作地点: 上海,黄浦区

对您的要求:

1. 相关专业(交互设计、工业设计、通信、计算机、信息管理、认知心理学、人机工程)本科及以上学历;
2. 较强的自我管理能力,学习能力。较好的沟通能力、主动性和团队协作能力;
3. 具有用户研究、可用性测试和评估技能者优先;
4.有相关工作经验者优先,也欢迎应届毕业生应聘。

您的职责:

1. 负责移动通信终端的人机界面交互设计工作;
2. 跟踪产品需求(新增需求和需求变更), 维护UI设计文档;
3. 产品易用性研究、分析;
4. 跟踪和分析业界的可用性设计热点与趋势;
5. 与图形设计师沟通图形界面设计构想;

公司简介:
上海毅仁信息科技有限公司, 是世界领先的开放源双网融合终端及与系统整合解决方案的提供商。为电信及宽带运营商、服务提供商和手机制造

商提供基于Linux操作系统的双模(GSM+WiFi)智能手机及系统整合解决方案。

更多信息请登陆网站www.e28.com

简历请发至 lemonliu@e28.com