Icono para representar "utilizable sin conexión"

Tengo dos versiones de mi aplicación:

  • en línea: Requiere conexión a Internet para funcionar correctamente
  • sin conexión: se puede usar sin conexión , por ejemplo, en el avión

PREGUNTA: ¿Cómo representar el hecho de que una aplicación se puede usar sin conexión?

Ejemplos vistos en la naturaleza:

DesconectadoDesconectadoRayo dividido

Comentario solicitado por los íconos conectados/desconectados de mi dispositivo, aquí tienes:Material Design conectado/desconectado

No estoy seguro de si esto ayuda, pero me recordó cómo Mirc usó un rayo como ícono de "conexión" y dividió el rayo como ícono de "desconexión" .
Sugeriría comenzar investigando qué usan sus dispositivos de destino para representar conectado y desconectado, para que sea familiar para los usuarios. Sospecho que la mejor respuesta será un ícono de WiFi y un ícono de WiFi tachado
@Joonas: Agregado a la sección "Ejemplos" de la pregunta, ¡gracias!
En mi opinión, ese es un icono wifi de aspecto extraño. Iba a decir que un cable desenchufado podría ser más conocido, pero en estos días probablemente eso no sea cierto.
Si una nube está en línea... ¿Podría un charco estar fuera de línea? :)

Respuestas (4)

Tomando la línea muy literalmente. No creo que estos sean particularmente convincentes, pero tal vez sea motivo de reflexión.

disponible fuera de linea

Los íconos deben ser contextuales para su caso de uso base y la plataforma. Suponiendo que la plataforma es un dispositivo móvil e imaginando una aplicación de quiosco centrada en el usuario, usaría variaciones sobre un tema:

  • Un icono de usuario de quiosco sin conexión:icono de la aplicación "sin conexión" o versión de quiosco Versión de quiosco a 32px
  • Y un ícono de wifi requerido:Versión del ícono de la aplicación que requiere Wi-Fi Versión inalámbrica requerida a 32px cuadrados

Mantendría el mensaje claro modificando no menos del 33 % del ícono para indicar la diferencia, pero no más del 50 % para preservar la continuidad. Agregar color ayudaría, pero si el requisito incluye la accesibilidad de la sección 508, el color es un factor nominal.

Creo que tu idea del ícono del libro frente al botón de encendido no es mala. Probablemente podría encontrar algo un poco más simple y fácil de reconocer en tamaño pequeño usando el mismo concepto.

Mi primera idea fue usar una batería sin conexión, aunque se usa para energía. En un sitio web o una aplicación, podría tener sentido ya que todos saben que la computadora portátil o el dispositivo están desenchufados cuando ven el ícono de la batería. Así que tal vez puedas usar esa idea también.

Y como otros ejemplos, encontré estos iconos:

Iconos para fuera de línea/en línea

Podría usar el ícono de una computadora portátil y tal vez mover el símbolo de conexión hacia adentro y hacia afuera para indicar que está en línea o fuera de línea. O un símbolo similar y simplemente agregue el conocido símbolo de conexión o un símbolo de enchufe eléctrico.

También podría usar un código de diferentes colores para agregar más énfasis en la parte de conexión de su ícono; por ejemplo, la parte de conexión podría ser de color gris pálido cuando está fuera de línea y de color cuando está en línea.

La gente se acostumbra a estos símbolos, sin importar lo que elijas. Siempre que sea visible en tallas pequeñas.

PD: No dibujé estos íconos, tendrás que comprarlos o hacer tu propia versión si quieres usarlos. La mayoría de ellos son archivos de baja resolución de sitios de imágenes de archivo, y algunos se modificaron ligeramente.

adivina qué. Tengo una idea brillante.

Dibuje el siguiente texto como iconos:
"Versión en línea" y "Versión sin conexión".

Tada, problema resuelto. Por favor vote a favor.

Lo siento, pero su respuesta no garantiza un voto a favor, de hecho, la voté en contra porque no creo que responda la pregunta del OP. Si puede hacer un ejemplo o ampliarlo, sería más probable que elimine mi voto negativo y vote su respuesta.
De hecho, no es una mala idea. De hecho, hemos considerado agregar "OFFLINE" a la versión sin conexión, con el ícono sin modificar que se refiere a la versión en línea (normal) de la aplicación. Sin embargo, todavía esperamos encontrar una representación más gráfica.
Esta es la mejor respuesta hasta ahora. Intenta no sonar como un idiota y obtendrás más votos.
Icono para representar "utilizable sin conexión"
RespuestasAquíPolítica de privacidad1y, 0v