发布时间：2023-4-5 分类： 电商动态
什么是网络相关设计？怎么设计？本文作者将从您自己的角度逐一回答您。
一，网络相关设计简介
许多文章和视频都说我们需要针对网络异常进行设计。这是对的，但网络异常设计包含什么？有些文章会提到：
在4G下，观看视频，下载等;在WiFi下，观看视频突然切换到4G;断开网络;网络薄弱。
你认为这有什么问题吗？如果3和4是网络异常，但1和2属于用户的正常操作，将其归因于网络异常似乎是不合理的，所以我更喜欢将这些所谓的网络异常设计称为网络相关设计。 。
二，如何设计1.确定与网络相关的场景和需要设计的提示
两个场景
应用程序中是否存在消耗大量流量的场景，例如下载，在线观看电影，观看直播，观看视频，听歌等等;
有两种情况需要我们提示用户。第一个场景属于某些应用程序，有些则不属于，第二个场景适用于所有应用程序。此外，在本文开头，我们提到了弱网络场景。一些文章提到了设计弱网络场景的必要性，但至少我看到的所有应用程序都不是专为弱网络设计的。有些人认为应用程序提示“你的”网络状况不佳“是针对弱网络设计的，但事实上，当你的应用程序断开连接时，也会提示应用程序。
提示时机
在第一个场景中，我们需要在两个时间点提示用户：
当用户在4G网络上触发大流量操作时;用户正在使用在WiFi状态下消耗大量流量并且需要切换回4G网络的功能。
在第二种情况下，我们还有两个时间点提示：
当用户进入新页面时;当用户向页面内的服务器发送各种请求时。 2.提示用户
常见的提示方式
Toast：Toast提示符是在界面中弹出的文本提示词组。过了一会儿，用户将无法点击。对于页面中的数据，许多应用程序使用此提示。
页面提示：页面提示是整个页面用于提示用户的方式。可以在页面上放置一些图片以分散用户的注意力。使用页面提示方法，我们必须记住给用户如何排除网络故障。而不是像下面的图像中那样提示用户。
Snackbar：Snackbar也是一个文本提示词组。 Snackbar和Toast之间的区别在于Snackbar不仅可以提示用户，还可以单击Snackbar来设置网络，因此Snackbar体验优于Toast，因此它是相同的。在这种情况下，最好使用Snackbar而不是Toast。
提示/列表：一些产品经理喜欢将这种类似条状的列表样式提示称为提示或列表。有些列表是可点击的，与Snackbar基本相同，有些列表无法点击并看起来像Toast。适用于此类页面，它可以很好地与后台集成。如果您想使用List，请记住制作可点击的解决方案，为用户提供解决方案。
对话框：对话框是我们通常说的弹出窗口。虽然不同应用程序中的弹出窗口不同，但效果是相同的。 Dialog的特点是能够为用户提供操作选项，最重要的是中断用户正在执行的操作。用户只能通过单击取消对话框，用户不会错过提示信息。
视频帧中的提示：此提示模式嵌入在视频帧中，这是非常协调的，但应用场景也相对有限，通常在这种视频帧的情况下。
不同的场景下应该用什么提示方法？
我们已经知道我们需要设计哪些网络方案。我们也知道可用的常见技巧。下一步是最重要的一步。我们需要将场景与相应的提示结合起来以给出最佳的场景。设计。
首先，第一个场景，我们需要在两个时间点提示用户。这两个时间点的提示是相同的。 Dialog的使用是最合适的，而且提示内容完全相同，即弹出窗口完全相同，以确保用户知道他们手机当前的网络环境是什么，避免丢失用户流量。
除了使用Dialog提示用户之外，我们可以做的是在设置中添加一个开关，允许应用程序在没有WiFi的情况下执行流量消耗操作，而不是每次都提示用户，这个设置适合我。对于无法使用日常流量的用户，体验会更好。我只想用流量来听。每当我被提示时，这对我来说都是一种骚扰。
在第一种情况下，此流量消耗操作可以使用Dialog来提示用户。但是，如果您正在观看视频，最好使用视频框提示用户，与背景完美融合，您可以查看之前给出的图片。
然后是第二个场景。第二个场景的设计是亮点。在断开连接的场景中，我们还需要在两个时间点提示用户。我们首先要说的是，在进入新页面时，如何在进入新页面时提示用户是一个更复杂的设计。当我们面对不同的情况时，情况就不同了。让我们来看看我梳理的示意图：
让我在上面的图片中向您解释几句话。
缓存：缓存用于将服务器的数据存储到本地电话。我们应用程序中的所有页面都分为需要缓存数据的页面和不需要缓存数据的页面。至于需要缓存哪些页面以及如何缓存，所有这些缓存相关的东西实际上是由架构师设计的。我只能在这里简要介绍一下你。在许多情况下，用户向服务器请求的资源是相同的。
例如，如果您直接登录以了解主页，则应用程序首次从服务器请求数据。等待一段时间，页面加载，然后你突然看到一个消息提示，所以你转移到消息页面。当您快速阅读完该消息后，您将返回主页以查看内容。这是您第二次进入主页。这次您不必再请求数据了。页面加载速度非常快，您感觉不到任何加载。跟踪，这是因为主页使用缓存。将页面添加到缓存有什么好处？我们缓存这些用户经常请求的资源，以减轻服务器上的压力，并加快用户对相同资源的访问速度。缓存是本地缓存后，用户再次请求，速度将非常快。一般来说，几个应用程序主要标签页需要缓存。如果不缓存数据，可以考虑一下。每次在多个选项卡之间切换时，都必须转到服务器以请求资源。你必须等待，它是否真的崩溃了？什么？
缓存过期：刚才我们说当您快速将消息读回主页时，主页的内容使用缓存的数据。但是，如果您阅读了2小时的消息然后返回主页，是否要从服务器重新获取数据？换句话说，您经常在主页和消息页面之间切换。当您多次进入主页时，主页需要再次从服务器请求数据。主页和服务器的数据肯定会在短时间内同步，但主页和服务器的数据长时间不一致。因此，我们肯定需要再次从服务器请求数据，并且我们无法一直使用缓存。这时我们需要为我们的内容设置缓存过期时间，这个时间因应用程序的内容而异（当然，这不用担心你，你只需要知道什么是缓存过期时间。）因此，当我们重新进入主页时，我们会检查缓存过期时间。如果缓存未过期，我们将使用原始数据。如果缓存过期，我们将再次将请求发送到服务器。
什么是页面框架：在许多文章中，此页面框架也作为提示引入。实际上，您可以看到此页面框架的原因与程序员开发页面的方式有关。不是你可以设计的。某些应用程序中的某些页面将使用此方法来构建页面，例如京东和淘宝。如果您输入的主页没有任何数据，您将看到此页面框架，但并非应用程序中的每个页面都有框架。使用哪种方法构建页面，结合页面显示的内容，因此页面框架不能算作提醒。但是，当我们在断开网络时提示用户时，我们应该考虑如何设计带有页面框架的页面。
已向每个人解释了几个关键词，然后我将带你拍这张照片：
首先，我们说应用程序中的页面分为需要缓存且不需要缓存的缓存。首次打开应用程序时，尚未缓存需要缓存的页面。此时，如果页面本身是在页面框架中构建的，那么我们在页面上显示页面框架。由于页面上有内容（页面框架），我们使用Snackbar来提示用户。如果页面没有页面框架，那么页面为空，我们将直接使用页面提示。当我们进入需要再次缓存的页面时，网络此时断开连接，页面缓存了数据，但是为了确定缓存的数据是否过期，那么页面将显示以前缓存的数据，而不管截止日期。 。不同之处在于，如果数据没有过期，那么即使网络断开，我们也不需要提示用户;如果数据过期，我们需要再次从服务器请求数据，但是没有网络，所以我们只能使用Snackbar方式来提示用户。如果我们输入的页面是一个不需要缓存的页面，那么每当我们输入时，只要没有网络，页面提示就会提示用户。
第二种情况的第一种情况提示用户在进入页面时完成。
接下来，看第二种情况。当用户断开网络连接时，用户执行从页面中的服务器请求数据的操作，例如下拉刷新，上拉加载，修改数据，登录注册等，以及操作方式。断开网络时，这些页面将断开连接。全都一样。因为此时页面中有数据，我们只能使用Snackbar方法，或者您可以使用可以单击的List，而Snackbar和Snackbar之间的区别并不大。
上图中的应用程序在这种情况下都使用Toast提示，这意味着我需要改进并更改为Snackbar。
我们需要注意的是这两种情况会重叠。例如，如果我想在线观看电影，当我点击播放按钮时，如果它被断开，我会根据Snackbar方法提示用户;如果我没有断开网络连接，要使用Dialog提示用户避免消耗流量，我们只能通过清楚地区分这些方案做出正确的决定。
总结
在本文中，网络相关设计分为两个场景。每个场景都需要在两个时间点提示用户。当在不同的时间点提示用户时，本文给出了推荐的设计。
