马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > SEO优化 > 移动端SEO > 如何从用户需求的角度优化移动端网页

如何从用户需求的角度优化移动端网页

时间:2017-02-25   文章来源:马海祥博客   访问次数:

虽然优化移动端页面的口号喊了这么多年,可我们仍能能看到许多“不称职”的移动端页面,看似理所当然的网页背后还有着许多的技巧呢!

移动端的用户往往拥有着更加明确的目的性,通常他们希望能够明确、轻松地从移动端页面获得他们想要的信息和内容。无论是浏览新闻,网上购物,还是订阅信息,移动端网页应当为他们提供尽可能无缝的用户体验。

最近谷歌的研究发现,那些针对移动端优化过的网站更容易赢得回头客。这意味着网站针对移动端优化之后有着现实可见的好处,那么我们常说的“对移动端友好”到底是怎么样的概念呢?

实际上,这个概念包含了一系列关键的特性,当你在进行移动端网页设计的时候应当将它们纳入考虑的范畴:

如何从用户需求的角度优化移动端网页-马海祥博客

如果你希望自己的网站能够轻松的在移动端设备上访问,那么应当消除所有移动端上可能存在的可用性的问题,下面有12条提升移动端网页设计的建议,确保你的页面能够通过可用性测试,并提供良好的用户体验。

所以,今天的文章,我们就从用户需求和体验的角度来探讨一下,该如何优化移动端网页?

1、针对移动端进行全面优化

PC端网页在移动端设备上首要的障碍就是导航的使用,看看下面批萨的案例,它的桌面端和移动端网页的对比就相当明显,移动端页面经过优化之后的体验就完全不同。

如何从用户需求的角度优化移动端网页-马海祥博客

简单说来,优化后的移动端页面更加干净,有着更容易导航的CTA按钮。

如何从用户需求的角度优化移动端网页-马海祥博客

下面是优化移动端页面的几个实用技巧:

(1)、仅使用垂直滚动。不要使用水平滚动,让用户只需单方向滚动就能浏览主要的内容,尽量通过CSS来控制页面宽度、位置和图片的缩放。

(2)、将你的内容置于首位,避免其他的元素让用户分心。

(3)、控制分栏的数目,尽量使用一栏单列式的布局。

(4)、不要将移动端页面和桌面端页面混用(具体可查看马海祥博客《移动端SEO优化与PC端SEO优化的不同点》的相关介绍)。

2、让行为召唤按钮在移动端上友好易用

用户经常会忽略移动端页面上的一些元素,所以尽量使用CTA按钮,确保用户不会错过它们,和桌面端的情况不同,你需要将CTA按钮置于主要、显眼的位置,确保他们容易发现,容易点击触发。

如何从用户需求的角度优化移动端网页-马海祥博客

CTA按钮应该易于点击,并且不会同页面中其他的元素形成干扰或者干涉。

3、让菜单简短且易用

详细而全面的菜单设计在桌面端上能够良好运行,但是当它出现在移动端上的时候,菜单就显得过长了,要在其中找到想要的内容就相当难了。

所以,你需要考虑使用精简的菜单,仅保留最重要的、必须的条目。根据以往的经验,尽量不要让菜单超过7个条目。

如何从用户需求的角度优化移动端网页-马海祥博客

同时你还要保持你的菜单目录足够的易用:

(1)、它应当基于根据重要性和价值来进行排序。

(2)、它不应当包含用户不理解的术语,菜单要使用通俗易懂的表述方式。

4、让搜索框显眼

如果在你的网站中,搜索是主要的功能,那么你在做移动端页面优化的时候应该突出这一功能,因为它是高转化率的功能,确保它足够显眼是很有必要的。

如何从用户需求的角度优化移动端网页-马海祥博客

当用户想要获取特定功能的时候,倾向于使用搜索功能来实现,所以,搜索应当是用户一打开页面就能看到的控件。通常应当让搜索框置于页面顶部,以文本输入框的形式存在。

5、让网站正好合适,无需缩放

桌面端网页出现在移动端设备上,最令人沮丧的地方就是它需要缩放,不放大页面,不仅难于阅读,而且用户容易错过重要的细节,而放大来浏览,需要来回拖放。

如何从用户需求的角度优化移动端网页-马海祥博客

而针对移动端优化后的页面则不存在这个问题,图片、字体和页面宽度都正好合适,用户能够完整地获取信息,确保了最基本的可用性和易用性(具体可查看马海祥博客《移动端界面设计的8个优化要点》的相关介绍)。

6、使用高像素的素材

很多情况下,会遇到这样的情况,找到的图片很小,放大之后很模糊,不清晰,这对网站的形象影响很大。

如何从用户需求的角度优化移动端网页-马海祥博客

你的网站中所有的图片、视频和UI元素都是你的产品的一部分,当你针对移动端优化页面的时候,它们都是重要的组成部分,它们素质的优劣直接影响到用户的观感。

7、设计便于触摸交互的页面

如果你的页面是针对移动端设计的,那么网页中按钮的尺寸应当和手指的大小相匹配。MIT的Touch Lab 通过研究发现,指面的触摸尺寸平均大小为10-14mm,而指尖的平均尺寸是8-10mm,也就是说10mmx10mm的控件尺寸设计是比较合理的大小(具体可查看马海祥博客《详解移动端设备页面尺寸设计原理》的相关介绍)。

如何从用户需求的角度优化移动端网页-马海祥博客

另外一个需要考虑的是就是可触摸控件指尖的距离。如果两个按钮比较靠近,那么用户在移动端上就很容易出现误触的情况了。

如果想要解决这个问题,就需要根据实际情况重新调整尺寸和按钮之间的距离,以适应用户手指交互的需求。

如何从用户需求的角度优化移动端网页-马海祥博客

上面是推荐的尺寸设定。

8、让用户在决定之前先行探索

让用户在对你的网站毫无了解的情况下就要求他们去注册,其实是违反互惠互利原则的。曾有数据表明,让用户过早注册导致超过85%的用户选择了放弃和离开。

NetFlix曾经给予用户一个月的免费试用,不过用户需要注册之后才能使用这一福利。

如何从用户需求的角度优化移动端网页-马海祥博客

一般说来,用户在提供个人信息注册之前,会浏览一下网站内容,了解这个网站是什么样的类型、提供什么样的服务,再做决策,对于从未听过的品牌尤其是如此。想要打破转化率的壁垒,你在设计网站的时候应该做到下面几点:

(1)、提供无需登录就能完成的体验流程。

(2)、让用户可以作为访客进行购买。

(3)、只有当需要用户提供相关信息的时候才要求注册,并且尽可能少的让用户提供数据。

9、告知用户选择更合理的屏幕方向

不同的屏幕方向下,用户的浏览体验会完全不同的。用户惯于在同一屏幕方向下完成全部的操作,所以提醒他们切换方向可以提升网站浏览的用户体验。

如何从用户需求的角度优化移动端网页-马海祥博客

因此,当你的网站偏向展示性,并且使用横屏时浏览体验更佳的话,不妨使用行为召唤设计来提示用户(具体可查看马海祥博客《针对目标用户行为的10种网页调研方案》的相关介绍)。

10、让产品图片可以放大扩展

当用户在网上购物的时候,总希望能看到产品的高清无码大图(尤其是服装),如果无法放大查看,用户的沮丧会直接影响产品销量。

如何从用户需求的角度优化移动端网页-马海祥博客

所以,应当提供高素质的产品图,并添加放大的功能,让用户足以看清细节。

11、方便设备之间的切换

并非所有的用户都习惯于在移动端上浏览、购买,有些用户仅仅是习惯于在移动端上搜索信息。所以,你应该提供一个简单的方法来保存信息,让它们能够跨设备使用,当用户离开移动端设备的时候,同样可以在桌面端上浏览、查看、购买。

如何从用户需求的角度优化移动端网页-马海祥博客

对此,你需要做到以下2点:

(1)、确保用户能够通过分享或者发送电子邮件/社交媒体,来保存信息。

(2)、同步Wishlist,以收藏的形式保存条目。

12、让用户在一个浏览器窗口中完成操作

智能手机的窗口间切换终归比桌面端麻烦,用户找不到原来的页面的风险是现实存在的(具体可查看马海祥博客《移动端页面开发过程中经常碰到的一些问题》的相关介绍)。

尽量让用户在一个窗口中完成全部的浏览和操作,简化流程和复杂的交互,让用户一直待在一个地方。

马海祥博客点评:

其实移动端的网页设计并不只是这么简单,这些技巧也相当的基础,但是它们提供了一个不错的入门指引,每一个网站都有其独特的地方,具体问题具体对待,但是无论如何,要记住,你的受众不是设计师,而是用户,你的设计应当承载用户的期待,实现它们的目标,而非成为负担。

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/ydseo/1793.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 移动端优化   用户需求   网页优化  

上一篇:移动端制作手机版专题页面的优化要点
下一篇:SEO站长做移动端手机站优化的方法技巧

您可能还会对以下这些文章感兴趣!

  • 移动设备前端开发中viewport的理论及使用技巧

    在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备,viewport并非只是ios上的独有属性,在android、winp……【查看全文

    阅读:219关键词: 移动设备   前端开发   日期:2016-04-03
  • 手机网站制作的常用方法及优化技巧

    手机网站是指用WML(无线标记语言)编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主。实际上,随着向手机智能化方向发展,安装了操作系统和浏览器的手机的功能和电脑是很相似,使用这种手机可以通过GPRS上网可浏览几乎所有的www网站,无论网站是不是专……【查看全文

    阅读:4273关键词: 手机网站   网站制作   优化方法   优化技巧   日期:2014-10-04
  • 百度移动搜索优化:手机站优化指南

    本文旨在为手机站站长提供官方、明确的搜索引擎优化标准,使站长合理、可持续的提升手机站流量,获得长久、稳定的发展,同时促进整个移动互联网的良性发展。其中移动搜索会优先收录的手机站点为:A、拥有手机用户迫切需要内容资源的手机站点。B、符合手机建站规范的站点……【查看全文

    阅读:2206关键词: 移动搜索优化   移动搜索   手机站优化   优化指南   日期:2014-08-18
  • PC网站自动适配手机网页的方法技巧

    随着智能手机的不断发展,移动搜索的比例也在不断增加,而传统的PC站点在手机端的用户体验度较差,这就容易流失大量的用户,所以做一个对应的手机站就理所当然,如今手机站已经逐渐成为一种潮流,基本上有点规模的PC站点都会制作相应的手机站,可是在很多方面依然存在一……【查看全文

    阅读:23001关键词: 网站   手机网页   pc站   日期:2015-12-03
  • 移动端手机站做站内优化的要点

    随着移动流量的与日俱增,移动搜索引擎的功能越来越丰富,意味着更多移动特性可以施展,同时也意味着对HTML5网站的要求更趋规范和严格,这对于负责移动站点优化的负责人来说是个极大的挑战,我一般将站内优化的生命周期概括为三个词,实验、评估、调整,因此我的站内优……【查看全文

    阅读:1849关键词: 移动端   手机站   站内优化   日期:2015-11-10
  • 如何优化移动页面中的head标签代码更利于搜索引擎识别

    对于手机网站的首页或者频道首页的网页代码中的keywords、description最好加上与PC端有所区别的meta标签和关键词,在每个页面的关键字及描述像做传统PC端网站一样,做好针对性的填写工作,对搜索结果的展现(摘要)以及优化工作大有帮助,另外确保在手机网站或者PC端网站……【查看全文

    阅读:1326关键词: 页面优化   搜索引擎   日期:2015-08-08
  • 移动端SEO优化与PC端SEO优化的不同点

    随着移动互联网的快速发展,用户从PC端向移动端迁移的大趋势更加明显,但这也使得移动手机网站的SEO优化工作还处于探索阶段,很多SEO和站长也都有了一些疑问,移动端需要做SEO优化吗?移动端该怎么做SEO优化?我们都知道,移动端与PC端搜索引擎排名算法是不一样,但是优……【查看全文

    阅读:931关键词: 移动端seo   seo优化   seo   日期:2015-09-10
  • PC站建立移动端网站的三大方法模式

    移动端网站作为移动互联网最主要的入口,能随时展现自身、与目标用户便捷沟通,同时方便手机用户随时随地查询和浏览,有效占领客户“空闲时间”。移动端网站确实是最便捷的宣传册,无论何时何地,遇见何人,你只要打开手机即可以让对方浏览到产品和服务信息,不会错过任……【查看全文

    阅读:3004关键词: 移动端网站   移动端   pc站   日期:2016-12-07
  • 提高网站在移动端打开速度的方法技巧

    最近一项研究表明:80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间,由于64%的智能手机用户希望网站可以在4秒内加载完毕,但一半的网站花费了二倍以上的时间,达到了9秒,为了满足移动用户的高期望,你需要对网站针对移动……【查看全文

    阅读:7817关键词: 网站   移动端   网站速度   日期:2015-03-12
  • 移动端网站SEO优化排名的一些注意细节

    俗话说,有搜索的地方就有SEO优化,移动端的SEO优化也逐渐的进入火热化,对于移动端的SEO优化,大家都是处于同一个阶段,就看谁花在这上面的心思更多一些了,在优化移动端网页的时候,越来越多的问题开始出现,在暴露移动端薄弱的同时,也让刚刚进入SEO行业的新人们跟前……【查看全文

    阅读:1980关键词: 移动端   seo优化   seo排名   日期:2015-11-17
↓ 点击查看更多 ↓

互联网更多>>

  • 计算机的开机启动原理 计算机的开机启动原理 计算机从打开电源到开始操作,整个启动可以说是一个非常复杂的过程。总体来说,计算机的整个启动过程分成四个……
  • 互联网思维究竟是一种什么样的思维? 互联网思维究竟是一种什么样的思维? 但凡做企业的,不管是创业的还是在互联网冲击下转型升级的传统行业企业家,“互联网思维”已经成为了大家共同……
  • 移动互联网是什么意思? 移动互联网是什么意思? 移动互联网就是将移动通信和互联网二者结合起来成为一体,是指互联网的技术、平台、商业模式和应用与移动通信……

SEO优化 更多>>

医疗行业开展品牌推广急需解决的10大问题 如何以一个用户的角度来做企业门户网站