Ícone para representar "off-line utilizável"


7

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:

desligadadesligadaParafuso de iluminação dividido

Comentário solicitado pelos ícones conectados / desconectados do meu dispositivo, aqui está: Projeto de material conectado / desconectado


11
Não tenho certeza se isso ajuda, mas isso me lembrou como o Mirc usou um raio como ícone "conectar" e um raio dividido como ícone "desconectar" .
Joonas

11
Sugiro começar pesquisando o que seus dispositivos de destino usam para representar conectados e desconectados, para que eles sejam familiares aos usuários. Eu suspeito que a melhor resposta será um ícone de Wi-Fi e um cruzado WiFi icon
user56reinstatemonica8

@ Joonas: Adicionado à seção "Exemplos" da pergunta, obrigado!
Nicolas Raoul

Esse é um ícone wifi de aparência estranha, IMO. Eu diria que um cabo desconectado pode ser mais conhecido, mas hoje em dia isso provavelmente não é verdade.
precisa saber é o seguinte

Se uma nuvem estiver online ... Poderia uma poça estar offline? :)
Dom

Respostas:


2

Tomando a linha muito literalmente. Eu não acho que isso seja particularmente convincente, mas talvez seja uma boa ideia.

disponível offline


0

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:

  • Um ícone de usuário de quiosque offline: versão do quiosque ou ícone do aplicativo "offline" Versão do quiosque em 32px
  • E um ícone necessário para wifi: Versão exigida por Wi-Fi do ícone do aplicativo Versão necessária sem fio em 32px square

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.


-1

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:

Ícones para offline / online

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.


-4

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.


11
Sinto muito, mas sua resposta não justifica um voto positivo, na verdade eu a votei para baixo porque acho que não responde à pergunta do OP. Se você pode dar um exemplo ou expandi-lo, seria mais provável que eu retirasse meu voto negativo e votasse sua resposta.
D JunVᴀᴅᴇʀ

Na verdade, não é uma má idéia. Na verdade, consideramos adicionar "OFFLINE" à versão offline, com o ícone não modificado referente à versão online (normal) do aplicativo. Ainda esperamos encontrar uma representação mais gráfica.
Nicolas Raoul

11
Esta é a melhor resposta até agora. Tente não parecer um idiota e você terá mais votos.
8239
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.