《人机交互技术》实验三 熟悉硬件人机界面设计

《人机交互技术》实验三熟悉硬件人机界面设计重庆邮电大学移通学院学生实验报告实验名称：专业班级：熟悉硬件人机界面设计数字媒体技术02１４14０１姓学名：罗钧号:ｘxx实验日期:2０17．４.25实验二：熟悉硬件人机界面设计一、实验目的（1）熟悉硬件人机界面设计的基本内容,了解硬件界面设计在人机界面设计中的作用；（2）欣赏著名设计公司的设计成果，熟悉人机界面设计的成果表达提高自己的鉴赏水平和知识水平,提高对设计的鉴赏能力。二、工具/准备工作《人机交互技术》实验三熟悉硬件人机界面设计需要准备一台带有浏览器，能够访问因特网的计算机。三、实验内容与步骤1.概念理解(１）请选择一个最近人气很旺的数字产品或者服务，看看这些产品和服务中有哪些因素让人机交互变得容易，有哪些因素让交互变得困难。小米的MIUI系统在几年的的积淀下逐步成为最强大的第三方安卓系统之一。一、MIＵI1的起步的时候是2010年，当时Aｎｄroiｄ版本更新至2.2，Ａｎdｒoiｄ2.1-２．３版本是Anｄroid大爆发开始的周期。大部分人接触Aｎdroid启蒙阶段应该是从2.1的版本开始用的。2010年的Andｒoｉd２x系统漏洞无数,体验欠佳，无论是软件运行效率还是操作系统体验上均只是做到尚且能正常使用不敢奢求更好而已，但胜在许多ＡＰＰ已经开始发布Andrｏｉd版本,还提供区别于塞班系统的体验感(比如我在塞班平台用了多年的UＣ浏览器,一换到Anｄrｏid平台来用，当时浏览网页的体验感大致类比一个习惯了Andｒoid系统卡顿感的人第一次上手iOS的体验吧),并且由于智能手机井喷,硬件成本开始下降使得很多人开始较为频繁地更换手机(手机应该就是那个时候由一个电器变为消耗品属性的）,加上诺记系列手机小屏幕过渡到各类品牌手机，Anｄroｉd系统和大屏电容屏带来的新鲜体验也是助力智能手机用户增长的一个重点。以上这些算是MIUI当时发展的一个必要因素。只能说MＩUＩ１发布的时间刚刚好。因为这时候Andｒｏｉd阵营已经有相当数量的用户基础，不管是来自于HTＣ为代表的品牌厂商还是民间rom团队和发烧友，他们支撑起了Ａndroid系统的多样化。多样化的弊端之一就是引起碎片化,同一款手机有可能有各类的rｏm，不同rｏm还有不同功能，有时候想体验不同ｒom特性还需要频繁刷机。特别是Anｄroiｄ４x以后的系统，ｒom多样化更是达到前所未有的顶峰。那么在这样的背景下，MＩUＩ开始发布，它有几个优势:1、源于一个企业组织维护的ROM,并且更新时间固定。2、具有开放性,首期官方适配了一定数量的热门机型。(后期，大概是12年的时候还开放了官方适配教程。让有动手能力的网友也能制作出基于某一机型的官方roｍ底包MIUI。更加扩大MIＵI阵容。）3、有原配机型搭载MIUI,了解iPhｏne的都清楚,iPhone之所以是iPhonｅ，必须是因为它有量身定做的iOS。４、最重要的是,在2０１0年，Ａｎdｒoｉd的UI普天同丑的年代,MIUI的出现,让它与很多rｏm区别开来,当时对于ＭIUI的印象应该分为两类,发烧友认为可塑性强，性能优化空间大。普通用户觉得界面华丽，主题丰富多彩,自带功能人性化。很多时候，人就是视觉动物，不要怀疑。以上几点是MIUI当时的核心优势，特别是第四点。可以想象,在2０１０年，大部分rom团队关注Aｎdrｏiｄ内核性能ｒom制定，普通用户得过且过使用原版或者手机商二次开发的界面的时候,有那么一个ｒom，拥有精细构造的主题，针对中国用户打造的部分专属优化功能，给予用户更好的体验,使得它脱颖而出。对了，MIUＩ最初本来就是发烧友们首先开发的产品。以上这些就是MIUI当时在那么一个市场情况下发展起来的原因。基于此，接下来开始一点点谈论MIUＩ的后续版本。二、MIＵI２和MIUI3这两个版本其实就是在针对MIUＩ１做优化，做改进，半年的时间做了相当多的优化，但是更多层面上的依然还是用户体验的优化，以及半年时间制作了更多的用户主题。这三个版本用户界面依然是核心优势。也可以简单理解为在Aｎdroid原生的基础上的美化外挂。直到２01１年8月份,小米公司发布小米手机m1，这是当时全球最顶配置的手机。在如此吸睛赚眼球的营销下,小米手机搭载的ＭIUi应该就是现在大部分用户对ＭIUI的最初印象了。当时的宣传就是手机和roｍ一齐宣传作为卖点的，也就是说其实小米公司

《人机交互技术》实验三熟悉硬件人机界面设计最初的战略也就围绕着MＩUI开展布局的。三、MIＵI4发布的时候界面貌似变动不大，其实做了相当多的微调,首先界面层级上已经开始做出通知栏和桌面打通融为一体的效果,也就是桌面沉浸，这很具有美感，不过用户关注度不高，而且也不是重点。(Andｒｏid４.4开始提出沉浸概念用户才大范围关注这类。)短信率先提供类似iOS的网络短信，还有内置短信模板，拨号界面大改,和市场上众多手机,众多rｏm相比这些细节上的重点更具美感,而且内置ＡPP功能上的各类细节也没有忽略。可以认为ＭＩUI4是在Aｎｄｒoid4.0系统性能开始逐渐改善的核心中继续对前三个版本的产品进行更为细致的打磨优化。从风格上这四个版本都可以归为一类。其实体验都是相同的，只是MIUＩ4最为细腻而已。四、MIUＩ5个人认为其实是比较矛盾的版本。当时这个版本发布的前段时间,他们的设计师还在ＭIUI论坛预热,发了很多关于MＩUＩ5界面的设计的理念，比如圆和方融合的概念，T型导航设计的概念，过渡效果的实现等等各类帖子,那段时间看这些帖子学到了相当多的ＵI设计理念，很有收获，不过我总觉得这个版本矛盾是因为那个时候是13年，拟物化风格和扁平化风格交替变更的时间。那个时间段的设计潮流概念就是逐渐过渡到了扁平风，特别是年中iOＳ7的发布，加剧了这一进程。ＭIUI5在设计的时候很好的融入了圆的概念，可以在roｍ里面找到相当多的圆角设计。我们的眼睛天生对于圆形有喜好感,因此,基于方过渡到圆的UＩ设计理念的MIUＩ５其实很耐看，很讨好用户眼球，加上ＭIUＩ５很注重系统还有APP层面的界面过渡效果,丰富的过渡细节填充，在体验感受上，这个版本的ＭIUI给你的感觉就是很耐用，好用。但是在视觉上面,他们想兼顾拟物化的同时做那么一些扁平风的元素在内,可能这个不好把握,因此总体上给人的感觉就是色彩单一填充化,但是偏偏UI细节又很丰富，显得视觉上有那么点矛盾。按照现在的ＵI趋势来看,配色做的不够好，这也是一个不成功的界面。不过值得肯定的就是ＭＩＵI5从头到尾充斥完整的过渡效果。这些小细节大大提升了系统的流畅感。毕竟现在Android设计风靡全球的MaｔeriａlDｅsign设计规范就是用丰富的过渡动态细节来提升ＡPP的流畅感，完善统一内部交替。让构造再简单的AＰP也有不俗的视觉体验。某种程度上来说，MIUI５超前成功的做了了一些ＭaｔerｉａlDesign设计，效果也不错。另外，MＩＵＩ５也是小米开始基于MIＵI全面布局生态系统的版本，暂不讨论布局ＭIUＩ生态系统是否有成效,仅看结果而言,小米走这条路一直都是按部就班的去做。每当有什么重量级产品发布也都是基于MIUI更新相对于功能，衔接其它产品与MIUI之间的互动，让ＭＩUI作为一个物联网中心，智能家居中心。从这个版本开始MＩＵI在原先注重优化性能和系统美化的基础上开始向系统功能倾斜了。MＩUI的核心竞争力开始展现。可以说从2013年开始,小米的差异化竞争已经开始更多的转向了软件方面,而ＭIUI５就是这个成果。五、MIUＩ６开始,在设计上，MIUI已经找到感觉了，经过一年多的打磨和当时１4年下半年扁平化的趋势确定,MIUI的界面就是很明确的，扁平化加丰富的色彩结构。功能上继续挖掘完善用户需要的小功能,这也本来就是MIUI的拿手好戏。性能上，由于Anｄroｉｄ设备硬件性能的火箭式发展,１4年的设备性能支持得起更复杂的运算，也能提供良好的运行保障。所以ＭＩＵＩ的优化不论是小米自家机型的优化还是第三方机型的优化均能更好的在此前提下完善更多内容，提升用户体验。MＩUI5开始着力布局的MIＵI生态一年多时间也大范围成型,围绕着各类硬件设备，使得MＩＵI的功能变得更加全能。另外小米自建的云端平台深度嵌入MIＵI，所以这个版本的MIＵI其实很有iＯＳ的味道。至于用户是否认可ＭIUI的生态布局还有全新的ＵI体验,只能说众口难调吧,我身边有的朋友升级了MIＵI６依然都要降级回去的，毕竟扁平风有的人喜欢有的人就是不喜欢,这是个人喜欢口味问题。至于我而言，我是很喜欢比较前沿的设计。再加上，ＭIUI的设计一直都是领先国内很多厂商开发的ｒoｍ的，殊不知那段时间很多厂商二次开发的rｏm就跟安装个美化了的桌面锁屏没什么区别。所以个人MIUＩ6还是很认可的,六、MIUI7发布的那段时间没怎么关注，后期也只是随便看了下官方网站,大致了解到的总结来就是一个MIUI6的全新升级优化美化

《人机交互技术》实验三熟悉硬件人机界面设计加强功能覆盖完善版吧！七、MIＵI8表面上是鸡肋更新，还有人拿这个说小米现在的营销就是打着黑科技的幌子挤牙膏忽悠人。就我个人认为这个版本的更新是很重要的,也算是具有里程碑式更新的,理由如下:1、年度更新,距离上一个版本十个月了,也差不多到一年一版本更新的时间段。2、MatｅriａlDｅsigｎ，看了ＭIＵI８的宣传文档,应该确定的是,从这个版本开始,MIＵI的设计完全融入Ｇoogｌe的MateriaｌDesigｎ规范甚至可以理解为是有MIUI特色的MateriａｌDesｉgn主义道路。是符合国情和国际形势的一条路,因为MateｒialDeｓiｇn有化腐朽为神奇的能力，殊不知现在有多少新出的APP作者懒得去做UI设计,直接融入了MateｒialＤeｓigｎ,整个界面如焕新生。MIUI在系统级层面上架构遵循ＭaterialDｅsiｇn，那么意味着国外那些规矩的AＰP在ＭIUI8里面能够适应良好,没有以前那种水土不服。国内的ＡPP经过ＭＩUI特别的调整,也能于MateriaｌDeｓign的系统框架响应。这从视觉层面上统一完善了ＵI。也让MIUI后续的版本更新不会再画上很多精力去构建一条新的路，毕竟Ｇｏogle的东西跟着Google走是不会错的,何况Ｇooｇle都把MatｅrialDesign战略性融入到自家产品中，MIUI基于未来的大屏小屏体验有必要完善这么一条万金油方案。何况这还是现成的,还是全球都受好评的,MＩUI没道理不用。３、功能深度整合,iOＳ每次更新都有个梗,一堆AＰP又要倒下了!比如iOS９．3的更新，提供了夜间模式。从MIUI８可以看出来，很多实用性的小功能,用户随时需要调用的ＭＩUＩ空前重视的深度整合至系统中去。这次的更新可以让用户少装好多同类软件。可以预见的是后续小版本的更新应该还会提供更多的APP小功能整合至系统中去。甚至是和MＩUI的生态物联环境整合，很有想象空间。４、全新字体，虽然说字体是可以移植替换的,我的手机今天就替换了米兰字体,体验良好。雷总宣传米兰的方式我早已经见怪不怪了，也不是很赞赏这种贴金式的宣传。不过放开这个不谈，从MIＵI8对于字体的重视度上来说MIUI已经将用户的体验和观感放为最重要的一个层级去指导一个系统的开发方向了,我觉得在目前Aｎｄrｏid阵营设备性能同质化的环境下,去追求软实力上的差异化将之融入手机，让系统为手机提供可以想象的无限潜力，这是一个良好的开端和信号。乐视基于视频内容优势正在这样做,小米有MIUI搭建的生态优势也应该这样做。可以预见以后ＭIＵI的重点更新应该是用户接触最多的一部分功能。围绕这些来做产品运营。额外说一下,如果说Aｎｄroid哪个rｏm能给你提供iOＳ般的系统级体验，那只有ＭＩUI了。平心而论，Ａnｄrｏid的卡是通病,可是在5.0以后以及大幅度改善了，现在Andｒoid的槽点也应该就是权限问题还有AＰＰ控制问题而已了吧,原生体验已经足够流畅!而ＭIＵI的RＯM，深度整合各类软件服务，完全的可以和iOＳ一样的用法。简单的装上一两个必备APＰ就没什么可操心的了。回顾MＩUI1－８就能发现MIＵI一直都是很注重用户体验,很注重细节。这两点贯穿了MIＵI的整个开发阶段，我觉得这就是他们的核心,用户使用的时候就是简单感觉到和其他产品明显不一样,好用，就够了。但这两个字得需要多少人的努力才能做到的。（2）想一想最近备受欢迎的某个数字产品或服务中整体交互性高的例子,简述一下为什么它的交互性高。苹果从ＡppleWatcｈ开始引入ForceTouch技术,并且之后应用在ｉPhoｎe6S以及２015款ＭaｃBookPrｏ上，将平面的交互扩展到了吗另外的一个维度。新的交互行为，要体会它唤起的原始感觉,如MａterialDesｉｇn所定义的那样,这个感觉首先基于物理的世界。之前的多指触摸，它和物理世界的关系是二维的。虽然各大系统在z轴上模拟了诸多空间效果,阴影、叠加关系、视差和景深等等,它的效果是3D的，但施加效果的“力”是二维的。所以我们的Ｔoｕcｈ只能施加平面上的力(滑动)来解决空间位移,比如

《人机交互技术》实验三熟悉硬件人机界面设计移开叠加在上面的卡片，但我们不能向下推走它或者向上拽起它。新的屏幕传感器增加了纵向的力的感知，所以叫3ＤTouch。二维平面的力，它的物理感觉是摩擦摩擦,是滑动,是平面的位移。纵向的力，它的物理感觉有二，推远和挤压。因为“被选择至上”的交互原则,推远的只能是未被选择的部分。这个物理结果和景深效果的结合，就是实与虚的变化。挤压不同于点按，后者引起了焦距的变化,如Icon变成Pａge。挤压的感觉是，被选择对象在力的作用下焦距不变,于是挤压出来来临时的、附属的东西来,也即快捷菜单。Iｃoｎ在peek下的动画，有一个模拟力的波的效果，图标外围扩散出一个变大的图标波形，到了峰值之后展开到下方,非常自然，也符合挤压的物理逻辑,所以它拥有很高的交互性。（3)在最近上市的某个数字产品或者服务中,选择最有效提供社会交互的例子。然后说明在这些例子中，社会交互式通过说明方法被成功实现的。目前推广的物联网将是未来2０-50年互联网社会的雏形,“无所不在的互联网”虚拟社会(虚拟信息)、现实设备(物理信息)和人将形成一个稳定的三角形互通架构1、人和人可通过任何物理介质创造并获取信息2、终端这个概念将会消失,一切都是终端3、30-5０年互联网智能化后,人和互联网的沟通将可通过各种语言及表情进行沟通4、在可以预见的未来，还将以资本主义为主互联网广泛渗入各行各业,将像蒸汽机、电力革命一样被广泛应用(４)在最近上市的某个数字产品或者服务中，选择有效使用创造性交互的例子。然后说明在这些例子中,创造性交互是通过什么方法被成功实现的。近期VirtuａlＲeａlitｙ设备比较流行，VR颠覆了以往的交互体验，新时代的VR产品对比历史上出现的产品除了拥有更优秀的视觉体验,更完善的头部追踪和更轻的重量。目前行业中存在以下几种VＲ硬件产品:①手机VＲ产品②头戴显示器（PC或者主机）ＶＲ产品③基于空间定位的大型VR模式简单来说，就是目前并没有成熟的交互解决方案,所有的厂商只能使用某种勉强能进行的交互手段来支持VR内容的互动,例如:媒体化VR方案、通过定位实现的VR游戏房、通过某种跑步机实现的固定位置互动的VＲ方案。2.人机界面设计作品欣赏（３）其他。登录优艾网或者搜索其他类似的网站,相信能看到更多优秀的人机界面设计作品。你觉得能从中得到一些什么启发?请简述之。针对自学UI设计相关的技能我有这些启发:①学习基础软件操作需要掌握PＳAi等软件的基础操作

《人机交互技术》实验三熟悉硬件人机界面设计②磨练技能,动手练习找一些自己喜欢好看的图标、ＡPP、网站截图下来,尽可能百分百临摹复制出来。临摹几套完整的ＡPＰ很有必要,熟练你的软件操作能力,对基本界面布局的理解。３、发现很多不上手做就注意不到的问题最直接的效果就是你可以开始上手做东西，而不是做一些四不像的半成品。（因为你已经做了好几套成熟而完整的作品了,临摹的也是你做出来的）（很有必要强烈推荐)③提高审美、拓展思路、开阔眼界浏览各种设计类的网站（站酷，优设、UI中国。。。)看别人的学习经验，下载收集设计类的素材。可能这里是别人的飞机稿，练习，项目上线以后才发布的稿件、很多是对新趋势的尝试,产品的改版、还是相对完整的作品。这也是有一定价值的。而且网站还有更多的内容是别人的经验总结（快速解决某些问题,掌握某些知识的利器)，教程和各种精美实用的素材。(不建议花太多精力学习——某些过于炫技的东西)④规范自己的工作流程下载各平台的设计规范(安卓，苹果，WP)仔细研读,并在练习中加以注意,