童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

淘宝实例分析:常见的七种app加载样式设计

6月14日 牵手手投稿
  本文笔者将以淘宝数据加载为例,来分析常见的七种app加载方式。
  数据加载发生在用户触发特定操作后,客户端向服务器发送请求,服务器处理并返回数据给客户端的过程。
  该过程中由于网络异常、解析出错或服务器异常等问题常常会导致数据加载失败或延时。而用户是没有耐心的,这时候需要产品在前端进行一定的设计来缓解用户等待焦虑,并在加载失败时给出一定的反馈提示,防止用户由于漫长等待时间而离开。
  下面将通过淘宝的加载实例,来分析一些常见的数据加载方式,体验设备:iPhone8v12。3。
  目录
  启动页
  下拉刷新加载
  分页加载
  全屏加载
  占位加载
  模糊加载
  模态加载
  补充:关于加载的一些细节设计、总结
  一、启动页
  启动app时需要进行初始化工作,基本所有产品都会设置启动页来缓冲用户的等待时间,提升用户体验。
  通常有以下几种:
  展示产品logo和slogan,宣传定位。
  展示具有品牌形象和产品情怀的封面图,建立品牌认知。
  更多的是两者结合,利用展示logo和slogan的时间加载广告或活动页,同时继续初始化app界面。
  二、下拉刷新加载
  常用于内容可变的界面或列表,顶部刷新属于用户的主动行为,比起常见的文字提示,更多app都是采用比较有趣的设计,提高趣味性同时展示产品形象。
  淘宝首页刷新使用动态悬浮圆圈样式,每次刷新除了展示商品的变化,还伴随广告展示。
  同样在下拉刷新展示广告的,还有爱优腾之类的视频播放软件:
  首页以外的页面刷新频次不高,采用了简单的文字刷新提示,刷新成功会有对应的Toast提示,给予适当的反馈:
  像斗鱼、虎牙、B站等偏娱乐的app采取的则是比较有趣的动画,让用户忍不住盯着看,有效缓解用户等待过程的无聊感:
  Gif效果图:
投诉 评论 转载

一个项目带你走进产品经理的世界(6):设计确认上一篇我们围绕产品的第一个版本展开分析,接下来,我们继续来看下设计确认的过程。设计确认首先我们来看下设计确认的含义。设计确认包括原型确认和UI确认两……淘宝实例分析:常见的七种app加载样式设计本文笔者将以淘宝数据加载为例,来分析常见的七种app加载方式。数据加载发生在用户触发特定操作后,客户端向服务器发送请求,服务器处理并返回数据给客户端的过程。该过程中……让用户秒懂的页面引导是什么样的?互联网产品中常见的页面引导,到底应该怎么设计?一、为什么要做页面引导?几乎每个互联网产品,不论是Web还是App都会做一些页面引导。有些是页面交互引导;有些是为了介……席克定律你必须了解的交互设计定律库克定律是日常设计重要的交互设计定律之一,能够有效的帮助我们解决决策效率导致用户流失的问题。决策效率是一个产品导致用户流失的重要原因之一,用户迟迟不能做出选择,付出的成本……折叠屏设计第二弹:商家移动端体验升级在前文的《不要惊讶,折叠屏就应该这样设计!》一文中,我们看到了折叠屏来袭,手淘设计师们基于C端应用场景的思考与畅想。作为第二弹,让我们来探索一下,折叠屏如何为淘宝的商家用户带来……数据分析,如何指导互联网产品的功能设计?都在说数据分析有什么作用,那你知道数据分析,可以怎么指导互联网产品的功能设计吗?产品人在产品上线过后,很多就开始不停跟踪竞品,他们出什么功能,他们出了什么UI,好,立马动……“家庭场景”交互触点盘点如何给用户带去更平滑的用户体验,同时达成服务提供方更好的营销转化,这是我们需要去深入探索、思考、创新的重要方向之一。在家庭场景中,与用户最具相关性的就是触点,如果用一个场……跳槽进大厂,这些设计技法必须会(五):分形风格今天给大家带来的设计技法研究分形风格。其实风格有很多,归根结底是我们如何去归纳和总结,去发现一些趋势规律运用到自己作品里面去,从不同的设计门类中寻找和借鉴新的设计元素。在……设计师还不会讲故事?讲故事可以快速的建立一种同理心,让你的团队对你们用户的需求和痛点产生强烈的共鸣。如何讲故事讲得好呢?需要使听众能够听得懂的语言;通过数据论证;使用巧妙的技巧吸引观众的注意力。……移动交互设计:最好的触发器,该符合情境,体贴用户本文笔者将与大家介绍六条触发器的设计规则,讲述:如何设计符合情境,体贴用户的触发器?【触发器】指的就是启动人与设备间交互行为的物理或数字控件。一、手动触发器手……互联网汽车功能小结本文笔者通过自己的真实经历和实际感受,阐述了互联网汽车功能开发方面的五点相关内容,帮助大家了解互联网汽车行业。在汽车及相关领域,伴随着“互联网”的春风,创新汇聚成越来越强……搜索功能交互设计小结搜索可以分为输入、匹配和展示三部分,本文将侧重与输入与展示方面来对这三部分分别进行分析介绍。总结一下对搜索功能的认识,搜索可归纳为输入、匹配和展示三大部分,从我的角度侧重……
真实项目案例复盘:挖掘需求在沟通中的催化作用交互设计师必懂的尼尔森十大原则Facebook是如何打造产品的语调框架的?请注意:输入设计需要这些交互反馈5招,教你做好toB客户调研2020UX趋势报告:UX设计不只是设计QQ看点日报内容优化基于BERT的热点召回系统如何结合财务设计FMS系统?2019年趋势回顾:ICON设计的11个亮点10种方法制作个性化用户界面评论区设计策略让你的评论FUN起来如何提供设计反馈?与你分享5个技巧
多肉三仙子是哪三样深度解读宝贝详情页优化的重要性iphone4s手机拆机图解游天池山小学作文如何利用Facebook引流推广产品?个人也要关心组织战略热博聚热点网 如何评价高意在中德女排之战的表现?锡精矿价格今日报价金属网关于享受夏天的日记精选老师对学生说的话转型中的俄罗斯国家能力:政治制度与精英体制的分析眉上下巴有痣代表什么揭秘旺夫痣长在哪里

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界