怎样才能做好WAP页面设计?

减少移动站的页面层级,降低用户认知难度

一个标准的移动站应该包含首页、列表页和详情页三种类型,以满足广告主的推广需求和用户的认知需要;页面类型及层级建议不超过3个,保证简单、高效的用户体验。

怎样才能做好WAP页面设计?
减少移动站的页面层级,降低用户认知难度

根据您的推广需求选择首页类型

首页作为用户分流前到达的页面,要求能够汇集整个网站的大部分模块和功能,以保证不同需求的用户在着陆后都能寻找到自己想要的信息。

策略方案

一般首页又可以分为导航式和内容式,导航式因其风格简洁,一般又可用作品牌宣传,起到快速传达品牌形象的作用;内容式因其丰富的内容,常用来快速传达广告主想传递的信息。

根据您的推广需求选择首页类型

用产品 / 服务构建您的列表页

列表页一般用于展现结构简单,并且重复度较高的内容,最常见于商家的产品/服务,形式也一般相对简单,用于满足展现多产品/服务的需求,根据商家产品/服务信息不同一般分为纯文字和图文两种基本形式。

用产品 / 服务构建您的列表页

设置详情页让用户了解更多信息

详情页一般用作展示首页和列表页未显示完全的信息,以满足用户了解详情的需求,从而辅助用户进行决策。

设置详情页让用户了解更多信息

为不同内容选择合适模块

移动页面是由不同模块组成的,不同模块展现形式、功能作用在整个移动站中各有差别。

上一个
下一个
  • 利用多张焦点图组成的幻灯片,多用来展现能够体现品牌的信息,同时因图片有较强的注意吸引能力,一般出现在首屏,能取得较好的用户关注。

    幻灯片/焦点图
  • 纯文字模块一般用于呈现不能用图片或者其他多媒体信息展现的内容,并会根据显示信息内容设定不同的格式。

    纯文字模块
  • 图文模块用于展现可以用图片和文字两种形式内容的模块。

    图文模块
  • 页面导航主要功能在于帮助用户更快到达目标页面,避免过于繁琐的点击行为,可以有效降低用户离开率,提升转化。

    页面导航
  • 子链接模块是依附于纯文字/图文模块的辅助功能,用于告知用户点击之后的展现信息,提升模块整体的点击率。

    子链接
  • 当一个页面上有多种不同类型信息的时候,需要通过导航条区分标识进行间隔。

    导航条
  • 考虑到移动设备的特性,需要在页面上面设置转化的入口,工具条很好地解决了该问题,同时固定位置悬浮特性也很好地起到了提醒的作用。

    工具栏
  • 幻灯片/焦点图
  • 纯文字模块
  • 图文模块
  • 页面导航
  • 子链接
  • 导航条
  • 工具栏

优秀交互方式,简化操作流程,提升使用体验

优秀的交互方式能很有效地提升用户体验,一方面能够简化操作流程提升操作效率,另外对于产品功能易用性的提升也是较大的。

上一个
下一个
  • 滑动切换图片

    相比于自动切换和点击切换,滑动切换增强了用户操作的主动性、同时提升了切换的便捷性。

    滑动切换图片
  • 滑动切换页面

    用户可以通过滑动进行页面之间的切换,节省用户寻址时间。

    滑动切换页面
  • 点击放大图片

    点击缩略图放大图片,减少了操作流程,一定程度上减少了因页面跳转带来的用户流失。

    点击放大图片
  • 页面区域点击

    区域点击能较大提升用户点击的效率,减少用户因定位点击区域造成的效率损失。

    页面区域点击
  • 点击加载更多

    点击加载更多一方面减少单张页面的非必要信息,让页面变得简洁,同时能减少页面间的跳转,降低因网速等原因造成的用户流失。

    点击加载更多
  • 滑动切换图片
  • 滑动切换页面
  • 点击放大图片
  • 页面区域点击
  • 点击加载更多