手机网站用户体验之页面设计指南

时间:13-07-31 栏目:用户体验设计 作者:福清seo 评论:0 点击: 3,001 次

【页面结构】

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

首页

  • 首页作为用户分流前到达的页面,要求能够汇集整个网站的大部分模块和功能,以保证不同需求的用户在着陆后都能找寻到自己想要的信息。
  • 一般首页又可以分为“导航式”和“内容式”:“导航式”因其风格简洁,一般又可用作品牌宣传,起到快速传达品牌形象的作用;“内容式”因其丰富的内容,常用来快速传达广告主所想表达的信息。

列表页

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

详情页

  • 详情页一般用作展示首页和列表页未显示完全的信息,以便满足用户了解详情的需求。

手机wap网站设计

【页面模块】

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

幻灯片/焦点图

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

纯文字模块

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

图文模块

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

子链接

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

页面导航

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

导航条

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

工具栏

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

【交互方式】

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

滑动切换图片

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

滑动切换页面

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

点击放大图片

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

页面区域点击

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

点击加载更多

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

【页面内容通用原则】

一致性

  • 着陆页内容与关键字、广告文字的相关性,不仅保证广告与目标页面呼应和一致,更重要的能够提升潜在客户在着陆页上面的点击次数,减少客户流失。

可信度

  • 通过告知潜在客户公司名称、联系地址、客服电话等信息,能够有效地提升网站(公司) 的可信度。

重要信息首屏展示

  • 具体产品信息尽量出现在网页的第1~2屏,避免与用户玩寻宝游戏。

声明:本文由(SEO博客)版权所有,禁止转载,文章链接:手机网站用户体验之页面设计指南

手机网站用户体验之页面设计指南:等您坐沙发呢!

发表评论

不解 砸舌 伤心 邪恶 惊呼 开心 害羞 大笑 汗颜 惊讶 头晕 酷毙 开心 发怒 别扭 白眼 眨眼 思考 扭头 中立 哭泣 尴尬

---=====【福清人在路上】=====---
福清SEO博客★福清人自己的博客
10年专注互联网★5年实战品牌营销
SEO顾问:www.fqseo.org
品牌营销:www.pinpaiyingxiao.org
新浪微博:weibo.com/61953117
微信号:61953117【私人】
公众号:福清人在路上(ID:fqrzls)

微博江湖