存档

‘UED’ 分类的存档

设计更好用的网页(一):顶部的黄金区域

2009年11月1日

前面的话:

前段时间琢磨过一阵山寨网站的界面设计,这里所谓的山寨网站,泛指一些看上去没有太规范化的UI、设计风格粗犷、眼花缭乱、色彩丰富,设计风格与百度、google等简洁风格截然相反的,同时,这些网站提供的内容和服务非常符合一部分用户的实际需求,大家也都热情洋溢的用着的网站。很典型的就是下载网站、小说等一些内容丰富、满屏幕广告的网站。由于近年“山寨”的流行,姑且称之为山寨设计吧。

山寨设计由多方面原因造成,因为早期大家对网站设计都没有太深的认识,加上网站的发展的确非常迅猛,形成了具有我们国家互联网特色的“长闪挤花”的网页设计;另外,各种背景的互联网公司,需要考虑网站成本预算的boss、项目负责人,对网站设计都没有重视起来,导致了一大批没有经过调研、思考的网站设计的产生。也因此,我们的网民长期接受着这样的网站设计,尤其是一些网龄不长比较初级的互联网用户,或许还觉得网站设计就该这个样子吧?在杂乱的网页上寻找内容,或许已经成为习惯;尤其是一些下载网站各种各样的下载按钮,经常下载软件的朋友应该知道这种感觉了。

从web界面设计者的角度,这样的山寨网站设计是不被很多有点理想化的设计师认可的。因为这样的网页,浪费了用户大量的精力,人们要在很多杂乱的视觉信息中寻找有用的东西。因此,近几年来,大家开始把用户体验上升到一个新的高度,都出来琢磨怎样设计界面让用户更好用。

百度开始框计算,是最终极的一种产品理想;行业内用户体验被越来越频繁的提出;尽管用户体验设计的职业还不明朗,但我们也看到越来越多的从业者开始接触他们;从事搜索优化的点石把SEO提升到了用户体验的角度——这些都越来越清楚的告诉我们,以用户为中心必然是大势所趋,今后的互联网战场,以用户为中心的设计将会是很重要一个竞争力。

这个主题《设计更好用的网页》会成为一个系列的专题,不定期的更新一些体会和思考,跟朋友们一起进步,对自己也是思路的整理。开始正题吧。

第一篇 顶部的黄金区域,让正文离地址栏再近一点

最近用的较多的两个产品,一个是Flickr,一个是豆瓣,无意之间,发现了他们的一个共同点:即顶部的标志、导航区域的高度都非常小。截图是这样的:

截图

这样做有几个好处:

  1. 简洁,logo是网站名,一般会加上回到首页的链接。另外就是导航菜单,这张图不是很完整,右侧,都很默契的放着会员登录信息和退出,以及搜索框;没有视觉干扰;
  2. 导航。一级导航直接显示出来,二级导航隐藏,用户需要的时候会找到隐藏起来的二级导航;豆瓣导航的当前页的标题在导航中处于选中状态,方便辨认当前的网页主题;
  3. 由于顶部黄金区域的高度很低,所以很容易看到左侧网页展示出来的有用信息。尤其对于很多用户仍然使用1024*768的屏幕,这一点非常重要。

一些延伸:

开心网、facebook等所有的主流的sns网站都将顶部的区域的高度控制的非常少。

开心网的顶部相当的简洁,从上线至今一直没改过:
22

人人网登陆后页面相当混乱,是个反面教材,可以看一下:
renren

门户网站的内容页浏览起来很和谐,很方便,看看新浪是怎么设计的:内容非常靠上,符合用户视觉的习惯,从左到右的视觉方向。
sina

UED , , , ,

人机交互技术概述

2006年2月23日

图形用户界面
介于人与计算机之间,人与机器的通信,人机界面(HCI):软件+硬件

发展:由指示灯和机械开关组成的操纵界面->由终端和键盘组成的字符界面(80年代)->由多种输入设备和光栅图形显示设备构成的图形用户界面(GUI),(90年代)PC,工作站,WIMP(W-windows、I-icons、M-menu、P-pointing devices)界面,所见即所得->VR技术(发展方向)

由计算机发展决定:
科学计算机型->无处不在的计算机,人机溶合,提高交互效率。

HCI
HCI是设计、评估和执行交互计算机系统以及研究由此而发生的相关现象的。

HCI是未来的计算机科学。我们已经花费了至少50年的时间来学习如何制造计算机以及如何编写计算机程序。下一个新领域自然是让计算机服务并适应于人类的需要,而不是强迫人类去适应计算机。
—-Dan R.Olsen(CMC)

多媒体人机交互技术

人机交互:
Human Computer Interaction,是研究人与计算机之间交互的技术。

多媒体人机交互技术概述:
多媒体人机交互技术是多媒体技术和人机交互技术的结合。
信息表示的多样化和如何通过多种输入输出设备与计算机进行交互是多媒体人机交互技术的重要内容。
多媒体人机交互是基于视线跟踪、语音识别、手势输入、感觉反馈等新的交互技术。

人机界面:
User Interface,又称用户界面,是计算机与人之间交流的接口。

人机界面的发展
手工操作:最早的计算机采用
命令通行无阻:DOS等操作系统采用
图形用户界面:Windows系列采用

人机界面的设计和开发在整个系统的研制中占40%~60%的比重。

多媒体人机交互方式:

输入
键盘输入:传统方式
鼠标输入:图形用户界面的重要输入方式
手写输入:手写汉字识别,”平板电脑”
语音输入
触摸屏输入
数字化仪输入:适用于CAD/CAM系统
扫描输入:条形码、扫描仪、光电阅读器
三维输入:数据手套、三维鼠标、力矩球等
视觉输入:摄像设备。机器人的视觉

输出
显示终端输出:重要工具。
声响输出:声波
打印输出:标准输出设备之一
三维输出:产生三维输出的设备有投影显示器、头盔显示器、电视眼境等

多媒体人机交互技术应用领域
软件界面设计:多媒体化
自然语言人机交互
输入输出装置的设计
计算机辅助设计和制造(Computer Aided design CAD/Computer aided manufacturing CAM)

UED, 互联网

GUI设计禁忌

2006年2月22日

本文列举Jeff Johnson:《GUI设计禁忌》一书中提及的明确针对Web设计和笔者认为对Web设计有参考意义的设计原则和禁忌。设计Web项目时尽量参考一下基本原则,避免设计禁忌,应该能使Web项目的GUI上一个层次。

基本原则:

1、关注用户及其任务,而不是技术

2、首先考虑功能,然后才是表示

3、从用户的视角看问题,使用用户的词汇进行描述

4、不要向用户暴露实现细节

5、使常用的用户任务简单化,不要让用户解决额外的问题

6、保持一致性,引导用户的使用习惯

7、保持显示惯性,传递信息,而不仅仅是数据

8、设计应满足响应需求

禁忌:

1、同一页面包含重复功能的链接或按钮

2、将复选框用作单选按钮

3、无初始值的多选一设置

4、在非开/关设置中使用复选框

5、用文本框显示只读数据

6、单选按钮之间间隔太大

7、属性标记对齐方式不一致

8、当前无效的控件不充分置灰

9、显示对用户无意义的错误提示

10、不同的类型页面窗口显示相同的标题

11、窗口的标题和调用的命令不一致

12、要求用户输入随机数

13、相似的功能却有不一致的用户操作界面

14、取消按钮无法真正取消操作

15、网站结构反映公司的结构或网站升级的历史

16、返回按钮不能达到预期的目的

17、搜索选项过多,过度复杂

18、使用容易被忽略的隐藏的图片链接

19、需要向下滚动才能看到当前页的重要信息

20、图片按钮对鼠标按下操作没有视觉变化

21、无意义的虚假进度条

22、执行长时间的任务时鼠标指针不显示成忙状态

23、不考虑用户可能的人为的错误输入

24、认为好的UI就是漂亮的UI

25、盲目错误的使用页面模块化设计

UED, 互联网

UI设计观

2006年2月22日

前言:
我们的今天的社会,从表面上看,大家身边的朋友还都是那些人,但联系人与人之间东西,却发生了质的变化!而人与人之间的联系,是人类这一生命形式能够不断强大和超越目前已知其它生命形式的最根本手段。
因为单个人,不足以战胜一匹狼,不足以比过一只麻雀,不足以敌过一条毒蛇–也就是说,但一个人是不具备改变自然的能力的。人类发展必须以群体,以社会的形式来集体进行。社会这种形式,也就产生了我们人类社会中所独有的种种关系。
经济、政治、军事、文学–而这些,归根到底,还都是一种人与人之间的关系,这些关系以这样的形式来解刨,我们会发现,人类活得真的很累!也活得很复杂!有事没事就搞出很多关系,很多概念和意识来,争得你死我活,打得天昏地暗!
也许一个字就可以形容人类–累!
人和人之间的关系语言;由于语言无法保存,于是就发明了结绳记事;再后来是书信、电报、电话、卫星通讯、手机,直到今天的因特网。其实想一想,正是人类不断地在改变着联系方式,从而构成了社会发展另一条的主轴线。
我在这里要探讨的就是有关这一联系人类新的内容。并且我们如何使之更好的发挥作用,是人类联系更够更加顺畅!

一、趋势

1969年,美国国防部高级研究计划管理局建立了一个网络,虽然只连接了美国4个军事以及研究用的主机,但是虽也没有想到,这就是对人类有着重大影响的因特网。它以一种前所未有的力量改变了我们的生活,工作,学习,交流、经营、商务方式等。而且它的应用还在以人们所不能想像的速度在急剧扩展,以人们所无法理解的方式在不断改变我们的思想,行动。是很多不可能变成可能,是很多天方夜谭变成现实–不经意间,编制了一张囊括人类全部文明的网,让你的触角可以延伸到世界的每一个角落。

1999年,美国有近50%的资本投向信息技术,用美国本土的话说就是IT。这之后资本投向是以10%–15%的速度在递增。由世界经济火车头的美国资本投向我们可以很明确地看到世界发生了由传统”砖块、水灰”向”IT”的巨大转变。也就是说,新经济时代的到来,我进入到一个”有线”的时代,由”砖块”的堆积向”IT”的”点击”过渡。

与IT直接相关的就是因特网的发展。可以预见的未来,因特网将成为人类世界的一个崭新的时代,将等同于象石器时代、蒸汽时代、电气时代并列于人类进化史中。我们可以从因特网对于商业活动和消费者与日俱增的影响可见一斑。过去几年,人们通过互联网达成的交易额从微不足道的一个小数字一跃突破万亿美元大关,而且这一数字还在呈两位数字在急剧递增。并且这些交易额的80%还只是企业之间B2B业务往来,而存在巨大空间的B2C市场还没有真正被启动,其前途将是难以预料的。

在汽车刚刚诞生的时候,人们叫它”无马客车”,原因是人们在思想上还接受不了它,也不知道该给它一个什么名字。后来人们才给它起了一个名字叫汽车(automobile),字面意思是”自己移动”。

让我们把目光转到现在的因特网,也许是身在局中,对于世界上的80-90%的人来讲,对于他想人们对待当年的”无马客车”一样存在着困惑和迷茫,我们不知道该怎么去对待它,让它为人类服务。

首先让我们从一个企业战略的层面来看它

二、企业战略

企业战略三层次:
1、事业战略。指的是企业究竟选择什么作为公司的主业。
2、竞争战略。指的是在坚持主业前提下,我们将使用什么样的竞争手段来打败竞争对手获得较丰厚的利润。
3、功能战略。为了实现达到较快发展的目的,我们如何根据我们的团队特点,企业现状来制定我们的财务,人力资本,业务流程,技术开发,社会销售,公司管理等基本制度。
战中战略分类,是现在较为科学的分类,很多企业也是根据这种分类来做的企业战略的,在这里我放在文章第一页,目的是想让大家再看文章时就建立一个概念–UI设计应该属于企业面对新经济时代的企业战略的那一部分?这样将有利于更好的理解UI设计。

三、风动?幡动?心动!

近来,”转型”这个词在各种专业杂志上出现的颇为频繁,从这个词中我们不难悟出现在很多企业正面临着一个很关键的时刻!而带来着这种变化的正式新时代的的到来所给企业的压力。

在这方面,有一个很好的榜样!

在很多产品领域,我们都能看到三星这个品牌,你是否会想到34年前,三星电子只是日本三洋公司的一个代工厂商,只是生产黑白电视机的企业吗?从生产黑白电视机到今天从事通讯、半导体、家电产品的开发与生产的大企业。这中间三星经历过的转型有多少次,恐怕连他们自己一时都说不清楚了。而沿着三星发展的轨迹,人们也看到产业的变迁:电视机利润趋薄、通讯事业的兴起、个人电脑的普及、手机的发展、数码产品的风行……尤其是这两年,三星抓住产业发展的机会,屡屡得手,品牌排名的跃升速度像火箭发射一样迅速。三星电子曾经提出成为”全球最大的电子公司”的宏伟目标。当时,有人说这是痴人说梦。而现在,它已经是一个年收入超过250亿美元,成为很多数码电子产品的一个领跑者。

是风动?幡动?还心动?无需多言!

大企业战略非常重要,每个企业在这个方面都不可回避和马虎。但企业战略又不能成为圈,成为限制企业站在潮头上的咒。从三星的例子,我们不难看到,企业战略与社会发展相协调的的灵活性–战略也要不断的调整,才能保证企业的方向永远不错。

四、行动

既然新时代最大特征–互联网,它改变了我们的种种,那么我们企业所要研究的势必就是如何使自己的企业发展战略适合现在的大环境,进而调整战略的各个层次,使它在企业的发展中起到作用。

而作为工业设计–为企业产品创新服务的工业设计,也势必适时调整自己的方向,在设计管理中纳入最新的内容,为企业的发展做出贡献。从设计的角度讲,设计者的任务就是把不能直接为人服务的技术用设计的手段、技巧赋予他消费者能够接受的、和乐于接受的形式,以推广和应用新技术。

这种意义上讲,以特网技术本身也是不能为一般消费者所直接服务的,而它必须借助一定的媒介–UI界面,才可能为人类所直接服务。

1、概念–大系统

UI(user interface)的本意是用户与产品界面的关系。
UI真正为人们所提及重视是基于电脑产品的诞生,人们为解决与机器的交流问题而诞生的新概念–现在人们经历的是图形界面时代,正是这种图形界面才催生了我们今天这个新的经济时代的到来,因为它的出现使计算机走出实验室,而且使互联网的出现成为可能。虽然这是一种基于硬件的应用开发,但不可否认的是,它给了我们无限想象的空间!你我都不可否认,再先进的技术,其技术本身是很难直接被应用于为人类创造愉悦的生活的。而必需借助于一种媒介,图形界面,我们现在讨论的UI目前所担任的就是这种任务。如果人们要想发挥出因特网,计算机,手机等这些高智能产品的价值,就必须研究UI,通过它来获得这些产品卓越功能普及应用。而且事实上,UI本身作为一种设计活动,像其它的任何设计一样,都没有一个唯一解。拿我们现在最好的UI产品图形界面–微软的windows系统来说,也不是我们这个世界上的唯一,因为还有像苹果的操作系统,金字塔操作系统、unix操作系统等。

同样作为手机,如果把手机本身看作是计算机硬件,作为手机的显示器,或是PCB板是不可能给普通消费者已什么价值的,诺基亚、摩托罗拉、TCL、 华为–你能告诉别人他们有本质区别吗?除了品牌,也许人们都知道,大家所使用的芯片,硬件,cpu、电子电容,你似乎给不出太大的区别。这就是我们这个时代得意的特征–技术差异化越来越小,消费者的不断成熟,人们开始在真正关系产品与人的关系–UI。而广义上讲,产品界面,是一个很大的概念,我们周围的一切人造事物都归为产品,那么这些产品所传达给人们的第一视觉印象都应归属于产品的界面范畴。这种意义上讲,UI的真正起源是早于计算机而早已在人类生命中就存在了,所不同的是现在人们才真正开始认识到它的作用和意义,就像前面我们提到的”无马客车”一样,对于这样一个崭新的概念,现在人们还无法把它全部的内容都说明白,也只能给它一个较为粗略的定义来标示它。

那么从这个概念中”UI(user interface)的本意是用户与产品界面的关系”,我们很容易推出断出,产品的造型、产品的包装、产品的装饰、产品的软件界面等都应属于UI这个产品界面与用户之间的关系。而如果把一个公司看作一个产品,那么同样,公司的形象,公司的CI战略等也属于公司这个产品与外界消费者关系的一种界面形象。

也许从UI的这种概念出发,人们更加容易理解现代企业的各项活动之间的有机关系和互动成分。因此在我们设计管理中的UI界面开发,坚持一个系统的,整体的的观点来协调和安排我们不同的技术开发和设计人员就变得越来越重要。

2、百家争鸣

由于现在还没有形成较为统一的UI 设计系统,现在各种软件和网站称为UI设计的最重要代表、就目前流行的图形界面风格WEB有三种方式:多窗体、单窗体以及资源管理器风格,而基于那些有形产品,像手持产品手机而言,也是这几种方式。而这种无序性,这种缺乏专家型的框框条条的鬼限制,和所谓的指导也正为UI设计留下了巨大的发展空间和操作领域,相信为各种优秀的设计留出了无比巨大的空间。

3、新的营销策略

但就现在的社会环境而言,很多商家发现自己投在广告上的大把银子,但自己的产品却还是照常积压,自己花了大把时间制定的战略,走了没几步却发现前面没有了路。大家开始找不到北,迷失在一个新的环境里面–原因是对新的环境认识不够。像现在的通信市场,在市场占有率突破50%的惊喜刹间,却集体迷失方向,个中原因除了对通信行理解不透,不清楚它对技术的依赖程度;也是牌照惹的祸–很多企业陷于利润,有牌照的保护,就万事大吉;再有就是对产品外观理解过于狭隘,以为好的外观就能使企业长盛不衰;还有就是对现在这新经济时代到来准备不足,没有足够的应对措施,以为现在的消费者还是那么好骗,一则广告,几条做秀的花边就能搞定,殊不知现在网络时代的发展,消费者由于和厂家甚至比厂家都第一时间获得各种产品的最新信息,大家都变成了行家,都变得越来越成熟,你骗人–买两块PCB,没有一点实际的效用,就想攒大家的钱,哪那么容易?还有就是过分依赖市场那个营销网络,而忽视了自主技术的重要性,忽视了产品升级换代的重要性,危机意识明显不足,当然还有其它原因,如此这些就导致现在整个通信业面临大缩水(主要是国内企业),反而是那些注重技术储备的,有着产品创新的储备的企业现在开始在这个市场崛起。那些没能在技术上有所储备,在产品创新上缺乏储备和远景,短视的企业,生存都成为严重问题。

就像我上面提到,奶酪不见了,我们自己赶在这之前改变自己,才可能不被这个行业所抛弃。那么从我们分析知道,广义的UI界面意义是非常之广泛的,而由此我们就知道UI的作用将成为下一张各个企业塑造自己产品差异化,完善自己企业形象,催生企业发展的一张新的王牌。

A、塑造产品本身的异化

前期,在企业面临技术同质化的时候,来自国外和国内企业时间得知–大家都加大对产品外观设计投入,有的企业并在此获得极大的发展。工业设计这一职业也因此在国内得到重大发展。也就是说工业设计在塑造企业产品差异化方面起到了关键作用,它将继续发挥它的这一作用,并将毫不动摇地长期存在。
但我们所不能否认的是,工业设计又可以叫做外观设计,如我们在进行的手机外观设计和UI界面设计,我们就不难理解为UI设计应该是外观设计的一个组成部分,这一工作应该归宿工业设计师和软件技术人员一起完成来完成。

这样说是因为我们都知道产品外观本身,是不能给消费者带来产品本事的功能效果的,它的作用是易用,美观,环保和健康,但它还是不能把产品功能直接传递出来,还必须要靠UI界面来实现。UI界面在这里承担一种很微妙的双重身份,一是向消费者传达产品的美观,属视觉作用;而是向消费者传达产品易用方便的人性化要素;再有就是传达产品具有鲜明的特色的个性化;次之就是传达着一种产品的高质量,稳定性的高技术和品质感,也就是产品的功能能在这里得到实施,变成实实在在的效用而为消费者带来服务感受。

如此分析就不难明白,UI设计将成为企业塑造自己产品差异化的下一个必争之地。产品外观抓眼球,UI界面传达人性化、个性化、卓越功能。举个例子,同时一个品牌的相同款式的服装包裹下的两个美女,一样的细胞组成原理的两块肉似乎没有什么区别,但在这两块肉预装的UI界面也许就有了巨大差别,一个是windows xp,一个也许还是windows 97;一个是最新导弹防御系统,一个也许还是小米加步枪;也许–UI界面为我们的想象力插上翅膀,给我们无限的可能!必将成为产品获得新生命的新亮点!那就要看我们这些设计师的思想有多远了!

B、完善企业形象

上面我们提到,广义的的UI界面是包含任何软产品(所有的软件,网页等)的,而今天这个变化无常的数字时代,快得让我们无所适从。也许很多企业花了大把的钱进行信息化建设,但却不知道信息化到底为企业带来了什么,又如何让信息化建设为企业发展贡献力量?就像手机的塑胶壳本身并不能具备通信功能一样,信息化建设中那些网线,那些电脑,那些猫,那些–这些乱七八糟的硬件都不能为企业带来什么实际的效用,这些东西是不可能自己长出脚跑到消费者面前告诉他你是个卓越企业,你生产卓越的产品!达到这一效果的,靠的还是UI界面的作用–通过这一多重重身份的家伙,你传达给受众你的一切,而且你还要保证你真是优秀的,因为大家回去比较,回去选择!点击率成为你获取消费者认同的关键指标。而你在传统广告媒体上的投入,伴随这种发展和媒体的更加专业化多样化,会变得越来越没有效果,而消费者也会变得更加迷茫,不知道该信那个家伙!他最聪明的做法就是自己去比较,全选择,这时候你的UI的好坏,将直接影响上帝对你的评估结果。而这时候以更加关键的因素–品牌价值,知名度将变成消费者做出自我选择的一个参考值。这也就为那些喜欢投机的企业以最沉重的打击。

分析到这里,也许就不用再往下走了,因为现在很多国内企业对信息化建设的水平还只停留在实现办公电脑化,而至于通过因特网实现企业形象的完善宣传,似乎还是个很遥远的事情。

C、企业文化建设的重要工具

因特网的方便在文化建设方面的作用,在这里就不赘述。

D、企业战略新内容

曾有一个著名的理论–木桶理论,说得是一个企业要成功要具备的几个关键要素企业家–资源–资本–产业–管理,而在今天这个新经济时代,似乎这个木桶要翻新。因为新经济时代,传统的很多价值链条被拆分;原来的资本变成负债;垄断市场被无形的放开,而且面临多个选择;消费者转移成本有了明显下降;信息扩散变得很自由,消费者变得很博学;定价必须与精细的市场条件相匹配;供应商,生产商,分销商,以及消费者之间的关系已经发生了翻天覆地的变化,新的关系正在组合中。

有资料表明,当一项技术的使用者超过3000万时,就可以说它已经制度化与这个社会体系中。而因特网这一新技术,现在已经走进10几亿个家庭中,10亿这一数字不仅远远超出了”制度化”的指标要求,而且超出了任何一项技术得以加速影响社会的临界点,人类越来越深深地受其影响着。

基于这种前提,我们无法回避现在人们通过因特网即很容易注册一家公司,从而回避资本的的限制;通过因特网回避销售网络的限制;如此等等。因此对于这种新经济时代的新特征,势必成为企业改变企业战略的新内容。

4、UI设计中应回避的一些细节

A、易用性原则:
按钮名称应该易懂,用词要准确,屏弃那些模楞两可的字眼,要与同一界面上的其它按钮易于区分,能望文知意最好。理想的情况是用户不用查阅说明书就能知道该界面的功能并进行相关的正确操作。 易用性原则的一些细些要求: (1)、相同或相近功能的按钮用Frame框起来,以便于操作。(2)、常用按钮要支持快捷方式和硬件操作,如按Tab键或者是其它键能够实现的切换功能。 (3)、按功能将界面划分局域块,用Frame框括起来,并要有功能说明或标题。 (5)、重要信息的控件和指引性地内容最好有意识放在较醒目的位置。(6)、同一界面上的控件数不要过多,考虑使用分页界面显示多内容,以便也使用者使用观察。(7)、分页界面要支持在页面间的快捷切换。(8)、默认按钮最好能支持Enter及选操作,即按Enter后自动执行默认按钮对应操作。(9)、可写控件要具备自动检测功能,在监测到非法输入后应给出说明并能自动获得焦点。

B、规范性:

(1)、常用命令要有快捷方式。(2)、菜单前的图标能直观的代表要完成的操作。 (3)、菜单深度一般要求最多控制在三层以内。 (4)、工具栏要求可以根据用户的要求自己定制一些内容。(5)、工具栏中的每一个按钮最好有及时提示信息,特别是在手持产品中更加需要,而且这些提示信息可以根据使用要求决定是否显示。(6)、系统最佳状态应被设置为默认状态。(7)、工具栏太多时使用工具厢,而且工具厢要具有可增减性,由用户自己根据需求定制。

C、合理性原则:

(1)、父窗体或主窗体的中心位置应该在对角线焦点附近。 (2)、多个子窗体弹出时应该依次向右下方偏移,以显示窗体出标题为宜。 (3)、错误使用容易引起界面退出或关闭的按钮不应该放在易点位置。(4)、与正在进行的操作无关的按钮应该加以屏蔽。(5)、对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会。 (6)、对运行过程中出现问题而引起错误的地方要有提示,让用户明白错误出处,避免形成无限期的等待。

D、 美观与协调性原则:
界面应该在元素大小比例、颜色质感、形状语义、功能设置等方面适合美学规律,一般不要太突兀,亦不可太平淡(特殊需求的例外),塑造自己的独特性(界面设计的特色要与公司的系列产品要保持一直的界面风格,如背景色、字体、菜单排列方式、图标、安装过程、按钮用语大体一致)的同时,也争取塑造一种和谐舒适的美感。

E、安全性原则:

界面开发者应当尽量周全地考虑到各种可能发生的问题,并在设计中做到使出错的可能性降至最小。(1)、排除应用中那些非正常使用出现中止的可能,以增强稳定性。(2)、应当注意尽可能避免用户无意录入无效的数据。(3)、采用相关控件限制用户输入值的种类。(4)、对可能引起致命错误或系统出错的输入字符或动作要加限制或屏蔽。(5)对可能发生严重后果的操作要有补救措施。通过补救措施用户可以回到原来的正确状态。(5)、对错误操作最好支持可逆性处理,如取消操作。(6)、 在多窗口系统中,有些界面要求必须保持在最顶层,避免用户在打开多个窗口时,不停的切换甚至最小化其他窗口来显示该窗口。 (7)、在主界面载入完毕后自动卸出内存,让出所占用的WINDOWS系统资源。

5、UI在手机产品中的应用

由上分析我们不难知道UI在手机产品中的作用,事实上,我们要做的就是坚持一个原则,那就是创新,解放自己的思想,实事求是地来不断解决产品中的各种问题,以团队的形式来解决各种问题。在产品前期规划、市场定位、产品战略、产品外观设计概念、外观设计方案确认、产品推广、产品包装、产品广告、产品说明书、产品售后服务等各个环节中,建立系统的工作机制,以此达到塑造产品产异化、品质感和提升产品附加价值的重要作用!

五、无为而治

道可道,无恒道–,《道德经》第一段,就像我们传达了一个至高的思想–无为而治。

物质世界的本质是什么?人类社会的的方向到底在哪里?没有人会告诉你一个准确的答案!从有神论到地心说,从地心说到太阳中心说,到宇宙概念,到万有引力,再到相对论–,后面还有多少?我们所知道的,都是一个相对答案,因此面对任何一个新世界,我们都应该坦然地放弃旧世界,而自然的迎接新的,以适合新世界的规律和方式来从事我们的一切活动!

从文章的这些附图–UI作品中,我们不难理解,现代企业所面临的一种新的竞争领域–UI设计。也消费者从来没有听过你公司的名字,从来没有看到过你的产品,但如果你有这样一个优秀的宣传阵地,再加上一些推广手段,那么你可能在保住原有优势的情况下拥有无限新的成功的机会。

UED, 互联网

简单说说UI的设计原则

2006年2月22日

界面并不仅仅是一个应用程序,它应该能为用户服务,是用户与程序沟通的唯一途径。界面的设计为的是用户而不是程序员。

1.简易性。
界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。

2.用户的语言。
界面中要使用能反应用户本身的语言,而不是游戏设计者的语言。

3.记忆负担最小化。
人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。

4.一致性。
是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须与游戏内容相一致。

5.清楚。
在视觉效果上便于理解和使用。

6.用户的熟悉程度。
用户可通过已掌握的知识来使用界面,但不应超出一般常识。

7.从用户的观点考虑。
想他们所想,做他们所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。
如:书籍对比竹简。

8.排列。
一个有序的界面能让用户轻松的使用。

9.安全性。
用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。

10.灵活性。
简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具(包括鼠标、键盘或手柄)。

11.人性化。
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。

UED, 互联网