在1961年大师赛中,阿诺德·帕尔默(Arnold Palmer)从加里·普尔(Gary Player)离开第18个发球台时领先一杆。在上航道的旅程中,他允许自己与一位朋友交谈,他祝贺帕尔默的获胜。
即使Palmer知道他需要专心完成孔,他仍然无法’不由得想起即将要戴在他肩膀上的绿色外套。
帕尔默(Palmer)吞下洞,吞下了大师赛(Master)一杆之差。
很多时候,我们确切地知道采取正确的道路(以及做出正确的决定),但是由于某种原因或另一种原因而无法遵循。
这和什么有关系 mobile 响应式设计 ?
每天都有新的研究和统计数据在报告……
对于我们大多数人来说,我认为消息已大声而清晰地听到了。
移动是未来(现在)
移动显然是当前和未来网络的很大一部分,如果您的企业没有利用(或准备利用) 一种行之有效的移动策略,您可能会很快消亡。
开发人员,设计师和内容创作者正在意识到“mobile 第一” philosophy, 和他们’重新找到巨大的利益 …
My websites run faster developing 移动优先. I have recoded websites responsively 和 移动优先 和 have often times reduced my load time by 30-40%.
我的客户更容易更好地了解内容优先级和视觉层次。它们都可能与无法在移动浏览器上获取所需内容的挫败感有关,我可以轻松地利用这种挫败感说服他们重新考虑桌面体验。
我的线框图处理速度更快。由于客户现在知道哪些信息对他们和他们的用户更重要,因此我可以接受这些信息,并与他们理解的人一起将其变成更大的屏幕线框。
因此,如果移动广告如此重要并打算统治世界,’我们以不同的方式思考我们如何建立 我们的 网站和产品 我们的 内容?
如果全世界都在做出这样的转变,那就是偏向于移动设备而不是台式机,那么考虑到移动受众,就应该优先考虑我们的工作。
读完卢克·沃布洛夫斯基(Luke Wroblewski)后,这件事对我很清楚’恰当地标题的书, 移动优先.
路加的前提’s writing is that 我们应该先考虑移动用户,不仅因为我们’今天将收获移动增长的回报,但也将使我们为未来的爆炸性增长做好准备。
Additionally, adopting a 移动优先 philosophy will force us to focus 和 prioritize due to the constraints of mobile devices, 和 it will allow us to deliver innovative experiences using new capabilities available to mobile as they come online.
1. A 移动优先 philosophy taps into current growth 和 prepares you for the future
Wroblewski最近 在他的网站上写了一个惊人的比较.
在撰写本文时,平均每天有大约371,000个婴儿出生,而售出的iOS设备超过50万。和…
700,000个Android设备被激活。首次使用200,000台诺基亚设备,143,000台Blackberry智能手机进入了新用户的行列’s hands.
这使每天进入世界的智能手机总数达到约145万台,而人类的出生人数为317,124。
然后’s not all …
Other statistics in his book are even more convincing for developing a 移动优先 philosophy, because they show that not only are people buying mobile devices, but audiences are actually 互动 通过移动设备访问网站。
人们并不是一直在玩《愤怒的小鸟》,也不是在使用Facebook。他们’重新访问内容丰富的网站。
Yelp是一种非常受欢迎的评论服务,如果您查看他们的访问量,就会发现只有7%的受众使用他们的移动产品。无需进一步调查,您’d会sc之以鼻并宣布移动时间不适合’那里。但是,如果您再深入一点,就会发现,这7%的用户占所有产品搜索量的35%。
给出的另一个示例是房地产服务Zillow的示例。 Wroblewski指出Zillow’与台式机网站相比,移动设备上的客户查看活动房地产列表的频率提高了45%。
现在只要你不’认为这种理念仅适用于与服务相关的网站, 一项研究显示 智能手机用户平均每天访问多达25个网站,而这些网站中排名前50%的网站所占比例不到所有移动访问的一半。
因此,您的网站很可能也是这种移动增长现象的一部分。
2. A 移动优先 philosophy forces you to focus on what’s important
尽管移动领域在过去几年中发生了巨大的变化,但它所处的环境仍然对什么构成了许多限制。’在开发和设计中可能。
但是就像任何优秀的创造者都会告诉你的那样,制约因素会促进创造力和解决问题的能力。
Wroblewski在他的书中指出了当前可以实际用于移动设备的几个约束 提高 一个用户’的移动体验……包括屏幕尺寸和移动设备的性能。
移动设备可用的较小屏幕尺寸迫使设计师消除设计中无关紧要的方面。
很多时候,公司希望填充每个可用像素,最终导致站点混乱,’难以导航和使用。
但是,当开发移动设备时,屏幕空间的损失迫使设计和开发团队将重点放在什么上面。’真的很重要,因为没有’没有余地用于任何有价值的元素。
Wroblewski正确地指出,为了有效地开展业务,您确实需要了解您的客户和您的业务。当您为移动设备设计时 第一 它迫使您达到这一点。
如书中所示,西南航空就是一个很好的例子。在其完整的网站上,他们有大量的广告,号召性用语以及绝大多数用户所不愿看到的许多链接。’t need.
西南航空在他们的移动应用程序上决定专注于他们的客户’的需要。它们提供了一种干净,轻松的方式来与提供的服务进行交互。
这种类似激光的焦点使用户保持参与,开心和回来的感觉。
除了屏幕尺寸,用户的表现’的移动网络对其与网站的交互方式具有重大影响。这意味着可以采取任何措施消除性能问题 应该 做完了。
再次,这迫使设计人员和开发人员考虑其用户的真正需求。如果不考虑大型图像和强大的javascript库,我们’不被迫妥协,而是创新并专注于’s truly important.
3. Embracing a 移动优先 philosophy allows use of new capabilities
Wroblewski指出以下几点:
移动设备,网络和使用模式的自然限制有助于集中精力并简化移动体验。但是为手机设计不是’只是拥抱局限— it’还要扩展您的工作范围。
人们使用他们的移动设备 到处。因此,可以提供新的机会来满足用户的需求。
一个典型的例子是位置检测。移动设备可以更准确地查明用户’比台式计算机的确切位置,可用于传递有关其特定位置或周围环境的信息。
就在前几天,我想从Redbox租借游戏,但没有’不想开车到每个位置找出它在哪里。 Redbox使用他们的移动网站迅速找到了我的位置,并给了我列出我想租借游戏的最近的售货亭。
Rather than giving me a list of all the places in the greater area that I had to mine for data, Redbox using a 移动优先 philosophy did the work for me, based on location data it acquired.
Along with using new capabilities available today, a 移动优先 philosophy allows you to position yourself to be on the cutting edge of upcoming trends that will be used in mobile devices, like NFC, intelligent awareness, 和 whatever other new tools coming down the road that haven’甚至还没有梦想。
那么,我们该何去何从?
第一, 读路加福音’s book.
然后,开始创造性地考虑如何对内容实施移动策略。当然,为您的网站和业务奠定坚实的移动基础的明智而简单的方法是使用 我们的许多移动响应创世纪儿童主题之一.
唐’不要依靠过去的成功,而忽略现在和未来的现实。
如果你’re not embracing a 移动优先 philosophy with your content online, you’已经被抛在后面了…
读者评论(27)
伟大的乔希。在为什么专注于移动如此重要的众多原因中,我一直被最迫切的“它迫使你专注于什么’s important” angle. It’如此真实。为小屏幕进行设计和开发会迫使您删除所有不需要的东西’t necessary. It’从一个角度来看,您可能没有为更大的屏幕而设计,但要牢记这一点–并使用它来简化非移动体验–可能会使用户’在非移动设备上的体验变得越来越简单。
In my 文章 on KISSmetrics I shared some tips to make copy 响应式设计 friendly. The title is “如何在后PC时代写副本” http://goo.gl/7qbem
响应式是一个非常有缺陷的概念,因为人们对设备的使用方式不同。
在台式机上,您可能会对单击操作时的PDF白皮书感到满意,而在移动设备上’d可能更喜欢短视频或演示,您可以轻松浏览一下。在台式机上,很容易拥有多个选项卡和窗口,而在移动设备上可能要困难得多–因此流程是不同的。
演示文稿的功能因设备而异 –大的高影响力图形可能会在小尺寸的屏幕上丢失,并且您必须用更多的动作来弥补屏幕空间的减少。
它们的用法也不同。例如,如果您在零售商处’的网站,您可能正在寻找最近的商店。通过与GPS链接,零售商可以将其作为主屏幕提供给移动浏览器,并附有说明– but that’在可打印地址和地图可能更有用的台式机(或带有送货上门的电子商务网站)上的实用性要差得多。
行动网站遭到淘汰后,其发布媒体受到了负面的影响,但Android现在已经足够强大,屏幕也足够大,可以减少光顾。
和唐’别忘了平板电脑。许多业务用户一边放松一边使用平板电脑进行工作研究。桌面可能是他们的工作屏幕(没有声音,没有基本图形),但平板电脑是他们发现新想法并进入购买和研究模式的地方。缩减的移动体验可能会令人失望,但他们希望工作PC能够提供多媒体体验’t have.
最后一点– people don’不再使用网站来了解公司和要约–他们从朋友那里找到。无聊“What We Do”网站无法在台式机,平板电脑或移动设备上使用。
谢谢您分享您的意见,彼得。我们’根据我们的经验,我们发现事情截然不同。
我不得不说我’我在使我的网站具有响应能力方面有很好的经验。我的客户群(40岁以上)可能不像20岁那一代那样面向移动用户’s 和 30’,但是当我看到人们在火车,公共汽车,轮渡和咖啡厅中深入了解智能手机屏幕时,方向显然是移动的。您的文章重点介绍了在小屏幕上观看时固有的重点和简单性。它’更少的注意力分散,迫使我们更加富于想象力地使用我们的创造力,因为更少的空间就像更少的房地产库存–值上升。当我为移动就绪而设计时,我大吃一惊,但我’m glad I did, 和 I’m仍然愿意改进它并响应由疯狂创造的想象力带来的技术变化。 (顺便说一句,布莱恩,我该如何发表评论’没有回复?谢谢!)
I’我们注意到许多企业在其网站上使用了响应式设计,并且还使用了单独的移动网站。他们在移动网站上具有指向该网站的按钮。使用两种方法来提供内容都是有意义的。移动设备用于快速采取行动,因此您不必’不必通读一堆绒毛,然后使用响应式来发送绒毛内容。
We’一直在使用Genesis开发适用于移动设备的响应网站,效果很好!
好文章乔希。我住在一个那里的国家’很多穷人。许多人每天都住在锡棚里,几乎没有刮擦,但是’令人惊讶的是,它们中的大多数都配备了智能手机,而其中许多智能手机都超过了一部。
移动技术像野火一样在中美洲起飞。
我喜欢您指出的那样,为移动设备开发通常可以带来更高效的桌面网页。组织内容并在页面顶部具有最关键的方面应有助于访问者轻松找到他们想要的东西。
Yes, I agree, this insight is brilliant 和 perhaps will be the key to converting clients to thinking 移动优先.
是的–就像耶罗德(Jerod)提到的那样,它迫使我们弄清楚’s important 和 what’s fluff.
伟大的职位乔什..移动是未来..只是我的想法
移动不仅改变内容,还改变业务运营。
调查显示…
42%的拥有移动访问功能的客户希望在60分钟内回答他们的问题。
57%的人希望晚上和周末的响应时间与白天相同。
营业时间新标准
如果您的移动访问客户对客户服务有这些期望,那么您将如何满足他们?您如何负担得起全职“开放”?请记住,有76%的移动用户表示,如果他们对业务的移动体验不好,他们将不会回来。您如何负担不开放以满足新客户的期望?
移动访问是下一个巨大的小型企业范式转变。 http://localsearchmarketingprograms.com/mobile-searches-the-next-small-business-paradigm-shift/
一篇不错的Josh-很棒的文章,也有很好的后续评论。我必须支持彼得·约翰斯顿’s ‘响应式是一个有缺陷的概念’ assumption.
对于我们的网站,我们’我们已经确定要确保它对所有技术都具有响应能力,但是关键问题是人们如何使用手机以及手机的使用增加。必须根据消费者的行为和喜好(例如视频,电子书,播客等)来确定网络技术的每一位目标。
诸如SmartInsight之类的学者’s Dave Chaffey详细介绍了有关移动使用的最新统计信息,然后鼓励根据在线市场研究确定的量身定制的方法,以覆盖非常特定的受众群体。 Dave Chaffey的SmartInsights博客团队的Danyl Bosomworth于2013年4月29日在 http://bit.ly/10u9l0P .
@Business_Mapper我们’d喜欢听到那些’d想分享进一步的基于证据的见解,这将有助于在线小型企业的发展。
林赛
自适应设计从未打算成为解决我们所有内容和显示问题的灵丹妙药。它做得很好是为大多数人提供了一个出色的解决方案。当你夫妇“mobile 第一” philosophy with 响应式设计 you have a solution that works well for almost everyone.
许多人忽略了什么,而我写这篇文章的原因是“mobile 第一.”
显然,您可以创建自己的网站和内容来满足受众的需求。如果响应式设计没有’不能满足您特定受众的需求’为你工作,但这没有’t mean that “responsive design” is an overall flawed concept for everyone. Data collected so far actually shows that 响应式设计 works very well for most sites.
感谢Josh的反馈。
I take your point about responsive 和 移动优先 working together for best results in some cases. We’ve分享了您的社交信息,以提高企业的知名度。
希望对您有帮助,林赛
Smart Insights中的一些非常有用的统计信息Lindsay。感谢那。
乔希– I’您曾经听说过很多人在谈论移动的重要性,但是您对此进行了很好的阐述。大约一年前,我决定切换到Genesis和Generate主题,之所以这样做,部分原因是因为我知道我的博客在智能手机上可以更好地工作。我没有’t been disappointed – it’与之前的主题(几乎没有响应式设计)相比,有了很大的改进。
我不能’完全遵循Arnold Palmer的隐喻,但是喜欢移动讨论。我发现自己在移动设备上消费越来越多的内容。如果没有 ’不能正确显示,我继续进行操作。有点像互联网的达尔文主义…
就像我们可能不希望的那样,移动体验渗透到我们的生活中,这是其他技术所没有的(我会假设)。您绝对希望您的业务也这样做。伟大的考虑,在这里。
很多开发人员’似乎做对了。这一切都是为了提供您最先放在iPhone上的最重要的内容。
乔希–好贴。毫无疑问,“mobile 第一”方法要求关注什么’对绩效和活动至关重要“handheld” web visitors. What’然而,最关键的是要了解“user experience”与访客落在一个人的上下文时刻和情况一样重要’的网站,可以通过离线(“traditional”)广告或号召性用语。
了解某人访问网页的环境要求品牌提供更相关,响应更快且更“reactive” web content. That’真正有意义和个性化的体验可带来更大的转化和行动。
如此真实!手机不是’像几年前那样的选择。许多访问者正在使用移动平台,而不是针对移动进行开发可以将其从您的听众中消除。
Thanks for the excellent 文章, Josh. At my company we find that for some clients 响应式设计 is the answer (esp. if we are building a new site) but for so many businesses in 我们的 sphere developing a separate mobile website is a better, faster, 和 less costly solution, at least for the time being.
许多客户认为他们需要构建一个应用程序,因此我在移动网站与移动应用程序上写了一篇文章,哪一个最好?如果您愿意阅读 http://bit.ly/149SqUr, 让我知道你的想法。另外,与此有关的大量数据也很丰富:您可能没有做过的10项关于移动的不可思议的事实’t Know: http://bit.ly/12i4ceD
你说你打在头上的钉子“移动是新的未来,并且(现在)。人们肯定在下载丰富的内容,并且人们希望快速下载。企业已经并将继续寻找创新的方法来利用这一点并加入进来!
很棒的帖子,如此真实!我可以看到我的网站落后了,我需要做一些修改。智能手机是现在和未来的方式,这是绝对正确的。就像其他任何东西一样’一个简单的方法来做到这一点’会做。因此,通过让客户更轻松地解决困难,我就把他们赶走了。
I’m really liking everything I hear about the 移动优先 philosophy. My next site will truly be done 移动优先 和 I’我期待着它。出于好奇,使用的许多移动设备都是苹果产品–2x图像和所有视网膜材料非常重要吗?
是的,它的重要性有两个原因。
首先,由于移动设备的使用,需要考虑带宽问题,因此您需要确保’重新使用良好的压缩算法。以下是选项列表: http://www.netmagazine.com/features/best-image-compression-tools
其次,您想看看为Retina设计的所有选项。有多种技术和要考虑的事情。一世’在StudioPress上就该主题进行了撰写:
http://www.studiopress.com/design/retina-display-design.htm
http://www.studiopress.com/design/css-background-size-graphics.htm
本文的评论已关闭。