热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

App加载页面的等待体验设计技巧

设计师可能无法减少App加载页面的等待时间,但是可以让等待时间变得有趣~,小程序开发教程栏目主要为大家浅淡App加载页面的等待体验设计技巧,有兴趣的朋友们就来了解下吧

小程序开发教程栏目为大家介绍App加载页面的等待体验设计技巧 

在体验经济时代,用户对于等待过程的印象直接影响用户对于产品服务质量的感知和判断,进而影响用户的满意度和忠诚度。本文主要从用户实际等待时间和感觉等待时间两条主线进行探讨,分析提升移动App加载页的用户体验设计原则和方法,从而让用户感受到“优雅而不令人烦躁的等待”。

  移动App加载页是指应用数据加载的一个过程页面,主要分为启动加载页、内容加载页、下载应用加载页三大类。

  “别让我等”被互联网公司总结为互联网产品的用户体验三要素之首。可以说优秀的App加载页不仅可以缩短实际的等待时间,弥补技术、网络等基础因素的缺陷,同时也承担着产品追求极致体验的重任。

  用户在App加载页上的等待体验实际上是受到两种主要因素的影响——实际等待时间和感觉等待时间。实际等待时间是客观存在的加载消耗时间,受技术、网络等基础因素限制;感觉等待时间是用户主观感知上的心理印象。两者都会对用户的决策行为产生影响。减少实际等待时长是减少用户不愉快的基础,同时应用心理认知以及设计新模式和方法来缩短用户感觉时长是关键。

  减少实际等待时间是基础

  从实际等待时间的角度分析,移动App的系统是由若干个相互联系,具有相互逻辑关系的多功能的整体。用户、服务器以及发生作用的数据环境构成了有机系统,具有独特的服务方式和排队序列规则。当用户向系统发出指令,若系统没有一条最有效的路径给予用户反馈,则会出现实际等待,且可能长时间等待。这就是服务器处理数据能力以及容量不足导致的用户请求不能被满足的实际等待。

  首要明确用户对于实际等待时间的容忍度。因为不同的产品满足不同的用户需求,使得用户的容忍度存在差异性。所以需要通过仔细的测试和严谨的分析得出所要耗费的实际等待时间,以及用户的容忍度阀值。进而有针对性的进行设计调整优化。

  1.优化交互框架

  在确保满足用户目标的情况下,优化交互逻辑,简化框架结构,从而降低服务器数据处理量,弥补技术缺陷。

  交互框架不仅定义了高层次的屏幕布局,也定义了产品的工作流、行为和组织。

  (1)明确功能目标优先级,满足用户需求。这个过程中必须返回到交互设计流程中的情景场景剧本中,即人物角色目标和心理模型,从中找到最有效的解决方法,并根据产品功能确定优先级。切勿出现功能模块的重复累赘,以及任务流程走不通或者流程过于复杂。

  (2)检验交互框架。根据关键路线情景剧本以及常用的故事板,进行任务走查,确保每条任务线都是走得通并且是最有效的途径。

  2.根据不同的需求场景,明确相应的数据加载模式

  目前App设计中,合理的数据加载模式主要分为6种。

  (1)全屏加载,优点是能保证内容的整体性。缺点比较明显,有非常强烈的等待感,3s以上会产生焦躁情绪。

  (2)优先加载,一个页面有图片也有文字,在加载图片比较慢的情况下,可以先把文字都加载出来,保证用户可以顺畅阅读,然后再加载比较费流量的图片。

  (3)整页加载,当前页与下一页是整页切换的时候,可以考虑采用整页加载的形式。优点是能保证每个页面的完整性,体验比较整体。缺点是不能保证整页的加载效率。

  (4)自动加载,用这种手法可以营造一种无极限浏览的错觉,很容易把用户吸引住。优点是把用户带入无尽浏览模式。缺点是没有尽头,容易迷失,不方便快速索引定位到某个内容。

  (5)智能加载,优点是根据具体场景来控件流量和加载速度。缺点是不一定真实有效的命中用户需求。

  (6)离线加载,App离线情况下,考虑预加载+离线缓存的设计。优点是解决没网获取数据的问题,且节约流量,又保证流畅。缺点是占用本地存储空间。

  缩短用户感觉时间是关键

  等待时间感觉是用户在等待的过程中对等待时长的主观感受,它对人们的决策行为产生影响。根据用户的心理特征从加载概念模型、非模态加载、情趣化,用户预期等方面设计加载页面,让用户轻松、优雅的等待。

  提供一个概念加载模型。一个优秀的概念模型能够帮助用户不至于困惑,以及辅助用户理解正在发生的事。告知加载进度,让用户有了更加明确的知情权,使用愿意接受等待并且能更好的预期到加载完成的时间。如果缺少告知,用户会猜测一个概念模型,并且这个过程是令人不安、焦躁的。

  情趣化加载。心理上的持续时间很大程度上被心理活动影响着。让等待过程中充满可以看的有趣东西或是可以做的有趣事情,以分散人们的注意力或让人们保持忙碌都会有所帮助。通过创意文案、色彩、动效、声音等趣味化的元素来满足用户上层需求的愉悦性。

  非模态的加载方式。用非模态的加载方式,用户可以利用做别的事情,打发等待的时间,而不用傻傻等待数据加载完成,大大降低了等待的焦躁感。令人焦虑的等待时间被用户的持续浏览消解。

  满足或超越预期。当我们需要为等待设立时间时,最好适当设置超过真实需要等待的时间,提前加载完成会让用户收获意外的惊喜。

  隐藏等待。即用户一执行命令则会受到服务器的视觉反馈,而系统处理过程并未执行只是被隐藏了。例如,微信和Path分享图片,点击发送,图片立

  即出现在时间线上。涉及状态切换的按钮,比如“喜爱”、“收藏”,一般会先给用户一个操作成功的视觉反馈,无需等待服务器返回“操作成功”的实际结果。这样的好处是,大多数情况下用户不需要焦虑等待内容上传完毕。

  结语:App加载页作为整个用户体验的一部分,直接影响用户对于产品服务的忠诚度和满意度。针对用户实际等待时间和感觉等待时间两条主线分析在加载页面设计中,交互逻辑框架、加载模式和满足用户上层需求是重要思考的方向。

相关学习推荐:网站建设教程

以上就是App加载页面的等待体验设计技巧的详细内容,更多请关注其它相关文章!


推荐阅读
  • 微信小程序详解:概念、功能与优势
    微信公众平台近期向200位开发者发送了小程序的内测邀请。许多人对微信小程序的概念还不是很清楚。本文将详细介绍微信小程序的定义、功能及其独特优势。 ... [详细]
  • 对于众多创业公司而言,选择小程序或小视频的发展方向至关重要。本文将深入分析小程序和小视频的特点、优势及局限,帮助创业者做出更明智的选择。 ... [详细]
  • Python应用实例大揭秘:七大令人惊叹的高阶技巧展示
    2020年,Python无疑成为了最炙手可热的编程语言,其影响力已远远超出程序员的范畴。从初学者到资深从业者,甚至小学生,都在纷纷加入Python的学习热潮中。凭借其低门槛、易上手和强大的功能,Python正逐渐成为各行业不可或缺的工具。本文将揭示七个令人惊叹的Python高级应用技巧,帮助读者进一步提升编程水平。 ... [详细]
  • 【实例简介】本文详细介绍了如何在PHP中实现微信支付的退款功能,并提供了订单创建类的完整代码及调用示例。在配置过程中,需确保正确设置相关参数,特别是证书路径应根据项目实际情况进行调整。为了保证系统的安全性,存放证书的目录需要设置为可读权限。值得注意的是,普通支付操作无需证书,但在执行退款操作时必须提供证书。此外,本文还对常见的错误处理和调试技巧进行了说明,帮助开发者快速定位和解决问题。 ... [详细]
  • 企业微信与微工作台消息同步问题分析及解决方案 ... [详细]
  • 据《经济参考报》报道,微信即将推出新版小程序,预计将在近期正式上线。此次更新将新增支付功能,进一步提升用户体验。此外,新版小程序还将提供“附近门店”接口,用户可通过定位功能轻松查找周边门店,享受更加便捷的服务。这一系列改进旨在为用户提供更加丰富和高效的使用体验。 ... [详细]
  • 经过短暂的休整,我们再次推出新的小程序功能,进一步提升用户体验。现在,小程序页面不仅支持放置转发按钮,还新增了长按快速转发的功能,让用户能够更加便捷地分享页面内容。这一更新将为开发者提供更多创意空间,同时也大幅提升了用户的互动性和使用便利性。 ... [详细]
  • Java 点餐系统源代码附带管理后台(免费提供)
    本项目提供了一套基于 Java 的点餐系统,包括前端小程序和后端管理平台。采用 Spring Boot 和 SSM 框架,结合 MySQL 和 Redis 数据库技术,适用于学习和二次开发。有需要源代码的开发者可以通过私信联系,免费获取下载链接。 ... [详细]
  • 基于Java的微信小程序:Spring Boot驱动的中小学家校互动与电子作业管理平台
    基于Java的微信小程序,采用Spring Boot作为后端框架,构建了一个高效的中小学家校互动与电子作业管理平台。前端使用了uni-app框架,确保跨平台兼容性。该平台集成了家校沟通、作业发布与管理、学生成绩查询等功能,旨在提升教育管理效率和家长参与度。后端开发环境配置完善,采用Spring Boot、MyBatis等技术栈,确保系统的稳定性和扩展性。 ... [详细]
  • 微信小程序图片上传功能详解:wx.chooseImage与wx.uploadFile的使用方法与注意事项
    在微信小程序中,图片上传功能是开发者常用的功能之一。本文详细介绍了 `wx.chooseImage` 和 `wx.uploadFile` 的使用方法及注意事项。通过 `wx.chooseImage`,用户可以选择本地图片或拍摄新照片,而 `wx.uploadFile` 则用于将选中的图片上传到服务器。文章还提供了代码示例,帮助开发者更好地理解和应用这两个 API。此外,文中还讨论了常见的错误处理和性能优化技巧,确保图片上传过程的稳定性和高效性。 ... [详细]
  • 深入解析微信小程序开发中的全局配置文件设置与优化技巧
    本文深入探讨了微信小程序开发中全局配置文件的设置与优化技巧,详细解析了 `app.js`、`app.json`、`app.wxss` 和 `project.config.json` 的功能与最佳实践。通过合理配置这些文件,开发者可以显著提升小程序的性能和用户体验。文章还介绍了如何利用这些配置文件进行模块化开发和调试,帮助开发者更好地管理和维护小程序项目。 ... [详细]
  • 如何撰写PHP电商项目的实战经验? ... [详细]
  • 经过半年的精心整理,我们汇总了当前市场上最全面的Android面试题解析,为移动开发人员的晋升和加薪提供了宝贵的参考资料。本书详细涵盖了从基础到高级的各类面试题,帮助读者全面提升技术实力和面试表现。章节目录包括:- 第一章:Android基础面试题- 第二章:... ... [详细]
  • 人人租机作为国内领先的信用免押租赁平台,为企业和个人提供全方位的新租赁服务。通过接入支付宝小程序功能,该平台实现了从零到百的迅猛增长,成为全国首家推出“新租赁小程序”开发服务的阿里巴巴小程序服务商(ISV)。这一创新举措不仅提升了用户体验,还显著增强了平台的市场竞争力。 ... [详细]
  • wxParse 0.3:微信小程序中的高级 HTML 和 Markdown 富文本解析器,全面支持多级嵌套与 Emoji 表情
    wxParse 0.3 是一款专为微信小程序设计的高级富文本解析器,支持 HTML 和 Markdown 转换为 WXML 可视化格式。该组件不仅能够处理复杂的多级嵌套结构,还全面支持 Emoji 表情,极大地提升了内容展示的多样性和用户体验。 ... [详细]
author-avatar
黄秋华1219
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有