企业资源管理系统EnterpriseResourcePlanning.ppt
《企业资源管理系统EnterpriseResourcePlanning.ppt》由会员分享,可在线阅读,更多相关《企业资源管理系统EnterpriseResourcePlanning.ppt(97页珍藏版)》请在三一文库上搜索。
1、企业资源管理系统企业资源管理系统 Enterprise Resource PlanningEnterprise Resource Planning 2 人机交互技术人机交互技术 n人机交互的概念 n人机交互(Human-Computer Interaction,HCI)是关 于设计、评价和实现供人们使用的交互式计算机系统 ,且围绕这些方面的主要现象进行研究的科学。狭义 地说,人机交互主要是指人与计算机之间的信息交换 ,主要包括人到计算机和计算机到人的信息交换两部 分。 n人机界面(Human-Machine Interface,HMI)作为计 算机系统的重要组成部分,主要是指人类与计算机系 统
2、之间的通信方式,包括人机双向信息交换的支持软 件和硬件。 3 人机交互技术人机交互技术 n交互设计(interaction design)指的是“设计支持 人们日常工作与生活的交互产品”。具体的讲就是关 于创建新的用户体验的问题,其目的是增强和扩充 人们工作、通信及交互的方式。交互设计主要研究 如何确定人机通信的方式人机界面,侧重于人 机交互通信方式的设计过程和设计方法,而人机交 互技术则侧重于研究这种通信方式如何用软硬件实 现。 4 人机交互技术人机交互技术 n人机交互的相关学科 n认知心理学 n研究人的高级心理过程,主要是认识过程,如注意、知觉 、表象、记忆、思维和语言等,从心理学的观点研
3、究人机 交互的原理。 n人机工程学 n人机工程学是运用生理学、心理学和医学等有关知识,研 究人、机器、环境之间的合理关系,以保证人们安全、健 康、舒适地工作,从而提高整个系统功效的新兴的边缘科 学。 多媒体技术虚拟实现技术 认知心理学人机工程学 人机交互技术 5 人机交互技术人机交互技术 n多媒体技术 n一般地,多媒体技术是指将文本、声音、图形、静止图像、 动态图像等与计算集成在一起的技术。 n虚拟实现技术 n虚拟实现(Virtual Reality,VR)就是借助于计算机技术 及硬件设备,建立高度真实感的虚拟环境,使人们通过视觉 、听觉、触觉、味觉、嗅觉等感官在其中看、听、触、闻起 来像真实
4、的,以产生身临其境的感觉的一种技术。 6 人机交互技术人机交互技术 n人机交互的研究内容 n人机交互界面表示模型与设计方法(model and methodology) n可用性分析与评估(usability evaluation) n多通道交互技术(multi-modal) n认知与智能用户界面(recognition and intelligent user interface) n虚拟环境(virtual environment)中的人机交互 nWeb设计(Web-interaction) n移动界面设计(mobile and ubicomp) n群件(groupware) 7 人机交互
5、技术人机交互技术 n人机交互在网站设计中的运用 n网站设计可以看成人机界面设计的一种,通过网站界面, 人与计算机即展开了交互的过程。把人机交互技术运用在 网站设计中,可以对用户有更深入的了解,从心理学,工 程学方面来考虑用户的使用感受,将设计出更贴近用户的 网站。 n视错觉 n阅读 n关注 n感知和识别 n学习 8 网站设计方法 网站的定位 n产品定位 n把网站作为一个互联网产品,其定位首先要确定面对的人群是什么 。 n在考虑网站的产品定位的过程中,必须先考虑以下几个问题: n产品的条件是什么?它具有哪些优势和特色? n产品是否能满足一部分人的需求? n产品收益来自于哪里?它的运作模式是怎样的
6、? n产品的阶段性目标是什么? n在实际操作中,网站的产品定位多数是由创办人的主观意向决定的, 但一定通过较全面的考虑,并具有一定的社会基础,或是为解决社会 中的某一突出问题。一旦确定了产品定位,就可以对产品的各方面属 性提出具体的要求,制定出详细的目标计划和测评标准。 9 网站设计方法 网站的定位 n企业与品牌定位 n企业定位是指企业通过其产品及其品牌,基于顾客需 求,将其企业独特的个性、文化和良好形象,塑造于 消费者心目中,并占据一定位置。企业定位是个较模 糊的概念,其主要表现为品牌形象。对于网站的定位 ,则更偏向于品牌形象的塑造。 n品牌定位是指企业在市场定位和产品定位的基础上, 对特定
7、的品牌在文化取向及个性差异上的商业性决策 ,它是建立一个与目标市场有关的品牌形象的过程和 结果8。 10 网站设计方法 网站的定位 n市场定位? n产品、品牌的定位都离不开市场,市场才是网站真 正能够生存的因素。 n要确定市场在哪里。 n人是市场的主要因素,但不是有人就有市场。 n要在不同阶段选择不同大小的人群。 11 网站设计方法 网站的定位 n设计定位 n设计定位作为一种设计策略,将模糊的需求清晰化, 限定设计活动的范围,使设计师可准确快速的设计出 有特色的产品,以达到与竞争对手区分并吸引消费者 注意的目的,并可塑造出产品或品牌的自我优势 9 。 12 网站设计方法 网站的定位 设计 商业
8、研发 人员 社会技术 艺术 什么是有用并可 以产出的 什么机会是不可放过并 能够抓住的 什么是可行的,会被接 受并获得支持的 什么是它的结构和特点 什么形式是可行的 什么是可能的什么是社会趋 势所向的 什么是影响变革 的形式 什么是有用的、可用 的和被需求的 什么是从商业角度可行的什么方案是容易实现的 13 网站设计方法 n明确网站主题 n明确网站的主题至关重要,如建立网站是为了销售 产品,还是为了进行商业服务。网站的目标用户是 哪些,他们能从网站上的到些什么信息。打算从网 站中获得怎样的回报。 14 网站设计方法 n分析网站材料 n网站材料的分析,一方面能够帮助分析客户的资料 ,对网站将要传
9、递出的文化内涵有一个初步的了解 ,同时,当客户提供的资料不足时,可以给予正确 的反馈意见。另一方面,当设计者对行业有了一定 的认知后,能对同类网站有较好的鉴别。同类的网 站并非都是优秀的,从设计形式到内容编辑,均有 优点和劣势,吸取同类网站的长处,更能帮助网站 设计人员找出自己的优势,进一步明确自己网站的 主题。 15 网站设计方法 n确定目标用户 n目标用户是指接收并理解网站建设方通过网络媒介 传递的信息的个体。用户和目标用户并不相同,用 户仅仅指点击了这个网站的个体,他可能只是无意 中浏览了这个网站,并在快速的浏览之后关闭了浏 览器,而目标用户却是网站真正想要传达其思想的 个体。网站不可能
10、使每一个用户满意,但至少要做 到使目标用户满意,更好的结果是通过好的网站设 计能把用户转变为目标用户。 16 网站设计方法 n分析用户的普遍性 n分析目标用户的特殊性 n用户并不是越多越好 n目标用户模型 17 网站设计方法 n确定用户需求 n需要产生需求 n根据用户的需求设计网站 n需求类型 n如何确定需求 18 网站设计方法 n创建与管理网站信息 n创建信息 n信息的来源主要是针对目的而言,要明确对于网站的主题来说,哪些 信息是必须有的,哪些信息是希望有的,哪些信息是可以没有的。必 须有、希望有、可以没有的信息,表明了它们对网站的重要性。 n编辑信息 n信息编辑是网站编辑的工作,形式与内容
11、大有学问。 n在琳琅满目的互联网上充斥着海量信息,要想一下子找到对浏览者有 用的信息并不容易,所以作为网站设计者,想要尽快地抓住浏览者的 眼球,信息标题和信息摘要就成为了最关键的一环。 19 网站设计方法 n网站策划 n网站策划,不仅要考虑网站的主题、定位,还要涉及相 应的分析调查、硬件预购、执行流程、人员分配等具体 事宜。根据每个网站的背景及建设实力等不同情况,策 划书的内容也需要做相应的调整。 20 网站设计方法 n(1)背景介绍 n(2)市场分析 n(3)建设目的及网站定位 n(4)技术解决方案 n(5)内容规划 n(6)页面设计 n(7)流程及人工 n(8)网站维护 n(9)发布与推广
12、 21 网站设计方法 n设计网站 n网站设计主要包括导航、版式、色彩、风格等与视 觉设计密切相关的网站元素。网站设计不仅要考虑 视觉上的美观,还要结合可用性来共同设计。 22 网站设计方法 n网站设计要点 n用户通常是扫描网站,而非仔细阅读 n尽量使用习惯用法 n实现网站的可访问性 n让用户随时了解系统的状态 n给予用户自主权和控制权 n提供错误预防功能和纠错功能 n兼容不同的浏览器 23 网站设计方法 n测试网站可用性 24 网站网站元素元素设计设计 n网站元素设计 25 网站网站元素元素设计设计 n菜单 n网站中最直接的导航方式,一般分为横向、纵向两种 ,可以有二级菜单项(一般不超过2级)
13、。网站为了体 现其某些(时尚)元素和独特风格而常使用flash来制 作菜单以达到绚丽的效果。设计样式将菜单分为四类 。 26 网站网站元素元素设计设计 n传统菜单 n所谓传统菜单,是指最简单的一行或一列菜单项,直接点 击链接到目标地址。这类菜单具有简单、清晰的特点,因 其菜单项只有一排,链接数量有限,只适用于分类较少的 网站。 n传统动态2级菜单 27 网站网站元素元素设计设计 n伸缩式菜单 n伸缩式菜单是指将菜单做成类似树形展开/合拢的效果,但只 限于2级菜单。伸缩式菜单通常在纵向菜单中使用,常见的是 用在网站后台管理的左侧菜单上,也会在商城的会员中心或产 品分类中使用。 n列表式 n分列式
14、 n自动罗列式 28 网站网站元素元素设计设计 n列表式:通常在产品品牌分类中使用,品牌名称比较长, 品牌之间既是同等的又有销量排名之分,用一列显示可以 较灵活地满足需求。 n分列式:将子类分成两列或多列显示,通常为横向分类, 即类与类之间没有共同点,只是同属于一个大类而已。分 类名称短且无关联,以一种整齐清晰的方式列出,既容易 查找又无需担心排列的顺序。 n自动罗列式:将子类依次列出,由外层控制菜单宽度,由 浏览器自动换行。这种方式主要用于横向分类不明显、类 与类之间有相似交叉且类名长度不确定的情况,既不浪费 空间,又可以抵御样式表加载失败而导致排版混乱的风险 。 29 网站网站元素元素设计
15、设计 30 网站网站元素元素设计设计 n组合菜单 n所谓组合菜单,可以理解成用各种不同的方式方法灵活设计 出来的菜单。这里说的各种不同的方式方法,包括纵向的、 横向的、静态的、动态的、排列的、自动的、文字的、图文 并茂的,只要是能达到好的效果都可以拿来用,就看如何将 它们灵活地组合起来。 31 网站网站元素元素设计设计 32 网站网站元素元素设计设计 n形象菜单 n使用形象菜单的好处:用小图标来标识,并加以文字说明 ,使表达的内容更加清晰,也使用户更加容易找到。因为 形象思维比逻辑思维更易辨别和记忆。 n日历式搜索导航 n游标式导航 n动态视觉焦点导航 33 网站网站元素元素设计设计 34 网
16、站网站元素元素设计设计 n四种菜单比较 35 网站网站元素元素设计设计 n导航 n导航给了浏览者一些固定的感觉,它告诉我们当前的 位置,通过层次结构的可视化,导航可以告诉我们网 站上有什么,导航表现了内容。导航还告诉了浏览者 如何使用网站,它会含蓄的表达该从哪里开始,能进 行哪些选择。 36 网站网站元素元素设计设计 n导航设计要点: n(1)导航应该是持久的在网站的每一页中以 相同的外观出现在相同的位置,这样会让浏览者确 认自己仍然在这个网站上,这一点非常重要,并且 可以使整个网站保持一致的风格。 n(2)在导航中突出显示当前位置。要抵消浏览者 在网络中固有的空间迷失感,需要在导航中标明当
17、前所在的位置 n(3)导航的风格将对页面整体风格产生极大影响 。 n(4)网站可以存在多个导航。 37 网站网站元素元素设计设计 导航栏 n导航条的目的是让网站的层次结构以一种有条理 的方式清晰展示,并引导用户毫不费力地找到并 管理信息,让用户在浏览网站过程中不至迷失。 n本文所指的“导航栏”,不是“菜单”的含义,正如“ 导航条”的定义一样,这里突出的是网站的层次 结构,即能完全体现并引导分级查找的导航工具 ,换言之,导航栏就是网站的“目录索引表”。 38 网站网站元素元素设计设计 导航栏 n树形导航栏 n最常见的导航栏形式应该是BBS的树形导航,通常BBS除了 美观的网站式的模板外,通常还有
18、一个简洁的导航式模板 。 n层次清晰; n结构完整,覆盖全面; n伸缩自如,可观性强; n即时定位,查找便捷。 n通常论坛还提供收藏、书签等功能,将这些功能整合在导 航栏中,用户就能随心所欲地浏览其关心的内容了。 39 网站网站元素元素设计设计 导航栏 n隐藏导航栏 n隐藏导航栏不是指导航栏的布局特征,而是指它的存在形 式。顾名思义,就是把导航栏隐藏起来,放在日常工作区 域之外。在软件的人机交互理论中有这么一条公理:为典 型的导航调整界面。那么,在Web设计时,同样要考虑导 航的界面问题。网站的最终目的不是让用户来使用这些导 航工具,而是让用户最大效率地从网站上得到想要的信息 。因此,在界面设
19、计上就要把更多的空间留给网站的主体 内容。 n这里列举三种隐藏的方式: n伸缩式 n隐藏式 n简略式 40 网站网站元素元素设计设计 导航栏 41 网站网站元素元素设计设计 网站地图 n网站地图是一个网站所有链接的容器。它为所有 的搜索引擎程序提供食物。网站地图应该要包括 网站的主要网页的内容链接或者栏目链接。根据 网站的规模大小,页面数量的多少,它可以链接 部分主要的或者所有的栏目页面。搜索引擎程序 得到网站地图页面,就可以访问站点地图上提供 的所有网页及栏目。 42 网站网站元素元素设计设计 网站地图 n结构式地图 n结构式地图,是以树型结构为骨架组织的网站分级 内容链接图,它将网站的主体
20、结构清晰地展现出来 ,有助于用户了解整个网站的组织关系,也更容易 根据层级找到相应的链接,如图 216所示。 n分层结构清晰 n同级排序自然 n数据易读易维护 n便于搜索引擎检索 43 网站网站元素元素设计设计 网站地图 44 网站网站元素元素设计设计 网站地图 n列表式地图 n列表式地图是以目录形式列出网站的模块结构。 n从用户的视觉习惯角度而言,列表式的地图因为是目录形 式,相比于结构式地图,可能更易于被用户接受,毕竟人 们从小自接受学校教育开始就习惯了书的目录查阅方式。 从页面的美观角度而言,列表式地图也比结构式地图显得 更加规整、悦目。从网页的设计与开发角度而言,列表式 更便于用块元素
21、来展现,也更易于网页的排版设计。 45 网站网站元素元素设计设计 网站地图 46 网站网站元素元素设计设计 网站地图 n连通式地图 n连通式是最复杂的一种地图展示方式,却也是最真实体 现网站内链接关系的方式。比如,网站首页可以链接到 其下所有的频道首页,频道1的首页可以链接到其下的 所有栏目,网站首页有某一专题的链接入口,同时该专 题又属于频道1中的内容,等等。这些关系都要在连通 式地图中展现,换言之,网站的连通关系即为以链接为 关系纽带而形成的网站内容的关联。 47 网站网站元素元素设计设计 网站地图 48 网站网站元素元素设计设计 网站地图 n连通式地图具有以下几点特征: n层次表现形式不
22、明显 n双向链接 n跳级链接 n多维层次结构 49 网站网站元素元素设计设计 n主页 n主页是一个网站的门面,网站的风格从主页就可见一斑 ,因此主页的最重要的工作就是要传达网站的整体形象 ,使浏览者看一眼就可知道这个网站是干什么,想要表 达什么。 n 50 网站网站元素元素设计设计 n主页设计要点: n(1)主页中可以完成的任务:网站的标识、网站层 次、搜索、导读、内容更新、友情链接、快捷方式 、注册、建立可信度和信任感。以上这些内容组成 了网站的整体形象,都有助于帮助理解这个网站是 做什么的。 n(2)主页布局分配要合理。 51 网站网站元素元素设计设计 n版式布局 n在浏览器空间中,按照一
23、定的视觉表达内容的需要 和审美的规律,结合各种平面设计的具体特点,将 信息内容和页面视觉元素加以组合编排,就是网页 版式布局。 n版式布局设计要点: n(1)版式布局可带有创新。 n(2)网站布局与信息量多少有关。 n(3)版式布局一致性。 52 网站网站元素元素设计设计 n色彩 n鲜明的色彩具有引人注目、打动人心的力量。当色彩 吸引了浏览者的视线后,色彩所表现的形象和内容等 一切信息也同时进入了浏览者的脑海中,能起到先声 夺人、快速传递信息的作用。借助于色彩的不同处理 ,使网站易于人们认知识别,有助于创造个性的网站 形象,从而起到强化信息记忆,使网站形象深刻的作 用。 n 53 网站网站元素
24、元素设计设计 n主色 n在网站上,面积最大的色彩为网站的主色调,主色 调贯穿网站中所有的页面,出现次数最多。主色调 在创造特定的气氛与风格上发挥主导作用。例如以 红色为主色的网站,多给人热情、积极和温暖。而 以蓝色为主色的网站却使人联想到智慧、诚信和高 科技。 n辅色 n主色掌控整个画面色彩气氛,而辅色面积小,起强 调或缓冲的作用。起强调作用的辅色是空间中动感 和活力的来源,还可以因其使主色在整个网页中得 到连贯。辅色一般为醒目突出的色彩。 54 网站网站元素元素设计设计 n色彩设计要点: n(1)以传达信息为主来设计网站色彩。网站配色的重点 在于形象与色彩、主色与辅色、主色与背景色配合得当,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 企业 资源管理 系统 EnterpriseResourcePlanning
链接地址:https://www.31doc.com/p-2042697.html