如何从用户需求的角度优化移动端网页
虽然优化移动端页面的口号喊了这么多年，可我们仍能能看到许多“不称职”的移动端页面，看似理所当然的网页背后还有着许多的技巧呢！
移动端的用户往往拥有着更加明确的目的性，通常他们希望能够明确、轻松地从移动端页面获得他们想要的信息和内容。无论是浏览新闻，网上购物，还是订阅信息，移动端网页应当为他们提供尽可能无缝的用户体验。
最近谷歌的研究发现，那些针对移动端优化过的网站更容易赢得回头客。这意味着网站针对移动端优化之后有着现实可见的好处，那么我们常说的“对移动端友好”到底是怎么样的概念呢？
实际上，这个概念包含了一系列关键的特性，当你在进行移动端网页设计的时候应当将它们纳入考虑的范畴：
如果你希望自己的网站能够轻松的在移动端设备上访问，那么应当消除所有移动端上可能存在的可用性的问题，下面有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、让用户在一个浏览器窗口中完成操作
智能手机的窗口间切换终归比桌面端麻烦，用户找不到原来的页面的风险是现实存在的（具体可查看马海祥博客《移动端页面开发过程中经常碰到的一些问题》的相关介绍）。
尽量让用户在一个窗口中完成全部的浏览和操作，简化流程和复杂的交互，让用户一直待在一个地方。
马海祥博客点评：
其实移动端的网页设计并不只是这么简单，这些技巧也相当的基础，但是它们提供了一个不错的入门指引，每一个网站都有其独特的地方，具体问题具体对待，但是无论如何，要记住，你的受众不是设计师，而是用户，你的设计应当承载用户的期待，实现它们的目标，而非成为负担。
本文发布于马海祥博客文章，如想转载，请注明原文网址摘自于https://www.mahaixiang.cn/ydseo/1793.html，注明出处；否则，禁止转载；谢谢配合！上一篇：移动端制作手机版专题页面的优化要点
下一篇：SEO站长做移动端手机站优化的方法技巧
您可能还会对以下这些文章感兴趣！
-
谷歌(Google)手机站优化指南及建站原则
所谓简单快捷，就是要在手机有限的屏幕上以最简单最实用最快捷的形式展示给用户最需要的东西，让用户方便。谷歌的建议是：（1）、优先提供用户最需要的内容和功能；（2）、减法，减法，减法（这一点其实就是在强调手机网站要去掉一切可以去掉的内容、功能、板块、按钮等……【查看全文】
-
关于移动端手机站的12个SEO优化方法
手机站和PC端站点不一样，PC端站点百度明确给出关键词跟描述标签对优化起不到任何效果了，但手机端的关键词和描述标签是对手机站点有效果的，所以百度移动搜索也给出了建议，最好要把三大标签做好优化。网站结构要用合理的树形结构，最好采用树形和扁平相结合；清晰的……【查看全文】
-
如何优化一个移动端手机网站
随着移动设备的普及，也引发了一大批移动端网站的建设，但随之而来的问题也就出现了，作为一名专业的SEO人员，我们又该如何优化移动端手机网站呢？最近，也看到有很多做SEO的博友都在讨论移动端的网站怎么去做SEO优化？怎么做好手机网站优化？怎么把我们网站关键词排名……【查看全文】
-
Wap手机站的SEO优化要点及注意事项
随着智能手机的普及，Wap手机网站也逐渐多了起来，移动搜索也成了网站SEO优化的新战场，移动端的SEO优化随着移动智能终端的普及而显得尤为重要，甚至许多手机企业网站的建设也显得刻不容缓，所谓抢得先机即为赢得商机。作为中文手机搜索引擎百度移动搜索，每天用户使用……【查看全文】
-
移动端网页界面常用的六种导航模式
标签式导航：最常用、最不易出错，请第一时间考虑它。抽屉式导航：如果你的信息层级繁多，可以考虑将辅助类内容放在抽屉中。列表式导航：作为辅助导航来展示二级甚至更深层级的内容，每个APP必不可少，但请注意数量与分类。平铺式导航：如果你的内容是随意浏览，无需来……【查看全文】
-
百度移动搜索开放适配服务的3种方法
为了提升用户的移动搜索结果浏览体验，百度移动搜索对具有对应手机站的PC站提供“开放适配”服务。如果您同时拥有PC站和手机站，且二者能够在内容上对应，您可向百度“提交”PC页―手机页的对应关系，若对应关系准确，将有助于百度在移动搜索中将原PC页结果替换为对应的……【查看全文】
-
移动端手机站做站内优化的要点
随着移动流量的与日俱增，移动搜索引擎的功能越来越丰富，意味着更多移动特性可以施展，同时也意味着对HTML5网站的要求更趋规范和严格，这对于负责移动站点优化的负责人来说是个极大的挑战，我一般将站内优化的生命周期概括为三个词，实验、评估、调整，因此我的站内优……【查看全文】
-
搜索引擎喜欢什么样的移动页面优化方式？
智能手机和平板电脑的普及，产生了越来越多的移动端客户流量，尽管基于手机和平板电脑的网络浏览器种类繁多，功能也都越来越完善，但限于较小的终端屏幕以及网络流量的问题，移动设备并不适合直接浏览各种基于桌面电脑登陆的网站，因此，做为网站站长来说，有必要为自己……【查看全文】
-
手机网站制作的常用方法及优化技巧
手机网站是指用WML(无线标记语言)编写的专门用于手机浏览的网站，通常以文字信息和简单的图片信息为主。实际上，随着向手机智能化方向发展，安装了操作系统和浏览器的手机的功能和电脑是很相似，使用这种手机可以通过GPRS上网可浏览几乎所有的www网站，无论网站是不是专……【查看全文】
-
移动端页面开发过程中经常碰到的一些问题
对于前端开发者来说移动端存在着很多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题，那么今天我为大家分享移动端页面开发过程中的一些问题和解决问题的方法技巧。现在的前端开发者基本都要同时着手PC端页面和手机页面的开发工作，就目前的状况来看，手机页……【查看全文】
阅读：17731关键词： 移动端 日期：2016-05-20 -
详解移动端设备页面尺寸设计原理
现在移动设备越来越多，使用手机上网的人也越来越多，移动设备也成为访问互联网的常见终端设置，以前我们在编写管理系统的时候，客户端只需要考虑PC机桌面设备，现在则必须要考虑到移动终端设备了。移动终端设备的屏幕分辨率很多都不一样，手机就分很多种大小的，然后还……【查看全文】
-
移动端网站SEO优化排名的一些注意细节
俗话说，有搜索的地方就有SEO优化，移动端的SEO优化也逐渐的进入火热化，对于移动端的SEO优化，大家都是处于同一个阶段，就看谁花在这上面的心思更多一些了，在优化移动端网页的时候，越来越多的问题开始出现，在暴露移动端薄弱的同时，也让刚刚进入SEO行业的新人们跟前……【查看全文】
-
2014年中国移动搜索行业发展研究报告
随着智能手机普及，极大地推动移动互联网快速发展，用户上网行为随之发生迁移和改变，包括在互联网时代占据主要入口地位的搜索，用户搜索行为逐渐从传统PC搜索向移动搜索转移，移动搜索已经成为移动互联网时代的重要入口之一，相比传统PC搜索，用户在使用移动搜索时，往……【查看全文】
-
我对网站移动端建设的一些看法
如今，国内移动互联网用户数量仍在日益增长，各个互联网大佬也都在抢占移动资源，移动互联网资源正在高速发展中逐步繁荣，而其中移动搜索这一块当然也将是重点，不管你网站的移动端是使用手机站点或网站APP，都要明确一点：网站内容才是网站运营的根基，网站内容的专业……【查看全文】
-
提高网站在移动端打开速度的方法技巧
最近一项研究表明：80%的网民对移动端的浏览体验感到失望，同时，当体验提升时，他们会在智能手机上花费更多的时间，由于64%的智能手机用户希望网站可以在4秒内加载完毕，但一半的网站花费了二倍以上的时间，达到了9秒，为了满足移动用户的高期望，你需要对网站针对移动……【查看全文】
-
优化手机网站的三大SEO策略
手机浏览器的搜索引擎采用多项指标决定网页排名，站点的整体性能、易用性、下载速度和屏幕效果等都是影响排名的因素。因此，相比那些专为小屏幕设计、只包含了简单信息的网站，一个全面优化、涵盖了所有功能和关键信息的网站的排名，显然会靠前很多。假如某网站使用了一……【查看全文】
-
制作移动端手机网站过程中的SEO优化方法技巧
由于是手机用户，用户浏览网页的时间是零碎的，不可能耐心点击很多的页面，因此，要想做好一个移动端网站的优化，就需要尽可能在制作移动端手机网站的过程中精简移动网站设计，并要合理的做好移动端网站的SEO优化，网页设计要尽可能的设计简单，手机端可视区域小，布局……【查看全文】
-
新手如何做移动端网站的SEO优化
如今，移动互联网的使用人数在不断的增加，网站通过移动搜索来的流量也越来越多，但不可否认的是，现阶段许多PC端网站copy成简单的移动版本的wap网站，基本没有做优化，所以需要我们重视移动端网站的SEO优化，因移动与PC端的显示媒介不同，所以在选择目标关键词时会有差……【查看全文】
-
移动端制作手机版专题页面的优化要点
专题网页的设计通常是短平快，在特定时间达到一些运营需求，而响应式设计通常需要考虑更多不同分辨率下的响应效果，花费的设计和开发时间成本可能是双倍的，而且专题设计具有很强的形式感，响应式设计的流体布局，必然会对视觉造成限制，所以对于专题来说做成响应式的网……【查看全文】
-
PC站建立移动端网站的三大方法模式
移动端网站作为移动互联网最主要的入口，能随时展现自身、与目标用户便捷沟通，同时方便手机用户随时随地查询和浏览，有效占领客户“空闲时间”。移动端网站确实是最便捷的宣传册，无论何时何地，遇见何人，你只要打开手机即可以让对方浏览到产品和服务信息，不会错过任……【查看全文】
分类目录
详解APP从设计到切图的工作流程
自媒体为什么只在中国盛行？
产品经理的“七宗罪”
数据分析师该如何做好数据运营？
运营数据中常见的数据陷阱
高阅读量文章标题的解析和套路写法
“马海祥博客”“医院seo”“seo思维”百度排名终于到首位了
自媒体行业的人是否会有未来？
如何写一份详细的网站SEO优化方案
自媒体人该如何推广自己的自媒体互联网更多>>
基于贝叶斯推断应用原理的过滤垃圾邮件研究
随着电子邮件的应用与普及，垃圾邮件的泛滥也越来越多地受到人们的关注。而目前正确识别垃圾邮件的技术难度非……
自然语言处理的单词嵌入及表征方法
本这篇文章里，综述了在自然语言处理（NLP）上应用深度神经网络得到的一些效果极其显著的成果，但我写这篇文章……
关于大型网站架构的负载均衡技术详解
负载均衡是将负载（工作任务，访问请求）进行平衡、分摊到多个操作单元（服务器，组件）上进行执行，是解决高……
简约页面设计风格的相关技巧有哪些？ 
图解Dedecms网站后台文章采集功能的使用方法步骤 
网站CSS代码优化的7个原则 SEO优化 更多>>
|
|
-
大型门户网站常用的SEO思路
一般的网站SEO优化需要考虑的就是排名、流量、…… -
百度“天网算法”：严打盗取用户隐
近日，百度网页搜索发现部分站点存在盗取用户…… -
做企业SEO推广过程中经常会遇到的一
做SEO已经很多年了，这期间也积累了很多的合作…… -
惊雷算法3.0即将上线：持续打击刷点
近日，百度搜索平台官方发布最新消息，声称即…… -
关于二级域名的10个热点问答
二级域名是指顶级域名之下的域名，在国际顶级…… -
Bing官方搜索引擎优化指南给我们的启
目前，在中国做seo的在大多数时候，我们都是以…… -
淘宝新手该如何从零开始学习淘宝S
淘宝SEO就是淘宝搜索优化，在了解淘宝搜索引擎…… -
从不同的角度来看SEO优化思维
在写这篇文章之前，我也做过SEO培训，不能说自……