离线应用程序的8个有效设计技巧

With the seeming massive adoption of web applications, design systems to support this adoption get better. While the internet is abound in certain areas, connectivity could be limited or non-existent in other areas or cases, this notion has influenced the design of applications on both web and mobile platforms. Poor connectivity influenced the development and speedy adoption of progressive web applications.

随着Web应用程序的大规模采用，支持这种应用程序的设计系统变得越来越好。 尽管互联网在某些领域比比皆是，但在其他领域或案例中，连接性可能受到限制或不存在，这一概念影响了Web和移动平台上应用程序的设计。 连接性差影响了渐进式Web应用程序的开发和快速采用。

Progressive web apps are applications which look and function like mobile applications. Caching techniques, service workers, manifest files and design are certain elements considered when designing for offline applications.

渐进式Web应用程序是外观和功能类似于移动应用程序的应用程序。 缓存技术，服务人员，清单文件和设计是为脱机应用程序设计时要考虑的某些要素。

In this post, we shall be discussing 8 tips for effective design of applications required to function offline.

在本文中，我们将讨论8个技巧，以有效设计脱机运行所需的应用程序。

应用状态 ( Application States )

All digital products (for the most of today) function in two main states, the offline state and the online state.

所有数字产品（今天的大部分时间）都处于两个主要状态，即脱机状态和联机状态。

In the online state, an application is basically connected to the internet and have access to resources available on the internet including real-time information and remote communication. Also, third party services and APIs also have access to the internet. This is the state in which most applications function.

在在线状态下，应用程序基本上连接到Internet，并且可以访问Internet上的可用资源，包括实时信息和远程通信。 此外，第三方服务和API也可以访问互联网。 这是大多数应用程序运行的状态。

An alternate state is the offline state. In this state, the application is isolated from the internet and functions with resources stored locally or cached during prior connection to the internet. Another similar state considered during design is the state where there is poor or unstable connection.

备用状态是脱机状态。 在这种状态下，应用程序与Internet隔离，并具有在本地存储或在事先连接到Internet期间缓存的资源。 设计期间考虑的另一个类似状态是连接不良或不稳定的状态。

Offline doesn’t mean ‘no content’

离线并不意味着“没有内容”

As we try to build for the next billion users, diversity is a factor and we’re beginning to understand and accept that not all users can be online all the time as being online is subject to a lot of factors beyond our control. Offline doesn’t mean ‘no content’. Offline simply means no or poor connection to an internet network.

在我们努力为下一个十亿用户建立服务时，多样性是一个因素，并且我们开始理解并接受并非所有用户都能一直在线，因为在线会受到许多我们无法控制的因素的影响。 离线并不意味着“没有内容”。 离线仅表示没有互联网连接或互联网连接不良。

We live in a disconnected & battery powered world, but our technology and best practices are a leftover from the always connected & steadily powered past. — OfflineFirst

我们生活在一个不连贯且由电池供电的世界中，但是我们的技术和最佳实践是始终连接且稳定供电的过去的遗留物。 — OfflineFirst