欢迎来到课桌文档! | 帮助中心 课桌文档-建筑工程资料库
课桌文档
全部分类
  • 党建之窗>
  • 感悟体会>
  • 百家争鸣>
  • 教育整顿>
  • 文笔提升>
  • 热门分类>
  • 计划总结>
  • 致辞演讲>
  • 在线阅读>
  • ImageVerifierCode 换一换
    首页 课桌文档 > 资源分类 > DOCX文档下载  

    关于UI交互设计在网页UI设计中的优化研究_kaic.docx

    • 资源ID:1009293       资源大小:206.26KB        全文页数:43页
    • 资源格式: DOCX        下载积分:5金币
    快捷下载 游客一键下载
    会员登录下载
    三方登录下载: 微信开放平台登录 QQ登录  
    下载资源需要5金币
    邮箱/手机:
    温馨提示:
    用户名和密码都是您填写的邮箱或者手机号,方便查询和重复下载(系统自动生成)
    支付方式: 支付宝    微信支付   
    验证码:   换一换

    加入VIP免费专享
     
    账号:
    密码:
    验证码:   换一换
      忘记密码?
        
    友情提示
    2、PDF文件下载后,可能会被浏览器默认打开,此种情况可以点击浏览器菜单,保存网页到桌面,就可以正常下载了。
    3、本站不支持迅雷下载,请使用电脑自带的IE浏览器,或者360浏览器、谷歌浏览器下载即可。
    4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩,下载后原文更清晰。
    5、试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓。

    关于UI交互设计在网页UI设计中的优化研究_kaic.docx

    本科毕业论文(设计)关于Ul交互设计在网页Ul设计中的优化研究院另U:专业班级: 学生姓名: 学 号: 指导教师:二。二二年八月毕业论文(设计)原创性声明本人郑重声明:所呈交毕业论文(设计),是本人在指导教师的指导下,独 立进行研究工作所取得的成果。除文中已经注明引用的内容外,本论文不包含任 何其他人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个 人和集体,均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本 人承担。作者签名:2022年8月X日指导教师承诺书本人郑重承诺:指导该学生所呈交的学位论文均在本人指导下,且符合 xxxxxxxx毕业论文(设计)管理制度要求,未发现论文买卖、代写等学术不端 行为。指导教师签章:2022年8月X日当今世界是一个飞速发展的世界,由于互联网信息技术的快速发展与越来越 普及的网络使用率,地球上每一秒都在进行着信息爆炸。人类除了用传统方式与 人类自身以及自然环境进行沟通获得信息以外,同时又多了一种获得信息的新方 式一一与电子计算机及沟通。并且随着网路技术的日益成熟,人们日常生活与网 络的联系愈趋紧密,这种沟通能力的发展需求也在逐渐变强。一种的新的学科概 念由此而诞生即人机互动学。它包含着软件的操作界面设计,网站的页面设计以 及操作功能设计,交互界面设计现在作为一个新的设计模块与编码设计一样受到 了各种网络开发者与运营者的重视。其原因很简单,首先在最直接的实用方面, 人们使用电脑下达操作命令的时候必然是要通过某种界面,只有通过界面中的图 标、链接以及程序等方式来进行直观的操作,才能达到我们所想要的目的,而且 设计越简单,越容易让消费者去使用的网页界面会更加受到消费者的亲睐。其次 在包装上,网页产品交互界面设计在某种意义上就如我们生活中的实际产品外包 装一样,它是产品给人的第一印象,是消费者对产品是否符合审美标准的直观体 验,是产品个性的主要传递方式。也是建立品牌形象的有效途径。而虚拟网站的 操作界面是网页产品的包装,界面设计美观对网站的点击量与建立知名度有着直 接的提升。本文通过网页设计里交互界面设计的多种表达方式,分析成功网站交 互界面设计的典型案例,归纳和总结其中正确的指导原则,解决交互界面设计如 何让用户操作更加方便、使用网页的审美满意程度如何提高这一问题,以达到网 页与使用者之间更好的交流互动效果。界面交互设计是网页设计个性和特点表达 的一种方式,并且提高了人们与网络交流的效率,增强了网站的点击率和品牌竞 争力。关键词:虚拟网络 交互界面 操作简单 外包装 品牌竞争力AbstractToday's world is a rapidly developing world. Due to the rapid development of Internet information technology and the increasingly popular network usage, information explosions every second on earth. In addition to communicating with human beings themselves and the natural environment to obtain information in traditional ways, human beings also have a new way to obtain information - computer and communication. And with the increasing maturity of network technology, the connection between people's daily life and the network is getting closer and closer, and the development needs of this communication ability are gradually becoming stronger. A new subject concept was bom, that is, human-computer interaction. It includes software operation interface design, website page design and operation function design. Interactive interface design is now valued by various network developers and operators as a new design module and coding design. The reason is very simple. First of all, in the most direct and practical aspects, when people use computers to issue operation commands, they must pass through a certain interface. Only by intuitive operation through icons, links and programs in the interface can we achieve what we want, and the simpler the design, the easier it is to eliminate. The web interface used by consumers will be more favored by consumers. Secondly, in terms of packaging, the interactive interface design of web products is in a sense like the actual product outer packaging in our lives. It is the first impression of the product, the intuitive experience of consumers on whether the product meets aesthetic standards, and the main way to convey product personality. It is also an effective way to build a brand image. The operation interface of the virtual website is the packaging of web products. The beautiful interface design directly improves the number of clicks and popularity of the website. Through a variety of expressions of interactive interface design in web design, this paper analyzes typical cases of successful website interactive interface design, summarizes and summarizes the correct guiding principles, and solves the problem of how interactive interface design makes users more convenient to operate, and how to improve the aesthetic satisfaction of using web pages, so as to achieve the network. Better interaction between pages and users. Interface interaction design is a way to express the personality and characteristics of web design, and it improves the efficiency of people's communication with the network and enhances the click rate and brand competitiveness of the website.Keywords: virtual network interactive interface simple operation outer packaging brand competitiveness摘要1Abstract21绪论21.1 研究背景21.2 研究目的31.3 国内外文献综述41.3.1 国外研究现状41.3.2 国外研究现状52对UI交互设计及网页UI设计相关理论的概述62.1 UI交互设计的概述62.2 网页Ul设计相关概述72.2.1 网页交互界面的概念72.2.2 界面设计与交互设计82.2.3 网页交互中信息的表达方式1()2.2.4 交互界面设计的应用1()2.3 用户体验概述123目前网页Ul交互设计存在的问题133.1 视觉感受不舒服的问题133.2 排版上存在的问题1433交互体验上存在的不足154、影响网页Ul交互设计的因素164.1 视觉感受164.2 认知模式204.3 学习习惯224.4 操作习惯225、提出优化设计方法295.1 让用户第一感觉舒适的色彩搭配295.2 简洁合理的布局与排版295.3 辨识度高的图标设计305.4 环环相扣,持续引导客户浏览网页325.5 设置小节,缓解阅读疲劳325.6 用户误操作后如何避免损失326、测试优化方案的有效性336.1 在网站上测试优化方案的可行性346.2 根据用户反馈再次优化方案34总结36参考文献39致谢421绪论1.1 研究背景在网络迅速发展的今天,人们已经越来越离不开各式各样的网络型多媒体工 具。而这类新型工具中,最受青睐使用最多的则是计算机网络技术。互联网发展 到今天已经逐渐主宰着当今社会的各个层面,人们以计算机为媒介连接到网络从 而获得必要的信息。但当人们通过各类网页各种软件相互交流时,以怎样的形式 通过电脑在互联网上进行交流也成为了人们进行关注的问题。网页交互设计的重 要性逐步得到了人们的重视,不光是从操作的方便快捷的角度来考虑,更多的客 户都流向交互界面设计实用美观的网站去浏览和消费。随着各类网页和软件的功 能越来越强大,人们对它们外观界面的设计越要达到美观且操作方便的要求。本 课题是将实际问题与查阅国内外资料进行综合归纳后进行的,将网页设计中的交 互应用作为研究重点。网页作为一种互联网的最大操作界面,交互设计应用是否 成熟已经直接影响到它的生存模式。人机交互设计和界面设计已发展和兴盛起来,这是必然趋势。当第一个网页 在理性的传达着各类信息给使用者时,就需要通过人与机器进行交互过程来实现 了。在互联网刚刚起步普及时比尔.莫格里奇就曾经提及“Soft Face”这一概念, 而这个概念的核心思想就是“沟通”二字。由于网络沟通不是面对面的进行交流 与表达,所以必须使管理者寻找各种有效的交互方式与用户交流,并对这些交互 方式进行设计和强化。对象不单是涉及到一个人或一个学科,而是需要和不同领 域不同人员进行沟通。管理者对网页的界面和行为进行交互设计,让网页与浏览 者之间建立起有机联系,从而可以迅速传递出自身要表达的信息并及时获得反馈, 提高沟通效率就是网页交互设计的最基本目的。“未经交互设计的产品:单纯地 解决难题,却创造出了一堆问题,用户感觉不到产品的体贴,产品给人一种 模仿和跟随的感觉,没有差异化,无法给人留下深刻的印象。" I“情感化、艺术化、美观化,已经不仅局限于传统的娱乐休闲产品,而是在 更广泛的商用领域得到了重视。” 2在能够保证用户从网页上理性获得信息的同,周陟:UI进化论移动设备人机交互界面设计M,清华大学出版社,.2010年,.第4页唐纳2德A诺曼:情感化设计M,电子工业出版社,2015年时,为了提高网页的综合实力,管理者也需要通过网站交互设计的媒介一一界面 来传达给浏览者感性的审美风格与心理诉求。如果说理性的信息传达是为了使互 联网的沟通变得有效,而感性的界面风格传达则是为了使其变得愉快。网站的界 面设计不是单纯的显示自己风格,也是提升网页竞争性的有效武器。它需要有艺 术的视角和理论去表现出独到的风格细节让使用者赏心悦目并印象深刻,但界面 设计不是艺术创作。用户的界面设计可以采用各种设计方式,使网页的交互方式 变得有创意有趣味性,但是最终设计原则必须围绕着理性可用的方向而操作。在 此基础上通过对各种文字,图标和导航的元素设计。传递出信息,展现出网页的 个性化特征,直观的表达出设计者的真实情感。这不光涉及视觉艺术类学科,还 包含着认知功效学、环境心理学、以及编码逻辑学等新兴专业。在网页界面设计 发展还未得到重视时,很多的网站工作人员只是在乎功能是否强大更新资源是否 迅速,往往将网站页面弄得臃肿不堪、格式死板。所以用户对这样类型的网站在 使用过程中不但得不到方便快捷的服务,反而还需要仔细去研究寻找自己所需要 的信息功能所在何处变得无所适从。1.2 研究目的在如今激烈的国际竞争环境中,我国在很多领域的技术水平上都与发达国家 有着相当大的差距。如传统实体产品的界面交互这一部分我们国家的产品竞争力 就大不如制造业发达国家的产品,很多国外品牌不单是在实体产品功能上做好做 丰富,重要的是通过了产品的操作界面更好的去表达更简单的教会了使用者如何 去使用他们的产品。在网页的交互设计领域中,客观来说我国的设计水平也同样 不如日本、欧洲国家发展迅速,但交互设计领域不像实体产品存在专利和特殊材 料上的技术瓶颈,并且各国也都在同时起步研究,时间上不存在太大差别,产品 关键问题就是人材的培养。设计师的素养和个人能力的培养是为了减小我们与西 方在网页交互领域之间的差距,中国要在这一行做到领头发展就必须鼓励人才将 理论研究与实践进行同步提升,国内外众多相关企业也意识到人才培养的重要性 均已成立专业的培训部门与设计部门。网页交互设计在中国起步还是相对较晚, 国内将交互设计和视觉传达方向联系起来研究的理论研究观点阐述论证也不够 全面,为了论证视觉传达理论知识将在网页交互设计的应用过程中占领越来越重 要的位置,所以必须通过课题研究来充实理论依据。通过研究此课题我们能够更 好的了解交互设计如何在现在的网页及软件产品中广泛应用。并将理论和实践结 合起来预测这种设计形式是否具有长远的发展前景,是否会成为将来设计界的一 种主流。1.3 国内外文献综述1.3.1 国外研究现状网页中交互设计的应用是本篇论文研究的主要内容,近年来随着“交互”的 概念发展迅速,在很多领域及场合都会听到人们在频繁使用这个词语。本人根据 人们对网页使用交流习惯做为分析,从使用者的角度客观出发,对网页是以什么 样的形式实现交互设计的应用做出记录并且研究,相关的文献检索方式主要是通 过湖北工业大学图书馆所提供的数据库来实现,当以“界面设计”为关键词语进 行搜索后的结果是163, 848篇相关文章。以“交互设计”为关键词语进行搜索 后的结果是86, 970篇相关文章。以“网页交互设计的应用”为关键词语进行搜 索后的结果是462篇相关文章。将这462篇文章进行相关的数据分析,依据它们 文章的写作摘要与写作目的与意义来做简单的归纳分类。分析并归纳了以技术、 理论及应用这几个不同的研究角度。理论与技术的研究方向论文趋势较多,占到 了网页交互设计主要的研究趋势。在技术研究方向,多数文章在讨论如何进行原 型设计、如何让交互过程变得有效率等;而在理论研究方向,通常是通过成功网 页的交互案例进行分析,以个别现象为参考,归纳并分析得出其基础原理,研究 主要集中在网页交互的概念范围、发展过程和设计特点上。在讨论的趋势上,关 于交互活动如何成功的原理呈现了上升趋势,研究重点由分析国外已有的相关理 论知识向国内自主提出新式研究观念转移。中国的互联网设计行业也由之前的相 互抄袭成功例子、以国外相关网页为蓝本参考进行机械制作的这种设计大环境, 变为了研究和发展自主个性案例、重视创新,鼓励设计师设计出具有独特风格的 网页交互界面。来提高其在网络竞争中的自身影响力。在2021年国内出版关于 网页交互的部分著作中,作者都提到了网页交互设计的产品化、创新风格的重要 性,通过互联网这个虚拟空间诞生了交互概念人们以计算机为媒介每天进行网络 交流。基于这个特殊交流方式的特征,人们也跨越了简单从网络上获得信息这一 传统功能,逐渐实现了从人机交互的过程中达到娱乐、消费和工作的观念转化, 将交互中人与网络“沟通” 一词真正融入平常生活。1.3.2 国外研究现状计算机网页界面作为人与互联网进行沟通的媒介,最早是以美国Arpanet 的形式出现的。从某种意义上说它是为战争而准备的产物,Arpanet网的实践核 心技术是今天全球互联网Internet的基础。它创新的将IOl多台电脑主机通过 连接建立而形成广域网络,这种广域网络的模式就是如今互联网运行机制的前身。 而网页界面的起步则会更晚,早期的网页界面是没有如今这些直观简洁的文字和 风格多样的图片供使用者操作,甚至说交互界面的概念都还未形成。有的只是程 序操作环境里的命令代码字符。界面操作在国外真正发展起来的过程则是由 Perq图形工作站起头,并于施乐公司推出了首次使用窗口设计的Star系统。一 九八六年第一个用于操作UNIX窗口的系统面世,随后IBM公司发布了 (Presentation Manager)管理器,这款图形界面是首款能稳定配合Intel计算 机的界面。直到一九九五年通过WindoWS 95的面世,视窗操作系统的外观从此 基本定型,这个操作模式也一直沿用至今。如今随着越来越多网页设计工具出现, 制作网页已经不再是传统编程代码,简单的设计使用窗口这么简单。越来越多与 艺术相关的设计知识被运用到制作网站的过程中,国内外越来越多专业从事网页 设计的人员也在开始学习理解艺术理论。从前在电脑里显示的窗口,人们为它设 计过颜色、尺寸以及使用习惯后,它以变成了一个新的名词叫界面。它所承担的 任务也不是单纯对电脑发布指令,而已经变成了与计算机和互联网交流的媒介这 一新功能。经过大量的电脑与论著查阅后,本人对比和总结出了西方国家在网页的交互 应用上还是拥有比较显著的特性:第一,商业化的经济性较明显,通俗点讲就是 所谓的“时间金钱论”,在设计师的设计过程中需要考虑如何使用最小的成本做 出最有交互效果的网页来获得最大宣传目的。而网页使用者也是如此,他们需要 考虑到怎么样投入最少的时间、消费最少的金钱获得他们所需要的服务。第二, 设计手法普遍较新颖技术较先进,一些针对于网页交互设计的软件在各国不断推 陈出新,在国外更有甚者将很多界面的交互设计直接通过特殊设计软件交给计算 机去自行设计。那些传统的电脑逻辑语言、难以表达设计者创意构思的设计软件 早已消失淘汰。第三,网页针对的交互对象更宽传播范围更广,如今的地球已成 为“地球村”,除了交通工具的迅速发展之外,网络技术的发展也是一个关键因 素。如果说飞机是让人们的身体不断飞行拉近距离,那么网络技术则是让人们思 想不断飞行快速传递着信息。国外的优秀网页设计中,大多数交互设计会将不同 的使用者考虑进去,没有被传统的地域、民族及年龄因素所束缚,国际化的竞争 意识更加强烈。总的来说,通过对国内外网页的交互应用现状进行分析研究,我们必须清楚 的知道:网页的交互设计不同于传统的平面艺术设计但又离不开这方面的理论与 技术支持。如果想要做出一个好的网页交互工程,就必须去了解更多关于环境心 理学、统计理论、编码逻辑和视觉传达等相关知识。同时我们也认识到人类除了 传统的与自身以及自然进行沟通获得信息以外,通过网页交互获得信息已经成为 了新方式,并且这种方式会日益成为未来世界传递信息的主形式。网页通过自己 一套习惯用法为人们带来了资讯的快捷,“所有的习惯用法都是从某一个人灵光 一现的想法开始的" 3。利用网页的交互沟通的能力人类会在虚拟空间中共同分 享信息资源,体验网络给我们生活带来的方便快捷。2对UI交互设计及网页UI设计相关理论的概述2.1 Ul交互设计的概述从广义上来说,UI设计是可以包含交互设计的,在这样的情况下。简单来 说,把交互设计的理念体现在IJl界面上,就是Ul交互设计。从设计重心方面来 看,UI设计的重心是色彩和视觉,以界面美观设计为主,主要考虑产品看起来 怎么样。而交互设计则是以用户为中心进行人机互动部分的设计,主要考虑产品 用起来怎么样。而Ul交互设计则需要兼顾Ul与交互两个方面进行设计,将交互 的理念体现在Ul界面上。进入21世纪,人类已近完全进入由科技主导的时代,随着制造业与科学技 术的发展,越来越多的工业产品进入了我们的生活改变着世界,这些产品不断在 向着智能多功能的方向更新换代让人目不暇接。人类也学会通过这些电子产品自 带的媒介与它们“沟通”让其更好的服务自己,这种与机器“沟通”的过程被称Steve Krug: don't make me think (M),机械工业出版社,.2016 年,.第 24 页 为“交互”,而让人与机器交互的媒介则是“界面”。而交互界面设计的本质就 是通过统计收集用户对产品功能的需要建议,设计出更加好用智能的产品操作系 统。“交互设计是一个关注交互行为、用户体验与人机间有效沟通的数字产品设 计领域,它涉及可用性研究、用户分析、情感研究、界面设计、认知心理、工业 设计和人机工程学等诸多领域。”.这些系统操作起来越符合人的逻辑思维越简 单方便,则这款交互界面系统设计的就越成功。好的交互界面往往能给产品带来 巨大的收获,甚至颠覆整个行业的发展模式。如人们所熟悉的手机产业,一个乔 布斯的“苹果”手机就将整个行业几乎重新洗牌,这里面的一大功臣就是这款手 机的交互界面设计所带来手机系统操作的新模式。2.2 网页Ul设计相关概述2.2.1 网页交互界面的概念对于网页这个特殊的产品,交互界面的作用就显得更加重要。因为网页只有 通过优秀的界面为媒介才能与浏览者进行交互沟通。在网页制作的初期,制作者 们只是为了单纯的吸引游客利用他们的好奇心理,将一些华丽的图形、文字信息 以及网页功能综合起来设计出早期网页的交互界面来增加点击量。但是,在现在 网络技术逐渐成熟的今天。网页的数量在急剧的增多,网站的功能性越来越强大, 人们对网站的消费早已没有过去的新鲜感更多是以理性进行浏览。想要留住消费 者再做以前类型的网页交互界面只会被视为视觉垃圾,让浏览该网站的用户对其 印象产生厌恶。就如现在众多网页游戏与网络广告的交互界面效果一样,眼花缭 乱的文字特效、绚丽的图片来回循环以及荡气回肠的音乐音效。目的就是以夸张 的效果来吸引浏览者点击确适得其反,原因很简单:这样的设计完全违背了网页 交互的本意,完全没有“沟通”可言。设计者不去调查研究了解用户的真正需求, 何谈对消费者能进行满意的服务。所以网页界面的互动设计对网页品牌成功起着 关键作用。人们与网页交互的过程中,不管是在浏览网页还是利用网页自带的服务程序, 都必须通过设计者对网页的信息进行引导,这种引导通常经过界面来完成,它是李四达交互设计概论M,清华大学版社,2011 人们与虚拟网络交互的媒介。在设计的时候设计师需要做到“以人为本”的原则, 现在的网站交互作用不仅仅是收到用户的查询命令然后给出反馈信息这么简单, 而是在基本的功能下发展出各种体验式功能。在降低一些与机器交互过程中的概 念化因素后,使浏览者能够自由随意的掌握交互主动权成为网页的主人,消除他 们在网络空间中的距离感,使用户对网页由最初陌生消极的感觉转化为快乐享受 的体验状态。例如大家所熟悉知道的校内网,他的基础功能就是针对在校学生, 通过他们填写详细的资料经过数据分析将同学之间联系起来。在用户熟悉了这个 网页的交互模式以后,可以熟悉的找到自己想要找到的人与事,每个人通过这个 网站交互界面即使搜索者又是被搜索对象。在确保了这个功能是该网站与用户交 互的主要功能得到用户的认同感后,在通过网页中状态分享、个人主页和旅途历 程等界面丰富用户的体验选择,经过这种有主次的交互界面设计与应用后网页的 知名度获得大量提升。2.2.2 界面设计与交互设计一个交互设计应用非常成熟的网页,我们可以从中看到这个网站界面设计的 非常有考究,同时在体验该网页的交互设计时不仅能获得理性的信息还能拥有情 感与感性的信息传达。这与过去长期的信息至上、编码为主的网页设计布局方式有着天壤之别。设计师不单是发现并重视了网页界面的颜色、布局以及内容 的设计,还在考虑着如何让用户更加自然与熟练的使用这个界面。从这一个发展 趋势中我们可以看出单纯的界面设计是被交互设计所涵盖的,界面设计的内容只 是交互设计过程中所需要考虑的一个范围。网页的交互设计是否应用成功就直接 代表着现在网页是否成功,它已经不是单纯的考虑传递信息效率或者安排网站里 界面、文字和图案的设计,而是将这些网页元素综合起来设计出最合理的表现形 式。关于界面的定义我们给它解释更多是“媒介” 一词。这更多是从界面功能来 考虑,如图1.1所展示的情况一样:绿色人物代表用户,蓝色物体则代表网络 中给予我们服务的程序和工具,红色的平面就是界面。由于在网页中这类工具比 较特殊我们无法直接获得并使用,必须与这些工具和程序通过建立联系来发布命 令来使用它们。界面的存在是进行人与机器交互的前提,同时界面的设计也被细分出了硬件界面与软件界面等几类,但不管设计哪种界面,我们都需要掌握 人机工程学、环境心理学并将平面设计与编程技术相结合,使界面设计既能表达 出应有信息又满足用户审美需求,现在有很多的网页设计软件也是根据这个操作 模式来进行开发使用的。而网页的界面设计与传统平面设计的区别在于:网页界 面必须将信息准确的传达给浏览者,这是他的首要任务。至于使网页看起来符合 用户的审美心理也必须以信息传达准确无误为前提;而传统的平面设计对于信息 的传达这一任务就显得不是非常重要了。更多的优秀平面设计作品,则主要是依 靠创意的布局,以及合理使用各种视觉元素去冲击使用者,创意表现在这里变得 尤为重要。图1.1界面与用户的关系做好了界面设计的信息传达与审美需求后,如何使界面与用户沟通起来更加 方便快捷,这样的问题就需要进行交互设计来解决。如果说界面设计类似一种沟 通的语言,而交互设计就是让你如何更熟练更丰富的使用这门语言与机器沟通, 交互设计师的工作也是如此。所以与做好界面设计相比交互设计需要掌握的知识 及专业人才更为丰富,特别是成功的网页交互设计的应用是绝对不可能由个人而 完成,它必须是由不同专业的设计师组成团队而设计完成。他们在设计的过程中 需要去考虑用户能在网页中做到哪些操作,如何将用户需要的信息第一时间展现 出来并引导他们发现可能对其有帮助的信息以及怎样将网站的经济效益提升至 最高并充分利用各种资源。总的来说交互设计就是为了让浏览者点击网页时拥有 更高质量的服务享受,并留住他们作为客户资源。图1.2交互设计需要多学科配合2.2.3 网页交互中信息的表达方式不论是网页中的界面设计还是交互设计,首要做的便是将管理者信息给表达 出来。这种表达方式除了传统的视觉信息表达方式外,还有关于其他五感表达方 式,例如除视觉之外传播最多的听觉信息,这种传播方式跟其他多媒体产品一样 非常丰富。“几乎所有我们经验中的东西都存在于长期记忆里。不像短期记忆, 人类的长期记忆似乎没有限制。虽然使用人的平均学习速度来计算一个人一生能 够学习到的信息量,但还没有人测量过或者预测过人脑的最大信息存储量。”5所 以长期记忆的传达方式也是其中一种信息表达存储方式。设计师将自己所了解的 信息资源通过一系列编程打包放入网络界面中,网页用户在点开网页后发现寻找 自己所需要的信息资源,并通过界面将自己对网页的使用意见同样通过视觉信息 方式反馈给设计者。设计者则通过这些反馈意见来改良网站,使下次的视觉信息 更加实用、快捷的传达给消费者。如此形成一个良性循环不断反复,网站的信息 表达方式就会更加有效符合用户的需求,网络平台和网页界面在这时更像是留言 簿,各种信息在上面交汇表达人们通过它进行无障碍的交流。虽然现在网页的信 息载体越来丰富,各种图片、视频等多媒体工具新颖的传达着网络信息,但在网 页信息传递载体中主要的仍是文字。原因也十分简单:由古至今在信息传递中最 直接准确的表达方式一直是文字交流,它不会产生歧义,能够让阅读者正确理解 作者的写作目的,并且在网页交互设计中如今还出现了动态文字这种新形式。2.2.4 交互界面设计的应用(1)电脑软件中交互设计的应用交互设计如今已经不止在网页界面中会提到了,越来越多需要依靠屏幕实现 价值的产品都意识到了它的重要性。例如随着网络发展,教学方式中出现了远程 教学,如何提升远程教学的效果让远程教学与课堂教学相媲美,除了改进教学方 式以外另一种途径就是在交互设计上下功夫,通过改进交互过程中出现的问题使 远程教育的教学质量得到提高。软件及I T产品中,交互设计的需求不光是要在生理的体验上有优质实用的 特点,操作系统的美观也是重要的竞争力。在用户的交互体验过程中只要掌握到 用户的喜恶,在一些小的设计上做出变化就能获得超乎想象的效果。例如现在大5 JeffJohnson:认知与设计:理解Ul设计准则M,人民邮电出版社,2011年 家都熟知的微博概念,就是新浪公司在原有的博客系统上进行改良分析重新做了 相关交互界面的设计就获得了奇效,其他各个网站纷纷效仿推出了自己品牌的微 博。其实透过现象看本质,新浪在技术层面所做的改动实际并不算大工程,它只 不过是将原有的博客模式进行了缩小简化让微博在使用上更加方便快捷。但恰巧 是这一点抓住了消费者的心理,微博的最大特点就是可以通过手机制造出我在现 场的感觉。让用户第一时间更新自己的状态信息,并且这些状态信息又不会过于 拖沓便于其他用户去阅读分享。这样的记录方式十分迎合现代网络的主要用户的 需求,他们不需要用过多的时间便可以相互传递着真实的信息,微博的概念也随 着时间被更多消费者接受。这样实用方便让用户喜欢使用的交互工程,从某种意 义上来说满足了用户的生理体验。用户在交互过程中对I T软件类产品精神体验的定义,可以解释为使用产品 后一种获得精神满足的体现。一般是由用户在使用过程中获得自我表现与他人认 同感的情况下展现出来。例如在windows公司二零零六年刚刚推出的Vista系统 时,由于该系统的交互页面设计应用的比较新颖,起初能够用到正版用户会被周 围的人羡慕,这种羡慕感与认同感会让产品的使用者获得愉悦的心情,这种积极 的情绪就是成功的精神体验。所以从某种意义来说,优秀的软件产品交互设计可 以带领该行业的“潮流”趋势,所以各个企业在交互设计的应用上投入人力物力 的比例在逐渐增加。在对机械类产品交互设计的过程中,类似产品的操作界面已然从以前老式按 键菜单变为如今丰富灵活的触屏形式。人们通过触屏界面的菜单与机器交互时, 可以使机器变得更智能工作效率也得到了提高。如现在大多的洗衣机设计界面, 以往都是通过大面积的复杂按键来设置洗衣过程,人们在起初使用这类机器时需 要专研说明书才能达到交互发布命令的作用。而现在先进的触屏洗衣机,将以前 繁复的按键菜单有逻辑的归纳于触屏界面的主菜单与几个子菜单中。屏幕界面所 占的位置随着产品的更新仍在不断缩小,这样不仅美化了产品的外观使其简单自 然,也降低了用户对其的操作难度使用起来更加方便简单。“希望设计师在注重 设计美感的同时,不要忽略设计的一些必要因素,因为对于产品设计来说,安全 好用永远是竞争的关键。” 6所以在选择美观与实用的过程中消费者会优先考虑6 Donald Norman:设计心理学M,中信出版社,2010 前者。(2)手机界面中交互设计的应用交互设计应用兴起的今天,还有一款产品是经历了较大的变化但是从中也是 获得较多收益的行业,即我们熟知的手机制造业。在Iphone的带领下手机交互 模式也直接变成了触屏的新式潮流。以往的大手机品牌也因为跟不上这个交互模 式的转变而销声匿迹甚至面临着破产的危险。但从实际情况出发Iphone能获得 如此成功也绝不是偶然,如果苹果公司没有在交互设计应用的相关理论下功夫做 铺垫,一个小小的触屏操作变化所带来的行业冲击力不可能一发不可收拾。通过 这个小屏幕苹果使手机变得更加容易使用,人与手机的交互性变得更加简单丰富。 就拿短信界面的窗口来说明,如今的IPhOne已将短信编辑全部放入了一个窗口 之中,使用户在短信于他人交流时一目了然方便快捷,相比过去按键手机的收件 箱、发件箱等复杂界面菜单来说,这种情况使人机交互的过程变得轻松了许多。 并且苹果公司没有停下研发脚步,在不停的更新推出能与IPhOne相匹配的手机 软件与配件,目的就是为了让自己的产品在质量上更加可靠、在使用过程中更加 的方便和高效。2.3用户体验概述在产品研发中,用户体验设计是什么呢?可能大家一想到用户体验,就会联 想到各个工作岗位如:视觉(UI)设计师、交互(UE)设计师、用户研究员、产 品经理、需求分析师在我翻阅网上各类的解释时,我更喜欢的理解是:用户体 验设计指的是人们能力的集合,它不单单只是指定某个概念或某个岗位。用户体 验设计不等同于Ul设计,视觉设计只是用户体验设计的一部分。例如:操作不 顺畅就觉得用户体验不好,界面丑就觉得用户体验不好,这是不对的。之所以人 们会混淆,是因为视觉设计是整个产品产品的表面形象,很多人只看到它的表皮, 而没去了解内层的各种流程、逻辑、交互、提示因为用户体验设计还需要梳理 流程、区分场景,其实这些已经属于交互设计的范围内了。用户体验设计也不等同于可用性测试,它的具体流程是确定目标f确定方案 一预测试一正式测试一最后分析和评估其可用性,以及怎么应用在产品的功能或 流程中去,这个放后面有时间再来跟大家分享一下。用户体验设计更偏向于更高 的层次,它使用的范围更广阔、更深入、更具体,更要贴合用户,是人性化、情 感化的设计。所以用户体验设计是比视觉(UI)设计、可用性测试范围更大的, 它们只是包含在里面,当然也包含了其他内容。用户体验在互联网产品研发流程 中,可以应用在方方面面。例如:产品设计:在需求上分析用户场景,如何满足用户的需求,解决用户的刚需。 在此基础上,我们再加入一些人性化、情感化设计,能够让用户在等待或进行某 项操作时,对产品投入更多感情,从而留住用户。界面交互:视觉设计或交互设计师在接到产品的需求后,需要梳理需求的流 程和场景后开始美化界面设计、排版,使得用户使用这个产品的时候,信息内容 清晰明了。然后在前面产品所说人性化、情感化设计加以美观,这样也能够让用 户在使用产品时感觉到愉悦。技术开发:开发工程

    注意事项

    本文(关于UI交互设计在网页UI设计中的优化研究_kaic.docx)为本站会员(夺命阿水)主动上传,课桌文档仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知课桌文档(点击联系客服),我们立即给予删除!

    温馨提示:如果因为网速或其他原因下载失败请重新下载,重复下载不扣分。




    备案号:宁ICP备20000045号-1

    经营许可证:宁B2-20210002

    宁公网安备 64010402000986号

    课桌文档
    收起
    展开