界面设计

1.人机界面: 在人与机器的交互过程中,有一个界面充当信息传递的媒介,即我们所说的人机界面

2.最大最小原则:人承担的工作量应尽量少或最少,机器承担的工作量应最大,在最大限度利用机器的同时,充分发挥人的积极因素。

3.狭义的人机界面:是指计算机系统中的人机界面。
人机界面(Human-Computer Interface,简称为HCI),
又称用户界面(User Interface)、人机交互(Human-Computer Interaction),
是人与计算机之间传递和交换信息的媒介,是用户使用计算机系统的综合操作环境。

4.人机界面是一类特殊的软件,它帮助实现计算机硬件、软件和人三者之间的恰当联系和协调一致。
简单地说,人机界面是专门处理人机交互活动的软件,它是人与硬件、软件的交叉部分

P2
5.面向用户的软件界面设计就是在进行软件人机界面或用户界面设计时,要更多地考虑用户的要求,最重要的是要求界面保持“简单、自然、友好、方便、一致”。

  1. 用户满意度 =功能+人机界面+响应时间+可靠性+易安装性+信息+可维护性+ 其他因素

7.美国人类工程学会(Human Factors and Ergonomics Society)曾定义可用性的五大属性为:
效率(Efficiency)
可学习性(Learnability)
可记忆性(Memorability)
容错性(Errors)
满意程度(Satisfaction)

8.认知心理学: 就是关于认识的心理学,研究人的认识心里过程,如注意、知觉、表象、记忆、思维和语言等,从心理学的观点研究人机交互的原理。

9.人机工程学: 是运用生理学、心理学和医学等有关知识,研究人、机器、环境相互间的合理关系,以保证人们安全、健康、舒适地工作。

10人机界面的发展趋势
从目前来看,人机界面会朝着高科技化、自然化、人性化、和谐的人机环境等方向发展。建立自然化、人性化的人机界面已经成为当今信息社会研究的主要课题之一。

采用图形用户界面有其内在的不足,用户只能用一个通道进行交互,从计算机到用户的通信带宽要比用户到计算机的大的多,这是一种不平衡的人机交互。

目前,人机交互正朝着从精确到模糊、从单渠道 向 多通道以及 从二维交互 到 三维交互的方向转变,发展用户与计算机之间快捷、低耗的多通道界面。

今后的计算机应能听、能看、能说,而且善解人意。未来的计算机发展是以人为中心,即面向用户的,必须使计算机易用好用,使人们能以语言、文字、图像、手势、表情等自然方式与计算机交互。

P6

  1. 软件界面: 也叫软件人机界面,是人与机器之间的信息界面,用户与机器的交互主要是通过软件界面完成。

2.人机交互(人机对话): 是指人与计算机之间使用某种语言、以一定的交互方式,为了完成任务进行的一系列信息交换过程。
3.人机交互系统: 是指实际完成人机交互的系统,可以认为它是由参与交互的各方所组成,如包括人和计算机双方的人机交互系统。
4.目前常用的人机交互方式有
问答式对话;
菜单技术;
命令语言;
填表技术;
查询语言;
图形方式及直接操纵;
自然语言

5.用户分析是界面开发设计的第一步。
6.用户需求是用户对所购买、所使用的计算机系统提出的各种要求,它集中反映了用户对软件产品的期望。
很明显,用户需求应该包含功能需求和使用需求两方面。

功能需求是 用户要求系统所应具备的性能、功能;
而使用需求是 用户要求系统所应具备的可使用性、易使用性。

7.软件界面设计分为
功能性设计界面
情感性设计界面
环境性设计界面

8.设计界面是以功能性界面为基础,以环境性界面为前提,以情感性界面为重心而构成的,它们之间形成有机和系统的联系。

9.软件界面开发设计原则
1.确定用户
确定用户是进行系统分析和设计的第一步,也就是标识使用应用系统的用户(最终用户), 不同的用户会有不同的经验、能力和要求。
2.尽量减少用户的工作
3.应用程序和人机界面分离的原则
应用程序和人机界面分离的思想,类似于数据库管理中数据和应用程序的分离。

4.一致性原则

5.系统要给用户提供反馈
6.尽量减少用户的记忆要求

7.应有及时的出错处理和帮助功能

8.使用图形和比喻

  1. 尽量使用快捷方式

  2. 允许动作可逆性

  3. 快速的系统响应和低的系统成本

12.合理利用空间,保持界面简洁
界面设计最重要的就是遵循美学上的原则——简洁与明了。

13.合理利用颜色、显示效果来实现内容与形式的统一

10.常见的人机交互方式有
问答式对话、菜单界面、数据输入界面,、命令语言界面,查询语言界面,填表界面、
自然语言界面,直接操纵和图形用户界面

传统的人机交互方式有问答式对话、菜单界面、填表界面、命令语言界面、查询语言界面等,
随着计算机及多媒体技术的发展,出现了图形用户界面及直接操纵界面等等,并可以用自然语言进行人机交互,使人和计算机之间的交流越来越简单、方便。

P28 第三章 命令语言界面设计
1.命令语言界面优点

1.功能强大
2灵活性好
3效率高
4占用屏幕空间少

2.命令语言界面缺点

  1. 难以学习和记忆

  2. 需要一定的键盘输入技巧

  3. 出错率高

  4. 命令语言设计的基本目标是:准确、紧凑、易于读写、加快学习速度、简单、减少差错、易于长期记忆。

  5. 命令语言结构

所有命令语言都具有自身的词典和语法。

  1. 命令语言的形式

常见的命令语言主要形式有:
1.简单命令表
2.命令加变量
3.命令加选项和变量
4.4.层次式命令结构。

6.命令语言设计原则
1.一致性
2.选择有意义的独特的命令名
3避免不必要的复杂性
4.使用缩写要一致
5.命令语法结构一致、经济
6.允许对一个命令串进行重现和修改
7.采用提示帮助临时用户
8考虑用命令菜单帮助临时用户:

P36
第四章 菜单界面设计 12分
1 菜单界面特点
1.设计良好的菜单界面 能够把系统语义和 系统语法 很明确直观地显示出来
并给用户提供各种 系统功能的选择
2.菜单界面适合于 结构化的系统,每一个菜单项 都可以对应一个 子程序功能 或 下一级子菜单
3.菜单界面减轻了 用户 学习 ,记忆负担以及 培训
4.菜单界面要占用 一定的 屏幕空间和 显示空间

2 菜单界面的结构设计
菜单的组织类型一般有单一菜单、线状序列菜单、树状结构菜单、循环网络以及非循环网络菜单等,目前,树状结构菜单是最常见的菜单结构。

4 菜单设计原则

P61
第五章 数据输入界面设计 6分
1 数据输入的设计原则

1数据输入的一致性
2使用户输入减至最少

3为用户提供反馈信息
4用户输入的灵活性
5提供错误检测和修改方法

2.数据输入方式
1问答式输入数据界面
2菜单选择输入界面
3填表输入界面
4条形码
5光学字符识别(OCR)
6声音数据输入

P72第六章 图形用户界面

1.图形用户界面又称为WIMP界面,由窗口(windows)、图标(icons)、菜单(menum)、指点设备(pointing device)四位一体,形成桌面(desktop)

2.图形用户界面总体上包含以下三个主要思想。
1.桌面隐喻
2.所见即所得
3.直接操纵

3.图形用户界面特点
1.以物理动作或标记按钮代替复杂的语法。
2.用指点和选择代替键盘输入
3.操作结果立即可见,具有高度的交互性
4.提供对用户出错的保护机制和强有力的帮助机制,支持逆向操作
5.新手通常仅需观看系统运行的演示,就能很快地学会使用系统的基本功能

4.图形用户界面设计一般原则

5.图形用户界面设计的艺术原则
1.对比原则
2.协调原则
3.平衡原则
4.趣味性原则

6.窗口设计
1.滚动式窗口
2.开关式窗口

  1. 分裂式窗口
    4.瓦片式窗口
    5.重叠式窗口
    6.弹出式窗口

7.主窗口的图标应能在任务栏上显示,而辅助窗口通常不应该显示为任务栏上的项目。一般来说,辅助窗口只是获得或显示与主窗口中显示的内容相关的补充信息。
一个典型的辅助窗口包括标题栏和框架。

8.辅助窗口分为有模式和无模式两种。
无模式辅助窗口允许用户与辅助窗口或主窗口进行交互,就像在主窗口之间进行切换。无模式窗口适合用户需要重复一个操作的情况。

有模式辅助窗口要求用户在该辅助窗口内完成交互,然后,必须关闭辅助窗口后才能与其他窗口进行交互。

9.图形用户界面要素部件设计

图标的基本概念和工作原理
图标是一种形象语言,是可视地表示实体信息的简洁、抽象符号,是表示概念的图像或符号。
设计图标时,要考虑以下因素:
1.使用已有概念以确保真实表达用户的想法。
2.图标在用户界面中以何种形式出现。
3.如何作为图标集的一部分使用。
4.图标的文化背景,避免使用字母、单词、手或脸。
5.必须用图标表示人或用户时,尽可能大众化。

P104 第七章 帮助和出错界面设计
1 帮助系统的类型
1.联机用户手册
2.联机培训
3.联机演示
4.上下文帮助
5.“帮助”命令

2 帮助信息分类
帮助信息可分为 概念帮助信息 和 过程帮助信息。

3 帮助处理系统设计基本原则
1.完整性
2.一致性
3.上下文帮助
4.可理解性
5.可维护性
6.用户可以使用关键词在帮助索引中搜索所需要的帮助,同时还应该提供帮助主题词。
7.方便性

4.向导设计规则

5.出错的根源和类型

  1. 感知的误导导致知觉错误
  2. 人的记忆特性导致知觉错误
  3. 响应时间过快或过慢

6.错误恢复原则

1.提供恢复功能(Undo)。
2.在程序运行中提供撤销(Cancel)功能。
3.对重要的、有破坏性的命令提供确认措施,以避免招致破坏性操作。
4.对于无法恢复或处理的错误,应该向用户说明系统遇到无法恢复的错误,引导用户下一步操作,如结束系统、重新启动等等,不要让用户不知所措。

P122 第八章 网页界面设计
1.人性化的设计是Web界面设计的核心,如何根据人的心理、生理特征,运用技术手段,创造简单、友好的界面,是Web界面设计的重点。
2.网页设计要求主题鲜明、形式和内容相统一,强调整体为设计原则,并具有交互性与持续性、多维性、综合性、版式的不可控性以及艺术与技术结合的紧密性等特点。

3.网页设计基本原则

1.主题鲜明、特色明确
2.形式与内容统一
3.强调整体
4.减少浏览层次
5.了解浏览者的心理状态
6.Web网站设计的3C原则

3C指Concise (简洁 )、Consistent(一致性)和Contrast (对比度)。

4.网页界面设计要素

网页视听元素
网页界面布局
网页界面的色彩
网页界面的字体
网页界面的动画与多媒体
网页界面的导航

网页视听元素包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。

由于网页布局的不可控性,在布局过程中,可以遵循以下原则:
平衡 呼应 对比 疏密

网页界面色彩设计应遵循如下原则:
色彩的鲜明性
色彩的独特性
色彩的合适性
色彩的联想性

5.网页界面设计技术基础
1.HTML
2.JavaScript
3.JavaApplet
4.服务器端脚本语言 ASP PHP JSP

6.网站设计方法
1.确定网站的目标

  1. 网站设计中用户的地位
    3.建立原型系统
    4.详细设计
  2. 网站测试、改进与维护

7.衡量网站可用性的5个方面
1.易学性
2.有效性
3.易记性
4.错误
5.满意程度

8.网站帮助信息的设计
1.联机帮助
2.工具提示
3.状态显示
4.“这是什么”帮助

P175 第九章 移动设备界面设计
1.移动设备界面的输入方式
1.键盘输入(T9输入法,字能输入法,ITAP输入法)
2.笔输入
3.语音识别

2.移动设备应用开发技术架构
1.J2ME架构

  1. .NET精简架构
    3.BREW

3.移动设备操作系统
1.Palm OS
2.微软的系列移动操作系统
3.嵌入式LINUX
4.Symbian OS/EPOC OS

4.移动浏览标准
1.WAP
2.WML
3.XHTML Basic和XHTML MP

P214 第十章 软件界面测试与评估
1.界面评估可大致分为两类:
一是在界面完成之后做最终评估,称为总结性评估;
二是在设计过程中就进行的评估,或对原型进行评估,称之为阶段性评估。

2.对于界面的评估 可以使用三种评估指标
1.设计功能评估
2.设计效果评估
3.设计问题的诊断

3.软件测试的方法 结构测试 行为测试

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容