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