Les tendances actuelles, inspiration du Webdesign!

« On est créatif de nature, on ne le devient pas » Idée reçu !!

Avoir de l’imagination et de l’inspiration s’avère parfois impossible. A travers cet article, nous avons de quoi vous sauver du syndrome de la « page blanche ».

Pour vous, nous avons identifié les tendances qui nous entourent et qui seront source d’inspiration pour l’élaboration de vos supports visuels print ou digitaux. Le but est de définir l’ambiance générale de vos réalisations et de l’accorder avec cohérence et modernité.

Il faut savoir que la tendance se traduit à travers la mode, la déco, la musique, l’art, les communautés et à travers nos modes de vie. Elle est cyclique, apparaît, disparaît et revient tel un éternel recommencement.

 

  1. Tendance Vintage

Historique

Après-guerre, c’est l’heure des trente Glorieuses ! Le temps est à la révolution technologique des ménages avec l’arrivé des équipements du foyer et du développement des villes. La mode reprend une bouffé d’aire frais, les tensions sont apaisés et la population s’ouvrent enfin aux loisirs et aux autres occupations qui en découlent et le Baby-bombe en est l’une des conséquences! L’ambiance légère est tournée vers les plaisirs de la vie. Les années 50 est aussi le berceau de l’art contemporain qui influencera la décoration intérieur.

 

Tendance

La tendance Vintage se caractérise par le retour aux styles photographiques de cette période. En effet, le filtre photo Sépia façonne les selfies du monde entier.  Ce phénomène se retrouve également dans la décoration de nos intérieurs par la réutilisation des objets de cette époque.

Radios anciennes, affiches publicitaires, jukebox et mobiliers rétro sont au cœur de cette aspiration.  Cependant, c’est à travers la mode qu’elle se propage davantage. De la Pinup version « Marylin Monroe » au look Rock d’Olivia Newton-John du film Grease, les femmes d’aujourd’hui suivent ces codes vestimentaires ou esthétiques. Coiffure au bandeau, rouge à lèvre rouge lumineux, motifs circulaires et jeans Levis taille haute sont les incontournables d’un style retro actuel.

 

Web Design

(à compléter)

 

2. La tendance Hippies

 

Historique :

Le courant Hippies naquit en 1960. Maître de leurs destins, les enfants du Baby-boom protestent contre la violence de la guerre du Vietnam, rejettent les modes de vie traditionnelle et proscrivent la société de consommation de leurs ainés. Ils ressentent un besoin d’émancipation grandissant et s’aventure à la de redécouverte des sens et des rapports humains plus authentiques.

 

Tendance :

La communauté Hippies s’adonnent aux aspects artistiques psychédéliques, qui sont retranscrites dans les formes et motifs utilisés dans la mode, la décoration et l’art de l’époque. Aujourd’hui, la tendance Hippies fait son grand retour. Bracelets et bagues imposantes par millier, tenue décontractée et épurée, plumes et attrape-rêves sont de vigueur. La mode Hippies chic et ethnique

Web design :

(a compléter)

 

3. Tendances Scandinave : ton pastel, moutarde, forme géométrique, ambiance cocooning, utilisation de la texture bois.

4. Tendances Hipster : référence aux bois, à la nature, bretelle et chemise à carreau, bucheron.

5. Tendance Kinfolk (ton épuré, blanc ivoire, feuille de lierre, ambiance new romantique) rêveur.

6. Tendance Underground : galaxie, chaussure plateforme, ambiance sombre, bombers (new punk chic), déco industrielle.

7. Tendance Globe-trotter : style aventurier, le sépia, les voyages, l’imprimé tropical, évasion, tour du monde.

 

Attention, comme beaucoup de choses, l’utilisation des tendances sont à employer avec modération !!  La cible doit trouver le visuel attractif et moderne mais il est impératif que la tendance employée soit subtile et adaptée à l’information communiquée, qu’elle soit à destination d’internet ou à destination de l’impression.Le tout est de convertir la tendance à travers les typographies, les couleurs, les formes et l’ergonomie générale de votre support.

Grace à l’historique et aux codes des tendances identifiées, vous ne risquez pas de tomber dans le mixe des genres et des significations.

Pour finir, il faut savoir sélectionner les éléments pour éviter la  surcharge. Une bonne hiérarchie visuelle passe par une bonne maîtrise des proportions et des espaces négatifs.

A vous de jouer!

Trouver les correspondances :

UX-DESIGN VS UI-DESIGN : CHOISIS TA TEAM

Passionnés du webdesign, curieux, jeune diplômé dans le domaine du digital ? En quête d’une formation design ? C’est article est fait pour vous. C’est ici que vous allez comprendre les subtilités d’un métier d’avenir et approfondir vos connaissances numériques. L’Ux-design, ou comment guider les utilisateurs vers une expérience fluide et interactive. Nous allons vous accompagner dans les chemins de l’application d’un processus de conception et d’ergonomie web. Laissez-vous séduire par le métier d’Ux-designer.

Découverte de l’Ux-design :

Mini introduction pour que tout soit clair :

On commence à en entendre parler, il y a des rumeurs, des chuchotements, ils arrivent en France et sont de plus en plus nombreux… mais qui sont ces Ux-designer ?

UX-design, « User EXperience », conception de l’expérience utilisateur, concept nouveau sur le marché français, beaucoup de designer s’approprient ce terme sans en comprendre sa définition, biaisant sa compréhension. Ainsi rendons justice au métier de l’Ux-designer en lui redonnant son sens premier.

Entendons-nous sur le fait que l’UX-design est avant tout un mode de penser centré sur l’utilisateur, il s’agit de faire un énorme travail de réflexion pour comprendre ses besoins afin de créer un site internet ou une application fluide et hypra-fonctionnelle.

L’Ux-designer, ne se contente pas de penser design au sens esthétique, c’est là que l’on peut parler de design d’expérience pour aboutir à un site internet intelligent.

 Zoom sur l’expérience utilisateur :

Pour s’éloigner des tréfonds corrompus par les UI (Ne le prenez pas mal), nous allons d’abord pénétrer l’esprit de l’utilisateur. Qui est-il ? Qu’aime-t-il ? Que veut-il ? En d’autres termes, il faut prendre en compte ses besoins et ses attentes de manière approfondie. Il nous doit de le connaitre pour nous pencher sur l’ergonomie du site et SURTOUT nous allons anticiper l’usage !

On l’a déjà dit et on commence à le comprendre ; le style de ton site n’est absolument pas ta priorité, même si on te demande de faire une création artistique de malade, il faut avant tout dessiner le chemin le plus adapté au futur visiteur de ton site. Comment le guider simplement et efficacement vers les informations passionnantes que l’on cherche à mettre en avant ? Ne nous énervons pas, le design c’est aussi la qualité graphique du site et son aspect esthétique, je suis d’accord avec toi. C’est ainsi que chaque actions et décisions sont en corrélation et auront un impact crucial sur le bon fonctionnement de ton produit final. Donc lorsque tu te poses l’éternelle question, ce bouton-là doit-il être vert ou bleu, peut-être que tu ne t’es pas assez demandé s’il est vraiment nécessaire.

Règle n°12158 : Ne jamais oublier que l’utilisateur choisira le chemin boueux à la route toute lisse si ce premier lui semble plus rapide !

 L’expérience utilisateur prend tout son sens maintenant : on sait quel circuit il choisira, on prendrait le même d’ailleurs, donc pourquoi pas proposer un produit qui sera promesse d’expérience réussie ?

Vous êtes prêts ? Qu’attendez-vous encore pour nous rejoindre ?

Pourquoi on choisit la team UX ?

Il m’est arrivé d’avoir des mots un peu durs envers les UI, sachez que je n’ai rien contre eux. Mais qu’ils sont-ils vraiment ?

UI-design = User Interface design, en français Design d’interface utilisateur.

Les Ux-designer et les Ui-designer se doivent de travailler ensemble pour apporter un produit final qualitatif.

Compréhension de l'Ux-design

Elles en disent quoi les normes ?

L’UX-design reprend la norme ISO 9241-210 intitulé « Ergonomie de l’interaction homme/système », cela correspond “aux réponses et aux perceptions d’une personne qui résultent de l’usage ou de l’anticipation de l’usage d’un produit, d’un service ou d’un système”. Pour faire simple, on crée le lien entre la machine et l’homme pour obtenir un résultat qui ne demande aucune adaptation de la part de l’utilisateur.

On parle également d’usabilité avec la norme ISO 9241-11 il s’agit du « degré selon lequel un produit peut être utilisé, par des utilisateurs identifiés, pour atteindre des buts définis avec efficacité, efficience et satisfaction, dans un contexte d’utilisation spécifié » On traduit ; pour ce qui est de l’efficacité, il s’agit de vérifier que les buts foxés soient atteints grâce à des critères de réussite bien définis, l’efficience  correspond à l’implication et les efforts nécessaires pour atteindre son but et enfin on parle de satisfaction pour ce qui est des ressentis qui découlent du résultat obtenu.

Quelques synonymes à intégrer trouvés dans un article sur l’UX :

  • Utile
  • Navigable
  • Utilisable
  • Accessible
  • Compréhensible
  • Simple

Processus de réflexion 

 Maintenant que l’on a bien compris le concept, il faut pouvoir intégrer le déroulement ;

 

CE QUI SE CACHE DERRIÈRE LE ONE PAGE DESIGN

Appelé aussi “Mono-page”, le One Page Design s’est démocratisé sur le web depuis quelques années. Offrant de nouvelles possibilités aux utilisateurs mais aussi aux marques, cette méthode de webdesign à significativement changé le visage du web.

MAIS LE ONE PAGE, C’EST QUOI ET POUR QUI ?

Le « one page » ou encore la « mono-page », aimer et détester et aujourd’hui la nouvelle tendance du web qui envahit notre atmosphère.

La « one-page » c’est un site constitué d’une seule page web contenant l’ensemble des contenus d’un site web. La « one-page » est ensuite elle divisée en plusieurs parties, dont les différents contenus sont accessibles en scrollant horizontalement ou verticalement et/ou l’aide de liens internes ancrés. Aujourd’hui, le design « one-page » offre de nombreuses possibilités et rend attractif un site web, mais permet surtout une ergonomie et un design épuré.

Voici quelques exemples de site « one page » :

Actuellement, le « one-page » c’est la tendance du web. Facile d’utilisation et à créer, elle permet de faire vivre à l’utilisateur une véritable expérience sur le site web. L’engouement pour ce design de site web à commencer il y a déjà longtemps, mais depuis peu de temps on voit émerger de plus en plus sur la toile des sites en « mono-page ».

Plus qu’un effet de mode, ce design est devenu un réel outil de marketing pour les entreprises ou les marques. Le design « mono-page » est adaptable à tout type d’entreprise ou n’importe quelle marque, il faut juste veiller à respecter un objectif par section ou partie de votre « mono-page », mais surtout veillé à raconter et faire découvrir votre histoire au fil du chemin de votre site web.

Exemple : Spotify (1ère section : inciter l’internaute à télécharger l’application, 2ème section : Informer, 3ème section : mise en avant du côté émotionnelle, donc convaincre l’internaute, 4ème section : incitation à l’inscription premium et gratuite. Spotify raconte une histoire et amener l’internaute à faire le tour de ses services afin qu’à la fin il s’inscrive.

La « mono-page » peut-être décliner pour n’importe quelles activités telles que : e-commerce, book, site internet informatif…etc. Peu importe votre activité contactez votre webmaster et renseignez-vous auprès d’un webmaster avant de vous lancer, mais surtout réfléchissez à l’objectif principal auquel votre «one-page» va répondre.


LES RAISONS DE SON SUCCÈS
Ergonomie

Le one-page c’est une façon d’avoir un site qui sort du lot par son design et sa façon de naviguer, qui est différentes de la majorité des autres sites présent sur la toile qui n’ont pas de site en mono-page. Cela permet d’avoir un impact sur l’internaute afin de marquer son esprit et de se démarquer des sites de la concurrence par lesquels est passé l’internaute avant.

Le choix d’une ergonomie en one-page permet de
Le petit frère du one page scrolling, le parallax scrolling, a fait son apparition avec l’arrivée du site Nike Better World en 2011. Là encore, le scroll de l’utilisateur est utilisé pour lui permettre de vivre l’expérience la plus immersive possible. Mais il s’agit cette fois-ci majoritairement d’un défilement horizontal, hérité du déplacement de calques de décors dans les jeux vidéos en deux dimensions.

Utilisation simplifié

La mise en page d’un site en one-page, permet de simplifier le voyage de l’internaute sur votre site. Dés son arrivé sur le site il doit pouvoir comprendre où se situe les informations qu’il recherche et lui permettre d’y accéder le plus rapidement. Dans le cas d’une configuration en one-page l’internaute a accès à tous les contenus dès son arrivée. De plus cela permet de consulter tout le site et peut-être lui faire voir des contenus qu’il n’aurait pas forcément été voir de lui-même.

Soignez la structure des pages du site internet

Quand on évoque le call to action, on pense souvent à un gros bouton orange clignotant vers lequel tous les clics de souris des visiteurs de votre site internet iraient idéalement. Il faut attirer l’internaute en lui proposant une ergonomie design qui fait appel au call action.

Une Action

Si la structure de votre site internet est correctement optimisée, si vos articles sont référencés avec des mots clés pertinents, les visiteurs se qui trouvent sur votre site se trouvent sur la page qui répond à son problème.

Informations principales toutes présentes

Bien que parfois très amusante, cette tendance peut cependant entraver la navigation de l’utilisateur si celui-ci doit effectuer une dizaine de scrolls pour accéder au contenu qu’il recherche.

Malgré toutes ses qualités, le One Page reste entaché de quelques points noirs, notamment avec l’arrivée du parallax qui accentue encore plus ses défauts.

 

LE POINT NOIR DU ONE PAGE

La question du référencement se pose régulièrement lorsqu’il s’agit d’un site one-page ou parallaxe. Comment google arrive à comprendre ces sites disposant de peu de contenu, et peu de liens? Matt Cutts affirme que le moteur de recherche comprend de mieux en mieux ce type de site et qu’il ne constitue pas un handicap pour le référencement.

C’est très simple. L’activité de l’entreprise sera au coeur de la question. Le site one-page ne peut s’optimiser que sur un nombre restreint de mots-clés (1 ou 2 maximum). Cela peut être suffisant si vous êtes situé sur un secteur de niche, qui possède peu de concurrence. Mais pour quelque chose de plus classique, il faudra soit s’orienter vers un site plus conventionnel, soit suivre ces quelques conseils pour pallier au manque du One Page Design.

  • Tout d’abord, configurer une adresse URL unique par section. Cela permettra ensuite de les partager sur les réseaux sociaux ou par mail et de générer du trafic de manière plus étendue.
  • La vitesse de chargement a une grande importance aux yeux des robots Google. Optimisez votre contenu (images etc.), afin que votre One Page – déjà rapide – le soit encore plus.
  • Enfin, pour compléter le One Page, ajoutez des pages satellites et n’utilisez votre contenu scrollable qu’en page d’accueil. Cela rendra votre site plus “viable” aux yeux de Google et permettra un référencement plus optimisable.

 

Cette option sera à coupler avec un blog proposant un bon marketing de contenu à partager sur les réseaux sociaux pour générer de l’affluence.
Les sites one-page doivent donc être utilisés en toute connaissance de cause. Il faudra y réfléchir à deux fois avec votre Webmaster avant toute prise de décision. Le One Page sera toujours efficace pour répondre à un objectif marketing précis. Pour aller plus loin, il faudra coupler la solutions avec d’autres outils web plus complet qu’une simple page d’accueil défilante.

En conclusion, nous citerons John Allsopp dans « A Dao of Web Design » (Allsopp, 2000), paru il y a maintenant plus d’une dizaine d’années :

Le contrôle que les designers connaissent avec le support imprimé, et aimeraient parfois avoir sur le Web, n’est qu’une fonction des limitations de la page imprimée. Nous devrions accepter le fait que le Web n’impose pas les mêmes contraintes, et concevoir en fonction de cette flexibilité. Mais nous devons d’abord « accepter l’impermanence des choses. »

Un site monopage doit toujours être un site facilement compréhensible pour les internautes. Il faut employer cette fonctionnalité de manière « intelligente », c’est-à-dire lorsqu’elle correspond à des besoins émanant d’une véritable stratégie. En somme, le one page doit être considéré comme un moyen d’arriver à une fin et non une fin en soi.

Article rédigé par Geoffrey PORTAL, Julien JAMIN et Sihame El ghaouti