Le look de la vente en ligne SecuTix fait peau neuve! A la fois plus frais, plus moderne et plus sobre, le nouveau thème graphique est aligné avec les tendances actuelles. Voici donc Equilibrium, un thème tout en harmonie et en équilibre qui va changer l'expérience de vos internautes. ¡La venta en línea SecuTix tiene un nuevo look! Más vivo, simple y actual: el nuevo tema gráfico se ajusta por completo a las tendencias de moda. Presentamos Equilibrium, un armonioso y equilibrado tema que sin duda cambiará la experiencia de los usuarios.
Un
thème moderne et équilibréEquilibrium est bien plus qu'une couche graphique. Ce nouveau thème graphique est destiné à créer une meilleure expérience pour vos utilisateurs. Le poids visuel entre les différentes informations à l'écran a été entièrement repensé pour créer une hiérarchie plus claire, ce qui donne une impression d'équilibre. L'adoption d'un langage visuel plus harmonieux permet de véhiculer toutes ces informations et réduit significativement la complexité des pages. L'espacement inter-éléments a été augmenté afin de mieux souligner le rythme du contenu des pages et de laisser respirer vos contenus. La lecture de l'information s'en trouve facilitée. Cette réflexion a également été l'occasion de rendre le visuel plus sobre, notamment grâce au recours à des zones de blancs. Ces choix permettent de mieux repérer les contenus imbriqués.
Equilibrium se veut donc plus moderne. Il s'inspire de la tendance du flat design et notamment de Material Design, l'ensemble de règles de design proposées par Google. Pour accompagner cette évolution, Equilibrium a été bâti sur la police de caractère Open Sans créée par Steve Matteson et mise à disposition gratuitement par Google Fonts. Optimisée pour le web et les interfaces mobiles, cette interface propose une excellente lisibilité des lettres et se décline en cinq épaisseurs.
Afin de remédier à une largeur de base du thème actuel qui devenait insuffisante, la colonne centrale de contenu passe de 700px à 970px. La mise en page globale utilise désormais 1220px sur les grands écrans.
Au final, c'est un ticketshop plus moderne qui s'offre à vos internautes.
La personnalisation graphique évolue
Tout comme avec le thème classique SecuTix, Equilibrium peut être adapté graphiquement afin de refléter votre charte graphique au plus près .
Durant toute la période de validité de PizBernina V1, vous aurez le choix entre l'utilisation du thème classique et Equilibrium. La sélection s'opère sur la page "Thème internet" du point de vente concerné, où deux radio-buttons permettent la bascule. Pour des raisons de rétro-compatibilité, les champs personnalisables affichés (tels que couleur, image de fond, arrondi des bords, etc.) n'ont pas changé dans l'écran de paramétrage; en revanche, ils ne produisent plus exactement les mêmes résultats. Ainsi, avant de basculer vers Equilibrium, nous vous recommandons de procéder à un reset (lien disponible en haut à droite de la page).
| Info |
|---|
Veuillez noter que le thème classique ne sera disponible que pour une période limitée. Nous vous encourageons donc à procéder à la migration sur le nouveau thème durant PizBernina V1. |
Recommandations d'usage
Voici une liste de recommandations d'usage pour profiter au maximum de l'élégance d'Equilibrium tout en véhiculant votre identité visuelle.
Police de caractère
Avec l'élargissement de la colonne centrale, la mise en page gagne en flexibilité: vous pouvez désormais changer la police pour toutes les textes et pas uniquement les titres.
Unité des couleurs de fond
Un des éléments forts de ce nouveau thème est l'unité dans le choix des couleurs. De ce fait, nous vous encourageons à utiliser la même couleur de fond pour la zone principale et pour le fond des titres. Si vous modifiez la couleur de fond principale mais laissez le fond de titres vides, celui-ci s'adaptera automatiquement au fond principal.
Il est important de comprendre qu'il existe trois couleurs de fond pour les contenus, en anglais, "Body background color", "Background color" et "Embedded area background color". Ces trois variables permettent de définir:
- la couleur de fond principale du contenu
- la couleur utilisée pour les alternances (par exemple: le fond alterne entre deux catégories de places, parfois appelé effet pyjama)
- la couleur de contenus imbriqués.
Pour un résultat optimal, nous pensons qu'il est préférable de choisir trois couleurs différentiées mais qui évoluent dans la même direction: par exemple, les couleurs de base d'Equilibrium sont un blanc pur, un gris très léger et un gris un peu plus appuyé. À noter: la couleur imbriquée sert également de couleur pour les bords dans le thème. Il est préférable qu'elle se distingue un peu de la couleur principale du fond.
Images de fond
Il est toujours possible de choisir la même image de fond pour toute la page. Toutefois, si celle-ci est trop contrastée, ou si vous ajoutez des effets de transparence sur les couleurs de fond internes, vous risquez de réduire la lisibilité des contenus.
L'image de fond sur la zone centrale n'est plus disponible.
Boutons et liens
Equilibrium apporte davantage de granularité aux boutons d'appel à action (Call to action).
Les actions principales sont toujours représentées par des boutons de couleur distinctive. En revanche, les actions secondaires se déclinent désormais en trois niveaux.
- Les plus importantes sont de couleur distinctive et s'accompagnent d'une icône.
- Les actions simples n'ont pas d'icône associée
- Les actions qui ne sont pas souhaitables (par exemple, une annulation) ne sont pas en couleur et apparaissent dans la couleur du texte standard.
Signalons également que la possibilité d'arrondi s'applique désormais à d'autres domaines que les boutons.
Couleur du texte par défaut
La variable de couleur du texte par défaut s'applique à de très nombreux éléments, mais parfois avec de petits effets d'allègement (légère opacité). Ne vous étonnez donc pas si certains éléments apparaissent un peu plus clairs ou plus foncés: c'est un effet de nuance recherché dans Equilibrium.
Mapping des couleurs
L'image suivante décrit précisément les variables qui influencent les aspects visuels dans Equilibrium. Retrouvez ces variables en consultant le document: equilibrium-colortema moderno y equilibrado
Equilibrium es mucho más que una simple capa de gráficos. Este nuevo tema ha sido concebido con la idea de mejorar la experiencia del usuario donde se ha diseñado de nuevo toda la información que aparece en pantalla para causar un mayor impacto y se ha organizado la distribución de forma más clara para que la vista general resulte equilibrada. La renovación del lenguaje visual más equilibrado permite transmitir toda esta información y reducir notablemente la complejidad de las páginas. El espacio entre elementos se amplía para resaltar mejor el ritmo del contenido de la página y para que tengan amplitud. Esto facilita la lectura. Siguiendo este enfoque, los elementos visuales son ahora más minimalistas, sobre todo gracias a los espacios en blanco que permiten ver de forma más clara los contenidos superpuestos.
Equilibrium responde a las tendencias actuales y está inspirado en el diseño plano, en particular, en el Material Design, una serie de normas formuladas por Google. Este desarrollo se ha construido con la fuente Open Sans de Steve Matteson, disponible gratis en Google Fonts. Optimizada para la web y dispositivos móviles, esta interfaz de cinco capas ofrece una excelente legibilidad.
Para corregir el ancho de base del tema actual, que era insuficiente, la columna central de contenido ha aumentado de 700 a 970 píxeles. El diseño general de la página es ahora de 1220 píxeles para pantallas grandes.
El resultado final es una venta en línea más moderna para sus usuarios.
La personalización gráfica, en proceso de transformación
Al igual que el tema clásico de SecuTix, Equilibrium también se puede adaptar gráficamente para reflejar la imagen de su organismo con la mayor fidelidad posible.
Durante la versión PizBernina V1, podrá elegir entre el tema clásico o Equilibrium. Podrá seleccionarlo desde la página del «Tema Internet» del punto de venta en cuestión; en ella encontrará dos botones de opción que le permiten cambiar de uno a otro. Para mantener la compatibilidad con versiones anteriores, los campos personalizables que se muestran en la ventana de configuración (tales como el color, la imagen de fondo o los contornos redondeados) siguen siendo los mismos. Sin embargo, los resultados que se obtienen ahora son un tanto diferentes, así que, antes de pasar a utilizar Equilibrium, le recomendamos que restaure todo (desde el enlace situado en el la parte superior derecha de la página).
| Info |
|---|
Atención: tema clásico solamente estará disponible durante cierto tiempo, por ello le animamos a que, durante PizBernina V1, aproveche para cambiar al nuevo tema. |
Recomendaciones de uso
Aquí encontrará una lista de recomendaciones de uso que le ayudarán a sacar el máximo rendimiento de la elegancia de Equilibrium sin dejar de lado la imagen de su organismo.
Fuente
Dado que la columna central es más grande, el diseño es más flexible y podrá así cambiar la fuente de cualquier texto, no solo de los títulos.
Colores de fondo uniformes
Una de las características destacables del nuevo tema es la selección de colores uniformes. Por ello, le recomendamos utilizar el mismo color de fondo en el área principal y en el de títulos. Si modifica el color de fondo principal y deja el de los títulos sin ninguno, se adaptarán automáticamente al fondo principal.
Es importante tener en cuenta que hay tres colores de fondo para el contenido: «Color de fondo para el cuerpo del texto», «Color de fondo» y «Color de fondo para las zonas solapadas». Con estas tres variables podrá definir:
- el color de fondo principal para el contenido,
- el color utilizado para alternar (p. ej., en aquellas zonas en las que el fondo alterna entre dos categorías de asiento, lo que suele denominarse «efecto pijama») y
- el color del contenido solapado.
Para obtener los mejores resultados posibles, consideramos que es preferible optar por tres colores diferentes, pero que vayan en una misma línea. Así, por ejemplo, los colores básicos de Equilibrium son el blanco puro, el gris claro y otro gris ligeramente más saturado. Tenga en cuenta que el color del contenido solapado también se puede utilizar para los contornos. Lo ideal es que se produzca un ligero contraste con respecto al color principal de fondo.
Imágenes de fondo
Todavía puede elegir la misma imagen de fondo para toda la página. No obstante, si utiliza una cuyo contraste sea demasiado elevado o si añade efectos de transparencia a los colores de fondo internos, posiblemente resulte más difícil leer el contenido.
La imagen de fondo para la zona central ya no esta disponible.
Botones y enlaces
Equilibrium también cuenta con más detalles en botones confirmación (Call to action).
Por una parte, las acciones principales siguen estando representadas por botones en colores distintivos mientras que las secundarias están ahora disponibles con tres niveles:
- Las más importantes se muestran en un color diferenciador y llevan un icono.
- Las simples no llevan icono.
- Aquellas acciones que prefiera que los clientes eviten (como la anulación) no aparecen resaltados en ningún color, sino que se muestran en el color por defecto del texto.
Además, nos gustaría destacar que ahora también se pueden redondear otras funciones y botones.
Color por defecto del texto
La variable de color por defecto del texto se aplica a numerosos elementos pero, a veces, con un leve efecto más brillante (poca opacidad). Así que no se sorprenda si ciertos elementos tienen un aspecto un poco más claro u oscuro, pues se trata de matices deliberados que hemos introducido en Equilibrium.
Mapeado de colores
En la imagen de abajo podrá ver en detalle las variables que influyen en el impacto visual de Equilibrium. Para más información, consulte el documento: equilibrium-colour-mapping.pdf.
