面对移动流量的爆炸式增长,决定该采取何种措施可能颇具挑战。因此,我们为您精选了移动网页中的优秀代表,这些经过移动端优化的网站为用户带来了独特且实用的体验。其中一些网站来自大型零售商,但它们所展现的功能与设计结构可供小型商家借鉴。所以,在您着手设计自己的移动网站之前,不妨先看看市面上已有的优秀范例。
请注意,我们在下方提供了所引用示例的移动屏幕截图。当然,您也可以将这些示例加载到自身的移动上网设备中,或者在没有移动设备的情况下,使用传统浏览器中的移动模拟器,例如Opera迷你模拟器、Test iPhone、iPhoney for iPhones以及dotMobi。
Zillow 在移动优化网站上的主页。
Zillow
Zillow 的移动网站做对了一件事:查询房产价值。它并不花哨,主页界面简洁,符合移动网站应有的特点。然而,Zillow 找到了一种方法,将房产价值随时间变化的图表和 Google 地图嵌入到结果页面中。当用户输入美国任何地方的地址时,就能看到这些内容。图片加载迅速,布局颇具吸引力。
Zillow.com 移动优化版本的主要问题是,“Zestimate”房产价值搜索是移动设备上唯一能正常运行的功能。其余链接会将用户引导至主站,而主站加载速度极慢,且需要繁琐的导航操作。最好不要设置多个指向主站的链接,只需底部保留一个即可。换言之,不要在主菜单中高亮显示那些在移动端不可用的功能。
Nordstrom 在移动优化网站上的主页。
Nordstrom
Nordstrom 的移动网站是纯移动商务(m-commerce)网站的优秀范例。整个购物体验都在移动网页上完成,该网站在设备上的表现如此出色,以至于让人以为它是一个应用程序。产品种类丰富;尽管 M.nordstrom.com 可能并未包含主站的全部目录。
我最喜欢这个网站的一点是,其主页包含了购物者所需的所有关键信息,没有多余内容。这包括搜索功能、产品分类、登录入口、门店位置以及指向主站的链接。每个产品页面都配有尺寸适中的照片、完整的描述、尺码和颜色选项,以及通过电话订购的可能性。
Nordstrom 如何处理其移动结账过程中的安全问题,这一点很有趣。其移动网站要求用户在完整网站上注册账户后,才能使用移动结账功能。许多用户不愿在手机键盘上输入所有个人信息。强制他们这样做往往会导致购物车放弃,这可能也是为什么 Nordstrom 会先让用户跳转到主站的原因。
MizPee 在移动优化网站上的主页。
MizPee
这是一个随着使用次数增加而变得更有用的工具示例。MizPee 是一个移动网站,根据其标语,它能告诉你“在路上”该去哪里。它允许你在几个主要城市输入街道地址,并搜索最近的已列出的公共卫生间。你可以看到带有标记区域的街道地图,以及根据清洁度和设施评级的厕所。目前,大多数城市在 MizPee 中没有信息;但由于用户可以自行添加公共卫生间到列表中,因此使用的人越多,它的实用性就越强。
一个有趣的特性是位置相关的广告结果,这些广告会在用户指定其位置后显示在页面上。所有广告都包含一条距离信息,例如“距离1.72英里”。拥有实体店的商家应考虑此类基于位置的广告效果。他们应留意具备此功能的移动网站和应用,以吸引本地客流。
Target
Target 致力于成为一站式购物场所,拥有庞大的库存。中小型商店的需求与这一零售巨头不同,但从 Target 的移动网站中可以汲取一些移动网页设计的经验教训。对于库存量大、无法在移动网站上列出所有产品的商家来说,可以考虑借鉴 Target 的做法,根据类别、用户评分和折扣来展示特定产品。
Target 在其移动网站上提供的不仅仅是简单的购物选项。用户可以在设备上管理礼品注册列表、购买礼品卡并查找门店位置。Target 允许用户下载并将礼品卡保存到手机中以便在结账时使用,从而将移动购物体验提升到新的高度。通过这种方式,Target 超越了将其常规网站简化为移动版本的做法,提供了专门吸引移动用户的独特功能。
结论
这些只是众多移动优化方法中的一部分。在接下来的几周里,我们将继续分享我们精选的最佳移动网站和移动应用。

