设计和开发在移动设备上也能完美显示的网站,是我们当前做网站设计工作的重要部分。这种重要性在我与客户的谈话中体现的淋漓尽致,几乎所有的客户都把“对移动设备的支持”列入他们网站改版的目标之一--只有一个人例外。
去年年末的时候,我接受了一项为一家销售密度板的公司改办网站的项目。在我们会谈的一开始,我就把话题转向对移动设备的支持以及自适应网站设计。通常,这个话题会在做好铺垫的时候提出来,而不是现在,就像客户提出的疑问一样:
客户不会使用手机访问我们网站!
这绝不是我第一次从一位意向客户嘴里听到这样的说法。在我以往的多次与客户的会谈中,都能发现客户严重低估通过手机或其他移动设备访问网站的访客数量的现象。对系统日志稍加关注,我们就能知道移动设备就在网站的流量清单上。当我把流量分析表拿给客户看时,我很震惊。
2%。这是当时从移动设备来访的流量的百分比。仅此而已。
我直接告诉你这个故事的结尾吧,我放弃了为这个客户改办网站的项目,而那个网站目前也是完全自适应的。然而,我们提出观点的时机和方式,提供了一个有趣的视角:作为设计师,如何向客户推荐自适应用网站设计,什么时候提出解决方案,这个方案我们确认对客户是重要的,但客户可能并不是那么迫切需要。
判断客户是否确实需要移动网站版本
这篇文章的标题,“向客户推荐自适应网站设计”,听起来似乎像一个名声不好的销售人员试图忽悠客户,让他们购买他们不需要的东西。事实是,这根本不是我要表达的真实意思。下面我要详细阐述,这个过程的第一步应该是判断客户是否确实需要移动网站版本。
在为当前不支持移动设备的企业网站考虑自适应设计的时候,可以从观察大图片开始。流量数据是否显示出客户已经吸引了移动用户的关注?如果流量数据与我上面说的那位客户差不多,那么或许他目前真的不需要移动网站版本。
如果网站目前运行良好 - 就是说他正在吸引客户,有一个让客户舒服的设计,以及一个良好的用户体验(起码对桌面访客如此),同时拥有少的可怜的一点移动用户 - 那么为了让他能够自适应而改版网站,也不会产生什么积极的效果。
你也许会提出不同意见,说即使是一小部分用户没有获得良好的用户体验也是不可接受的,应该通过自适应设计来解决这个问题。作为设计师的我,很感激你这样说,但是我也理解客户一方的想法。为了满足2%的访客而让客户承担自适应网站设计是一项非常难的工作,不管你的客户是什么公司。这就是你要在与客户会谈前要看流量数据的原因,并且要去分析自适应网站设计能否给客户带来效益。
试着解决客户的其他问题
当对移动设备的支持不再是客户改办网站的首要原因时,我们就要把注意力转移到其他方面。两个需要注意的问题,第一个是网站的视觉设计,它已经过时并且不再受到用户的热爱;第二是内容管理功能的缺失或者是能够让用户自己升级网站的工具。所以,我会把精力集中到解决这些问题上来。
改版可以将网站的外观和感觉提升到吸引更多客户的水平上,也能够提高整体的美观性和易用性。我们将把网站升级到当前的最新设计水准,并且重新整合网站的CMS系统,这样使得客户可以自己去更好地升级自己的网站。
当我与客户讨论网站改版的目标和过程时,我们会谈到网站重建时的自适应。正如预期,客户会问这是否是必须的以及需要另外增加费用-这当然需要增加些费用的。这里的关键是我谈论的重点是自适应设计的好处,而不是对移动设备的支持。
不能仅关注手机
当我们谈论自适应设计时,我们经常提到手机。这给人一种感觉,因为手机是最具有差异性的访问网站的工具,我们过去就专为手机做过自适应设计。建立一个用户销售和管理并对所有设备(从台式电脑到智能手机)都提供良好用户体验的网站,是展现灵活性和自适应设计能力的最好方式。但是对这位客户,手机用户似乎不在他考虑的范围之内。然而,自适应设计远不止适应手机这么简单。
在与客户交流时,我发现他们的用户经常抱怨网站显得太小了。这是因为在许多年以前建站的时候,网站被设计成了固定宽度,实际上,是为了适应800*600的屏幕宽度而设计的。当有客户用宽屏电脑访问网站时,他就会看到一个非常窄的页面,屏幕两边是大片空白。然而,这家公司还有大量的使用低分辨率的台式电脑或笔记本的其他用户。所以,简单的把网站做大并不是正确的解决办法。这家公司需要的是一个能适应现在的大屏幕电脑和旧的小屏幕电脑的网站。这个问题只能通过自适应设计来解决。
自适应设计,不能只考虑手机和小屏幕,要能够为当今的大屏幕显示合适的布局,也要能够适应没有高分辨率的笔记本电脑以及旧的台式电脑屏幕。
当我们用大屏幕的台式电脑和小得多的便携式电脑向客户演示自适应网站时,客户非常兴奋,告诉我说,他们憎恨网站太小已经很多年了,但他们原来的网页设计师向他们解释说,为了支持是永久电脑的用户,除了设计成这种低分辨率网站以外,没有别的办法。
而自适应网站设计将会解决这个问题,基于这一点,客户很满意,因为自适应网站设计解决了他们已有的问题(网站太小),而没有去处理他们认为不需要解决的问题(对移动设备的支持)。
用长远眼光建网站,而不是仅考虑眼前
当我与客户讨论自适应网站设计时,我很少使用“移动支持”这个词,因为他让客户认为只有手机,而是使用另外一个词“多设备支持”,它更能准确描述各种屏幕尺寸的设备。
一个响应设计的优点是,它不仅仅着眼于设备和屏幕尺寸有今天。因为一个响应网站回流至适合任何大小的屏幕,在经验和布局适合每个,方法是未来非常友好。有一个网站,继续工作,以及未来的前景,即使新的设备和屏幕尺寸进入市场,向我们的客户。我们进一步解释说,即使网站没有吸引很多游客今天的移动,它会在未来。一个积极的方法将确保那些移动的游客得到一个优化他们的经验。
客户端仍持怀疑态度,他们会吸引游客,但他们是以响应设计因为其他问题要解决。此外,因为我们正在重建网站无论如何,使其反应同时进行的金融意识。要带的反应到一个现有的无响应的网站可以艰巨和昂贵的,而结合的反应早在设计过程中是很容易的,尤其是如果你的过程中的一个核心部分,你已经开发了一个工作流,我们有。这些工作帮助我们使这一方法在技术上和经济上可行的为我们的客户。
推动该项目,我们知道我们必须注意交通网站一旦去生活证明我们对移动业务缺乏理论。
打破这个循环
从移动设备交通百分之二是如此低的数字,当我第一次看到它,我质疑它的准确性。
这个公司没有市场或销售给公众。这是一个商对商公司,一个相对较小的群体的经销商和承包商从定义的地理区域。客户低移动交通归因于这一人口统计,从办公桌将访问的网站,而不是同一条道路上的电话。
我认为手机的数据可能会为这个人口低于一个典型的观众(为我们的网站的管理,30%的流量来自移动用户,虽然一些网站获得超过50%)-但不低。我觉得,事情发生在这里,和我的直觉告诉我的原因,部分是网站的移动设备上工作得很差。我怀疑一个移动缺乏经验让移动用户离开。
我没有与当时的客户分享这个理论,但在今年以来的新的设计去生活,移动交通数据攀升,从2到17%。当然,这仍然比许多其他网站得到的这些天,但它是一个相当大的跳跃和不可忽视的。
我们可以点此跳转的唯一原因是网站的响应。无论是人口也不是市场已经改变了。唯一的区别是在网站上的移动设备是如何工作的。改进后的经验增加了交通。这也是为什么我推的反应,即使当交通数据表明,否则。
解决问题
我们工作的一部分作为web专业人员是解决客户的问题。但是我们必须要解决的不仅是客户告诉我们有关的问题,但他们不知道他们所拥有的。
这个网站的设计,我们的团队能够解决大量的客户给我们带来了一些注意的问题,包括过时的设计和一个CMS的缺失。我们的解决方案的问题,他们没有意识到——缺乏移动用户因缺乏支持,验证了我们的反应的方法,即使当交通数据没有显示出它的需要。我们知道,一个响应的设计可以解决大型桌面屏幕布局以及对小旧显示器,而且也将有助于扭转网站非常低的流量从移动用户,我们被证明是正确的。
我们知道的上升,从2到17%的一部分可以归因于现有的客户谁一直坚持一个桌面计算机的义务,但现在切换到移动设备。那些是用户可以访问的网站的内容对他们的首选设备,相信他们会得到一个适合于设备的经验。
为提高移动通信的另一个原因,无疑是新业务。在这里,梦想的电影领域是有益的:“如果你建造它,他们会来的。如果一个网站不支持移动设备,然后移动访问者可能会离开后立即注意到它,再也回不来了。这是部分原因为低的数字。但网站不再将移动用户,然后用户将无法尽快离开。相反,他们就会找到他们正在寻找的信息和可能再次或点在其组织中其他人的内容的访问。移动支持鼓励使用手机。
通过解决客户的问题,包括那些客户没有意识到,我们可以卖一个积极的方法。改进的经验提高了移动的观众,以及推动该公司从网站获得线索。
总结
销售响应的设计比卖别的没有什么不同。这一切都始于解决问题。
在这个项目中,我们强调的是一位积极的方法,在对移动设备的支持,我们熟悉的利益通常提及潜在客户的利益。这里有一些要点,我们在讨论一个网站的响应方法的价值没有移动的支持明显的需要:
我们将支持多种屏幕尺寸,通常不考虑在讨论敏感的设计,包括新的大型桌面显示器具有很高的分辨率和旧的小屏幕上与相应的低分辨率。
该网站将规模为未来新设备和屏幕尺寸来市场,手机用户开始访问。
我们可以节省时间,这样做现在的工作资金和技术的复杂性,作为设计过程的一部分,而不是试图把它在以后的网站是。