大数跨境

如何为移动端进行设计

如何为移动端进行设计 海峡频道
2017-09-19
1
导读:构建移动平台需要一些基本考量,这些考量将贯穿您在移动端希望实现的所有具体目标。您需要重点考虑的主要因素包括: 尺寸——设备的屏幕通常较小且尺寸多样 方向——设备支持竖屏和横屏两种使用方式 处理能力——

构建移动平台需要一些基本考量,这些考量将贯穿您在移动端希望实现的所有具体目标。您需要重点考虑的主要因素包括:

  • 尺寸——设备的屏幕通常较小且尺寸多样
  • 方向——设备支持竖屏和横屏两种使用方式
  • 处理能力——通常低于台式电脑,但正在不断提升
  • 网络连接——正如我们之前讨论过的,您需要考虑设备连接带宽随时可能变化的情况,并将其纳入设计考量
  • 触摸屏——绝大多数手机采用触摸屏而非鼠标和光标进行操作,因此设计应以手指操作为导向

综合考虑以上因素,您就可以开始勾勒移动战略的主要需求。

如何设计移动网页(m-web)存在形式

我们已经提到,与任何其他移动策略相比,移动网站更需要充分考虑移动设备的局限性和小毛病。

尺寸与方向

在考虑如何在移动设备上呈现您的网站时,主要考量之一是确保其能在所有可用的不同屏幕尺寸上正常运行,并且每个尺寸都支持两种显示方向。这意味着您大约需要让网站适配 120 到 150 种不同的“版本”。

主要的应对策略是采用自适应和/或响应式网页设计,使您能够设计出自动适应设备类型、屏幕尺寸和方向的网站。同时具备响应式设计功能,也有助于纳入地理位置和网络状况等其他因素。

这有助于您的网站以适合手机的良好结构自动提供合适大小的图片及其他内容。这可能只是您“完整”网站的“精简版”,因为移动端的展示需求并不总是与主站完全相同。正如万事万物一样,少即是多。

处理能力

随着每代新设备在处理器性能和内存方面的提升,为移动设备有限的处理能力进行设计的问题正逐渐减少。然而,仍需牢记用户期望的是快速——几乎是即时——的下载体验,因此相关原则依然适用。保持图片的文件体积小巧,文字内容简洁,并确保您的移动网站不会数据负载过重,否则会导致加载缓慢。精简和干净是核心原则。

网络连接

与处理能力类似,保持网站及其所有页面快速、引人入胜的下载速度,也适用于移动设备可能遇到的可变带宽连接。在构建和测试网站时请记住,它不一定总是在超高速宽带 Wi-Fi 或 4G 网络上下载。它可能在拥挤的公共 Wi-Fi 环境下使用,或在高峰时段被限速的高负荷 3G 和 4G 网络中使用,甚至可能在 2G 或 EDGE 网络上使用。

同样,小文件体积和轻量级文字是首要原则,同时还需关注响应式设计如何应对检测到的网络状况。

触摸屏

除了在设计面向低处理器性能手机和慢速网络的网站时注重加载速度外,在设计或适配移动网站时最大的考量因素是:移动设备是通过手指操作的。触摸屏是为手指设计的——其中有些手指可能较粗。因此,您需要确保任何“可点击”元素都是易于用手指点击的按钮,且与其他可点击按钮和链接保持适当距离,避免误触。

您还需要设计网站,使其能够通过手指轻扫即可滚动,并能够轻松地在各个方向上进行操控。此外,您还应在设计中融入其他可用的触摸屏功能,如捏合手势用于缩放,以及滑动操作等。

无限滚动

触摸屏的另一个结果是,现在人们倾向于通过滚动浏览内容,而不是逐页跳转,因此请考虑如何为“无限滚动”重新设计您的网站。这意味着用户可以一直滚动以获取所有内容。当然,您可以在顶部设置“页面”按钮,让用户直接跳转到所需位置,但允许用户自由滚动已成为当前人们使用网页的一部分。“首屏以下”的概念已不再适用。

这也同样适用于普通的 PC 网站——用户已经习惯了平板和手机的使用体验,因此他们现在也期望在桌面屏幕上拥有同样的体验。

如何设计应用程序(App)

设计您的 App 需要考虑许多在 designing 移动网页(上文)中提到的问题,但基本的出发点有所不同,正如我们所见。

尺寸、方向、触摸屏和无限滚动等问题在 App 中与移动网页完全相同:毕竟,设计必须在相同的屏幕上以相同的方式运行。

App 的不同之处在于,App 通常提供更丰富的体验,可以更加复杂和深入。设备的处理能力会影响设计,但随着 RAM 和处理能力的不断改进,App 现在可以提供相当丰富、复杂的体验,并内置多种功能。

在线 App

如果您考虑设备联网时使用 App,则可以设计为在打开 App 时从网络拉取最新数据。这使得每次使用时 App 都能刷新,从而绕过应用商店无尽的审批流程。同时,这也确保了体验针对使用该 App 的用户量身定制。

它还允许您执行各种智能功能,例如基于位置的市场营销和服务、商品条码扫描功能(用于展厅效应、反向展厅效应和库存检查——以及在店内缺货时在线购买)、门店定位器等。

它们还允许零售商向消费者推送消息,从而与他们建立双向对话,并通过即时通讯和优惠活动帮助构建品牌体验。

离线 App

当然,App 也可能在设备未连接网络时使用——例如目前在空中飞行时,或者当用户处于信号覆盖极差的区域时。在此情况下,您需要调整设计,使其尽可能提供在线版本的各项功能,以确保其仍具实用性。特别需要注意的是,应允许用户在离线时将商品加入购物车,并在 App 下次连接到网络时保持购物车状态有效,以便他们可以完成购买。

店内 App

许多零售 App 越来越多地包含店内模式,该模式可让用户登录零售商 Wi-Fi,并帮助零售商根据用户档案及其在店内的位置发送定向优惠。该模式还包含店内定位器(本质上是店内地图)以及许多其他功能。

【声明】内容源于网络
0
0
海峡频道
英国市场报道
内容 9639
粉丝 0
海峡频道 英国市场报道
总阅读38.7k
粉丝0
内容9.6k