Design Beyond Our Devices超越终端的设计(翻译)

       据其官网的介绍,AEA(An Event Apart)并不是美国经济学会,它是一个互联网交互方面的组织,召开会议,邀请UX界的专家,研发人员和交互、图形、视觉设计师,产品经理,作家/编辑,经销商,战略家,甚至网站所有者,客户参会。大家交流技术,扩大人脉圈等等。我并没有在百度啊,知乎啊搜索到太多信息。本文也主要是翻译LuKeW发表在其个人网站上的关于Ethan Marcotte在西雅图AEA大会上的一个演讲的笔记。


Design Beyond Our Devices超越终端的设计(翻译)_第1张图片

       我在LuKeW的个人网站上发现了很多很棒的关于国外最新的一些UX专家做的演讲的一些笔记。我会慢慢搬运过来,和大家分享。如果是油管上有视频连接,我也会贴在文末。不过像AEA的会议记录之类的,是需要花钱的,所以参考LuKeW的笔记就非常的有用了。我刚刚入门,能够学习到最新理念,当然是再好不过了。当然肯定有理解不到位的地方,也恳请大家指正。   

       我们先来介绍下演讲者Ethan Marcotte,他是一个独立网站设计师。几年前他创建了“Responsive Web Design”,响应式网站设计。这个理念应该是很有名的,百度百科就能够看到解释:


Design Beyond Our Devices超越终端的设计(翻译)_第2张图片

       目前,这位前辈是各大会议,AEA,Webstock,SXSW interactive的特发言人,为很多知名的媒体服务,还是一个合作写作平台的合伙人。本次演讲Ethan和大家探讨了响应式设计如何融入到关于设备兼容的模式库系统的弹性设计中。以下是关于演讲的笔记:


1. 人类的历史是建立在探索之上的。我们在不停地寻求着动力和方向。在最近几年来,关于网页设计,我们谈论的更多重点在“我们将要去往何方?”

2.从页面到模式的进程:创造网格填充是一个巨大的转变,我们之前所采用的"canvas in"的途径现在不再是需要随我们要设计和提升的设备的质量和种类的变化而变化。

3.页面和过往的实体紧密集合在一起:和页面不同,网站content的设计是由不同模式组成的。这些模式本身就是有一些小的响应模式形成的,而它们缝接在一起创造出整合的体验,像页面。

4.“如果有人不浏览网页,我该做些什么?”当设计的思维超越了我们现有的设备layout时,问问自己这个问题。

5.设计师比任何时候更需要从优先考虑信息开始,而不是layout。这就允许我们能够用更多的形式来展示和陈述。

6.content的优先级能够在markup中反映出来。这样就允许content和markup被突出且恰当地在不同的设备上被展示出来。优先级和markup不会改变,但是展示的方式会改变。

7.如果浏览器支持特殊样式规则,但是这种“支持”并不意味着每个人能够获得完全相同的经历,那么可以用特征查询来询问浏览器。这样的话,所有人都能够得到基本的浏览过程。

8.一个精心制作的响应设计是具有设备兼容性的。这可以帮助我们对不友好的浏览器、微型显示器、缓慢的网速,已经很多种形式的输入设备。这样的网页拥有我们所需要的包含的固有变化性。

9.世界上60%的网络都是基于Sub 3G的。这些非理想的条件产生了一个庞大的参考基准:你的网站能在这些情况下工作吗?

10.强调环境和特征,而不是设备。我们的设计支持怎样的输入方式,显示器尺寸,网络速度,和工作环境?

11.设备兼容让我们的模式更好的应对网络。这一点不仅对我们的页面提出要求,也对我们的所有的自动模式提出了要求。这样的设计不仅需要能够响应,同时需要具有弹性。

12.构建一个响应设计并不是最艰难的部分,就最艰难的部分是告知何时我们的样式需要调整、改变,怎样对其进行调整改变。

13.随着响应式设计的发展,样式指南也越来越重要。它们已经逐渐变成由响应式再设计得到的实际产出物。它们不仅是代码和样式的共享库,而且在共享解决方法和语言的同时能够将开发人员和设计师联系在一起。

14.创建一个样式指南:(1)先创建一个visual inventory;(2)给你已经建立的内容进行命名和安排,将它们进行清晰的分组;(3)将inventory的内容转化成HTML和CSS程序。Airshots和Fractal就是很棒的样式指南生成工具。

15.这个过程中最重要的部分就是我们谈论的最少的部分:命名和安排模式.模块化需要相当的努力和承诺,需要从语言开始,而不是交互。

16.命名和语言为让你设计的模式创建了一个可共享的理解方式-然后依次创建一系列的设计。

17.通常一个样式指南成功与否的关键在于我们在谈论它时使用的词汇。你需要和你所使用的语言系统相一致。因为语言系统对于你的组织架构和那些需要支持这些语言系统的人来说非常有意义。

18.有个好的样式指南关注点在content和每个组成部分所支持的功能性上。它的目标是将你的设计语言整合到你的组织架构的交流共同方式中去。

19.设计模式和准则共同为我们的设计方向提供了一个指南针。没有人能够明确回答我们将去往何方。网页的更新进化并非是一条直线。我们无法设定人们会像我们一样在越来越好的设备上看到它。我们需要接受不确定性,构建的弹性,并拥有设备兼容的经验。


翻译得我晕头转向,,缺乏web方面的知识,导致很多专业的词汇没有办法准确的翻译,同时很多理念并没有办法理解。都先留存在这里,等待后续的修改。

你可能感兴趣的:(Design Beyond Our Devices超越终端的设计(翻译))