一位读者(让我们保持匿名)写信道
我工作的公司从未制作过响应式设计。作为一名开发者,我被交付了以静态 PSD 构图形式呈现的固定宽度设计。然后,我需要将这些设计切片、运行一些浏览器测试,并将它们上线。
自从一年前加入这家公司以来,我一直都在推动响应式设计和增强可访问性的理念,但他们的态度一直很冷淡,缺乏兴趣。然后,大约一周前,我的老板告诉我,“开发单独的移动网站比花时间在响应式设计上更有价值。”我们还刚刚聘用了一位互动设计师,他很快就同意了,并告诉我的老板,根据他的经验,响应式设计根本不值得。
我并不是建议我们仅仅为了响应式而让每个网站都变成响应式,但我发现他们的态度难以接受。我希望你可能对此有一些想法,无论是关于我如何处理关于响应式设计的谈话,还是仅仅我应该处理它并完成我的工作,或者其他什么。我有点不知所措。
也许你可以从每个人都同意的事情开始。设计是解决问题。作为一家设计公司,你们向客户出售解决方案来解决他们的问题。在检查问题之前,你们不会决定解决方案,对吧?我希望他们都会同意这一点。
同样地:在考虑我需要从汽车中获得什么之前,我不会决定购买 Mini Cooper。也许家人很快就会增加,我需要更大的空间。也许我需要拖一辆露营车,需要一个牵引装置。在购买汽车时,我们会考虑什么需求,然后根据这些需求进行选择。
说“开发单独的移动网站更有价值”是在没有任何需求考虑的情况下选择了 Mini Cooper。充其量是缺乏责任的。
尤其奇怪的是,他们预先承认需要一个移动版本的网站。他们知道将网站的“桌面”版本提供给“移动”设备已经不再奏效了。他们知道他们拥有设计技能,并且可以使用这些技能为不同的屏幕空间打造更好的体验。但是多少屏幕空间?我希望这不是“老板的手机有多大”。
作为一个有多名员工的设计公司,我必须想象你们所有人都有很多不同的设备,这只是生活的一部分。你们的移动设计会在每一个设备上都能正常工作吗?这将是相当神奇的,因为它们的宽度从几百像素到一千多像素不等。7 英寸平板电脑将使用哪个版本?10 英寸平板电脑将使用哪个版本?你们还会开发一个单独的“中间”版本吗?
响应式设计可以成为一个强大的工具,让你们拥有一个可以适应所有这些尺寸的单个代码库,并让你们可以使用自己的设计师技巧来使其完美。对我来说,这很有说服力。
但这只是一种方法。单独的移动网站是另一种方法。原生应用是另一种方法。而且不止这些。为什么不在更好地了解项目之后再做出决定呢?比如
- 预算是多少?
- 我们可以投入多少人?
- 多个代码库是否可行?
- 交互性有多强?
- 将来谁来维护它?
- CMS 是否足够强大?
- 网页的功能集是否满足他们的需求?
所有这些问题的答案可以指导你们判断 RWD 是否是某个项目的正确答案。
不过,这只是我的建议。对于这位看似被束缚的设计师,你的建议是什么?
如果我遇到类似的情况,我会尝试一些不同的方法。我可能会提供一些我发现的研究,说明为什么 RWD 是最佳选择——关于移动设备使用情况的统计数据、各种尺寸的移动设备等。我认为 RWD 最强有力的论点,也是反对单独移动网站的论点,在于移动设备不断以不同的尺寸出现。变量太多,无法简单地创建一个单独的移动网站(可能以固定宽度)。然后,我可能会向他们展示一些响应式做得非常好的网站,例如 microsoft.com、mashable.com 和 css-tricks.com。我总是倾向于“展示并讲解”——要么展示网络上的一些优秀示例,要么创建一些优秀的作品,准确地展示我所谈论的内容。
不过,在某些时候,我们的管理者需要相信我们能够尽力做好我们的工作。否则,他们会整天都在规定解决方案。
这样的情况很难遇到。几年前我在一家广告公司工作过,后来离开了,因为大多数高层人士都不了解网络,也不关心它是如何构建的。对他们来说,那就是印刷品……或者电视。
多年来,我一直努力改变他们的思维方式,但他们缺乏理解媒介和创作优质作品的兴趣最终导致我离开。这很糟糕,因为代理机构中的一些人理解了,但我们只是凤毛麟角。这种文化不支持我们的技艺。
遗憾的是,这种情况可能也发生在这个人的身上。不愿成长的公司最终会消失。
我 110% 同意 Aaron 的观点:“…大多数高层人士都不了解网络,也不关心它是如何构建的。[…]他们缺乏理解媒介和创作优质作品的兴趣”
我实际上也遇到了一些这样的情况,我正在经历着这剂良药,哦,天哪。
我面临的另一个问题不仅是“不了解网络,也不关心它是如何构建的。” 还有“甚至不知道响应式是什么”。
祝愿我们所有处于这种境地的人好运…
问题在于态度。这里的关键短语是“对我们来说更有价值”,仿佛代理机构的需求凌驾于客户之上。
如果你的老板担心在 RWD 上赚的钱比单独的移动网站少,你应该能够很容易地消除他的疑虑。使用响应式设计的代理机构可以收取更高的费用,尤其是在他们将他们的网站宣传为更适合不可预测的数字未来的情况下。
如果你的老板固执己见,你可能无法说服他改变立场。但是,如果他对自己的工作有一点自豪感,他应该愿意听取你的意见并做出明智的决定。祝你好运!
这条评论的第一句话正是我想说的。
“使用响应式设计的代理机构可以收取更高的费用,尤其是在他们将他们的网站宣传为更适合不可预测的数字未来的情况下。”
我们制作了您要求的多个移动网站,并且我们将内容管理集中到了同一个页面中!更有价值!
我们制作了您要求的多个移动网站,它们非常智能,在官方不支持/未测试的设备上看起来也很不错!更有价值!
我听到的另一个反对响应式设计的论点是,“你无法预测它会是什么样子。”一些设计师真的、真的很喜欢拥有像素完美的固定宽度,并且试图证明灵活的布局实际上是一个好主意可能是一项艰巨的任务。
这完全没问题。
我完全支持这些设计师有这种感觉的权利。
毕竟,行业中拥有这种想法的设计师越多,拥有更灵活态度的人的成长潜力就越大。
他们所做的只是提高我的费率。
这群设计师应该坚持他们擅长的事情:平面设计。他们应该远离他们不了解的东西:网络。
设计师应该为人们设计。如果人们看不到你的作品,也无法浏览你的作品,我认为你失败了。
另一方面,你仍然可以使用你的魔法像素完美布局。你可能只需要制作几个不同的版本!为设计师设计更多!更多有趣的难题需要解决!万岁!(如果你不喜欢你的工作,你可能不会说万岁。)大多数响应式网站最终都会停留在 1080px 或其他任何最终尺寸,如果屏幕允许的话。所以你仍然可以使用你的固定宽度设计,只是不要在它无用且令人恼火的地方使用它。我的意思是,嘿——如果你真的固执,你仍然可以使用表格,但你不需要编码它。说到这一点——如果你只是一个设计师,你根本不需要编码它!所以你真的太固执了,因为这最终会成为大部分工作,而你甚至不必做。看看样式磁贴背后的理念,然后成长起来。
不仅仅是移动设备。 你有没有一边看节目或网络研讨会,一边做项目的经历?——然后为了腾出空间放所有工具,你把浏览器窗口缩小,结果视频就被截断了等等。我个人认为浏览器窗口大小确实是我日常生活中遇到的问题。我经常重新调整视口大小,而当一个网站没有做好这方面的准备时,这一点就非常非常明显。大多数响应式网站都没有确保其主体内容包含“所有必要元素”(即使是一些知名设计师的网站)——你可以缩小浏览器,然后向右滚动到一片空白区域。这与移动设备或平板电脑无关,而是与网站本身有关,这些网站恰好拥有可以改变尺寸的浏览器。你可以用Dribbble试试。说人们不调整浏览器大小是无知的。我母亲调整浏览器大小以便填写在线表单,并在屏幕的另一侧查看其他信息。但结果页面就被截断了。我用逻辑来解释,比如在屏幕的另一半查看乐谱,等等。如果每个人都构建响应式网站,世界将会变得更好。还有,视频网站,请付钱给Chris和Paravel,并购买FitVids.js用于商业用途。你们不响应式的视频网站太让人扫兴了!
@Gunnar Bittersmann,我完全同意,110%同意。
我不知道其他人怎么样,但我仍然设计和构建“像素完美”的设计,但现在使用百分比了。
如果你自己经营企业,你可以像我一样坚持要求所有客户网站都采用响应式设计。我有很多有钱的装修工,他们用手机与其他装修工和客户联系。而且这是真的。网站必须在老板的手机上正常工作。 :)
在某些情况下,客户会要求非响应式设计(比如最近一位歌剧演唱家想要一个非常保守的网站)。我认为这是在处理客户时需要运用常识的问题。
然而,我也为足够多的大型公司工作过,了解到“改变”可能是一个敏感词。
作为自由职业者,我可以拒绝微管理或有问题的客户,并且自己保留所有收入。如果你为别人工作,这种情况就不会发生。他通常会拿到大部分钱,并且不得不接手愚蠢的客户来维持现金流。他通常关心的是钱,而不是质量。
如果你关心网页设计并且想要一个真正的挑战,为什么不尝试自由职业呢?这需要18个月的时间和一些微管理的客户,但之后,提高价格通常会让这些麻烦客户离开。 :)
(如果我听起来有点傲慢,那可能是因为我确实有点傲慢。我对此并不道歉。我宁愿告诉客户他们想要什么,因为他们经常一无所知。) ;p
Edwin直截了当地提出了一个有效的观点!我不是设计师,但我自己创业了。我不知道读者对雇主在尊重、领导力和职业发展方面的态度是什么。但一个真正的反思机会可能刚刚出现。
你的老板是否只关心利润,却未能像这里很多人建议的那样,抓住客户群和收入的潜在增长?
你的老板是否对与其商业模式相关的行业格局存在根本性的无知?
你的老板是否只是聘用了一个唯唯诺诺的人?
你的老板是否长期以来一直忽视你欣然提供的进步?
你真的想推动你的老板达到更高的成功水平,却只是为了日后再次被提醒那不是你的公司?
在没有获得对开启老板业务新可能性的公平认可和补偿后,你可能会去当自由职业者,最终却要与他竞争?
我想我希望能不是那个在房间里想法太多,贡献太多而显得疯狂的人。祝你好运。
但忽略那18个月的部分 ;-)
我建议获取你网站上移动流量的详细分析统计数据。对于一个固执的经理来说,很容易忽视“所有其他大型网站”,但如果统计数据专门适用于你的网站,那么它们确实会产生影响。
拥抱分析。没有什么比在决策者面前展示一些数据更能证明你的论点了,这些数据显示你的移动/平板电脑受众表现不佳。我猜你在上述代理机构制作的网站上都安装了Google Analytics。GA提供了开箱即用的设备细分支持,因此即使你没有配置任何内容,你仍然可以使用现有的数据跨细分比较一些关键指标。
为了获得额外的支持,了解Google Analytics中的目标,并使用它们来证明你的静态网站损害了目标转化率。行业统计数据和最佳实践固然不错,但没有什么比确凿的证据更能改变意见,证明你的底线正在受损。
好吧,有时完全转向移动端确实更有意义。但话说回来,有时也没有。这种假设很愚蠢,因为你把自己封闭在了选项之外。这些选项,记录在案,通常更容易实现。以下是原因
并非所有移动设备都是平等的。或者大小相同。适用于Galaxy Note的内容不适用于4S。所以你会怎么做?让Note有大量额外的间距?让所有内容都进行拉伸而不考虑其他因素?iPad Mini呢?iPad 4呢?它们都会获得相同的体验吗?当然不会。那太傻了。所以你会为每个设备硬编码一个上下文?为什么不使用CSS?一个代码库。一个。哪个更容易?桌面、平板电脑和手机?还是一个文件中的互联网,通过一些调整来进行微调?哪个更容易维护?更新?升级?
不,不,你是对的;三个独立的(甚至更糟糕的是,忽略平板电脑,只做桌面和手机)网站将更容易操作。不,真的。请便。我们会在这里。使用我们的单个代码库。喝着咖啡,在你疯狂地尝试让你的服务器根据用户使用的设备提供完全不同的代码集时,悠闲地休息。
我发现发送一封精心撰写的电子邮件给领导层,其中包含一些行业领袖的文章,非常有效。
你好,匿名用户……我实际上也遇到了同样的情况。我面对着一堵冰冷的“固定宽度”墙。但仍有希望。
在杰弗里·泽尔德曼不久前的一期Big Web Show播客中,他建议解决这种情况的方法是开始使用决策者相同的语言进行沟通。
因此,由于商业领袖和经理对像素、em和断点一无所知,请开始谈论使用统计数据,谈论设备普及率以及其他竞争对手在做什么。我会开始发送一些看起来很棒的示例网站,并帮助你为之奋斗。
杰弗里非常重视倾听,甚至背诵/学习卢克·沃罗布莱斯基在他的Big Web Show第6集中谈论的一些统计数据——这正是商业领袖想要听到的内容。
这对我有用,但这是一个渐进的过程。我大约谈了3个月的好处,最近CTO才给我发送了一个关于RWD白皮书的链接。看,现在这在他们的频道/层面上,但信息正在传递。
我之前还做过另一件事,就是用我自己的时间重新构建网站的首页,使其具有响应性。因此,如果你有机会比较这两个版本在多个设备上的工作方式,可以将其添加到论证中。请你的老板假装成一个失明的50岁老人,假装成一个有两个孩子且没有手的母亲,然后使用这些网站。
讨论需要时间,但值得付出。完全理解Chris所说的对单独的移动网站的明确需求——我们在Everguide有一个移动网站链接(桌面网站在这里)(用户希望在使用手机时立即了解活动信息,不想在周六晚上9点阅读评论和访谈,但他们会在周一上午9点上班时阅读。
祝你好运!
糟糕,Everguide的移动网站是:http://m.everguide.com.au
干杯
我之前做过一个WordPress网站,当时我并不热衷于RWD。但我想做成移动版,所以我向客户(顺便说一句,是一位很友好的女士)提供了一个集成到WordPress中的独立移动网站(我使用了jQuery Mobile框架)。我创建了一个WordPress页面,制作了一个page-id.php模板,在那里添加了一些WP_查询,并将所有内容都包装在jQuery Mobile的“role=page”容器中。JM网站加载速度很快,内部的所有导航都是AJAX调用。至于在不同设备上的外观——框架可以轻松处理这个问题(示例)。
如今,我总是使用RWD,但有时客户希望移动体验与桌面体验完全不同:更少的页面、更少的信息等等。所以实际上,你需要始终思考并利用系统分析(大学里的一些东西,哈哈?)来为你的客户构建完美的解决方案。也许你最终会为你的客户构建一个非常棒的Web应用程序,谁知道呢?
正如Edwin所说:永远为自己工作,这是我永远不会拒绝的那种自由。
我知道,对于很多人来说,自己创业听起来像是很大的决定,而且也会有萧条期。直到去年,我还在大学里教网页开发,我告诉孩子们离开大学,在线学习(那里没有政治,而且不像大学每年花费1万美元,Lynda或Udemy只需250美元),并在他们毕业后的第一年里,将每小时的工资提高10美元(从35美元/小时开始——几乎是他们在网页工作室兼职工作时工资的两倍),连续十年。很容易算出,你需要少工作多少才能获得你现在老板给你的同样报酬,而且也很容易压低所有网页制作公司的价格,因为只有你一个人!我理解美国的工资水平不同,所以也许第一年可以从20美元/小时开始,然后每年增加7美元。想象一下,你可能只需要工作一天就能支付所有的账单和抵押贷款……
话虽如此,我现在正在为一个微管理的客户拼命工作,所以这并不是一帆风顺的。我现在想要Alex的漂亮女友——而不是这些IT白痴!是的,为程序员做网页开发和设计真是太痛苦了。
我完全理解这位朋友的处境。我们工作中唯一开始扭转局面的事情是我们开始涉足移动应用。这为说服高层和客户考虑响应式网页设计提供了一个良好的切入点。
与James类似,但我建议获取您竞争对手网站上移动流量的详细分析数据。如果您的网站没有响应式设计,那些体验不佳的用户可能不会继续停留。您的响应式竞争对手网站上的移动访客百分比正是您错过的部分。
祝你好运。
呜呜呜,就像,让我们做响应式网页设计,因为它很流行很酷。拜托。总有一些权衡取舍。
响应式网页设计10%是设计,10%是“第一次”实现,80%是我认为的QA——确保它在所有设备上都能正常工作(不仅是工作,而且是完美工作)。
如果它只在iPhone上工作——那它就不是响应式网页设计。那是胡说八道。如果它在iPhone和Android上都能工作……那可能就足够好了。但是有多少种Android设备?以及Android上的哪些浏览器?
我每天都用iPhone、Android 2.x、Android 4.2上的Chrome、Android 4.2上的原生浏览器、Windows Phone 8进行测试。让我告诉你,让“响应式网页设计”在所有设备上都能工作是一件非常痛苦的事情。它也很昂贵。它会占用大量的时间。然后你突然发现它在BlackBerry或其他设备上不再工作了。当我们只有IE6时,我们知道所有的bug。现在我们有无数个IE6——所有Webkit内核的行为都不一样。而且你还必须支持未来的版本,这不像听起来那么容易。然后你还必须处理触摸与点击之间的差异等等。
下次你考虑这个问题时,记住——不,响应式网页设计不是默认答案。让设计变得“响应式”很容易——正确地实现它……这么说吧——在我看来,所有响应式网页设计的倡导者都生活在某种梦幻世界中,他们不必处理实际的浏览器,而只需要传播“理念”和“想法”。
不过,你在这里想表达什么观点?你认为在设计移动网站时,在所有不同的设备上都没有遇到任何问题吗?我想说,设备之间差异引起的所有问题仍然适用于非响应式网页设计。
要点1. 移动网站是否有任何投资回报率?是的,移动设备是未来,但现在是否值得花所有钱在上面,或者可以等到明年甚至以后?
要点2. 如果你知道你的受众正在使用现代手机,那么桌面版本是否足够?是的,它并不理想,但“稍微改进”的版本是否值得付出这些成本?(我甚至都没有谈论“优化”)。
要点3. 响应式网页设计试图为所有浏览器编写相同的代码,并使用特性检测和最佳实践等等。我认为这是胡说八道。最终,你还是会进行浏览器嗅探——而且你浪费了过多的工时来避免这种情况,因为你被洗脑了,“嘿,嗅探是不好的,好吗”(position:relative和-webkit-text-size-adjust;Chrome由于修复Android问题导致100% CPU占用,等等等等)。简单的愚蠢的移动版本可能足以满足您的客户需求。响应式网页设计可能永远不会带来回报。
是的,构建最新最好的东西很好,但我们大多数人都在为小型企业工作。我们不能仅仅因为想要玩得开心而构建闪亮的东西,就向客户收取四倍的价格。
我不得不反驳这一点。我认为你可能只是查看过,或者不得不查看过响应式网页设计网站中测试问题,在设计阶段没有足够关注设备之间广泛的不一致性。说“所有响应式网页设计的倡导者都生活在某种梦幻世界中,他们不必处理实际的浏览器”表明你与许多不懂自己正在做什么的人合作过。并非有意冒犯。在创建响应式网页设计时,你会遇到很多无知,人们会对跨设备哪些内容会起作用做出很多假设。
正如你指出的,你不能做出这些假设,Webkit和Android的许多分支带来了各种各样的问题。但这仅仅提高了门槛,并不意味着它们无法克服。开发人员有责任确保UX设计师、数字设计师和团队的所有成员都了解这些陷阱,并在设计和原型阶段识别问题区域。
响应式网页设计已经远远超出了“流行和酷”的范畴,这很荒谬。当浏览器兼容性在90年代末成为一个大问题时,你是否认为让网站与IE和Mozilla浏览器兼容是一种流行和酷的事情?构建跨浏览器兼容的网站并不酷,它是一种必要性,就像现在构建能够在不同设备上良好运行并提供可比用户体验的网站一样。
最后,我认为你的抱怨不一定是关于响应式网页设计的。在各种移动设备上进行测试时出现的问题,在单独的“仅限移动设备”网站上也同样普遍存在。硬件和软件供应商有责任实现某种一致性。但作为开发人员,我们不能为每部不同的手机都创建一个单独的网站,是吗?你正确地将不同的Webkit内核与IE6的bug进行了比较,这正是现在开发工作让我想起的事情。但你建议的替代方案是什么?我们不能忽略这些bug,我们只需要创建能够处理它们的网站。我是一个前端开发人员,因此这是我的工作。结束。
Chris,我在这里扮演了有点像魔鬼代言人的角色,我同意你所说的大部分内容。然而,在本文最初问题(“我想做响应式网页设计,但我的老板不允许我”)的背景下,需要注意的是,响应式网页设计绝不是默认选项,也不应该是。做好它的成本实在太高了。我建议不要做得不好:)
成本很高,因为你需要让很多人参与进来(你提到了UX设计师、数字设计师和所有团队成员)。成本很高,因为所有错综复杂的问题还没有完全理解(无法跟上各种技术的数量)。成本很高,因为某个地方的东西最终会出问题,你会花费大量时间来修复它(是的,这仅仅是现实生活,我们作为前端开发人员每天都在处理它)。
每个人都必须理解,响应式网页设计不是“我只是要使用相同的HTML并添加一些媒体查询”(无论是移动优先还是其他)。它是一个过程,需要努力工作,需要在大量的实际设备上进行实际测试(这些设备也需要花钱……)我曾经处于一个“让我们做响应式设计!”的位置——现在我处于一个花了一周时间处理一个组件,以确保它在各种屏幕尺寸上都能正常工作的位置。我并不是抱怨它很难——交付一个好的产品并不意味着很容易。我只是说,就目前而言,响应式网页设计并不一定对每个人都值得投资,这一点必须牢记。
另一个问题,尤其是在代理工作中(我主要进行内部开发),是代理机构通常不维护他们的产品。这就是为什么我们有大量的网站(尤其是在政府部门)在现代浏览器上几乎无法正常工作。这就是为什么微软不想“破坏网络”。在浏览器当前的状态下,以及开发人员“忘记”包含非Webkit供应商前缀等的思维方式——提倡响应式网页设计不能掉以轻心。
我个人的经验是,构建一个完整的响应式网站可能需要花费4到5倍的时间(如果不是更多)才能构建一个简单的仅限桌面的网站。我估计构建一个单独的(简化的)移动网站通常比桌面版本少(除非你对CSS3和花哨的功能过于痴迷)。它也更有可能运行更快(是这周我看到响应式网站的平均下载量为2MB吗?)。
这一切都取决于具体情况——网站/重新设计的预期结果是什么?它是什么类型的业务?如果他们的网站在移动设备上“完美”,客户会获得多少额外的转化率/销售额/新客户?客户计划多久更新一次他们的网站?从长远来看,谁将负责更新内容?
@Dominykas 谢谢你的回复。是的,预算是在响应式网页设计是否可行方面的一个巨大因素,而关于预期结果和可实现目标的教育至关重要。必须考虑额外的时间,当我听到“客户想要响应式设计,那么在项目计划的最后增加两周时间够不够?”时,我会犹豫并拒绝。
你和我都知道,响应式网页设计不是一个模块化的附加组件,它存在于设计和开发过程的所有阶段。而且不要让我开始谈论……
只为 iPhone 设计 mock 的设计师
小型代理商在工作室里用他们随身携带的任何手机进行测试,“它在 Android 上可以工作!”——“哪个 Android?S3?再想想吧”。
没有考虑页面整体大小和性能,理由是当手机连接 Wi-Fi 时加载速度很快。
完全不顾语义和干净的标记,为了在不同屏幕尺寸上以不同顺序显示和隐藏内容(通常是重复的内容),而强行塞入隐藏内容。
我相信你肯定还有一些个人最喜欢的(如果“最喜欢”这个词合适的话)要添加到这个列表中! :)
Dominykas
感谢你指出了这个麻烦。作为一个个体经营者,我必须为我的客户网站建设做出关于使用哪些工具的决定。我对于盲目追随最新的开发趋势持谨慎态度,因为我吸收新知识的时间有限。
响应式网页设计 (RWD) 是我们构建网站方式的一个重大范式转变,在我看来,它在投资回报率和有效性方面还没有得到有效的检验。这并不意味着它没有效果。它很可能有效——对于某些网站构建来说。我并不愿意像响应式网页设计布道者那样赋予它“一刀切”的优点。
网页设计已经成为一种自助餐,有很多很棒的工具和方法来满足各种商业营销需求。客户的资金并非无限,因此常常不得不权衡取舍,做出艰难的选择,决定将钱花在哪里。
我读到过响应式网页设计布道者的评论,说响应式网页设计非常简单,你甚至不需要改变你的工作流程,而且没有任何成本——这是对交付功能性响应式网页设计产品实际所需工作量的非常不切实际的评估。我称之为“傲慢的轻蔑”——“如果你不加入我的阵营,你就没有资格进入网页开发领域。”这种态度对整个社区没有帮助,并且反映出对网页设计师/开发人员每天都要面对的现实缺乏基本敏感性。
我记得几年前曾加入了 508 合规性的潮流。我花了几个星期甚至几个月的时间磨练我的知识,学习如何交付一个可访问的网站,阅读在线趋势引领者之间关于正确方法的争论,并试图找出最佳信息。结果却发现我无法将其推销出去。我从未向任何一个客户成功推销过交付可访问网站的额外成本。
我找到了方法将一些可访问性合规性融入到我的标准工作流程中,但最终结果总是导致产品交付成本和时间增加。每个复杂性,每个新范式都会增加网站构建的成本和时间。如果你在企业级工作,拥有团队,那么你就不太关心构建网站的“最佳实践”不断变化的复杂性。你的公司规模可能足够大,可以承担学习曲线投资和开发成本方面的额外开支。
对于预算减少的小企业来说,日益复杂的“最佳实践”模式提出了重大挑战,我们必须选择我们认为最能为客户服务的方案。
如果响应式网页设计确实是每个人都在寻找的答案,那么它最终会被采用。然而,人不是机器。你必须给他们机会评估新技术,并根据他们独特的处境做出最适合他们的决定。
在网页开发中要求“一刀切”的统一性在理论上可能很好,但在现实生活中却行不通。并且以一种自以为是的优越感和对那些持不同意见或指出缺陷的人的轻蔑态度来要求这一点,既不专业,也近视。网站设计和开发不是宗教。它是一种工艺。没有绝对的标准,或者不应该有。做一个灵活的人,而不是一个独裁者。
我并不是在对原帖的问题吹毛求疵。其他人已经给出了正确的答案——“展示,不要讲述”——为讨论打开大门。
David
你一定没有仔细阅读我之前在版块上的评论。我在你回复的那条评论中有点开玩笑。虽然我认为它对某些项目来说是一个不错的方法,但我并不是响应式网页设计的支持者。
我非常不喜欢响应式网页设计布道者的“一刀切”方法,以及暗示如果你对这种新的编码范式采取深思熟虑的方法,你就以某种方式缺乏网页开发能力。
我是一个小店(个体户),虽然我可能很灵活,但我没有带宽快速学习每一个新的技术创新(软件/硬件)。而且我的客户也没有预算来承担响应式网页设计的高额工程开支。因此,我主张根据具体情况进行考虑,而不是采取一概而论的方法。
我真的、真的很厌倦那些宣扬最新潮流的设计师的轻蔑和自以为是的优越感。仿佛我们没有忙于处理浏览器兼容性、HTML 5/CSS3 学习曲线、Zen Coding、LESS、SASS、CSS 预处理器、HTML 框架、508 可访问性合规性、Retina 图像狂热、@font-face 选择、库存照片研究、文案撰写、服务器配置、平台学习曲线和实施、自适应、响应式、渐进式、优雅降级、Adobe 软件发布周期、新软件升级学习曲线、操作系统升级和电脑构建以及学习曲线、新设备学习曲线、图形设计学习曲线和趋势,以及在所有这些之上腾出时间来推销我们的产品、管理实际项目、吸引新客户、建立人脉、管理开支、每小时 10 美元的海外竞争等等等等。
标准提高得太高了,满足布道者坚持的所有规格的网站设计对小企业来说已经不再负担得起了。就这么简单。
无论如何,如果我的评论没有清楚地说明我并不是在宣传响应式网页设计本身,我表示歉意。我试图强调的是,许多大型企业级构建——甚至现有的构建——都在跳过响应式网页设计,这意味着,正如你所说,他们没有在构建中使用响应式网页设计很可能是有充分理由的。这强化了我的观点,即它不是一个“一刀切”的解决方案。
我发现代码总是胜过言语。如果你有机会并且有能力,只需直接进入代码,花一些额外的时间自己构建,然后展示一个简单的走向响应式网页设计的演示。与人们分享代码,以便每个人都能理解你是如何做到的,并希望看到,假设你在灵活的基础上构建,它并不一定意味着需要额外数月甚至数周的工作。你无需请求任何人的许可即可执行此操作,只需设置自己的环境并尝试一下,然后开始分享它。这可能会让你的话语和统计数据分享产生更大的影响,但这只是我的意见。
我同意 @Dominykas 的观点。响应式网页设计可能是某些情况下的正确答案,但它绝对不是默认答案。
我越来越厌倦看到博客文章/文章将响应式网页设计吹捧为有史以来最伟大的事物,并指出一系列使用响应式网页设计构建的小型/轻量级网站的例子。向我展示一些真正重量级的全球性网站,这些网站服务于许多不同的市场,拥有庞大的产品目录和大量遗留内容,并且正在进行真正的响应式网页设计——而不仅仅是在主要页面上设置几个象征性的断点。这比你想象的要复杂和昂贵得多。
话虽如此,但确实需要在项目开始时考虑所有选项,并根据具体情况进行评估。
Dave
前几天我自己也在想这个问题。我看到很多企业级网站跳过了响应式网页设计,我很好奇,如果这是构建网站的新的“正确”方法——为什么他们没有采用它?
显然,正如你所说,需要考虑的因素不仅仅是“最新和最棒”。
Robin,
企业级组织通常无法像更灵活的代理商那样快速行动(通常)。根据我的经验,企业在技术方面通常落后一两步。大型组织没有迁移到响应式网页设计并不意味着它不是一个好的解决方案,但是像响应式网页设计这样的决策可能会花费数十万个工时和数百万美元,具体取决于严重程度。数十万页的内容等等。这不是一项简单的任务。许多大型公司,如保险公司、医疗保健公司,都有严格的法律部门,需要进行彻底的测试。
在我看来,有很多反对者。去做吧,伙计们。我收取的传统网站费用与移动网站费用相同,并告诉客户它们将在 85% 的移动浏览器上运行。因为我是镇上唯一一个这样做的(而其他人都在外包到印度),我不得不关闭我的网站。所以……是的,你想进行任何统计分析……但我告诉你,有一种“感知”,即响应式是潮流。我的客户知道这意味着什么,并且已经提出了要求,其中一些客户的移动访问量不到 1%。但我收取了更多费用,现在我被网站淹没了。
去学习一些新东西。看看有多痛苦。
如果每隔六个月左右没有新东西要学习,我会无聊死的。这就是 15 年前我离开(正在消亡的)电影行业来到这里的原因!这些东西可以让你的人生面向未来,如果你想得到一些统计数据来让你放心,尽管来吧。
“是啊,手机上只有 1% 的浏览量,老伙计。不妨忘了它吧。一切照旧。今天没必要学习任何新东西。(打嗝!)”
在我被雇用之前不久,我的公司聘请了一家代理商为我们其中一个网站制作移动版本。这大约是 9 个月前的事了。
它不是响应式的,设计是为了适合 iPhone,并且可能在 5 年前看起来还不错。当高级职位的人员在做出这些决定时不征求他们聘用的人员的专业建议,这非常令人沮丧!随着技术和为其设计的软件发展如此迅速,那些脱离圈子的人仍然将移动网站视为一种方式,同时误解了响应式带来的好处和优势,这并不奇怪。
我的公司很快就会计划进行“创新时间”,我每个月会被给予两天的时间做任何我想做的事情,条件是我在最后展示我的工作成果。一个重新设计的公司网站的完整概念,采用响应式布局(并且没有 Flash!)是我的首要任务,以及一堆支持它的统计数据。
如上所述,统计数据和工作示例是说服人们响应式网页设计是最佳方法的最佳方式。
看起来你的老板们认为响应式设计只是针对移动设备的,但事实并非如此。在我的办公室,许多老板使用 13-15 英寸的笔记本电脑,运营人员使用 17-20 英寸 4:3 比例的显示器,而所有开发人员都使用一对 24 英寸的宽屏显示器。在你考虑平板电脑(iPad、Surface)、小型平板电脑(iPad mini、Nexus 7、Kindle)、大型手机(Galaxy Note)和手机(iPhone、Galaxy、BB 等等等)之前,有很大的空间可以更好地利用可用的像素。
我也有类似的问题。
但我的情况有所不同,因为预算/时间不允许我们构建响应式网站,而是选择构建一个大量使用 jQuery Mobile 的版本,我们只更改颜色方案。
有趣的是,每当我们尝试在较小的项目中稍微更具响应性时,我们都不得不改变主意,因为客户不理解为什么网站在某些设备上看起来不像最初的布局。
除了用户体验、时间和预算限制之外,这可能会有所帮助:如果你的同事不相信你,那么也许他们会相信 Google。如果我来晚了,有人已经提到了这一点,请见谅。
http://googlewebmastercentral.blogspot.co.uk/2012/06/recommendations-for-building-smartphone.html
Google 首选的移动 SEO 方法是响应式设计。你的代理机构可以忽略这一点,但他们的客户肯定不会。
如何选择你客户网站中最不复杂的一个,并花几个你自己的“空闲”时间将其构建成响应式?是的,你可能需要自己做出许多新的设计决策,但如果你能将其构建到可以展示给客户的状态,那么你就赢了。“老板”不仅能够“现场”体验最终结果,而且很明显,由于你具备交付技能,他无需担心让他的团队其余成员加入 RWD 的行列。或者他留在站台上,你搭乘下一班火车前往另一家代理机构。
正如 Chris C 所说:“只管构建网站”。祝你好运。
使用特定的移动开发,客户是否需要更新/编辑和管理两套内容?或者更糟糕的是,支付更新两套内容的费用?
响应式网站可以像你希望的那样复杂或简单……也许可以构建一个带有网格的演示,并向他们展示结果和花费的时间。
如果我是你,我会首先研究项目,如果它不需要为移动设备创建单独的网站(这显然有一些缺点),那么我会进行一次愉快的谈话,说服他们了解响应式设计带来的好处。我还可以引用一些著名设计师的意见,以增强我的观点。我建议不仅要完成工作,还要出色地完成工作。
所以,这在我们工作的地方一直在内部讨论。我们并不反对 RWD,但我们认为它不是所有问题的最终解决方案。根据网站的不同,你在移动设备和台式机设备上的交互方式可能大不相同。因此,有时你必须问是否更好地进行适配或重写。
我们正在研究 RESS 的概念,而不仅仅是 RWD,因为这似乎是合乎逻辑的飞跃。为什么要让浏览器处理我们可以在服务器端轻松确定的内容?为什么依赖 JavaScript 来创建导航技巧,而我可以根据设备类型提供正确的导航格式?或者,根据设备类型提供特定的 CSS(一个桌面版,一个平板电脑版和一个手机版)。
如果你的意见没有分量,我认为你应该开始寻找其他工作。
也许你可以展示一些真实的响应式设计,看看这是否能帮助他们将你的方案作为一系列解决方案中的一种可能性来考虑。
关于移动版本的另一个问题……他们是否考虑过用户将如何分享文章?如果我在我的智能手机上与 Bill 分享一个链接(他在他的台式机上收到链接),那么你现在要么 a) 提供移动版本,要么 b) 浏览器/设备嗅探?哪个将是 Google 的规范 URL?CMS 是否会在两个地方发布?如果是静态文件,那么客户可能需要你更新两个网站?这会为你的公司带来更多收益,但也会让客户感到恼火。
在我工作的代理机构,让每个人都参与到 RWD 中需要一些时间。实际上,设计师和我决定开始构建响应式的新网站,甚至没有告诉客户。这主要是为了练习。幸运的是,我们为之构建的所有客户都喜欢最终结果,这反过来帮助我们的老板看到了它的好处。我认为 Chris 关于跨所有平台使用单个代码库的说法是选择响应式设计的最佳理由。也许向你的设计团队/老板展示有关使用移动设备作为主要互联网来源的人数统计数据。
最终结果通常会胜出——上周偶然发现了这个。
http://electricpulp.com/notes/you-like-apples/
我对这些数字一点也不感到惊讶。电子商务网站应该是第一个加入 RWD 浪潮的。
在最近开始自由职业之前,我在一家主要以其购物车软件而闻名的公司工作。去年是向我们的客户推销移动设计的年份,每个人都对此很感兴趣。在运营在线商店时,拒绝移动友好型网站就等于拒绝赚钱(正如 O’Neill 服装的测试运行所证明的那样)。
现在,如果我能让餐厅老板对响应式网页设计也同样感到兴奋就好了。这些人似乎总是更加犹豫。根据我开发的一个墨西哥餐厅网站(非移动友好型)的分析数据,过去 6 个月显示超过一半的访问者来自移动设备。跳出率也明显更高(11%)。显然,转化率不如电子商务网站那么直接,但在我看来,这部分百分比的人找到了其他地方吃饭。
我是一家仍然使用表格构建网站的公司(更不用说 RWD 了)的设计师。我们已经详细讨论了 div 和浮动(“你不能依赖它们”)、HTML5(“规范尚未完成,在此之前不会触碰它”)和 RWD(“只有大型客户需要移动网站,而 RWD 无法处理大型客户”)。相反的证据会得到“那么你处理客户。你帮我完成我的工作。”我真希望知道我能做些什么来改变他们的想法,或者至少建议他们的解决方案还有其他替代方案……我真的很感谢这篇文章的努力,我只是希望我没有尝试过这些方法。
我想提几点
1.) **你永远不应该仅仅为了做而做。**不要仅仅因为其他人都在创建 Facebook 页面,你就创建 Facebook 页面。不要仅仅因为其他人都在创建响应式网站,你就创建响应式网站。我明白,归根结底,你真正推动公司走向 RWD 的原因是你想要挑战自己,学习使用流行的技术,但最终,并非所有客户都需要它。
2.) **你的网站内容是否会根据用户的体验而改变?**如果是这样,你可能希望放弃你的网站 100% 响应式,并根据设备媒介(手机)为他们提供单独的移动体验。
3.) **响应式 != 解决问题。**这一点很重要。确保你的响应式设计实际上并没有妨碍最终用户想要完成的事情。确保你正在进行的响应式设计实际上是在发挥其预期的作用,而不仅仅是重新调整页面和移动元素。
4.) **响应式网页设计既耗时又昂贵。**在商业世界中,一切都有成本,并且需要量化成本的计量单位,以便企业能够盈利。例如,在我的其中一篇著作中,我创建了一个用于预算的简单公式
现在看看大多数公司中存在的这一层资源
线框图 > 设计 > 开发 > 内容 > 法律 > 质量保证
当你按项目阶段和设备类型对所有这些资源进行量化时,如果你做对了,你就会看到一幅更大的图景。
上面 Paul Remond 的评论也提出了一个很好的观点。你需要向你的上级证明其好处。响应式网页设计可以轻松地使预算成本增加四倍,并且并非总是可行的解决方案,尤其是在试图降低成本时。**如果你能证明一种将 RWD 有效地整合到你的客户中并降低成本的方法,那么你将更有可能在响应式设计方面取得成功。祝你好运。开始查找一些关于 RWD 可衡量效益的信息来源。向他们提供分析数据和证明的案例,说明 RWD 在哪些地方以及如何帮助了公司。**
我想提几点
1.) **你永远不应该仅仅为了做而做。**不要仅仅因为其他人都在创建 Facebook 页面,你就创建 Facebook 页面。不要仅仅因为其他人都在创建响应式网站,你就创建响应式网站。我明白,归根结底,你真正推动公司走向 RWD 的原因是你想要挑战自己,学习使用流行的技术,但最终,并非所有客户都需要它。
2.) **你的网站内容是否会根据用户的体验而改变?**如果是这样,你可能希望放弃你的网站 100% 响应式,并根据设备媒介(手机)为他们提供单独的移动体验。
3.) **响应式 != 解决问题。**这一点很重要。确保你的响应式设计实际上并没有妨碍最终用户想要完成的事情。确保你正在进行的响应式设计实际上是在发挥其预期的作用,而不仅仅是重新调整页面和移动元素。
4.) **响应式网页设计既耗时又昂贵。**在商业世界中,一切都有成本,并且需要量化成本的计量单位,以便企业能够盈利。例如,在我的其中一篇著作中,我创建了一个用于预算的简单公式
现在看看大多数公司中存在的这一层资源
线框图 > 设计 > 开发 > 内容 > 法律 > 质量保证
当你按项目阶段和设备类型对所有这些资源进行量化时,如果你做对了,你就会看到一幅更大的图景。
上面 Paul Remond 的评论也提出了一个很好的观点。你需要向你的上级证明其好处。响应式网页设计可以轻松地使预算成本增加四倍,并且并非总是可行的解决方案,尤其是在试图降低成本时。
如果你能证明一种将 RWD 有效地整合到你的客户中并降低成本的方法,那么你将更有可能在响应式设计方面取得成功。祝你好运。开始查找一些关于 RWD 可衡量效益的信息来源。向他们提供分析数据和证明的案例,说明 RWD 在哪些地方以及如何帮助了公司。
您好,当与不感兴趣学习以便做出明智决策的商务人士打交道时,请尝试“不要拒绝客户”。然后跟进有关为什么响应式设计是最佳选择的信息,不要用网页术语,而是用商业术语。
了解你的受众。
我相信这里肯定有人已经提到了,但说真的,**Google Analytics** 应该成为你新的好朋友。响应式网页设计可能不是完美的解决方案,但它确实是未来一个非常好的选择。
我不同意如果只针对 iPhone 开发,网站就不算响应式的观点。这完全取决于你的流量。如果绝大多数流量来自 iOS 设备,那么只要你的网站在其他移动浏览器中没有完全崩溃,你就没问题。它们就像移动端的 IE6。
如果你的网站是一个科技网站,你可能会有大量的 Android 设备用户,所以也需要在 Android 设备上进行测试。如果你的受众是医生,他们可能拥有更多 iPhone,所以针对他们进行开发。
如果你无法访问 Google Analytics,那就去获取访问权限。没有比这更好的方法来说服管理层了。
我在工作中遇到了非常类似的情况。我在我目前的工作地点工作了一年多一点,也存在着桌面版和“移动版”网站分离的想法。
我们从外部设计机构获得设计稿,但它们从来都不是响应式设计的。我一直都在推动更具响应性的方法,但他们基本上充耳不闻。
我认为问题之一是客户、管理层和其他开发人员不理解响应式设计到底是什么。
作为公司唯一的 UI/UX 设计师(这家公司很小,只有大约 20 个人),了解当前的网页趋势(以及未来的发展方向)却只能眼睁睁地看着这些建议被忽略,这确实让人沮丧。
我认为这里真正的问题在于你们整个系统的组织方式。这不是拿到一些设计稿然后让它们变得响应式的问题。你们的团队应该吃点蘑菇,花一天时间清理一下大脑。
整个概念过程需要变得“响应式”。内容策略和简单的风格板应该作为起点,然后在那里形成的信息片段将驱动设计过程。
一旦你形成了这些组,你就可以决定如何显示它们,以及何时何地调用它们。加入一些颜色、一些互补的字体和一些对比鲜明的纹理和留白,你就可以开始展现品牌标识。这非常神奇。
响应式设计过程揭示了真正的内容。它迫使你找到想要传达的核心信息,而不是在一些东西上涂抹一堆糖霜,让它 *看起来* 像什么东西。比如专门为你的联系邮箱设置一整页?真的吗?为什么不把它放在每个页面的页脚里?精简内容!你的 CMS 会变得轻量级,你还可以为大屏幕和带宽高的设备添加一些炫酷的画布或其他动画,让它们感觉更高级。
如果你将这个过程作为内容组织和策略问题来开始,解决它,并在过程中进行设计,不仅可以节省你现在的时间和金钱,而且我相信会成倍地节省,因为你将为未来的所有发展打下坚实的基础。这只是一个强大的结构,它可以为所有不同的场合精心打扮——使用 CSS!就像你自己的禅宗花园!
但是,嘿——如果你正在获得报酬——不要认为这是理所当然的。我每天花 14 个小时做响应式设计,但不知道如何推销自己。企业主似乎会带来业务——所以如果你不是每天都吃豆子——而且没有睡在充气床垫上,那么——你可能是赢家。
你必须利用业余时间做一个杀手级的网站,然后展示给他们看,并向他们解释——慢慢地磨损每个人,直到他们崩溃。他们会的。这**简直太棒了**!
我被告知,我们不考虑响应式设计,因为我们可以通过向客户销售桌面版和移动版网站获得更多收益。
这正是响应式网页设计的好处之一。人们可以、确实或应该在他们的样式表中使用各种 @media min-width 和 max-width 来适应各种屏幕宽度范围。
开发这些 @media 样式所花费的时间相当于创建客户网站的桌面版和各种移动尺寸版本。它确实需要更多时间,所以要收取费用,并与客户沟通,说明你正在创建他们网站的不同版本。
@Peter
显然,这取决于你的网站内容,但在样式表中添加媒体查询并不能达到创建许多不同固定宽度网站以适应多个屏幕宽度所需的工作量。
通过专注于灵活的宽度布局,在“内容”断点(而不是设备断点)处应用媒体查询,你可以满足从小型移动设备到大型客厅电视的所有屏幕尺寸的需求。如果你开始使用百分比和 rem 而不是像素,工作量实际上会下降而不是上升。我反正觉得是这样。
“设计就是解决问题”。这是我在参与几个想法、这么多代理机构和工作室后遇到的核心问题,很多代理机构和工作室认为他们相信这一点,但实际上却相信“设计就是金钱”。我工作过的代理机构并不致力于解决任何单一问题,只是为了盈利(如果你是在解决客户问题的情况下这样做,那也没问题)。
每个项目都是一样的事情。设计高保真线框图,获得批准,构建,获得批准,发布,然后忘记它。这种陈旧且不负责任的流程在这个行业中过于普遍。真正做着令人惊叹、开创性工作的工作室和代理机构太少了,而那些自称了解网页却停留在十多年前流程中的江湖骗子却太多。
代理机构* 不是想法,我不知道为什么我写了想法。
我想我需要被说服
我一直认为,无论在哪个平台上查看,页面都应该简洁易于导航,我不明白在用户双击某个区域进行缩放方面有什么大问题——作为用户,我个人喜欢先看到整体再选择欣赏哪棵树。
如果双击某个区域进行缩放后,文本列完美地适合我的手机,我对此没有意见。但如果出现以下情况,我就不太高兴了:a) 文本列的两侧留有一堆空白,但文本仍然太小,无法阅读;或者 b) 太好了,字体大小合适!……现在,如果它能显示完整文本就好了。
我对这种“双击”最不满意的就是,当有一句话或一段文本跨越了一个较大的区域,然后你不得不像戴着卫生纸卷一样来回滚动。当然,如果你将你的网站构建成完美的区块,并且这些区块永远不会超出任何视口边界,这可能有点道理。但你永远不知道这些边界在哪里。浏览服装店或其他东西完全没用。
像这样的讨论仍然让我相信,“自适应”网页设计仍然有一席之地。它也让我相信,设计师们仍然“过度设计”。当你保持简单时,更容易实现响应式网站。
也就是说,这里的大多数人都在固定宽度和完全响应式之间摇摆不定。你也可以考虑一条中间道路。固定宽度布局,但加上几个有用的断点,通常可以用 CSS 代码编写,并且比完全响应式设计(确保你的复杂网格以及图像/媒体和字体大小在数千像素的范围内流畅)所需的初始工作量少。这是可能的,但可能极其困难且耗时,即使是“专业人士”也经常会在他们的断点周围遇到各种错误。
当然,你最终可能会在某些宽度下在容器周围出现边框/背景(提示“浪费空间!”的评论),但拥有 4 或 5 个经过精心考虑的固定布局和媒体查询来设置它们并不是什么灾难。你可以获得感知到的额外控制(固定宽度),并且还可以编写一次代码。如果你仔细思考内容和视图,你将毫无问题地让你的设计在移动设备、平板电脑、笔记本电脑/较小分辨率的台式机和较大分辨率的台式机上都能使用。这是重点——网页设计中这是一个非常务实的博弈。“你”作为设计师的需求与为你付费设计的人以及使用该网站的人相比,微不足道。“
我想你可以使用小于 480 像素宽的视图来表示移动设备(或 600 像素以下的屏幕)。然后,将 600 像素左右的视图作为一种中间阶段。然后是 760 像素左右的视图。然后是 960 像素的视图。如果你认为有必要,在大屏幕上可以使用 1060 或 1200 的视图。所有这些都是近似值,由你决定。例如,当屏幕宽度为 961 像素或以上时,启用 960 像素的视图。如果视口以某种方式为 940 像素,则提供 760 像素的视图。没什么大不了的。如果信息可见且清晰,用户可能不会注意到或在意。
我认为这种情况表明,网页开发人员有两种类型。面包开发人员和真正的开发人员。
真正的开发人员对网页有着真正的兴趣。尽管他们努力跟上步伐,但他们会阅读书籍,参与业余实验,你会在像这样的网站上找到他们。
然后是那些对网页一无所知的“面包开发人员”。现在网络发展速度惊人,但他们却完全错过了这一切。他们停留在上个十年,通常他们只学会了一个简单的技巧:将页面风格的布局转换为网页。请注意,这个简单的操作甚至没有正确编码,唯一的成果就是可以接受的视觉效果。
根据我遇到的类似情况数量,我想说“面包开发人员”占多数。更可悲的是,他们往往会获胜。我遇到过很多情况,设计公司提出了糟糕的用户体验的华丽界面,而客户却很喜欢。这很明显是设计公司和客户都缺乏对网络的理解。即使有数据,说服他们俩都很难。
我不知道该建议你什么,与客户争论设计选择是很常见的,但如果你不得不与自己的同事就常识策略争论不休,我实在不知道该怎么办。我唯一能想到的就是做一个非常棒的示例。
最终,如果企业从响应式设计中得不到任何好处,就没有太多理由花时间在这上面。
别误会我的意思,我觉得我所有的项目都需要考虑到响应式功能。为大型公司工作又是另一回事了。不幸的是,有时它归根结底是金钱问题。如果项目预算中没有足够的资金来集成响应式设计,就必须将其搁置。
太多拥有大量资金的大企业喜欢雇用各种各样的人,拥有各种各样的技能。所有主要的媒体公司都有移动应用程序,并且没有一个相关的网站 ROI 来跟踪。
我喜欢挑战。我想要的是:获取一个现有的主要网站,并在其上实现响应式设计。
确实如此。
对现有网站实施 RWD 方法将很困难。这并不是因为工作量大,而是因为现有的简报可能散布着一些假设,这些假设没有考虑到多设备浏览。完全正确的是,一些企业确实无法从 RWD 方法中受益——但是对于任何组织来说,轻易地将其摒弃都是相当愚蠢的。
去年我与一位拥有老板信任的高级开发人员合作。每次我为客户推动响应式解决方案的需求时,都会被老板拒绝,因为这位高级开发人员将 RWD(以及移动解决方案)称为“一时兴起”。在针对一个重新设计工作的案例中,我用分析数据证明了他们现有流量的 59% 来自移动/平板浏览器,但我还是放弃了。很高兴地说,我不再在那个“代理机构”工作了,也很遗憾地说,他们仍然没有将 RWD 视为其客户的解决方案。
随着移动浏览器在一年左右的时间内超越传统桌面浏览器,不会创建响应式网站的代理机构/设计师将面临破产。而那些非响应式网站很快就会变得无关紧要。
是否可以在这里和那里偷偷插入一些百分比和媒体查询,而不告诉大老板?当你的设计无论如何都能正常工作时,他们会注意到或关心吗?祝你好运,匿名人士
Rose,
这是一个很容易被解雇的方法,因为客户可能在你的老板之前看到它。这在专业的环境中非常危险。
在我工作的公司,有一组开发人员正是按照你说的做了,在没有询问任何人的情况下,使网站具有响应性,并继续进行。他们最终不得不撤回整个网站并删除所有内容。(哎呀!!)做这种越权的事要小心。
我同意 Rose 的观点,尽管“偷偷插入一些百分比和媒体查询”仍然需要比计划更多的时间,从而推迟交付日期。
@David,如果一个人因为做了正确的事情而被解雇,那么你可以要求遣散费,还可以提起诉讼。即使一个人输掉了诉讼,公司也必须投入更多的时间和金钱来处理它,而不是仅仅告诉员工不要再做了。
我认为你的例子有点极端。
我敢打赌,你工作过的那个公司,开发人员不得不撤回那个网站,是由同一个家族经营的,而且“匿名”的老板也是其中一员 ><
我的建议是阅读一些文章和书籍,了解这个特定网站的具体需求和用例,并确定最合适的方法。然后,根据你可以收集到的任何分析数据、用例或其他示例,向你的老板陈述你的发现和建议。在过去的一年中,我自己也多次讨论过这个问题(有些赢了,有些输了),我写了一个关于一些关键点的简要总结,以及关于该主题的一些文章的列表The Design Arsenal: 为什么选择响应式而不是单独的移动网站我希望这对您有所帮助!
首先,我敢肯定,除非你谈论的是一个非常复杂的响应式设计,否则维护两个完全独立的代码库将需要更多开发时间和大量维护时间。所以他们的论点实际上毫无意义。
我认为没有必要使用两个版本。屏幕类型不是两种。而是无限多种。你必须创建一个适用于所有屏幕的网站,而且越来越多。对于许多网站来说,移动设备现在占其访问者的比例超过一半!移动设备应该具有完全的功能同等性。当被迫访问一个没有所有功能的网站的“移动版本”时,我感到非常沮丧,即使我可以切换到桌面模式,这样做也会使网站看起来很小很糟糕。
对于网站来说,响应式绝对是最佳选择。应用程序是完全独立的东西。至于运行“移动”网站和“桌面”网站,我认为这根本就是没有抓住重点,也没有理解网络的发展方向。
如果有人还没有说过:原帖作者,你可能已经意识到,留在现在的位置不会让你作为一名程序员得到提升,而且响应式设计也将继续存在。你知道网络发展的速度有多快。尽管这是一个可怕的想法,但我认为是时候寻找一个更有远见的雇主(或者考虑自由职业),他们会欣赏你的动力,这样你就可以再次获得工作满意度,并且不会被抛在后面。想象一下,如果你留在现在的位置,几年后再去寻找新工作,但世界已经发生了变化,你的作品集中没有任何响应式设计?啊!祝你好运找到更好的工作。
哇……打开了潘多拉魔盒!很高兴看到关于这个主题如此多的有理有据的观点!
最好的建议?换个雇主。
为什么?一家明确表示“开发单独的移动网站对我们更有价值”的公司,其态度基本上是关注时间和金钱,而不是客户满意度。
也就是说,“为什么要去做额外的工作,当我们可以快速使用我们通常的框架,并且额外的移动网站可以从客户那里获得更多收益时?”
如果你说服你的雇主接受这一点,并且他们开始亏损,请记住,当他们需要削减人员成本时,往往是“最后进来,最先出去”。
如果这听起来很愤世嫉俗,我感到抱歉,但我经历过——设计并不能总是解决问题。
祝你好运!
好文章!这很有用。它应该是 RWD,因为移动设备的使用比 PC 使用更多。只是说一下。
请务必查看 Jared M. Spool 关于移动内容策略的投资回报率的文章。这似乎正中要害。