《人机交互技术》实验三 熟悉硬件人机界面设计教学文案.doc

《《人机交互技术》实验三 熟悉硬件人机界面设计教学文案.doc》由会员分享，可在线阅读，更多相关《《人机交互技术》实验三 熟悉硬件人机界面设计教学文案.doc（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、如有侵权，请联系网站删除，仅供学习与交流人机交互技术实验三 熟悉硬件人机界面设计【精品文档】第 7 页重庆邮电大学移通学院学 生 实 验 报 告实验名称： 熟悉硬件人机界面设计 专业班级： 数字媒体技术 02141401 姓 名： 罗 钧 学 号： 2014210xxx 实验日期： 2017.4.25 实验二：熟悉硬件人机界面设计一、 实验目的（1） 熟悉硬件人机界面设计的基本内容，了解硬件界面设计在人机界面设计中的作用；（2） 欣赏著名设计公司的设计成果，熟悉人机界面设计的成果表达提高自己的鉴赏水平和知识水平，提高对设计的鉴赏能力。二、 工具/准备工作需要准备一台带有浏览器，能够访问因特网的

2、计算机。三、 实验内容与步骤1. 概念理解（1）请选择一个最近人气很旺的数字产品或者服务，看看这些产品和服务中有哪些因素让人机交互变得容易，有哪些因素让交互变得困难。小米的MIUI系统在几年的的积淀下逐步成为最强大的第三方安卓系统之一。一、MIUI1的起步的时候是2010年，当时Android版本更新至2.2，Android2.1-2.3版本是Android大爆发开始的周期。大部分人接触Android启蒙阶段应该是从2.1的版本开始用的。2010年的Android 2x系统漏洞无数，体验欠佳，无论是软件运行效率还是操作系统体验上均只是做到尚且能正常使用不敢奢求更好而已，但胜在许多APP已经开始

3、发布Android版本，还提供区别于塞班系统的体验感（比如我在塞班平台用了多年的UC浏览器，一换到Android平台来用，当时浏览网页的体验感大致类比一个习惯了Android系统卡顿感的人第一次上手iOS的体验吧），并且由于智能手机井喷，硬件成本开始下降使得很多人开始较为频繁地更换手机（手机应该就是那个时候由一个电器变为消耗品属性的），加上诺记系列手机小屏幕过渡到各类品牌手机，Android系统和大屏电容屏带来的新鲜体验也是助力智能手机用户增长的一个重点。以上这些算是MIUI当时发展的一个必要因素。只能说MIUI1发布的时间刚刚好。因为这时候Android阵营已经有相当数量的用户基础，不管是来

4、自于HTC为代表的品牌厂商还是民间rom团队和发烧友，他们支撑起了Android系统的多样化。多样化的弊端之一就是引起碎片化，同一款手机有可能有各类的rom，不同rom还有不同功能，有时候想体验不同rom特性还需要频繁刷机。特别是Android 4x以后的系统，rom多样化更是达到前所未有的顶峰。那么在这样的背景下，MIUI开始发布，它有几个优势：1、源于一个企业组织维护的ROM，并且更新时间固定。2、具有开放性，首期官方适配了一定数量的热门机型。（后期，大概是12年的时候还开放了官方适配教程。让有动手能力的网友也能制作出基于某一机型的官方rom底包MIUI。更加扩大MIUI阵容。）3、有原配

5、机型搭载MIUI，了解iPhone的都清楚，iPhone之所以是iPhone，必须是因为它有量身定做的iOS。4、最重要的是，在2010年，Android的UI普天同丑的年代，MIUI的出现，让它与很多rom区别开来，当时对于MIUI的印象应该分为两类，发烧友认为可塑性强，性能优化空间大。普通用户觉得界面华丽，主题丰富多彩，自带功能人性化。很多时候，人就是视觉动物，不要怀疑。以上几点是MIUI当时的核心优势，特别是第四点。可以想象，在2010年，大部分rom团队关注Android内核性能rom制定，普通用户得过且过使用原版或者手机商二次开发的界面的时候，有那么一个rom，拥有精细构造的主题，针

6、对中国用户打造的部分专属优化功能，给予用户更好的体验，使得它脱颖而出。对了，MIUI最初本来就是发烧友们首先开发的产品。以上这些就是MIUI当时在那么一个市场情况下发展起来的原因。基于此，接下来开始一点点谈论MIUI的后续版本。二、MIUI 2和MIUI 3这两个版本其实就是在针对MIUI 1做优化，做改进，半年的时间做了相当多的优化，但是更多层面上的依然还是用户体验的优化，以及半年时间制作了更多的用户主题。这三个版本用户界面依然是核心优势。也可以简单理解为在Android原生的基础上的美化外挂。直到2011年8月份，小米公司发布小米手机m1，这是当时全球最顶配置的手机。在如此吸睛赚眼球的营销

7、下，小米手机搭载的MIUi应该就是现在大部分用户对MIUI的最初印象了。当时的宣传就是手机和rom一齐宣传作为卖点的，也就是说其实小米公司最初的战略也就围绕着MIUI开展布局的。三、MIUI 4发布的时候界面貌似变动不大，其实做了相当多的微调，首先界面层级上已经开始做出通知栏和桌面打通融为一体的效果，也就是桌面沉浸，这很具有美感，不过用户关注度不高，而且也不是重点。（Android4.4开始提出沉浸概念用户才大范围关注这类。）短信率先提供类似iOS的网络短信，还有内置短信模板，拨号界面大改，和市场上众多手机，众多rom相比这些细节上的重点更具美感，而且内置APP功能上的各类细节也没有忽略。可以

8、认为MIUI4是在Android 4.0系统性能开始逐渐改善的核心中继续对前三个版本的产品进行更为细致的打磨优化。从风格上这四个版本都可以归为一类。其实体验都是相同的，只是MIUI4最为细腻而已。四、MIUI 5个人认为其实是比较矛盾的版本。当时这个版本发布的前段时间，他们的设计师还在MIUI论坛预热，发了很多关于MIUI5界面的设计的理念，比如圆和方融合的概念，T型导航设计的概念，过渡效果的实现等等各类帖子，那段时间看这些帖子学到了相当多的UI设计理念，很有收获，不过我总觉得这个版本矛盾是因为那个时候是13年，拟物化风格和扁平化风格交替变更的时间。那个时间段的设计潮流概念就是逐渐过渡到了扁平

9、风，特别是年中iOS7的发布，加剧了这一进程。MIUI5在设计的时候很好的融入了圆的概念，可以在rom里面找到相当多的圆角设计。我们的眼睛天生对于圆形有喜好感，因此，基于方过渡到圆的UI设计理念的MIUI5其实很耐看，很讨好用户眼球，加上MIUI5很注重系统还有APP层面的界面过渡效果，丰富的过渡细节填充，在体验感受上，这个版本的MIUI给你的感觉就是很耐用，好用。但是在视觉上面，他们想兼顾拟物化的同时做那么一些扁平风的元素在内，可能这个不好把握，因此总体上给人的感觉就是色彩单一填充化，但是偏偏UI细节又很丰富，显得视觉上有那么点矛盾。按照现在的UI趋势来看，配色做的不够好，这也是一个不成功的

10、界面。不过值得肯定的就是MIUI5从头到尾充斥完整的过渡效果。这些小细节大大提升了系统的流畅感。毕竟现在Android设计风靡全球的Material Design设计规范就是用丰富的过渡动态细节来提升APP的流畅感，完善统一内部交替。让构造再简单的APP也有不俗的视觉体验。某种程度上来说，MIUI5超前成功的做了了一些Material Design设计，效果也不错。另外，MIUI5也是小米开始基于MIUI全面布局生态系统的版本，暂不讨论布局MIUI生态系统是否有成效，仅看结果而言，小米走这条路一直都是按部就班的去做。每当有什么重量级产品发布也都是基于MIUI更新相对于功能，衔接其它产品与MIU

11、I之间的互动，让MIUI作为一个物联网中心，智能家居中心。从这个版本开始MIUI在原先注重优化性能和系统美化的基础上开始向系统功能倾斜了。MIUI的核心竞争力开始展现。可以说从2013年开始，小米的差异化竞争已经开始更多的转向了软件方面，而MIUI5就是这个成果。五、MIUI 6开始，在设计上，MIUI已经找到感觉了，经过一年多的打磨和当时14年下半年扁平化的趋势确定，MIUI的界面就是很明确的，扁平化加丰富的色彩结构。功能上继续挖掘完善用户需要的小功能，这也本来就是MIUI的拿手好戏。性能上，由于Android设备硬件性能的火箭式发展，14年的设备性能支持得起更复杂的运算，也能提供良好的运行

12、保障。所以MIUI的优化不论是小米自家机型的优化还是第三方机型的优化均能更好的在此前提下完善更多内容，提升用户体验。MIUI5开始着力布局的MIUI生态一年多时间也大范围成型，围绕着各类硬件设备，使得MIUI的功能变得更加全能。另外小米自建的云端平台深度嵌入MIUI，所以这个版本的MIUI其实很有iOS的味道。至于用户是否认可MIUI的生态布局还有全新的UI体验，只能说众口难调吧，我身边有的朋友升级了MIUI6依然都要降级回去的，毕竟扁平风有的人喜欢有的人就是不喜欢，这是个人喜欢口味问题。至于我而言，我是很喜欢比较前沿的设计。再加上，MIUI的设计一直都是领先国内很多厂商开发的rom的，殊不知

13、那段时间很多厂商二次开发的rom就跟安装个美化了的桌面锁屏没什么区别。所以个人MIUI6还是很认可的，六、MIUI 7发布的那段时间没怎么关注，后期也只是随便看了下官方网站，大致了解到的总结来就是一个MIUI6的全新升级优化美化加强功能覆盖完善版吧！七、MIUI 8表面上是鸡肋更新，还有人拿这个说小米现在的营销就是打着黑科技的幌子挤牙膏忽悠人。就我个人认为这个版本的更新是很重要的，也算是具有里程碑式更新的，理由如下：1、年度更新，距离上一个版本十个月了，也差不多到一年一版本更新的时间段。2、Material Design，看了MIUI8的宣传文档，应该确定的是，从这个版本开始，MIUI的设计完

14、全融入Google的Material Design规范甚至可以理解为是有MIUI特色的Material Design主义道路。是符合国情和国际形势的一条路，因为Material Design有化腐朽为神奇的能力，殊不知现在有多少新出的APP作者懒得去做UI设计，直接融入了Material Design，整个界面如焕新生。MIUI在系统级层面上架构遵循Material Design，那么意味着国外那些规矩的APP在MIUI8里面能够适应良好，没有以前那种水土不服。国内的APP经过MIUI特别的调整，也能于Material Design的系统框架响应。这从视觉层面上统一完善了UI。也让MIUI后续

15、的版本更新不会再画上很多精力去构建一条新的路，毕竟Google的东西跟着Google走是不会错的，何况Google都把Material Design战略性融入到自家产品中，MIUI基于未来的大屏小屏体验有必要完善这么一条万金油方案。何况这还是现成的，还是全球都受好评的，MIUI没道理不用。3、功能深度整合，iOS每次更新都有个梗，一堆APP又要倒下了！比如iOS9.3的更新，提供了夜间模式。从MIUI8可以看出来，很多实用性的小功能，用户随时需要调用的MIUI空前重视的深度整合至系统中去。这次的更新可以让用户少装好多同类软件。可以预见的是后续小版本的更新应该还会提供更多的APP小功能整合至系统

16、中去。甚至是和MIUI的生态物联环境整合，很有想象空间。4、全新字体，虽然说字体是可以移植替换的，我的手机今天就替换了米兰字体，体验良好。雷总宣传米兰的方式我早已经见怪不怪了，也不是很赞赏这种贴金式的宣传。不过放开这个不谈，从MIUI8对于字体的重视度上来说MIUI已经将用户的体验和观感放为最重要的一个层级去指导一个系统的开发方向了，我觉得在目前Android阵营设备性能同质化的环境下，去追求软实力上的差异化将之融入手机，让系统为手机提供可以想象的无限潜力，这是一个良好的开端和信号。乐视基于视频内容优势正在这样做，小米有MIUI搭建的生态优势也应该这样做。可以预见以后MIUI的重点更新应该是用

17、户接触最多的一部分功能。围绕这些来做产品运营。额外说一下，如果说Android哪个rom能给你提供iOS般的系统级体验，那只有MIUI了。平心而论，Android的卡是通病，可是在5.0以后以及大幅度改善了，现在Android的槽点也应该就是权限问题还有APP控制问题而已了吧，原生体验已经足够流畅！而MIUI的ROM，深度整合各类软件服务，完全的可以和iOS一样的用法。简单的装上一两个必备APP就没什么可操心的了。回顾MIUI1-8就能发现MIUI一直都是很注重用户体验，很注重细节。这两点贯穿了MIUI的整个开发阶段，我觉得这就是他们的核心，用户使用的时候就是简单感觉到和其他产品明显不一样，好

18、用，就够了。但这两个字得需要多少人的努力才能做到的。（2）想一想最近备受欢迎的某个数字产品或服务中整体交互性高的例子，简述一下为什么它的交互性高。苹果从Apple Watch开始引入Force Touch技术，并且之后应用在iPhone6S以及2015款MacBook Pro上，将平面的交互扩展到了吗另外的一个维度。新的交互行为，要体会它唤起的原始感觉，如Material Design所定义的那样，这个感觉首先基于物理的世界。之前的多指触摸，它和物理世界的关系是二维的。虽然各大系统在z轴上模拟了诸多空间效果，阴影、叠加关系、视差和景深等等，它的效果是3D的，但施加效果的“力”是二维的。所以我们

19、的Touch只能施加平面上的力(滑动)来解决空间位移，比如移开叠加在上面的卡片，但我们不能向下推走它或者向上拽起它。新的屏幕传感器增加了纵向的力的感知，所以叫3D Touch。二维平面的力，它的物理感觉是摩擦摩擦，是滑动，是平面的位移。纵向的力，它的物理感觉有二，推远和挤压。因为“被选择至上”的交互原则，推远的只能是未被选择的部分。这个物理结果和景深效果的结合，就是实与虚的变化。挤压不同于点按，后者引起了焦距的变化，如Icon变成Page。挤压的感觉是，被选择对象在力的作用下焦距不变，于是挤压出来来临时的、附属的东西来，也即快捷菜单。Icon在peek下的动画，有一个模拟力的波的效果，图标外围

20、扩散出一个变大的图标波形，到了峰值之后展开到下方，非常自然，也符合挤压的物理逻辑，所以它拥有很高的交互性。（3）在最近上市的某个数字产品或者服务中，选择最有效提供社会交互的例子。然后说明在这些例子中，社会交互式通过说明方法被成功实现的。目前推广的物联网将是未来20-50年互联网社会的雏形，“无所不在的互联网”虚拟社会（虚拟信息）、现实设备（物理信息）和人将形成一个稳定的三角形互通架构1、人和人可通过任何物理介质创造并获取信息2、终端这个概念将会消失，一切都是终端3、30-50年互联网智能化后，人和互联网的沟通将可通过各种语言及表情进行沟通4、在可以预见的未来，还将以资本主义为主 互联网广泛渗入

21、各行各业，将像蒸汽机、电力革命一样被广泛应用(4)在最近上市的某个数字产品或者服务中，选择有效使用创造性交互的例子。然后说明在这些例子中，创造性交互是通过什么方法被成功实现的。近期Virtual Reality设备比较流行，VR颠覆了以往的交互体验，新时代的VR产品对比历史上出现的产品除了拥有更优秀的视觉体验，更完善的头部追踪和更轻的重量。目前行业中存在以下几种VR硬件产品： 手机VR产品 头戴显示器（PC或者主机）VR产品基于空间定位的大型VR模式简单来说，就是目前并没有成熟的交互解决方案，所有的厂商只能使用某种勉强能进行的交互手段来支持VR内容的互动，例如：媒体化VR方案、通过定位实现的V

22、R游戏房、通过某种跑步机实现的固定位置互动的VR方案。2. 人机界面设计作品欣赏（3）其他。登录优艾网或者搜索其他类似的网站，相信能看到更多优秀的人机界面设计作品。你觉得能从中得到一些什么启发？请简述之。针对自学UI设计相关的技能我有这些启发：学习基础软件操作需要掌握PS Ai等软件的基础操作磨练技能，动手练习找一些自己喜欢好看的图标、APP、网站截图下来，尽可能百分百临摹复制出来。临摹几套完整的APP很有必要，熟练你的软件操作能力，对基本界面布局的理解。3、发现很多不上手做就注意不到的问题最直接的效果就是你可以开始上手做东西，而不是做一些四不像的半成品。（因为你已经做了好几套成熟而完整的作品

23、了，临摹的也是你做出来的）（很有必要强烈推荐）提高审美、拓展思路、开阔眼界浏览各种设计类的网站（站酷，优设、UI中国。）看别人的学习经验，下载收集设计类的素材。可能这里是别人的飞机稿，练习，项目上线以后才发布的稿件、很多是对新趋势的尝试，产品的改版、还是相对完整的作品。这也是有一定价值的。而且网站还有更多的内容是别人的经验总结（快速解决某些问题，掌握某些知识的利器），教程和各种精美实用的素材。（不建议花太多精力学习某些过于炫技的东西）规范自己的工作流程下载各平台的设计规范（安卓，苹果，WP）仔细研读，并在练习中加以注意，应用。除了上述优秀网站外，在本实验过程中，列出你发现的并愿意推荐的其他与人

24、机界面设计相关的优秀网站。 名称：站酷网网址：推荐理由：站酷(ZCOOL),中国人气设计师互动平台。深耕设计领域十年,站酷聚集了450万优秀设计师、摄影师、插画师、艺术家、创意人,设计创意群体中具有较高的影响力与号召力。 名称：ui中国网址：推荐理由：UI 中国,前身为 iconfans,是专业的 UI 设计师交流、学习与展示的平台。会员均为职业 UI 设计师,覆盖全国互联网公司。 名称：Dirbbble网址：推荐理由：Dribbble是一个面向创作家、艺术工作者、设计师等创意类作品的人群，提供作品在线服务，供网友在线查看已经完成的作品或者正在创作的作品的交流网站。Dribbble 的口号是，

25、你正在创作什么？然后，鼓励创作者上传个人的作品，以及正在创作的作品到 Dribbble 网站上。Dribbble 的盈利模式是通过提供付费账户服务盈利，普通用户可以成为观察者，并且有机会去雇佣作品的创作者。一般来说，一个用户贡献作品的网站往往是内容质量水平参差不齐，但Dribbble的作品整体质量却非常高，许多摄影师、设计师和其他创意产业人士都喜欢在这里展示其未完成的设计，通过与其他设计师的共同探讨来激发自己的灵感。四、 实验总结这次实验课结合了之前所学的理论基础，通过互联网上相关资料的查阅我了解了认知人机界面学相关的知识，与书本上的理论知识形成了很好的补充。在查阅资料的同时还阅读了许多相关方面的资料，丰富了自己对人机交互的理解。同时在网络上我们也看到了大量的优秀的设计作品，丰富了自己对人机交互的理解。在课程探究过程当中，不仅提高了我们对知识的检索能力，还提高了我们的概括梳理能力，并且深入思考了一些问题，受益匪浅。五、 实验评价（教师）