• 姜建军做客人民网2018全国两会访谈节目 2018-03-28
  • “草根救援能手”王栓劳 2018-03-28
  • Mydrivers驱动精灵万能网卡版1350E版 驱动精灵 驱动之家 驱动之家 2018-03-28
  • 成都4S店买大切诺基 新车半年上不了牌 2018-03-28
  • 教育怎样让人民更满意?发展公平而有质量的教育 2018-03-28
  • 日照市实验小学:小手拉大手 共建绿色家园 2018-03-28
  • 美国一女子因异食症而爱吃石头 一天不吃就不舒服 2018-03-28
  • “互联网+” 驱动浙江越来越好 2018-03-28
  • 保监会开9张罚单严打车险乱象 2018-03-28
  • U-21男足选拔队集训名单出炉 恒大富力3人入选 2018-03-28
  • 习近平总书记来川视察重要讲话精神 2018-03-28
  • 春意盎然 放飞梦想 南师附小红谷滩校区二部开学典礼 2018-03-28
  • 法媒:中国机构改革重塑治理格局 对促进中国新时代发展效果可期 2018-03-28
  • 煤炭行业专家企业齐聚山西共论“煤事” 2018-03-28
  • 广汽本田汽车有限公司 召回37万余辆国产汽车 2018-03-28
  • 申请报道

    扫一扫,联系编辑获得审核机会

    符合以下要求,获得报道机会

    • 1. 新公司求报道
    • 2. 好项目求报道
    • 3. 服务商求报道
    • 4. 投资融资爆料

    当前位置:北京时时彩投注网站 >  站长 >  交互设计 >  正文

    移动网站应用设计:速度至关重要!

     2018-03-07 13:35  来源:人人都是产品经理  我来投稿

    北京时时彩投注网站 www.dfc987.club   2018年最火项目 电销机器人等你加盟

      设计一款移动网站应用,如何才能抓住用户的心?

      

     

      在2016年,全球的移动互联网使用率首次超过台式电脑。根据谷歌英国地区研究:

      “如今,65%的英国成年人都使用智能手机作为他们上网的主要设备。”

      人们搜索信息,购买商品,订阅服务都是使用移动设备。用户偏好的转变导致用户对产品的期望也大大增加。如今,大多数用户对于糟糕的手机性能几乎没有耐心 – 如果他们不能立即获取他们想要的东西,他们就会转投其他产品的怀抱(这对于一款应用来说简直是重击)。

      

     

      设计一款移动网站应用,如何才能抓住用户的心?首先,设计师应该规避设计中一些常见的错误,提高运行速度。在这里,我将会提供一些解决页面加载缓慢,登录墙用户体验差和支付过程耗时久这些常见问题的方法,以供参考。

      页面加载缓慢

      由于目前的技术支持实现更快的体验,用户的等待意愿开始下降。

      “其中三分之二的移动网络用户表示,加载页面所需的速度对他们的整体体验影响最大。”

      Google在全球范围内对90万个移动网站进行了测试,发现完全加载移动网页所需的平均时间为22秒。与此同时:

      如果加载时间超过3秒,53%的用户将离开移动网站。

      解决方法

      1. 试着找出造成加载缓慢的原因

      如果加载缓慢是你网站的常见情况,请尝试找出具体原因并解决问题。通常,页面加载时间受以下影响:

      视觉元素(图像和动画)。高清图像和流畅的动画只能在不影响加载时间的情况下创建良好的用户体验。因此,这可能是造成网站加载缓慢的原因之一。建议阅读“图像优化”相关知识了解更多优化细节。

      自定义字体。与网站上其他资源一样,下载自定义字体会耗费一定的加载时间(如果字体位于第三方服务上,则需要更多时间)。

      商业逻辑。程序编写不够规范。

      网站基础设施。网站所使用的硬件,如服务器的性能、宽度速度以及服务器的硬件配置都会影响加载速度。

      2.测试你的网站

      如何测试网站的性能?这里推荐两个工具给大家。第一个是Google’s Test MySite,该网站会根据网站性能的现状,提供有关如何加速和改进网站的可操作报告。

      WebPagetest 是另一个测试和优化网站性能的工具,它允许你对全球多个地方的真实用户使用的真实浏览器 (如IE浏览器和谷歌浏览器) 的连接速度进行一个免费的测试。

      3. 使用加载占位图

      如果你不能提高网站实际的运行速度,至少试着营造一种加载速度很快的感觉–用户对于网站速度快慢的感觉通常比实际的加载速度更重要。

      加载占位图是在加载内容时显示的页面版本。占位图会使用户感觉网站速度的运行起来比实际情况更快。

      设计师不妨在Codepen Example中查看占位图效果。它的设计者就是利用压力缓冲器的原理,使用占位图给用户营造出一种错觉:网站正在运行,并且内容在快速加载中。

      

     

      登录墙设置

      在用户使用应用程序之前,一般会有一个强制性注册的登录墙。登录墙是用户在初次使用下放弃应用的主要原因。对于品牌认知度较低或价值主张不明确的应用而言,使用应用的用户数量尤其重要。因此,建议推迟注册 – 提供用户尝试应用该项服务,他们会更乐意完成此步骤。

      解决方法

      1.使用电子邮件地址或电话号码作为用户ID

      如果你让用户创建一个独特的用户名,他们很可能会遇到以下这些麻烦:

      由于用户名必须是唯一的,因此用户可能需要花费几分钟才能得到正确的名称,因为首选用户名已被其他用户使用。

      用户可能会以用户名注册,但过了一段时间后,他们就会完全忘记。根据Janrain+Blue的研究,92%的用户如果忘记了用户名就会放弃使用。

      

     

      因此,允许用户通过电子邮件或电话号码作进行注册,让注册更加简单轻松。

      2. 使密码验证成为无摩擦的体验

      用户经常忘记他们的账号密码,当他们不得不经历密码重置这个过程时,他们会感到非常恼火。

      

     

      这时候设计师应该怎么做?简化认证体验,减少放弃风险。使用第三方登录(使用Facebook / Twitter登录):

      

     

      Flipboard允许用户通过社交网络帐户登录,

      或指纹触摸/脸部识别登录:

      

     

      iPhone应用程序的Chase银行提供了一键式登录选项。

      3. 提供其他登录方式

      根据用户提供的相关信息来提供其他登录方式。例如,如果你拥有用户的手机号码,则可以在手机上输入一次性密码。

      

     

      漫长的支付过程

      越来越多的移动用户不仅使用移动设备搜索商品,甚至会在手机上完成支付过程。这意味着我们需要为小屏幕设备设计购物体验,并让它尽可能舒适。但说起来容易往往做起来难,在移动设备上填写结账表单可能很痛苦。因此,繁琐的支付过程是导致用户放弃支付的主要原因。这并不奇怪,根据Google数据表明:

      “50%的用户因为不愉快的移动端支付体验而放弃了交易”。

      解决方法

      1.不要强迫用户创建账号

      据Baymard研究所称,强迫用户创建账号是消费者放弃购买的最大原因之一。正确的做法是支持用户无需注册进行购买。因此,应用不仅需要为消费者提供了“快捷支付”选项,而且要让该选项足够清晰可见 (Baymard研究所还发现,88%的移动端支持访客支付,这些选项往往由于不够明显而容易地被用户忽略)。

      

     

      易趣提供了两种选择 -“登录支付”和“访客支付”

      2. 记住用户的详细信息

      不要要求用户输入他们之前提供的任何信息。收集过用户数据之后,可以再将其用于用户的其他新交易中。这些数据可能是收货地址和支付信息,一定要确保用户在需要的时候可以进行修改。

      3. 利用地理位置数据

      与其向用户询问送货地址,不如将其当前位置作为配送货物的默认选项。但在设计时需确保用户在需要的时候,可以轻松地更改收货地址。

      

     

      当用户点击“分享我的位置”按钮时,表格中的信息将会自动填入当前地址。

      4. 使用Apple Pay或Google Pay支付

      谈到付款问题,设计者应该尽可能提供用户多种选择,这样用户就可以选择他们喜欢的方法进行支付。提供多种支付选项的应用程序,如Apple Pay和Android Pay,可以让用户在付款时从填写额外表单的痛苦中解脱出来,并能提供给他们更大的安全感。

      

     

      5. 设计“快速购买”选项

      设置自“快速购买”这个选项可能对老用户更有帮助。当用户点击“快速购买”按钮时,网站应该自动将用户重定向到购买信息页面进行确认。所有常用的支付方式和收货地址都应该直接从之前的订单中进行提取。

      6. 支持使用其他设备继续购买

      虽然使用移动设备完成购买的人数正在增长,但有相当多的用户使用手机只是为了浏览,更喜欢在台式电脑上完成购买。设计者应该设置“保存以待后用”或“将购物车发送至邮箱”的选项来帮助用户完成支付。

      阅读本文(本文最初发表于 babich.biz)之后,你们有更多关于改善移动网站性能的建议吗? 欢迎在下面的评论区中进行分享!

      原文作者:Nick Babich

      原文链接:https://uxplanet.org/mobile-web-when-speed-matters-d371a961cf46

      本文由@Mockplus(摹客)团队 翻译发布,未经许可,禁止转载。i

      题图来自unsplash,基于CC0协议

    扫一扫关注A5创业网公众号

    扫一扫关注A5创业网公众号

    责任编辑:西瓜

    相关标签
    移动网站
    网站设计

    相关文章

    • 网站设计:从幽灵按钮到空心元素,如何用好这一设计趋势

      幽灵按钮和类似的空心元素,在诸多的设计趋势当中,还是显得颇为单薄的。它们的转化率看起来不够突出,和其他的固定形体相比,吸引力也一般,它们的视觉效果主要取决于周围的对比度和环境本身,一句话,缺点很多。即便如此,它们并没有很快消失,相反依然活跃在设计的一线。

      标签:
      网站设计
    • 移动网站速度要快 如果不避开这些就快不了

      移动网站有多重要,在人人都成为低头族的今天,当用户打算访问你的网站的时候,你还让他们找个电脑登陆吗?有一些人表示,现在网站PC端访问占主流,但是,不能否认来自移动你的网站端的流量,退一步说,现在网站建设移动端已经是标配,既然如此,做好移动网站的用户体验至关重要。

    • 网站设计没有新意 有没有打赏功能

      滴滴打车有个打赏功能,而在今日头条发文同样有个打赏功能,打赏属于意外的收获,如果你的服务超过了用户的期待,用户会通过打赏格外给你一份奖励,而在网站设计中,很多用户通常有这样的感叹,千篇一律,没有新意,那么,有没有尝试做个打赏功能呢?

      标签:
      网站设计
    • 让人眼前一亮的网站 具备哪些特点呢

      网站设计要抓住人心,当用户访问网站的时候,会留下深刻的印象。新鲜感是获得用户青睐的一个好方法,不要认为,一个网站有了足够多的用户之后,就忽视了对网站新鲜度的打造,一个运营良好的网站,每天都有新的用户访问,所以,如今的网站建设,依旧需要让用户眼前一亮的感觉。

    • 网站设计缺乏创意?视差滚动网站设计让你与众不同

      让一个网站看起来酷炫,丰富,具有吸引力。你可以添加多种多样的设计效果和技巧。而视差滚动效果则是其中一个很不错的选择。这里,Mockplus团队精心整理了20多个视差滚动网站设计,希望您在看完这些不错的设计后,也可以使用Mockplus做出同样创意满满的网页视差原型设计。

    • 如何设计一个好LOGO?LOGO设计网让LOGO设计不再难!

      LOGO是让品牌呈现在用户面前的最好形式,通过LOGO,用户可以快速地识别公司和品牌,因此拥有一个让人过目难忘的LOGO是品牌营销的重要方式。LOGO的形状、颜色、形式,每一个元素都直接影响人们对他的印象,那么什么样的LOGO才能深入人心,起到很好的宣传效果呢?

    • 如何优化操作流程,提升用户体验?

      关于提升用户体验的方法论非常多,其中一个比较常见的就是简化操作流程。我们对此非常熟悉,但是我很少看到有文章系统的去论述该如何去简化操作流程。这里我就做一个简单的分析,如果大家看完之后有所收获或启发,不胜荣幸。

    • 在设计APP签到功能的时候,我在想什么?

      什么是签到?让我们先从表象理解:签到就是用户每天在APP内使用此功能,并得到系统给予的奖励。签到功能,用好了能够有效的促活,用不好的话只是一个增加应用包大小的鸡肋功能。怎么设计一个高效的签到功能呢?这篇文字记录了我的思考,希望能对你有启发。

      标签:
      app设计
    • 抖音播放主页交互设计分析

      众所周知,交互设计是产品经理的必备技能,对一款产品进行交互设计分析,也是产品经理的日常工作之一。那么对于互联网产品来说,我们应该如何对其进行交互设计分析?选取的维度,关注的重点又有哪些?下文我以抖音播放主页为例,说说我的看法。

    • 交互设计师在全流程设计中,有哪些注意事项?

      在整个设计过程中,我们有标准化的设计流程。据我了解:很多大的设计团队流程都是一样的,这里不做过多讲解。在具体的项目中我们经?;崤黾髦指餮睦?,我们如何克服困难帮助业务成功?如何在协同业务的全流程中利用体验的视角洞见机会,让设计的价值最大化至关重要?

      标签:
      交互设计师
    • 理财产品中,体验金的设计与分析

      理财产品,从推广营销活动开始,用户一层一层流失掉,到最后,投资的用户所剩无几,转化率可想而知。这也是困扰从业者普遍的问题。如何使新用户成功转化为投资用户,成为关键一环。众所周知,在这个线上流量枯竭的时代,互联网理财产品如今获取一个真实有效投资用户的成本相当高。尤其是和金钱挂钩的理财产品,与用户建立信

    • 在设计过程中,有哪些不容忽视的交互设计要点?

      本文总结了一些在交互设计中重要的理论要点,并针对各理论要点展开描述相应的设计策略。主要涉及视觉感知、认知摩擦、认知负荷和情境认知四个方面。视觉是人类认识自然、了解客观世界的重要手段,同时也是理解人类认知功能的突破口。当人们开始观察外界物体时,视觉系统将剌激以图像的方式传递到大脑,并通过大脑的视觉皮层

      标签:
      交互设计
    • 氛围独特情绪深沉的深色系网站,设计上有什么讲究?

      在设计中,情绪的传达和氛围的营造通常是要看设计项目的目的是什么,而不同的配色和不同的元素组合,往往能够呈现出截然不同的风貌。相比之下,深色系网站常?;岢氏殖龈捞氐姆瘴?,传达出更为复杂多样的情绪。虽然这样的情绪并不一定是正面和向上的,但是好设计总归是让人过目难忘的。想要借助深沉的色调来创造情绪相对

    • 浅色还是深色?教你选择合适的界面配色方案!

      我们的日常生活总是会面临无数的选择,尤其是在职业生涯中,我们必须考虑到很多的反对和挑战,更好的设计解决方案不仅是基于建议,而且是以事实、经验和知识为基础的。今天我们要讨论的是UI设计师在工作中经?;嵊龅降囊桓鱿钅浚憾杂谟没Ы缑胬此的母雠渖桨父?,是浅色还是深色?

      标签:
      界面设计
    • PC端表单设计的研究:如何设计一个优秀的表单页面

      最近身边的一些小伙伴,总会遇见B端设计工作,对于这种偏后台设计的B端设计,总会有大量的表单设计需要做,结合以前自己也有过不少表单设计的工作,在这里给大家分享一下自己对于PC端表单设计的研究,聊一聊表单在PC端中的运用。

      标签:
      表单设计
    小程序

    热门排行

    信息推荐

    扫一扫关注最新创业资讯
    北京时时彩投注网站