Tag Archives: UI设计

操作系统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 »

近段时间的一些GUI作品




read more »

交互设计学习笔记之《如何进行可用性评估》

如何进行可用性评估

可用性评估,它的主要目的是为了找出可用性方面的问题,即用户能否很好地使用产品的各项功能。

用户研究是制作原型和可用性评估的基础和前提,只有通过用户研究,设计人员才知道用户对界面的特定需求和使用特点,才能在这些知识的基础上制作原型,同时在对原型评估时,也必须根据用户自身及使用时的特点来对原型的好坏进行判断。

根据在评估过程中是否有用户参与,可用性评估可以分为两大类。第一类是没有用户参与的评估方法,第二类是用户参与进行评估的方法,为什么会存在没有用户参与的方法呢?以下是两个主要原因: read more »

交互设计学习笔记之《如何使界面让用户一看就懂》

交互设计学习笔记之《如何使界面让用户一看就懂》

1.采用比拟手法

      比拟是人类语言中的一种修辞手法,其实质在于利用人们熟悉的或容易理解的知识去解释人们不熟悉的或难以掌握的问题。在软件设计中,比拟手法经常运用于以下领域:

      对某种界面进行比拟,软件界面中最常见的按钮就是对我们现实生活中种种物理的实休按钮进行模仿。它所借用的实体按钮的主要特性在于,当人们按下按钮后会触发一个动作。

      界面上的文字用语借用我们已经熟知的词语,如关闭、找开、移动(窗口)、复制、属性、重命名等。

      软件界面的整体外观借用我们已经熟知的事物或物体,例如windows操作系统的桌面就是模拟了真实世界中的办公桌面。

      在用户手册的编写中采用比拟手法,帮助用户更好地理解软件的功能和使用方法。

使用此方法时应注意的问题

      比拟的根本目的只是为了帮助用户理解软件,而并不需要在所有的方面和所要比拟的对象完全一样,尤其在操作上。

      不要被我们用于模拟的实际物理对象限制了我们的思维和想像力,这里主要指一些操作作为。

2.模型匹配原则

      首先需要理解三个概念:心理模型、实现模型系统模型 read more »

中文输入法的寻觅

在各种人机交互中,输入法起了非常重要的作用,它架起了人与机器之间沟通的桥梁,中文输入法的出现更是让使用中文的人们在机器的世界里如鱼得水。

Iconfans组织了一次输入法UI设计大赛,借此机会对中文输入法进行了一番研究,了解了其历史、发展和使用情况,最后总结成思维导图(如下图,点击放大图片)

中文输入法
搜狗拼音
极点输入法
智能ABC
火星文输入法

据了解,各中文输入法的界面都包含有全半角、中英文标点、软键盘的图标,可这几种功能平时用的几率多朋大,我相信很多用户都不知道全半角的意思(在中国为数众多的网民中),软键盘又是在何时用到,我想到了三种情况:1. 需要帮助的人士(上海地铁的温馨提示法),2. 防止密码被盗,3. 插入特殊符号。那么最初放置这些图标的目的是什么呢,在英文输入法里这个功能被隐藏起来。可能在中文输入法一出现时就显示在界面上,那时的功能不多,可以全放上去,可是发展到现在,功能多种多样,为什么布局还没多大变化呢,表情&符号对来聊天来说用的机率非常大,为什么不在界面上放置一个图标呢?我猜想也许是一开始就是这种布局,已成为一种习惯,各设计都不敢去挑战,打破固有的布局,按步就搬,亦步亦趋是最好的模式,至少不会犯错误。

中文输入法又是如何盈利的?安装时捆绑软件?这种办法估计行不通了。那么品牌植入呢?在拼音输入时调整下排字顺序,如输入gg,第一个出现的谷歌,而不是哥哥,这也许是一种尝试。如今各大公司都推出了自己的输入法,搜狐的搜狗拼音输入法口碑非常好,谷歌的谷歌拼音,腾讯的QQ拼音也都加入了市场竞争,在硝烟弥漫的战场上投入炸药。大公司有强大的经济后盾,他们只要做好产品,圈住用户,引导用户使用其它产品,各产品之间进行融合,提高产品的竞争力,而小公司呢?他们如何生存,靠下载页面的广告吗,还请了解的朋友不吝告之。

如果让你来设计火车票

关于火车票的重构问题,网上有朋友进行了设计,本人自己也有些想法,于是也进行了一次分析,首先罗列出车票所包含的信息(如下图)
 

然后我们根据用户出行的整个过程对车票中各信息的重要性进行分析:
 购票行为:
1.按车次:此类用户对自己的出行信息比较了解,他们一般都知道发车的时间,票价,到达目的地的大概时间等信息,喜欢把主动权掌握在自己手上。
2.按地点:此类用户对自己的行程掌握度不高,行动受车票走势的控制,车次发车时间对他们的影响非常大。

分析这两类用户,他们都有个共同点——目的地明确,它已经刻在了出行者的脑子里,在购票之后,出行者所要做的就是按时上车,上对车,找到座位,这其中车次和时间发挥了重要的作用,车站的指示牌都是通过车次来引导乘客进站的,下图记录了(D5657)一次进站的指示过程:
 

一楼墙上的指示信息
候车室
车厢指示
站台
座位

在整个过程中,车次、发车时间、座位对于乘客是最重要的,再次按信息的重要性这个维度对其进行整理,如下图:

信息整理

分析现在的火车票,发现出发地点&目的地和车次的重要性是并列的,车次处于中间位置,比较显目,接下来乘客所要得到的信息就是发车时间和座位,而在现在火车票的设计中却处于二级位置,与其它信息的层次分不开,不够显目。因此需要做的就是加强发车时间与座位的识别性,使乘客在第一时间就可以从信息堆中识别出来,加大字号是一种设计选择,也可以改变字体的颜色(车票中已经有车票代码是红色)。