• 联系我们
  • 汨罗怎样为移动设备优化网站的登录页面?
    汨罗怎样为移动设备优化网站的登录页面?
    2016-4-24 15:12:24

    我们都知道强调移动设备的登录页面不再是重要的。但是,在网站设计的短暂历史中,移动设备却发生着最大的改变。唯一的问题是, 今年或明年,智能手机和平板电脑用户将超过用户的一半。

     

    我们要牢记于心的是:优化移动设备的登陆页面是对每个设计师至关重要的。下面有几个简单的方法,可以确保移动设备用户浏览你的网页。

     

    1.适当的规模

     

    能够适用各种移动设备,对于网站来说,是至关重要的。我们都知道这里有成千上万的移动设备,所以选择几个有代表性的屏幕尺寸是不实际的。

     

    对于这个问题,有些人认为适应网站设计是一个更好做法,剩下的有些人认为适应网站设计实际上就是换汤不换药。这些观点是理论化的,不管是现在还是将来,你都有确保你的网站能够被移动设备浏览。不这样做,你的网站设计就是失败的。

     

    一个重要的建议:确保你的网站在图片和文字有一个正常的尺寸。

     

    2.选择合适的内容

     

    显然,移动设备拥有更少空间来适应网站登录页面的内容。理想情况下,保持标题短小,简洁,有三到四个关键字。或者是保持页面尽可能整齐,很少的链接和最大的图片都是可行的。

     

    把内容要点放在眼睛很容易看到的地方,不需要需停顿和斜视。同时,创建一个明确的指示按钮,吸引访问者访问网站的其余部分。它应该具有某种激励功能,比如:一个指示允许游客打电话给业务,特别适合当地的企业的定位服务。

     

    75%的搜索者在搜索一个小时内采取行动,所以很容易看出为什指示按钮是至关重要的。同时,把指示按钮放在在页面顶部的某个地方,以便移动访问者能够立马看见它。

     

    3.尺寸很重要

     

    的确,尺寸的大小确实是至关重要的。登录页面的加载速度应该足够快,尤其是将通过移动设备访问的页面。

     

    这里没有明确规定越快越好,——但它已经成为通用准则如果你的登录页面超过3或4秒加载时间,你会失去很多用户。

     

    理想情况下,您的登录页面应该低于20 kb。需要花大量的时间来加载的图片,应该控制到最低。保持你所有的代码美观整洁。如果可能的话,使用CSS取代图片。

     

    以及文件大小,由于服务器的请求数量造成更多的延迟,遮蔽实际的文件下载更浪费时间。

     

    4. 当地的网站

     

    移动设备用户经常使用定位系统。为当地用户定制登录页面,并提供激励机制,是一个很好的设计。

     

    根据项目的规模和范围,你还可以调整核心内容适应当地。

     

    5. 可读性

     

    能够在屏幕上的阅读是至关重要的。如果你不能在手机上阅读文章,这意味着你需要更大的空间。

     

    不要让用户不断地翻页,否则他们很快就会感到厌倦,然后离开网站。的确, 比起阅读杂志或书,人们在互联网上有很短的注意力, ,所以你做的每件事都必须立即抓住他们的注意力。

     

    6.拇指测试

     

    你的登录页面上点击按钮应该通过拇指测试。如果它不能轻易使用拇指点击,我们应该考虑重新设计它。在链接的周围,留下尽可能多的空间,以及链接与链接之间留下足够的空间。这将减少用户点击错误的链接。

     

    虽然插件可以用来确保照片可以很容易刷新,但是在登录页面上的照片不太推荐使用插件。

     

    7.表格和输入

     

    如果你把一个表格放在登录页面,你需要使它非常简单,不占用大量的空间。表格需要大量的输入形式的,且具有较低的转化率。所以,尽可能少的使用表格。

     

    再次提醒,用户很快就感到厌倦,所以给他们填写冗长的表格,可能会使他们放弃你的网站。

     

    8.简单的导航

     

    导航应该简单明了,将按钮最小化,确保他们通过拇指测试。在不同色页面区域添加按钮,这样可以遵循逻辑路径。

     

    9.测试,还是测试

     

    彻底地测试登陆页面,以确保它能在移动设备里有效地工作。考虑A / B测试,在某些情况下,它高达40%数据量。

     

    利用A / B测试,您可以创建两个相同的页面,A和B 。然后分开每个页面设计,看看哪一个的运行是最好的。指标是最重要的项目设计,如转化率、销售、跳出率。在测试结束时,选择一个最好的页面,这样你可以达到事半功倍的效果。

     

    这里有很多手机模拟器,但不论你选择哪一个,确保你只会用它作为第一轮测试。为了保证测试的准确性,你必须使用真正的移动设备。如果有必要的话,你可以乞讨,借,或者是偷移动设备,只为了测试看看你的网站在实际移动设备上的准确性。

     

    10.按钮的最小化

     

    对于用户来说越多的点击或操作,他们就越不可能完成网页浏览。从A点跳转到B点,要有尽可能少的点击。让导航的方方面面和指示按钮变得非常简单。

     

    最重要的事情是,要记住优化移动设备的登录页面。在整个设计过程中,移动设备和电脑是两种不同的媒介。用户在移动设备上,有很少的耐心,因为他们通常想要完成他们任务。缓慢的加载速度和反应迟钝的交互花费了用户大量的时间。


    上一篇新闻:什么样的UI设计师才真正有“B格”
    下一篇新闻:做SEO不得不防得圈套
  • 湘ICP备14005448-1号
  • 技术支持:岳企领航
  • 在线咨询
    扫描二维码添加客服微信