La introducción de una organización del modo árbol mucho más estructurada fue nuestro paso 1 en la gran revolución del skin. El paso 2 es una característica completamente nueva, que realmente satisface las diferencias en la visualización de escritorio frente a la visualización móvil.

Aún a riesgo de repetirnos,nos gustaría enfatizar una vez más que la calidad de los tours depende de más cosas que la calidad de los media que incluye. Para tener una buena experiencia, necesitas un buen diseño y arquitectura de la interfaz que los encuadra. 

image (22)

Si comparamos ver un tour virtual en un ordenador con verlo en un dispositivo móvil, no podría haber más diferencias. Difieren en la orientación (apaisado vs retrato), en el tamaño obviamente, en la dinámica o la manera de controlar el dispositivo y quizás incluso en términos de la situación en la que usamos uno o el otro, ya que uno tiende a ser usado con más atención en una oficina tranquila y el otro sobre la marcha con más cosas distrayéndonos. Son dos experiencias diferentes y merecen dos diseños completamente diferentes. diseños completamente optimizados.

Los skins responsivos fueron una solución bastante buena para muchos skins y continúa siéndolo para los skins que no son muy complejos. Los elementos de tu skin se pueden adaptar automáticamente al tamaño de la pantalla si los defines en un porcentaje, el uso de contenedores te permite mantener paneles de botones y diseño de ventanas, etc. Pero una cosa es hacer que las cosas se adapten, y otra es aprovechar realmente la diferencia en el diseño, tamaño e incluso la manera y las situaciones en las que usas un teléfono móvil. Esto es lo que puedes hacer con la nueva característica de Skins Duales.

Skins Duales y como crearlos

Los Skins Duales significan que un mismo tour tendrá dos skins – uno para escritorio y otro para dispositivos móviles y tablets que puedes optimizar con solo un par de toques. El tour por si mismo detectará en que dispositivo lo está viendo un usuario y lo enseñará respectivamente en uno u otro skin perfectamente optimizado para él.

El tutorial te enseña como puedes crear exactamente un skin dual sin tener que crear dos skins separados desde cero.  Cuando rediseñes la interfaz del skin para móvil, te recomendamos que pienses en lo siguiente:
  • ¿Hay elementos que no necesito del todo en el skin de mi móvil?
  • ¿Hay elementos que puedo combinar bajo un botón de menú?
  • ¿Hay elementos que debería mover para que sea más fácil alcanzarlos con la mano que sostiene el dispositivo móvil (las esquinas superiores izquierdas deben reservarse para stickers, contadores e indicadores; los botones deben estar más cerca de la parte inferior y derecha).
  • ¿Cómo puedo convertit mis ventanas horizontales en ventanas verticales?
  • ¿Son los botones lo suficientemente grandes para que se puedan seleccionar con el dedo?
  • ¿Está mi skin demasiado abigarrado? Que nunca distraiga del contenido real!
  02_dual_interior

You May Also Like…

0 comentarios