闪光的消亡对于用户体验来说意味着什么?

而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。

Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其投资创建也许确凿的证据 HTML5 是当前走到用于创建技术无论设备无处不在的用户体验的最后一块。

虽然已有丰富的信息量的讨论对这对开发商意味着什么,一直缺乏专注于这对整体的用户体验 (UX) 意味着什么。如果 HTML5 蓬勃发展在哪里闪光挣扎着,而成为新的移动和桌面技术的选择中主宰者,用户将受益于转型?是的只要设计师和开发人员做他们的工作权利。

对于不同的人不同的描边

apples-oranges

苹果和桔子。问题是,哪一个闪光吗?

它似乎很奇怪,比较 Flash 和 HTML5 在所有,因为他们是如此本来就不同。Flash 是专有的而 HTML5 不断开发通过开放源代码的协作。如果 Flash 是一个经验丰富的君主政体,HTML5 是野外西部。它是重要的是注意到有大量的应用程序和网站的 Flash 和本机应用程序将继续执行的首选。然而,这并不意味着我们不能探索,讨论 HTML5 可以填充在 Flash 缺乏的空白两者之间的主要区别。 Flash,性质而言,是一个控制狂。它要求浏览器都有最新的插件,否则它将肯定会让大家知道是否这是您的版本不满意 — — 或许甚至罢工直到你升级。它依靠发展呈现的字体和布局,和永远不会费心去担心不断变化的基于设备的用户体验一致,以桌面为中心的经验,也没有你可能要做在该设备上的上下文。但 Flash 已经年进化的从弹力球演示和闪屏的土地用于创建一些非常富有新意的界面产品. 与此相反的是,HTML5 擅长给用户一个兴高采烈地不一致的经验在任何设备上通过概念的"优雅退化"和"渐进增强"。这两个概念旨在为用户提供最好的体验每个浏览器允许,是否一个内容区域显示 Internet Explorer 6 或铬功能齐全的 HTML5 视频中的静态图像。由于桌面浏览器中使用运行的最坏情况的最佳下场景,这种方式设计用户的经验可以帮助确保所有用户都能都得到他们巴克从他们的浏览器最大的整个光谱。被强迫到创建相同经验的基础的最糟糕的浏览器的最佳性能的日子已经一去不复返了。

responsive

那些主张 web 标准的人也在响应 web 设计或内容、 任务和布局,根据用户是否在移动或调整桌面大小的浏览器上查看该网站的系统显示支持 HTML5 中的重要作用。为什么人与桌面移动设备查看相同的网站的原因往往是非常不同的。例如,用户查看一个网站,用于餐厅,坐在他们的办公桌可以可能要查看更多地支持探索菜单中,点评和其他内容,将有助于决定是否是个好地方吃的工作流。另一方面,在查看的站点从一辆车的乘客座用户可能想要快速查找内容的基础,假设他们已经决定去那里吃,如方向或电话号码。

挑战现状

因为创建了一个单一的基于 HTML5 的响应网站可以不那么昂贵、 耗时更少、 更易于访问比创建几个不同的本机移动应用程序,响应 web 设计是迅速广受欢迎的客户,以及赢得用户的心。此外,所有的智能手机和平板电脑的 90%以上是 HTML5 启用,这意味着可以今天利用HTML5 的所有好处,提供令人印象深刻的手机网站。现在,我们只需要得到设计师们在船上。 作为设计师,我们往往倾向于一个单一的、 静态的我们希望看看在所有的情况下尽可能相似的像素级完美原型。听起来很熟悉吗?更多的往往不我们设计更多像我们正在做一个 Flash 应用程序而不 HTML5 站点。 它是一个设计师,开始想着换像素为单位) 的百分比,有条件地显示先进的 HTML 和 CSS 标记和转移绕根据用户的浏览器类型和宽度的内容和任务流巨大一步。然而,在移动设备上的 HTML5 预计超过桌面互联网浏览在短短几年,所以,越快越设计师开始离开的 1024 × 768 像素完善土地和拥抱为其所有的荣耀,不一致的用户体验就会越好。

继续推动信封

pink

就是这个未来吗?

尽管 HTML5 的批评不是正在准备主流使用 (尤其是在视频、 3D 和高品质的动画的地区),创建一个令人愉快的用户体验HTML5 中的是正确的类型的网站,今天可能和它是乐趣看社会产出在日常基础的经济增长与发展。在任何给定的时刻,你可以找到数百个 web 上充其量表明一个低于平均水平的 HTML5 版本的什么 Flash 一直成就更加优雅和更少的力气多年的有时有用,有时-彻头彻尾-奇数的演示。你能永远看到用户受益于 HTML5 粉色"粘粘的东西"为什么都懒得做这些东西的人吗?他们打扰因为只为一小会儿,他们使自己摆脱约束的要求,解决这个问题或者讲故事。 在推动发现新的方法来进行交互HTML5 中的信封,我们要捕获的精神,我们应该永远不会失去什么在闪光,这是去拥抱新的和引人入胜的互动。一天在不久的将来,我们将体验在哪里有用脱机的互联网浏览、 无视频观看和普遍可 3D 和动画密集型的互动式体验存在的世界上的浏览器和你选择的操作系统。现在,我们都能够享有在HTML5 励志包,前面的几个领导人,希望我们都可以很兴奋的用户体验的新进化的一部分。

准备好要开始吗?

关于如何开始使用 HTML5 的好消息是你可以开始小,逐渐你的方式更加复杂的交互设计工作。制作或升级到 HTML5 网站可以尽可能简化,只需使用HTML5 的 doctype (谷歌的主页上使用它) 或复杂的设计和开发一个 javascript 供电,动画密集型的网站。不论你的承诺水平,了解 HTML5 和 CSS3 所提供的潜力是一个伟大的方式来开始改变你想创建的基于 web 的用户体验的方式。

关于作者

156cef1155aa7b4c02a81e0d1db025a3 SuAnne 大厅是一个用户体验设计师在EffectiveUI,她在那里从相互作用的体系结构、 用户体验设计交互设计、 视觉设计、 可用性测试、 前端开发和交互式原型的角色,有很多适用于她的技能。SuAnne 来自丹佛大学数字媒体研究中有硕士学位,并持有特别感兴趣探索在哪个交互设计中可交付成果可以发挥积极的作用,帮助在设计阶段的项目中创建一个更准确、 更积极的经验的方法。原文链接 本文是由艾欧交互学堂翻译,转载请注明出处。

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/88/

(0)
iouedioued
上一篇 2014-09-04 12:23
下一篇 2014-09-05 11:26

相关推荐

  • 『旧时好文』别再吐槽12306了,有本事你来写架构

    在平时,12306也就是个正常的电商网站。但一到黄金周,12306就是一个全站所有商品都秒杀,所有SKU都是动态库存的变态。

    IxD案例 2016-08-29
  • 朋友圈被天猫双11邀请函刷屏了?我们和它的创作者们聊了聊

    从2008年开始,每年临近11月11日,全国——现在可能是全球——的剁手党们都在等着看马云爸爸和天猫又能玩出什么新花样。今年除了史无前例的整整49张品牌海报以及4个版本的“主题大片”之外,天猫的小伙伴们居然连一封小小…

    2016-10-25
  • 如何改版一个3亿用户的神奇网站

     #交互学堂#十年后的今天,随着58的业务越来越壮大以及一些创新产品的加入,单纯的形式越来越难以承载业务含义,统一的样式也越来越难很好地满足用户的需求。  为什么要改版 58同城自2005年创立以来在APP、M、PC主…

    2016-11-03
  • 网页的交互设计and界面与用户体验案例:Nike Tech Pack in store app

    第一段是动效的视频,请注意观看交互效果与配色设计。 图片都可以点击放大,更清楚哦。 原文地址:https://www.behance.net/gallery/26097251/Nike-Tech-Pack-in-store-app 多个作者: Shakir Dzheyranov / Detail …

    2016-01-10
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • [译]UX设计之复选框和开关按钮

    当设计表单时,交互设计师常常不得不面对一个问题,就是要选择出一个合适的界面元素好标示出从多个选项中做出特定选择这种交互。当然,我们都有可能遵循某种既定的规则。无论如何,在做出这个选择时我们都应该牢记…

    2016-06-30
  • 怎么让引导不再是无用小透明?

    在接触一款新应用的时候用户常常会看到一些引导页,但在操作的时候直接当透明的就快速滑过或跳过了,这种时候,大家一定会有 “这些引导好无用啊”的无力感,目前甚至有着“如果一个产品需要引导,说明该产品缺乏友好…

    2015-11-19
  • 讯飞输入法 Smartisan 定制版功能交互一览

    #交互学堂# #讯飞输入法# #smartisanOS# 基于 Smartisan OS 的设计语言深度定制了讯飞输入法,界面简洁优雅,还能保留讯飞输入法用户的使用习惯, 识别准确率高达 97% 的讯飞语音,让输入更高效 点击下载   讯飞输入…

    2016-10-31
  • 超级干货:75条界面版式设计准则

    一个好的界面设计应该拥有高转化率且方便用户使用,换句话说:既能达到商业目的又能满足方便易用的要求。 有一个设计咨询公司根据自己的客户案例,总结了 75 个经过实践证明的原则: 1. 使用单栏布局代替多栏布局 …

    2016-07-14
  • 分享两个交互设计作品

    今天跟大家分享的是二两童靴的两个交互设计作品,第一个是平安保险产品配置后台交互设计,第二个是台州银行客户经理移动办公App交互设计,希望大家多多交流。如果你也有好的作品想在我是UE网上展示,可以加学习群15…

    2015-07-02