这是 CSS-Tricks 历史上第一次,我们将重新运行之前进行过的相同投票。现在,距离 最初的投票 五年多后,我们将再次询问:
您对网页设计师在移动设计中的作用有何看法?
如果您必须确定更多责任所在,您会说
- 确保网站在移动设备上外观和功能良好是我的职责。
- 确保我的网站外观和功能良好是移动设备的职责。
您可以在网站上的实际投票中投票。在大屏幕上的侧边栏中,在小屏幕上向下一些。
我意识到这里的措辞有点奇怪,但我试图保持问题不变,以便收集到的数据差异具有意义。我意识到我们最近扩展了我们的思维,并且“移动”这个词不像以前那样有用(即不涵盖电视、游戏机和冰箱等)。如果您愿意,可以根据更广泛的设备范围来考虑这个问题。
我还可以想象很多人认为这是一种共同的责任,因此请您选择您认为责任权重更高的那一方。或者如果责任权重相同,请弃权。
正如我在五年前关于(现已停用)Adobe Device Central 的上次总结中写的那样
我希望我永远不需要仅仅为了普通的网站而参考它。有太多设备,屏幕尺寸和功能都各不相同,这将是一场噩梦。
哈哈。
这是我的工作,但我感觉这是一项非常令人沮丧的工作,因为不同的移动浏览器不会一致地渲染内容。支持各种设备和屏幕尺寸是一回事,但每个移动浏览器似乎对英寸都有不同的理解,并且需要不同的 CSS 重置才能避免以奇怪的方式溢出内容,这真是荒谬。
在我看来,移动浏览器就像十年前的桌面浏览器一样,不仅在功能支持方面,而且在标准合规性和一致行为方面。即使是两个 WebKit 浏览器也不会以相同的方式渲染内容。
两者都有,很明显。移动设备无法控制其连接速度和物理设备尺寸,但它们有义务尽可能地遵守最新标准。
如果我必须选择:我会说现在开发人员平均落后于设备。网络上的大多数网站都没有或很少为设备尺寸和类型提供适应性。
我认为这是我的责任,因为你不能相信所有设备都能正确地执行操作。Web 标准可以帮助我们完成 80% 的工作,但剩下的 20% 全部由我们负责。
很高兴重新讨论这个问题!期待看到结果。
(关于 knowitall 语法方面的一个附注:标题应该写成“谁负责‘移动’设计?”)
绝对是我们的工作,在大多数情况下。
我的意思是,移动浏览器“应该”在整个过程中以类似的方式渲染内容,而无需诉诸特定于浏览器的技巧等。关于我们对移动浏览器期望什么,可能会有很长的清单,而且实际上,我认为它永远不可能完美。就像桌面浏览器ie咳嗽咳嗽一直在给我们带来问题一样。
在另一个但仍然相关的方面,在过去几年中,我为希望获得移动兼容性的新网站而获得的工作量非常棒。<br/>我并不抱怨。这对我们来说意味着更多工作。
说得很好,我的想法也一样!
根据今天的标准,我认为“两者都有”选项非常必要 :)
浏览器供应商和我们网页设计师/开发人员需要共同努力,才能遵守标准和最佳实践。
就目前而言,如果没有这个选项,我无法回答这个投票。
现在,移动浏览器和技术已经有了相当程度的标准化,可以使用框架和通用语言(JavaScript、CSS 等)检测屏幕尺寸,因此,作为一名“更新”的 Web 开发人员,我有责任创建符合标准、在大多数设备上外观和感觉良好的网站。
来吧,专注于最常见的设备并不难..(例如屏幕尺寸在 X 和 Y 之间的 Android 手机、屏幕尺寸在 X 和 Y 之间的 Android 平板电脑、iPhone、iPad(s)).. 不值得关注 3 或 4 年前制造的设备,考虑到每个人 2 年或更短时间内就会更换一次手机(http://forums.androidcentral.com/general-news-discussion/202670-how-often-do-you-change-your-phone.html),所以这应该会更容易..
如果有标准,我会留给移动设备。
不幸的是,这不会发生,而我们开发人员是关键。
浏览器也是如此。
我们正在等待每个人朝着一个方向发展,以方便我们的工作……但事实并非如此。
很棒的投票,Chris!自 2008 年以来,网络和显示它的设备发生了重大变化,因此很高兴看到结果。我个人认为,确保我的网站在移动设备上看起来很棒是我的工作,并且使用 CSS 3 媒体查询可以让我做到这一点,所以我没有任何借口。
期待看到结果,但我认为确保我的网站在移动设备上看起来不错是我的责任。
我真的没有看到这个问题在桌面和移动之间有任何区别。在桌面世界中,我们有浏览器不一致的问题,而且没有人会争论谁负责确保一切正常:这是开发人员的责任。移动端也是如此。
当然,应该说有时这笔交易很糟糕,浏览器供应商也应该坚持标准。但即使他们不这样做,归根结底也是我们的责任,而我们对此有答案:渐进增强。
我并不完全不同意你的观点,但是…………对于桌面来说,这真的是开发人员的责任吗?例如,2013 年的大多数美国开发人员都会说“我不支持 IE7 或更低版本。如果您认为您的网站在 IE7 上运行很重要,则需要额外付费。”不止一次,我注意到 Opera 在桌面上做了一些稍微不稳定的操作,并决定 1% 的市场份额不值得我花费时间和客户的钱去诊断。
今天,我先用 px(以适应 IE8)定义大多数单位,然后再用 rem。但是,在某个时候,我会放弃 px。
我理解渐进增强的逻辑,但我可以质疑将最糟糕的可能情况和将来不存在的情况作为起点。我经常在脑海中想象一个带有盒阴影和圆角的网站,然后再写一行代码。我们不应该像韦恩·格雷茨基曾经说过的那样,滑向冰球将要到达的地方,而不是它曾经到达的地方吗?
Karl,格雷茨基的评论太完美了!
我的工作是遵循标准。移动设备的工作是遵循标准。然后唯一的问题是,在功能或可读性开始下降之前,我允许视口缩小到多小。
弃权。
网站在没有任何 CSS 的情况下也能在移动设备上正常工作。任何问题都是由于设计师/开发人员编写的代码无法正常工作导致的。
我同意其他人的观点,需要一个“两者皆是”的选项。归根结底,这是开发人员的责任,因为他们需要让客户知道,如果他们没有足够的预算让设计响应所有设备,那么他们需要想办法在预算范围内解决。但如果设备决定不遵守标准,那么开发人员就没有义务拥有其中一台设备来编写代码以满足该设备的标准。
但我也不喜欢完全转向所有设备的“响应式”设计,因为我觉得这牺牲了创意设计,只为了换取 5-15% 通过移动设备访问的访客。这取决于网站和访客类型。我查看了很多过去的设计,它们在移动设备上没有响应式,但看起来还不错!
在我看来,响应式网站越多,设计就越趋同。
最后,你总是会遇到一些不守规矩的平台,比如,我不知道,IE,它们决定要我行我素,让所有人适应它。这仍然是设计师的责任,因为人们选择使用该平台,但如果每个平台都这样做,那将是一场噩梦,网站的构建成本将大大增加。
我认为我们都同意“两者”都有责任。但为了让这个投票有趣,必须与 2008 年的投票相同。
响应式设计不会牺牲创意设计。在创建流体网格、使用媒体查询以及拥有灵活的媒体的过程中,没有任何规定说你的设计必须不具有创意。
这个网站的访问量低于这个比例。Facebook 的访问量超过一半。这样的数据仅在每个网站的基础上才有意义。
这完全说得通。一些网站的桌面版本确实运行良好。但再仔细看看。真的吗?导航是否可以更容易使用?是否可以稍微缩减页面大小?它是否利用了当前设备的任何独特功能?不错是不错。更好是更好!
响应式是这个特定时间段和特定空间段中工作的现实。
幸运的是,我自己编写代码,所以没有人需要为此负责。当我设计时,我只是简单地设计(在老式的纸上)当时感觉正确的任何东西,然后,当我开始编写代码时……噩梦开始了。当我开始与客户沟通时,噩梦变成了嵌套在另一个噩梦中的噩梦,并加上了浏览器不一致的问题。特别是如果我把 IE 条件样式表留到最后做。现在我正在尝试为傻瓜(我自己)创建一个清单,并真正地先从移动设备开始,然后是 IE。如果我让它在 IE 中看起来可以接受,CSS3 将使它在其他浏览器中变得很棒,
我发现阅读 **2008 年** 的总结非常有趣(难以置信已经过去 5 年了!)。我记得当 iPhone 首次发布时,我敢肯定人们当时甚至都没有考虑响应式设计!也许是因为人们对 iPhone 的浏览体验感到非常惊叹,所以他们自动认为他们只需“捏合缩放”即可更好地查看网站。(毕竟,这是苹果的主要卖点之一……)
然而,从那以后,人们可能会说,正是应用爆炸和 App Store(以及后来的 Google Play)平台帮助响应式网站变得更加主流,因为人们开始思考
总之,只是一些我的思考。
您好,Chris,
我认为我应该负责使其对移动设备友好,但浏览器开发团队也应该使其渲染在 PC 和移动浏览器上的网站保持一致。这样,我们就不需要在移动浏览器上测试所有功能。
通过使用您网站上提供的许多文章和代码片段,我能够使用 CSS 媒体查询使我的网站 ABAP 帮助博客 (zevolving) 对移动设备友好。非常感谢。
此致,
Naimesh Patel
这是我们的责任,有许多不同的移动设备,而且公司没有动力合作,为用户提供类似的体验。在最好的情况下,我们可以期待他们在一定程度上进行合作,以便开发人员能够实际为最终用户提供一些有价值的东西。
因此,开发人员需要成为最终的评判者。通过访客统计数据,您比任何人都更了解您的用户是谁,以及哪些功能对他们现在和将来很重要。有了这些见解,您应该知道需要支持哪些设备以及应优先考虑哪些功能。
但实际上,这是每个人的责任,所以这个投票有点误导性。用户有责任拥有具有 Webkit 浏览器的移动设备,否则他们应该降低对浏览体验的期望(相对于处于相同社会/经济地位的人)。开发人员有责任开发功能,并且该功能级别取决于移动设备及其受欢迎程度以及网站的目的。移动设备有责任盈利,为了履行这一责任,它们通常需要遵守某些网络标准(例如 w3)并提供对流行功能的支持(例如捏合缩放)。
我会说两者皆是,但更多是我的责任。
在准备构建时,它确实会让你不得不从创意的角度重新思考问题,但我不确定它在多大程度上“限制”了创意。真正需要的是从一开始就做好规划。如果您是那种使用非常重的图形并切片和切块完整的 Photoshop 模型的设计师,那么这可能是一场噩梦。如果您主要使用 CSS、一些 jQuery 和选择的图形,您应该没问题。
流体设计是我从第一天开始就使用的东西,并发誓永远不要使用静态设计。然而,我最近开始了一种新的方法,即静态到一个不错的宽度,然后在达到特定尺寸后响应式。我的流体网站对于小于 1400×900 屏幕的设备(主要是 Windows 笔记本电脑)来说显得太大,让我感到困扰。然后,我在我的前几个响应式尝试中做得太过火,结果变成了一个烂摊子。不得不回去彻底清理一下。出于这些原因,虽然我预先计划了智能手机/平板电脑,但我喜欢将设置大小作为适用于中大型屏幕的基础,并在完全符合我的喜好之后完成响应式设计。
话虽如此,当需要考虑如此多的不同尺寸时,以及一些图形和其他问题在手持设备上仍然存在,无论你做什么,这都是很棘手的。大多数人只使用默认浏览器,而从不使用 Dolphin 或 Opera 或 Firefox 等,即使它们更好。糟糕,我敢打赌 80% 以上的人甚至都不知道它们的存在。
设备不应该神奇地创建仅为桌面设计的网页内容的移动视图。这就是我投票给“我的工作”的原因。
然而,在团队内部,我不认为哪个设计师/开发人员/角色应该专注于移动设计有明确的界限。也就是说,团队的所有成员都应该“思考移动设备”。
由于响应式网页设计非常注重内容,我不知道这种特别流行的方法在没有团队或负责内容的人员的大量贡献的情况下是否有效。将 RWD 交给设计师或开发人员并期望获得内容无关的东西是疯狂的。
绝对是设备的责任。或者至少应该是。现在是设计师的责任,但我们已经有几个(在一些操作系统上)浏览器需要解决,我们也不需要担心各种移动操作系统、操作系统版本、更多浏览器、各种屏幕尺寸以及无数设备。汽车不是围绕糟糕的道路建造的,网站不应该围绕糟糕的浏览器建造。
我们正在谈论产品,因此我们有责任确保网站看起来不糟糕。
设备的责任:维护和支持(所有)新标准
烘焙师也没有责任维护优质的面粉,他只是像我们使用语法一样使用它。
(抱歉,英语不好 :)
精彩的投票!期待看到结果。
当然两者皆是……软件(我理解为什么措辞与之前的投票相同,但设备本身并没有对移动网页设计承担任何责任——设备上的浏览器有)需要遵守规则。移动浏览器还有很长的路要走……
但最终,开发人员必须迎合其受众。我在这里看到了一些现实世界的类比(面包师、道路、曲棍球),但请记住,网络不像现实世界。网络的基本原理围绕着可访问性,其中浏览器选择被视为一项基本权利。一些浏览器行为糟糕很糟糕,但如果你无法处理这种情况,你就没有资格开发网站。
所以,最终网站的责任还是在于开发者,移动端还是桌面端其实都没什么区别。
确保我的移动网站在移动设备上看起来很棒是我的工作。我不能要求手机正确显示为适合1920×1200像素桌面屏幕而设计的内容。
我也不应该费心尝试让我的网站适应所有设备。我应该专注于一类屏幕——大型桌面屏幕——然后,再为移动设备重新做一遍。
你说响应式?也许适用于平板电脑和手机,在我看来,绝对不适用于“一刀切”。专用移动网站通常比响应式网站设计得更好。但这仅仅是我个人意见,仅供参考。
有些事情需要双方共同努力…
我认为责任在于网页设计师和移动设备(移动浏览器)之间。
我相信问题(再次)出在浏览器引擎本身。针对不同屏幕尺寸的响应式布局现在已经非常简单了,但浏览器引擎却造成了噩梦。
举个例子,在同一台设备上,比如Android平板电脑,我们假设的“响应式网站”看起来不错。但是等等!使用Firefox for Android的用户却有完全不同的看法,并认为它看起来很糟糕。这是否还与系统浏览器有关?Firefox for Android?Chrome for Android?还是Dolphin?我们尝试这样看待它,结果情况变得一团糟(即使在Modernizr的帮助下)。
迪拜致敬!
我希望我看到并有机会回复之前的投票。无论当时还是现在,在没有限定条件的情况下,责任都归我。设备可能会做得不错,但它必须处理各种可能的网站,因此它永远无法像我为单个网站所能做的那样好,因为我了解并控制着它的标记。
以可用的方式在尽可能多的平台上呈现内容是我的对客户的责任,并且在客户合作中创建良好的移动和打印样式是我自2005年以来一直坚持的标准。在“过去的日子里”,我使用media=”handheld”加载移动CSS,这确实不受很好的支持,但那组额外的样式确实帮助了一些具有兼容设备的访客。
媒体查询的现代支持是一股清新的空气——它们使向各种移动设备上的访客呈现网站变得如此容易——而且除了客户的预算限制之外,我想不出任何不自定义创建移动体验的合理理由。
有趣的是,我发现很少有客户无法看到在他们的网站上提供良好的移动展示的价值,甚至更少的人会拒绝签约创建移动友好型网站。
不要变得像新时代哲学家一样,但它永远不是这样或那样。它永远是这个和那个。创造是由悖论组成的。一切事物都与其对立面相连并由其定义。上下来回,大小,进出,男女,正负,一枚硬币永远有两面,但只有一枚硬币。所以当你说这取决于我们时,难道我们不是制定标准的人吗?我们是我们的标准。我们选择首先支持IE,即使它们不遵循标准。即使不是我们,也是我们。所以我必须弃权。:-) 因为两者都是。
这取决于我们,不是说要在每个设备上创建像素完美的副本,而是要确保有一套良好的行为或编排好的更改,以允许任何设备提供最佳的用户体验。
为什么专门针对移动设计提出这个问题?我认为同样的答案也适用于设计普通网站。开发人员有责任确保网页遵循当前标准,并为不支持标准的浏览器提供优雅降级。但是,不可能在每个设备上都支持每个细节。
我只是对提问的方式感到困惑。我不明白它的意义。
桌面浏览器在过去10到15年中取得了长足的进步。我们不得不为移动端重复所有这些迭代、冲突和与所有相关方斗争,这实际上非常痛苦。我意识到您可以轻松地定位很大一部分用户,但为什么至少没有像桌面产品那样类似水平的标准浏览器/标准被接受呢?我理解手机之间缺少的功能,但你明白我想表达的意思。它似乎正在比我们在桌面端发展得更快,但这仍然令人烦恼,因为我们不得不再次经历这一切。
最终这是我们的工作,也许我们需要更多地向供应商施压。
我相信移动设备的表现比2008年要好得多,因此,网页设计师感觉他们对设计结果有了更多控制权。也许2008年认为设备(浏览器)有责任让网站看起来更好的45%的人现在会比那时更有能力。
这绝对是开发人员的责任。整个网页历史都是开发人员负责在浏览器混乱中创建UI和功能一致性。为什么现在又出现多设备UI和功能这个新的不确定因素时,情况会发生变化呢?
就我个人而言,我喜欢这个挑战,并认为它确实扩展了开发人员的作用。在涉及多设备体验时,大多数前端都在进行一定程度的UI工程和UX架构设计。尤其是在使用一个代码库为所有设备构建响应式设置时。开发人员最了解设备之间的差异以及如何在标记、CSS和JS中解决这些差异。我不希望设备做超出它目前所做的任何事情,即向我提供一系列我可以操作的特定于设备的查看和交互体验。
我认为设计师/程序员有责任不要对他们构建的屏幕/窗口的尺寸做出假设,并使用普遍良好的设计原则,即避免黑客攻击并确保如果某些功能不受良好支持,则会优雅降级。
我认为网页浏览器开发人员有责任构建能够识别网页设计前沿技术的软件。用户代理的工作是获取设计师创建的格式良好的代码,并对其进行合理的处理。他们不应该期望针对他们实现的错误或特定(误)功能(不受广泛支持)的平台特定解决方法。他们应该,甚至必须,在确保用户拥有最新的渲染引擎方面做得更好——这不会削弱他们推广硬件升级的能力,但对于确保大多数人的一切正常运作大有裨益。
投票中缺少一个选项!是标准机构本身。在我看来,盒子模型以及不同上下文中的长度测量值的各种行为比其他任何事情都更难为各种显示尺寸的用户代理设计页面。诸如在标准中更好地支持元素的比例缩放和处理触摸屏和其他移动设备方面的其他问题至关重要。但我猜想,人们理所当然地认为W3C永远不会对此类问题做出响应…
现在,“移动设计”简单地转化为“不同的屏幕尺寸”。在我看来,响应式设计已经被炒作到不再有意义的地步。我们过去开始讨论屏幕、屏幕阅读器、盲文设备、打印机等。没有人认为它们足够“性感”以至于值得炒作。但本质上这就是响应式设计。创建一个可以在不同类型的设备上运行的网站或网络应用程序,以可用的方式传递相同的信息。
人们经常谈论设备无关性,然后举出一个不存在或未来的设备的例子(比如冰箱或眼镜等)。有趣的是,这些例子总是涉及各种尺寸的屏幕。我从未听说过有人举出全息图或直接大脑刺激的例子。
因此,我发现很难回答这个问题。你所说的“移动设计”是什么意思?如果你指的是无论设备是打印机、屏幕阅读器、显示器还是全息投影仪,都要以可用的方式呈现内容,那么我的答案将是硬件,因为它们需要向后兼容(符合标准)。我无法为我无法想象或了解的设备进行设计。如果你指的是谁应该通过利用每个设备的特殊功能使其“看起来”更好,那么我会说这是设计师的工作。
我发现一个问题:“移动设备有责任确保我的网站看起来不错吗?”
类似于问:“道路有责任确保我正确地行走或驾驶,并安全准时地到达目的地吗?”
我发现,如果你不过度设计页面,那么它通常可以在移动设备上以最小的努力运行。
我觉得应该就谁来负责达成一些共识,因为当设备上的浏览器试图将屏幕尺寸调整为更大的设备时,为该设备设计网站就会变得非常复杂。
所以我想最后还是由我来负责,这样我就能有更多的控制权。除非我告诉他们,否则移动浏览器无法知道我想要我的页面在小屏幕上是什么样子。
这是一个双向的问题……我认为移动设备制造商和移动操作系统开发人员有责任紧跟 HTML、CSS 等最新变化……他们与最新技术的兼容性越低,设计人员可以使用代码的范围就越有限。也就是说,旧设备将继续保持旧状态,并以旧的方式转换代码。优秀的开发者应该能够解决兼容性问题,以便用户无论使用哪种设备都能获得最佳体验。