La conception de sites Web avec une esthétique d'écran partagé est une tendance qui évolue et se développe. Une conception à écran partagé peut être utile pour un certain nombre de raisons, notamment la compatibilité mobile et la convivialité. De plus, beaucoup de ces designs ont fière allure!
Les changements dans la tendance montrent qu'il existe une multitude de façons différentes de créer un design d'écran partagé efficace que les utilisateurs vont adorer. Considérez ceci comme votre introduction à la conception d'écran partagé dans une ère nouvelle et améliorée!
Avantages de la conception d'écran divisé
Ils fonctionnent bien lorsqu'il y a deux éléments de contenu que l'utilisateur doit voir immédiatement. Les conceptions d'écran divisé continuent de gagner en popularité car elles peuvent être très efficaces. Ils fonctionnent bien lorsqu'il y a deux éléments de contenu que l'utilisateur doit voir immédiatement. Cette même idée s’applique au contenu pour lequel l’utilisateur doit choisir, par exemple pour choisir un chemin de contenu.
Les concepteurs utilisent la conception d'écran partagé parce qu'ils sont efficaces. Les principales raisons d'utiliser un modèle d'écran divisé sont les suivantes:
- Encouragez l'utilisateur à faire un choix - choisissez ceci ou cela
- Surligner une image verticale
- Créez une expérience commune sur les ordinateurs de bureau et les appareils mobiles
- Établissez un flux visuel distinct (vers un appel à l'action)
- Établissez un modèle de conception qui fonctionne avec d'autres techniques et tendances de conception
- Créez un visuel qui se démarque de nombreuses pages d'accueil de héros en plein écran ou différenciez les types de contenu sur un site Web.
Le grand avantage des conceptions d'écran divisé est qu'elles fonctionnent parfaitement avec le format réactif. Vous obtenez un double contenu sur le bureau et un contenu empilé sur les écrans mobiles. Quel que soit le périphérique utilisé, l'utilisateur ne sent pas qu'il a oublié quelque chose en changeant de type.
?Classique? Conception d'écran divisé
Il sera peut-être un peu tôt pour appeler l’esthétique du design sur écran divisé «classique», mais compte tenu du rythme auquel les tendances en matière de conception de sites Web évoluent, ce n’est pas sans raison.
Nous écrivons ici depuis 2015 sur la conception d'écran partagé. Elle a été présentée comme l'une des principales tendances en matière de conception en 2017 et une tendance que vous devez essayer en 2018. Alors qu'attendez-vous?
Voici pourquoi nous l'aimions alors (et maintenant):
- La conception d'écran partagé peut être un bon choix pour les cadres réactifs. Sur les écrans plus grands, le design est divisé, mais s’agissant d’écrans plus petits, les panneaux peuvent être empilés.
- Il est facile de travailler dans une animation et des effets qui encouragent les clics basés sur le contenu fourni.
- Deux panneaux symétriques facilitent la création d'un contour modulaire pour la conception du site complet et l'organisation du contenu au sein des blocs.
Évolution des écrans partagés
Il y a un passage à des écrans divisés plus minimalement conçus. Alors que les premières conceptions d'écran divisé étaient assez simples - et symétriques - ce n'est plus l'histoire complète. Les concepteurs utilisent toujours certaines des divisions de poids égal, mais travaillent également dans des divisions qui ne sont pas au centre de l'écran.
Certaines comportent davantage de motifs en zig-zag, de découpes basées sur une grille (écrans de trois quarts et d'un quart) et de partitions divisées avec des poids de contenu inégaux. Il y a aussi un passage à des écrans divisés plus minimaux.
A l'origine, les écrans divisés avaient tendance à être un peu lourds, car ils étaient conçus pour amener l'utilisateur dans un voyage à travers un canal de contenu approprié et le contenu devait l'aider à y accéder. Maintenant, ce choix est encore simplifié. (Il existe même des conceptions d'écran divisé qui utilisent le motif visuel sans choisir tel ou tel choix, comme dans l'exemple ci-dessus).
Écrans partagés avec plusieurs zones de clic
L'un des changements les plus importants dans la tendance de conception d'écran divisé est qu'il existe plusieurs zones de clic dans certaines des conceptions les plus récentes. Là où à l'origine les écrans divisés comportaient deux CTA par écran, ces fractionnements contiennent souvent d'autres informations, ainsi que des zones cliquables.
L'exemple ci-dessus montre un écran partagé avec une image forte et une messagerie associée à des liens de commerce électronique. Il a fière allure sur les ordinateurs de bureau - avec la grande image qui vous attire et empile juste un joli sur mobile, rendant l'expérience de magasinage plus agréable.
Écrans divisés pas si évidents
Toutes les conceptions d'écran divisé ne sont pas super évidentes. (Considérez qu’il s’agit là d’une tendance autant visuelle que visuelle.)
Dans les contours de conception minimes, un écran divisé peut être créé à l’aide d’une grille, mais sans couleur ni image, les? Écrans? ressembler à un. Owl Studios, ci-dessus, le fait bien. Au-dessus du parchemin, cela ressemble à une conception à écran unique, au-dessous du parchemin et sur mobile, la division devient plus évidente.
Cette conception à écran partagé est magnifique et hautement utilisable sur tous les appareils. C'est exactement ce que vous devriez essayer d'accomplir avec cette tendance en matière de conception de sites Web.
Un mot d'avertissement
Même si vous travaillez avec des écrans fractionnés verticalement, vous pouvez créer des expériences utilisateur incroyables, il convient de se méfier des divisions horizontales. Ceux-ci peuvent devenir gênants et faire un peu de foin rapidement!
La plupart des utilisateurs attendent le même site Web sur tous les appareils.L'exemple ci-dessus est en fait un site Web agréable et utilise des principes d'écran divisé bien en dessous du défilement, mais les deux premiers? Écrans? tomber à court. Il y a presque trop d'espace blanc et pas assez de messagerie pour encourager le défilement. L'UX mobile fait défaut. La conception fonctionnerait mieux avec un écran divisé verticalement ici, en maintenant l'espace blanc et les CTA avec la vidéo à côté.
Un écran divisé horizontalement vous laisse souvent avec des images avec une large zone d'image qui n'est pas grande. C'est un ratio d'aspect difficile à faire fonctionner sur les écrans mobiles. Bien que vous puissiez le faire fonctionner avec un plan solide et un ensemble de cultures différent, cela peut conduire à deux expériences d'utilisateur différentes.
La plupart des utilisateurs attendent le même site Web sur tous les appareils. Si vous envisagez de créer différentes expériences - même au moyen d'images ou de texte - discutez-en avec votre équipe et assurez-vous qu'il s'agit du meilleur choix de conception pour le projet.
6 designs d'écran partagé que nous aimons
Atteindre le numérique
Paradise Pad
Nikos Pandazaras
Weima
Dr. Roebuck's
Conclusion
Pouvez-vous voir en utilisant une conception d'écran divisé dans vos projets? Si le type de contenu est correct, il peut s’agir d’une technique de conception extrêmement efficace. Et il y a tellement de façons différentes de le faire fonctionner. Bonne chance!