罗湖公司

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

    日期:2017/12/14 人气:86229
    导读: 尽管优化移动端页面的标语喊了这么多年,可我们仍能能看到许多“不称职”的移动端页面,看似天经地义的网页背面还有着许多的技巧呢!移动端的用户往往拥有着愈加清晰的目的性,一般他们期望能够清晰、轻松地从移动端页面取得他们想要的信息和内容。无论是阅览新闻,网上购物,仍是订阅信息,移动端网页应当为他们供给尽可能无缝的用户体会。最近谷歌的研讨发现,那些针对移动端优化过的网站更

     尽管优化移动端页面的标语喊了这么多年,可我们仍能能看到许多“不称职”的移动端页面,看似天经地义的网页背面还有着许多的技巧呢!

    移动端的用户往往拥有着愈加清晰的目的性,一般他们期望能够清晰、轻松地从移动端页面取得他们想要的信息和内容。无论是阅览新闻,网上购物,仍是订阅信息,移动端网页应当为他们供给尽可能无缝的用户体会。

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

    实际上,这个概念包括了一系列要害的特性,当你在进行移动端网页规划的时分应当将它们纳入考虑的领域:

    如果你期望自己的网站能够轻松的在移动端设备上拜访,那么应当消除一切移动端上可能存在的可用性的问题,下面有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、便利设备之间的切换

    并非一切的用户都习惯于在移动端上阅览、购买,有些用户仅仅是习惯于在移动端上查找信息。所以,你应该供给一个简略的方法来保存信息,让它们能够跨设备运用,当用户脱离移动端设备的时分,相同能够在桌面端上阅览、检查、购买。

    文本来自采集文章 http://youfuns.cn/26/292.html 如需转载或删除,请联系管理员。

    分享到:
罗湖网站建设
【罗湖本地网络公司】——承诺3小时内上门服务!罗湖上门全国热线:400-666-2014 【我要收藏此页面】 网站地图