Eu tenho duas versões do meu aplicativo:
- online: Requer conexão com a Internet para funcionar corretamente
- offline: pode ser usado offline , por exemplo, no avião
PERGUNTA: Como representar o fato de que um aplicativo pode ser usado offline?
Exemplos vistos na natureza:
Comentário solicitado pelos ícones conectados / desconectados do meu dispositivo, aqui está: 
Respostas:
Tomando a linha muito literalmente. Eu não acho que isso seja particularmente convincente, mas talvez seja uma boa ideia.
fonte
Os ícones precisam ser contextuais ao seu caso de uso base e à plataforma. Supondo que a plataforma seja um dispositivo móvel e imaginando um aplicativo de quiosque centrado no usuário, eu usaria variações em um tema:
Eu manteria a mensagem clara, modificando não menos que 33% do ícone para indicar a diferença, mas não mais que 50% para preservar a continuidade. A adição de cores ajudaria, mas se o requisito incluir a acessibilidade da seção 508, a cor é um fator nominal.
fonte
Acho que sua ideia do ícone do livro vs botão liga / desliga não é ruim. Você provavelmente poderia encontrar algo um pouco mais simples e fácil de reconhecer em tamanho pequeno usando o mesmo conceito.
Minha primeira idéia foi usar uma bateria para uso offline, mesmo que seja usada para energia. Em um site ou aplicativo, pode fazer sentido, pois todo mundo sabe que o laptop ou o dispositivo está desconectado quando vir o ícone da bateria. Então talvez você possa usar essa ideia também.
E como outros exemplos, encontrei estes ícones:
Você pode usar um ícone de laptop e talvez mover o símbolo de conexão para dentro e para fora dele para indicar que está online ou offline. Ou símbolo semelhante e basta adicionar o símbolo de conexão conhecido ou um símbolo de plugue elétrico.
Você também pode usar código de cores diferentes para adicionar mais ênfase à parte de conexão do seu ícone; por exemplo, a parte da conexão pode ser cinza pálido quando está offline e colorida quando está online.
As pessoas se acostumam a esses símbolos, não importa o que você escolher. Desde que seja visível em tamanhos pequenos.
PS: Eu não desenhei esses ícones, você precisará comprá-los ou criar sua própria versão, se quiser usá-los. A maioria deles são arquivos de baixa resolução de sites de imagens e alguns foram modificados levemente.
fonte
adivinha. Eu tenho uma ideia brilhante.
Desenhe o seguinte texto como ícones:
"Versão Online" e "Versão Off-line".
Tada, problema resolvido. Voto por favor.
fonte