Posts Tagged 'GUI'
GUI（graphical user interface/图形用户界面）的发展史从来就是与操作系统的历史分不开的，他们就像是两个两小无猜的孩子，相互依偎着成长，不断散发出迷人的光芒，在不知不觉中影响着人们的工作生活。细细数来，从1973年第一代图形用户界面（GUI）的呱呱落地到今天Windows 7的整装待发，图形用户界面已经走过了30几年的发展历程，快要步入不惑之年的他更加的成熟稳健，也带给了我们更丰富的体验，为我们提供了更加人性化的服务。今天，就让我们以时间为线索，一起聆听图形用户界面这位朋友所谱写的光阴的故事。
1973
1973年4月，Xerox PARC (施乐公司帕洛阿尔托研究中心)研发出了第一台使用Alto操作系统的个人电脑，Alto首次将所有的元素都集中到现代图形用户界面中，它相当小，但却有着强大的处理图像信息和分享信息的能力，拥有“所见即所得”的文档编辑器，内置了大量的字体和文字格式。另外，Xerox PARC还开发了一种名为Smalltalk的程序语言和环境，它拥有自己的GUI环境（包括了弹出菜单、视窗、图标）。
1981
1981年6月，Xerox推出了Star，Star于1977年开始研发，它延续了Alto的概念，在硬件上做了一些升级，384KB内存（可扩展到1.5M），1024*768的黑白分辨率，两个按键的鼠标（原来是3个按键），最重要的是拥有桌面软件，支持多语言，能够连接文件服务器、邮件服务器和打印服务器。可惜的是，Xerox Star是一个完全封闭的系统，不允许人们应用系统之外的其它程序语言和开发环境，这也意味着它不支持第三方软件。
1983
1983年1月，苹果公司发布了Lisa办公系统，结合Lisa硬件、操作系统、办公软件，苹果公司设计出了一款强大的文件处理工作站。它最大的亮点是支持3.5英寸的软盘，能够最小化、关闭窗口，复制文件等。这其中有个有趣的故事，当年史蒂夫乔布斯在参观PARC时看到了运行于Alto的Smalltalk，他是个有心人，回去之后就抓紧开发出了更健全的系统，不仅拥有Smalltalk的GUI环境，还增加了下拉菜单、桌面拖曳、工具条、苹果系统菜单和非常先进的复制粘贴功能。
继续阅读…
Tags: GUI, UI设计
May 30th, 2010
hanyan
这个夏天，伴随着世界杯的临近，人们的心情也已开始升温，大家都期待着那一幕幕激情的场面上演，再次血脉贲张，心跳加速，再次摔一次酒瓶，拥着女友……这些夜晚，我们夜未眠。
作为一名伪球迷，在观注世界杯的同时还想着要做点什么，结合自己的专业，我想到了设计一个有关世界杯的Android应用。从市场角度考虑，这也不失为一个好的选择，足球是世界性的运动，有着广泛的群众基础，世界杯就是球迷们狂欢的盛会，它一定会成为大家最关注的话题。另一方面，随着Google的发力，装有Android系统的手机的用户数越来越多，分析这些用户的特征，我们不难发现，他们年轻、有活力、对新事物充满好奇，这个激情的夏天，他们注定与足球有一次亲密的约会。
首先进行了资料收集也竞品分析，FIFA官网及各大门户网站都推出了相应的世界杯专题页面，其内容都大同小异，都设置了新闻、赛程、小组、队伍、图片、视频等，页面信息量巨大。Android market上也有了相应的应用，下载并试用，这些应用都包含一些基本的数据，分别为赛程、小组、队伍，个别应用还加入了更为丰富的动态数据，用户可以浏览新闻，参与评论。
综合分析，这些应用所呈现的信息都简洁明了（有的功能太过简单了），UI设计太过粗糙，细节不到位，结合其优点，我计划加入一些贴心的功能。在赛程设计下与calendar及clock连接，用户可以把赛程加入到日程安排中，并设置闹钟提醒。当用户在观看比较时，还可能通过评论功能进行实况直播，与同时在观看的用户展开讨论。
接下来进行更为深入的交互设计，开始根据手机界面的特点进行相应的布局，如下图所示
(上图是在AI中绘制的大概的布局，我会在以后制作成详实的UI Spce）
在视觉设计上，我提取出一些关键字：足球、南非、节日、球迷、夏天、激情、美女、吉祥物、绿茵场、球星。从这些元素中寻找灵感，争取设计出风格独特，令人赏人悦目的图形用户界面。
总结：在产品设计过程中，团队的沟通非常重要。此应用涉及到网络存储服务，这个功能的实现就得与开发人员密切配合，多讨论，进行不断的迭代，反复推敲。
是为记
Tags: android, GUI, ui design
May 22nd, 2010
hanyan
很早的练习了，也只是为了更新
Tags: GUI, ui design
January 31st, 2010
hanyan
继续阅读…
Tags: GUI, UCD, UI设计
November 19th, 2009
hanyan
去年的GUI练习了，现在看来有许多不成熟的地方，一些功能的设计，表现手法上面都受到当时自身状态的限制，不过我会努力的，争取把UI做好。在12月底把今年的GUI作品整理好，再发出来，作为对一年的总结。
继续阅读…
Tags: GUI, ui, 手机UI
November 9th, 2009
hanyan
生活中，你是否注意到诺基亚的口号是“科技以人为本”；宜家卖场里的餐厅是为了方便顾客浏览完商品后休息用餐而精心设计，以至于一些人把聚会地点设在那里，用以度过一个庸懒的下午；Google的产品总是简洁易用，那个在愚人节发布的Gmail完全颠覆了邮箱的概念，与Gtalk、Gphone的结合不禁让人惊叹，原来Gmail还可以这样用的；山寨机的高音喇叭在很大程度上就满足了一些小青年在大街上播放“2002年的第一场雪”的需求，极大的符合了大众的表现心理。这样的细节还有很多，他们都遵循一个规律——以用户为中心的设计。
以用户为中心的设计，简单的说，在进行产品设计时，从用户的需求和感受出发，围绕用户为中心设计产品，而不是让用户去适应产品，无论产品的使用流程、产品的信息架构、人机交互等，都需要考虑用户的使用习惯、预期的交互方式、视觉感受等方面。
在手机这片红海里，“钱多，人傻，速来”的时代早已一去不复返，当年的“刀锋战士”摩托罗拉如今却也廉颇老矣。要想在市场中提高产品竞争力，我们需要做的就是脚踏实地地做好产品，适时地创新，这不是一句口号，而是要落实到行动，时刻想着为什么要这样设计，是否符合用户期待值，甚至超出用户期待望。有时我们会发现产品的某项功能操作复杂，难以使用，学习性非常差，用户在使用过程中极易产生挫折感，可当问起设计人员为什么这么设计，是否有为用户考虑时，设计人员给出的答案却是让用户自己去看说明书。用户为什么要看说明书，产品的易学易用性是在设计过程中就需要考虑的，好的产品使用的是用户的语言而不是机器语言，要让用户一目了然，这也是UI设计的一个重要原则。
继续阅读…
Tags: GUI, ui, 用户体验
October 14th, 2009
hanyan
Previous Posts
