特殊情况下的APP设计:如何处理加载页面?

特殊情况下的APP设计:如何处理加载页面?,第1张

特殊情况下的APP设计:如何处理加载页面?

大多数大型应用程序都使用服务器来停止数据通信。服务器检索数据并请求它。请求服务器后,它们将响应数据发送回应用程序。应用程序获胜后,它会显示数据内容。如果它赢了,就反映数据失败。在数据通信的过程中,由于数据的收集,要求你在一定时间内不必提及,即当用户必须等待减载时,要使用加载机来构建。它向用户报告,App正在尝试为你加载数据,请冷静。好的加载思路可以减弱用户的等待焦虑,而不合理的加载思路会让用户骂爹。

1。用户和客户端服务器

作为用户体验设计师,无论是材质、交互还是UI,习惯从人机交互技术的角度考虑材质假设的测试结果。而在这个过程中,一个关键的过程往往是不小心的:客户端服务器中间的数据乞讨和传输。先看上图。

用户、客户端、服务器

当用户终止人机交互技术,触摸到某个控件时,客户端会将用户触摸到的控件转换成响应命令,向服务器乞求数据。如果一般是服务器端采集,服务器会把数据返回给客户端,用户可以看到自己控制引起的效果。所有的过程都是由用户、客户端和服务器共同完成的。人机交互技术是在客户端中间讨论的,而客户端和服务器之间的数据传输,大多是先行者员工想到的。

比如你来JD.COM买东西,点击掠夺栏,输入核心区单词“大衣”,点击掠夺(触摸控件),JD.COM商城APP会接收控件到服务器,服务器会将所有关于封闭大衣的问题发送到JD.COM商城APP,情况会通过全程目录呈现。

也就是说,数据传输是开发员工思维的测试结果。作为一个有远见的人,你不去想它吗?虽然不是,但结果很简单:数据传输的情况会危及人机交互技术。比如数据传输采集时不会改变10%左右的服务器,就必须主要展现在人机大战的世界里,否则会让用户无所适从,造成焦虑,危及用户的感受。这是UED思考10:00收集服务器的交互假设的结果。还是那句话,如果一个页面包含了大量的疑点,即使集合不会改变,也要花费大量的时间来降低负载,那么如何通过交互的全过程来缓解用户的焦虑呢?

2。数据卸载的几种情况和相应的交互假设

①问题加载

怀疑和钉子穿孔

疑惑,钉钉子等。都接受了那种情况。目录页的散漫描述存放在本地,所以页面中的内容不是空。在没有获得用户视觉效果的情况下,什么时候降低负载才是重点。只需告诉用户该页面正在请求新数据。因此,选择已经测试过的列来显示应用程序已经减少是一个可靠的选择。如果减载成功,已经测试过的列将会消失。如果它与收集问题的服务器相邻,已经测试的列将显示相邻的形状。

②崩溃加载

当页面中的内容比较单一时,数据会经过间接的一次性卸载后呈现。显示H5页面中已有文章的更多详细信息,例如可疑文章。内容卸载在《世界大城市》结束之前就已经在进行了,而且已经在加载世界了。很多大物质城都接受一个叫秋花的人的有限周期,但是时间轴的想法和幽默的动画却能增加用户等待时的焦虑。

疑惑与好团

除了时间线里可爱卡通文案的情况,还有更初级的中级速成加载风格。

左侧闪烁的APP终止了其logo的变化,仿佛一只眼睛已经转了又转;左边的好奇心日报APP,用笔和橡皮擦把它的名牌英文字母Q擦掉,结束了书写大战。那种情况既修剪了装逼的兴趣感和战争想象力,又强化了知名品牌,大家都可以用。

睁开你的眼睛和每天的好奇心

③。最坏情况发生前的减载

当有水彩笔照片时,照片的卸载速度会比水彩笔照片慢。水墨画照片先卸载的时候,卸载照片的过程中会用到占位符,照片卸载到胜出为止。当卸载的页面中的内容具有实体结构时,可以先卸载该结构,然后再卸载该结构中的内容。

整个过程之后,先卸载页面中的结构,假设占位符等情况,可以减少用户思想的等待时间,发展其物质感受。

特殊和轻微怀疑

微接受深灰色块作为照片占位,而微怀疑国政号,在深灰色块的基础上,删除了相对有限的加载周期。此外,包含材料徽标或品牌图像的照片可以用作占位符。

④。骨架屏幕

你可能听说过那种甩负荷的情况,但你肯定见过。这是一种用深灰色图形填充未加载内容区域的方法。所以当所有页面都被卸载后,会给用户一种连接的感觉。

国外的脸书、百度百家、微设计、中国的Douban.com都接受了那种甩负荷的情况。

那种情况一般用在内容结构比较强的页面,不适合用在页面中可以显示空数据的情况。就像下图中的脸书尾页一样,百度百家的尾页创建了发明页。页面结构扎实,内容不会空(除非集合会导致减载失败),非常适合骨架屏的减载情况。在变坏之前减少负荷的方法会导致更好的结果。

脸书&百度百家

⑤敬酒情境

当进入二级页面的某个控件已经在页面中被触摸,并且二级页面要求数据卸载后才能进入时,那种情况下可以使用类似toast的加载。

ofo和。爱彼迎(美国短租平台)

那种加载情况可以防止用户因为不断控制而丢失数据卸载。比如几乎所有的登录页面都接受这种情况。

你在做这种加载思路的时候要注意两个方面。一种是求请求超时的划分(每种加载情况都要考虑哪个方面)。比如我习惯包括10秒。如果10秒后借出时有减载成功,用户将被提示失去减载。请再试一次。如果是集合,表示结果是原果的集合,其他原果表示减载失败。请再试一次。其次是视觉效果层。许多大的材料城市简单地使用黄菊花装载内置的管理系统。中下水平的方法是想象与材料或知名品牌相关的装载,如ofo或Airbnb。这样一来,装载大会中的所有材料都具有相同的视觉效果,更具想象力,也更人性化。

⑥。向下推动以产生新的减载

Twitter在过去明确提出了下推创新,并被广泛应用,允许用户在当前页面用脚停止升级,卸载的加载样式可以进一步构思。比如QQ把加载动画和绘画的下推趋势分开,删除了利益;豆瓣。com做出了装成笑脸,给了料狼的想法。

Douban.com和QQ

⑦。按区段减载

当新页面有上千条内容时,如果一次性卸载全部内容,武器装备负担会被削减,除夕卸载时间过长。另外,APP本身也可以拆分,因为计算成本太低。为了处理哪门考试成绩,出现了一种叫做逐段减负的情况。也就是先加载几十个全新的数据,然后在用户不停拖拽阅读大量文章的时候再加载几十个新数据。

在PRD的近似交互假设的文本文档中明确指出,如果内容以照片为主,建议减载20至30篇,如果内容以文字为主,建议减载40至60篇。那时,每个人都可以从自己的假设和习俗中学习。我毫无兴趣地数着过去和今天的头条。标题每被段落删减一次,就会删减60条信息。

相同&知乎问答

⑧。智能减载

在收集形状欠款的时候,可以考虑减少照片的数量。在采集高质量时,可以减少照片的数量。

同样,当验证用户使用的是蜂窝数据时,占位符的呈现不带照片,使用WiFi时间接卸载照片。这些想法都是站在用户的角度,为用户着想,为用户带来成本,这样用户才会真正喜欢你的素材。

知乎问答

3。大量减载考虑了

因为现有网速不快,收藏很低,服务器很低,bug等等,需要用户等待。但是,众所周知,等待会产生焦虑,你会一下子卸下你的材料。除了上面说的加载,有没有其他方法可以压抑或者缓解用户的焦虑?

首先,App的减载优化算法变差,使得App服务器的数据传输时间变短。这就需要培养员工的点睛之笔。这是基于基本技能来解决测试结果,因此,间接减少了加载数据的时间,这也减少了用户所需的等待时间。

第二,接受预减载战智能减载的方式。例如,当用户阅读第一页时,应用程序已经卸载了前两页。当用户翻出前几页时,没有等待卸载的要求,因为App提前帮用户卸载了负载。

那种卸载机对于用户的感受是有很好的评分的,但是已经有一个考试成绩了,就是要猜测用户如果只卸载其他数据的话,总流量会损失很多。所以建议使用已经被WiFi收藏过的卸载机类型,不接受已经被蜂巢收藏过的卸载机类型。谁想打架,谁想发展,工作人员就互相商量,保证预卸机的良好运行。

第三:同样的急诊。那边好的App比Instagram好。不知道你有没有发明。当你使用Instagram的时候,你会觉得分级很流畅,即使集合不够好。那为什么呢?如果收藏不够好,你就夸你最好的朋友。其实Instagram提醒你收藏不够好,控制失败也不容易。这只是友好地提醒你愿意工作。的确,它只是描述了对你的脸赞的控制,收藏好了,就会把脸赞上传到服务器,然后进行脸赞。那就是让素材自己解决测试结果,而不是把测试结果扔给用户。

微疑也接受了同样的紧急处理。发布情人圈的时候,不用等到所有的墨水笔战照都提交了。当面提交后,可以终止其他控件。微疑会已经用墨水笔把图片上传到服务器了,也没打扰用户等待。

第四,想象一下上面介绍的那个幽默的装动画,新奔驰的奸诈小人,一个很好的群APP,当时是提升物质感受的关键。如果你能把自己的知名品牌元素分离出来,体现出原生商品的特点,那就很不一般了,如上所述。

回到文章的开头,作为一个materialimagine员工,我们不要想着客户端和服务器端的交互,还要想着客户端和服务器端的数据传输。我们应该从用户和服务器之间的闭环控制的角度来考虑材料。在这种情况下,我们可以想象一个更明智的没有账面价值的数据减载方案。

制作人:邹志南

联系方式:http://www.jianshu.com/p/b497c7c326f5

产地:百度百家

做正确的事会把一切都回报给行为者。贸易转让请联系制造商获得授权,非贸易转让请注明来源。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/778986.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-03
下一篇 2022-05-03

发表评论

登录后才能评论

评论列表(0条)

保存