肥鸟 [ UI物语 ]

 我的日历
 最新评论
 友情链接
  访问计数

  收藏本站  设为首页

 

+------------------------------------------------------------------------------------------------------+

 

[原创]用户界面浅析 2003-10-30

   大块文章2003-10-30 0:0
不知道“算盘”算不算最早的用户界面,用户界面走到今天真是千锤百炼,要做到易用就更是难上加难,目前我想做得是普及用户界面的基本知识,以便更多的设计师接受它、发扬它。我希望用户界面在我们手中可以展现出更多的光彩。

先从图形用户界面 GUI 开始吧!

图形用户界面有时被称为WIMP,表现了它的四种特有属性,即窗口(Window)、图标(Icon)、菜单(Menu)、鼠标指针(Pointing Device)。它的特点是操作直观、提供指针支持及界面图形化。目前图形户界面虽然不能达到较好的易用性,但是针对特定任务我们精心设计,在效果和满意度上绝对优于非图形界面。

窗口,是交互的基础区域,主要包括标提栏、支持移动和大小缩放、菜单栏、工具栏以及操作区。通常是矩形,但是现在很多软件都把它做成不规则形,例如一些音乐的播放器,看上去会更有活力和个性。

图标,是用于标是一个对象的图形标志,使一个标题或功能可以有更直观的操作。我们制作的图标有很大一部分来源于术语符号,例如最小化、关闭等,初次接触的用户可能并不理解其含义,需要区记忆;另一部分图标则是来源于生活,比较象形的,比如喇叭就是调节音量,房子表示HOME,信封表示邮件等。我们在设计时应尽量避免创造新的符号,尽量使用象形的图形。

菜单,是供用户选择的动作命令。在一个软件中,所有的用户命令都应包含在菜单中。菜单通常要通过窗口来显示,常见类型有工具栏(包括图形工具栏)、下拉式、弹出式(右键菜单)和级联式(多层次的菜单)。

指针,是一个图形,用以对指点设备(鼠标或轨迹球)输入到系统的位置进行可是化描述。图形界面的指针常用的有系统的箭头、十字、文本输入I、等待沙漏等。

HUI手持设备用户界面
手持设备(个人数字助理)用户界面主要分两大类,一种是真正的图形界面风格的外观和行为(现在比较通用,多个应用程序并存),另一种是图形界面子集(在没有窗口的情况下,同时只能显示一个对象,类似手机操作)。

手写笔在某种程度上比鼠标和键盘更好用。

手持设备用户界面的设计难点在于
1. 要求更加简化用户需求,更便于输入和交互操作
2. 克服显示区域过小的困难。
3. 方便随时查阅机器内的信息,特别是通讯录,记事本等软件的设计更要求良好的易用性。
4. 个人电脑和个人数字助理之间信息同步。

WUI 网页用户界面
网页用户界面非常类似图形用户界面,它的特点主要体现在导航、链接和信息。

窗口,通常位于浏览器窗口内,拥有个性的浏览及操作方式。

菜单,比较不容易操作,实现起来也需要额外的编程工作,不如链接来的直接明了。

图标,除房子表示首页外几乎没有约定俗成的图标。

指针,手形的指针出现于柯点击的链接,鼠标双击的使用被忽略,有键的行为通常是受限制的。

基于网页的软件拉进了网页用户界和图形用户界面间的距离,常见的有C/S结构,即Client/Server(客户机/服务器)结构和B/S结构,即Browser/Server(浏览器/服务器)结构。

网页用户界面组件,浏览器提供了“前进”“后退”等基本导航功能,但作为独立软件链接、按钮和导航栏是必不可少的,另外别忘了title部分的标题,搜索功能业是相当必要的。

影响基于网页的软件的关键因素是:在复杂的信息结构中导航,使用户方便并快速的找到所需要的结果或方便快速的维护信息。其实也就是易用性因素。

UI在项目中的实现
无论是那种类型的用户界面,在半小时内即可让用户掌握主要功能和软件特色的都属于优秀的用户界面,我们在设计时要注意简约、美观、高效和可指定性。

在某种程度上简约和高效是相互作用的,首先对任务要清晰明确,然后把步骤简至最少,多一些单选和多选,少一些填空,最后可以把主要功能做成向导,一步步引导用户完成。

美观就不用多说了,可指定性是不可忽略的一点,一定保证你的软件对用户来讲是可调整的。最初提供的是软件入门级特性,随着用户的使用它会发现很多新的设置,可以满足用户的好奇心和喜爱个性的心理,例如更换皮肤,可以编辑屏保或者给电话簿软件加一个封皮,给每个人加头像等等
标签集:TAGS:
回复Comments()点击Count()

回复Comments

{commenttime}{commentauthor}

{CommentUrl}
{commentcontent}

+------------------------------------------------------------------------------------------------------+


          Designed by ArPan     Powered by 5DBlog