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

而 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

相关推荐

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

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

    2016-10-31
  • 手游《纪念碑谷》交互设计特点分析

    关键词: 1. 节奏的控制 2. UI的APP化 1、节奏的控制 1) 纪念碑谷为什么慢节奏? 首先解释下本游戏的玩法:玩家探索建筑(迷宫)的路径,走到终点即可通关。玩家需要寻找并使用机关、旋转建筑、移动人物、运用NPC。这…

    IxD案例 2015-08-27
  • 设计原则:视觉重量和方向

      web页面上的每个元素产生一种视觉力量,吸引了观众的眼睛。 力就越大,眼睛是吸引了。 这些力量似乎也作用于其他元素,传授他们潜在的运动和视觉方向建议,你应该下一个。 我们把这个力称为视觉重量和视觉感知方…

    2014-12-16
  • IxD案例作品分享:我来也”APP概念设计及动效设计

    本作品作者是来自站酷的设计师羊羊羊8571,本文经过作者本人许可。 转载请与作者联系!取得授权。 “我来也”是一款基于手机LBS属性的移动点名签到应用,利用手机应用解决了老师课堂点名,活动签到,会议签到!在工作…

    2015-07-29
  • 超越触控的手势交互

    手势通常被认为是与屏幕和物体交互的自然方式,我们会谈论在移动设备屏幕上双指缩放地图,还有在电视前挥手切换到下一部电影。但这些手势真的那么自然吗?

    2016-07-18
  • 5步快速制作移动动效

    Sketch+Keynote双剑合璧:5步快速制作移动动效 2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度。…

    2015-04-11
  • 互动的未来不应只在手指上

    最近对未来交互设计发展的一个很流行的观点 — 用手指操作各种大大小小的触摸屏,下面还会有很多这种例子。这篇小文章并不涉及任何详细的“未来发展规划”, 我只是提供一些可供参考的点子。 在开始构想应该怎样同我们…

    2014-12-25
  • 泛滥的移动产品设计模式

    如果你是一名移动产品设计师,你可能会同意这样的观点:参考借鉴别人的设计不算抄袭。这不仅是最佳的练习方法,也是一种设计模式,而且还符合业界主流的设计趋势,同时还能确保在用户熟悉的模式下来创建可用性的界…

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

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

    2015-11-19
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24