Un utilisateur de smartphone sur deux consulte sa boîte mail plusieurs fois par jour via son mobile. Il va donc falloir redoubler d’effort pour optimiser vos mails pour ces supports mobiles.

La consultation des e-mails  sur les webmails et sur les clients de messagerie a chuté pour laisser la place aux supports mobiles (que sont les smartphones, mais aussi les tablettes tactiles). On observe ainsi une évolution de 34% de la consultation des mails sur terminaux mobiles, qui tend à s’intensifier en 2012 !

A noter :  52% des mobinautes trient et suppriment leurs mails via leur téléphone. Par conséquent, nous devons aujourd’hui suivre la tendance concernant la réalisation de nos e-mailings et de nos newsletters. Cet outil de marketing direct doit être lisible et compatible autant  sur un petit écran tactile que sur un écran d’ordinateur.

Évidemment, certains smartphones ou tablettes gèreront très bien l’affichage de vos mails… Oui, certains, mais pas tous ! Il vous faudra donc faire plusieurs tests afin de corriger les éventuelles erreurs. Quelques conseils pour la réalisation de vos e-mailing :

• Ciblez et qualifiez votre cible,
• Choisissez bien l’e-mail d’expédition pour rappeler le nom de votre entreprise (exemple : info@société.fr),
• Mettez en valeur votre offre dans l’objet du mail pour optimiser votre taux d’ouverture,
• Permettez à vos clients de visualiser le mail dans un navigateur internet (« Cliquez ici pour visualiser le mail »),
• Allez à l’essentiel et prévoyez dans votre mail un ou deux appels à l’action via des boutons (« Rendez-vous sur notre site ! »).

En tant que professionnels, vous êtes forcés de suivre les évolutions technologiques et de vous y adapter pour fidéliser vos clients et conquérir de nouveaux contacts. Si vous ne suivez pas le mouvement, attention à ne pas perdre trop de plumes…

Prestashop est LA solution e-commerce en France. C’est une solution gratuite et open-source qui fait tourner plus de 110 000 boutiques dans le monde.

Prestashop, c’est aussi 250 nouvelles boutiques chaque jour dans le monde. C’est le premier e-commerce utilisé en Europe (66% de sa présence mondiale). Prestashop compte 97 employés dont 34 développeurs et possède une communauté de plus de 300 000 membres ! Et plusieurs centaines de fonctionnalités présentes dans ce moteur !

Bref, une solution qui, certes doit encore s’améliorer, mais qui est sur la bonne route !

(Cliquez sur l’image pour l’aperçu en grand)

Si vous vous intéressez au webdesign, vous n’avez certainement pas pu échapper à cette nouvelle tendance qui envahit nos sites et qui est le responsive webdesign. Et même plus qu’une tendance, cela devient une véritable philosophie.

Qu’est-ce que c’est ? Et pourquoi ?

Avec pas moins de 400 résolutions d’écrans d’appareils sur le marché, nous observons un besoin grandissant de la part de nos clients qui est celui d’avoir une version mobile de leur site web. Le problème est bien sûr qu’il n’est pas possible de créer 400 versions différentes d’un même site ! C’est alors que nous vient la solution du responsive webdesign.

Le principe est simple : un site et son contenu doivent s’adapter aux nombreuses résolutions d’écrans. Les colonnes doivent s’ajuster ou se déplacer, les images doivent se redimensionner voire disparaître… Le design doit être flexible. Là où cela devient une vraie philosophie, c’est qu’un site n’est pas consulté de la même façon sur ordinateur ou sur mobile…

Comment faire ?

C’est une véritable évolution des techniques de webdesign et de développement qui s’amène, notamment avec l’arrivée du HTML5 et du CSS3. Le CSS3 nous offre, par exemple, l’utilisation des media queries, avec lesquels on peut détecter la résolution de l’écran de notre internaute, et afficher notre site en conséquence en faisant appel à un style particulier : un site en deux colonnes plutôt que trois, une image qui prenait toute la largeur de l’écran va alors disparaître etc…

Vous aurez donc divers facteurs à prendre en compte pour votre design flexible : grille de colonnes, disposition des blocs, redimensionnement des images (attention au poids), taille de la typo, couche Javascript, souris VS doigt…

Là où c’est moins intéressant…

Forcément, le développement d’un site va devenir beaucoup beaucoup plus long qu’avant… et forcément va coûter plus cher et les devis risquent de s’alourdir.

Forcément, il vous faudra avoir un poil plus de connaissances et de techniques (notamment Javascript, mais aussi couche iPhone par exemple…). Et forcément votre créativité s’en verra limitée puisque beaucoup plus de contraintes de mise en page et techniques…

Et puis, il y a bien évidemment le fait que les navigateurs n’interprètent pas le HTML/CSS de la même façon, les plus anciens ne sont même pas compatibles avec le CSS3… Et des fois, il vous apparaîtra bien plus simple de créer une version mobile plutôt qu’une version responsive.

A quoi ça ressemble ?

Pour terminer, voici une petite sélection de responsive design. Amusez-vous à redimensionner la taille de votre navigateur pour voir ce que ça donne ;)

 Smashing magazine

Gravitate

Think Vitamine

Food sense

Naomi Atkinson

Andersson

El sandero del cacao

Alsacréations

Illy Issimo

Amis graphistes & webdesigners, vous vous trouvez très certainement dans le même cas que moi quand il s’agit de trouver des icônes pour vos maquettes de webdesign ou appli mobile. Vous vous êtes donc déjà fait une petite réserve d’icônes bien utiles à garder sous la main. Je vous propose cependant de faire un petit tour vers ces packs incontournables, à télécharger très rapidement (et ce, gratuitement bien sûr).

THE must-have, le pack Glyphish

Fugue Icons

FamFamFam, plus de 1000 icônes 16x16px

Icônes Coquette

99+Icons

Très utile, des icônes Social Media

Interactive Pack Icon

G-cons

2experts Icons Set

Icônes Fat Cow

Et pour terminer, quelques sites pour trouver des icônes gratuites :

Dry Icons : http://dryicons.com/free-icons/

Icon Finder : http://www.iconfinder.com/

Free Icons Download : http://www.freeiconsdownload.com/

Find Icons : http://findicons.com/

Votre identité visuelle est au cœur de votre stratégie de communication. Elle se compose de signes graphiques (couleurs, formes, mots,…) qui symbolisent l’entreprise, véhiculée sur différents supports de communication. Elle révèle vos valeurs, votre histoire, vos ambitions,…Plusieurs recommandations sont à prendre en considération pour la créer:

• être unique: avoir une identité propre et ne prêtant pas confusion avec une autre entreprise
• être mémorisable: obtenir une identification immédiate
• être durable: le logo accompagne l’entreprise tout au long de sa vie et évolue peu par rapport aux autres outils
• être universel: un message qui traverse les langues et les nationalités
• être déclinable: avoir les différentes utilisations du logo écrites dans la charte graphique (la typographie, les couleurs, les zones d’exclusions, les interdictions, les utilisations…)

L’objectif est de conserver une cohérence graphique dans les réalisations d’une même structure.

La création de votre identité visuelle se fait souvent avec une agence de communication que vous aurez choisie. Elle peut plus facilement vous développer une identité à l’image de votre entreprise et de vos projets en tenant compte des nouvelles tendances graphiques.

Sur la base des critères cités ci-dessus, des ébauches sont réalisées puis modifiées lors de réunions avec l’agence  afin d’arriver à la maquette finale qui sera diffusée sur vos supports de communication.

NB: Vous devrez vous assurer que vous devenez propriétaire de votre identité et nous conseillons également de déposer votre logo auprès de l’INPI afin de se protéger du risque de plagiat.

Le rendez-vous pour les professionnels à Mérignac se déroule mercredi 18 Janvier 2012 pour sa 5ème édition.

80 stands d’entreprises sont installés pour se présenter et montrer leurs services et produits.

Conférences et rendez-vous d’affaires sont organisés afin de se présenter et développer son réseau. Vous pourrez y retrouver des agences immobilières, cabinet d’architectes, des structures de portage salarial,…

Eenov sera également sur place pour vous proposer des solutions en développement web et en ingénierie système.

N’hésitez pas à nous contacter pour discuter de vos futurs projets informatiques.

Comme vous le savez, les tendances dans le webdesign vont et viennent ; certaines s’installent même plus longtemps qu’elles ne le devraient (oui oui, je pointe du doigt les splash pages…). Mais chaque tendance est nécessaire pour le développement et la croissance de notre métier. Une tendance naît, est améliorée et apporte derrière elle d’autres tendances. C’est donc à vous, webdesigner, d’appliquer (avec justesse) les tendances dans vos projets, et de les améliorer. Et même, pourquoi pas, à vous d’en créer !

1 – Un webdesign réactif ( = Responsive Webdesign)

C’est peut-être un concept encore trop jeune et novateur pour être appliqué cette année, mais ne le rangez pas trop loin dans votre tête, car il risque d’atterrir très prochainement dans votre liste du parfait webdesigner !

Avec la continuelle progression de l’utilisation des mobiles pour la navigation sur le net, il va falloir de plus en plus opter pour des mises en pages fluides au détriment des largeurs de sites fixes, et pour l’utilisation des « media queries » pour vos CSS (collecter des infos sur votre visiteur, la taille de son écran par exemple) afin de permettre à vos sites d’être facilement disponibles sur de multiples tailles d’écran et de multiples appareils.

2 – Navigation fixe

Cette technique a beaucoup été utilisée pendant un temps, puis a presque disparu ces 2 dernières années, pour réapparaître il n’y a pas si longtemps.

Si votre site n’a pas beaucoup de liens dans sa navigation principale, pourquoi ne pas les laisser constamment visibles pour l’utilisateur ? Cela peut sensiblement améliorer les performances de votre site, puisque le rendra plus ergonomique. A vous de fondre le menu dans votre mise en page… Le concept est de garder la barre de navigation et le logo verrouillés à la même place même si on scrolle dans la page. Réalisable en jQuery, ou tout simplement en CSS, c’est peut-être une solution à apporter à vos prochains designs, toujours dans une optique d’adaptation aux supports mobiles telles que les tablettes.

3 – Les cercles

Il est vrai que depuis l’arrivée du web 2.0, les webdesigners se sont de plus en plus concentrés sur des techniques telles que les ombres ou les coins arrondis, qui sont à présent très facilement réalisables grâce au CSS3.

Mais on a aussi vu apparaître des webdesign aux formes circulaires, que ce soit en tant qu’éléments de navigation, icônes en bas de page, ou même pour mettre en avant des visuels importants.

Utilisez tout de même les formes circulaires avec parcimonie. Ce sont des formes lisses qui encouragent le contact visuel de votre visiteur, donc utilisez-les pour des zones spécifiques comme pour mettre en avant des ressources ou liens utiles. Ou bien servez-vous de cette forme simplement pour votre background afin de donner un aspect chaleureux à votre site web.

4 – Des illustrations vectorielles

Les designs basés sur de grandes illustrations vectorielles sont de plus en plus courants, tout comme l’apparition de grandes mascottes personnalisées pour renforcer l’identité d’un site, d’une marque ou d’un produit.

Vous avez certainement déjà croisé plusieurs de ces mascottes plus atypiques les unes que les autres ! C’est effectivement un effet de mode lié au webmarketing (branding marketing) qui nous a amené ces petites créatures sur nos pages. Vous connaissez sans doute le petit panda rouge de Firefox, le pingouin de Linux ou encore l’oiseau de Twitter !

En 2011, sont apparues pas mal de ces illustrations, alors il est facile de penser que 2012 en sera certainement envahi  à son tour !

5 – Menu multi-colonnes

Vous avez peut-être déjà rencontré ce problème : une navigation dense qui contient trop de liens à afficher. Du coup, on déplace certains liens dans la barre latérale ou encore dans le footer, ce qui n’est pas toujours la meilleure solution (des tests sur l’expérience utilisateur démontrent que les meilleurs résultats sont ceux où les liens sont présents en haut de page…).

Cette nouvelle tendance offre donc aux webdesigners une nouvelle chance pour reconstruire et repenser les menus de navigation. Ne restons pas figés dans nos mises en page et optons pour des menus à plusieurs colonnes ! C’est sur qu’il nous faudra un peu de pratique pour trouver la meilleure façon d’appliquer ce principe plutôt moderne, mais mettez-vous bien en tête que la navigation web est en plein bouleversement cette année, alors il faudra s’y mettre !

6 – Animations jQuery/CSS3/HTML5

Le webdesign doit prendre en compte plusieurs problématiques comme l’expérience utilisateur ou l’esthétique, et quelques petites choses comme l’interactivité. Grâce à jQuery, on peut, en seulement quelques lignes de code, appliquer des effets plutôt sympas à nos sites web, et les rendre un peu plus attractifs et dynamiques.

Hélas, il est vrai que jQuery n’est pas supporté partout à 100%, il faudra donc ruser avec un peu de Css pour rendre votre site compatible avec la majorité des plateformes.

Je pense quand même que 2012 va nous apporter son lot de bonnes idées en matière d’animation et d’interaction, et ce surtout grâce à l’HTML5 !

7 – Rubans et bannières

Ce sont des éléments de design qui tendent de plus en plus à être utilisés dans les sites web. On retrouve notamment de nombreux tutoriels sur le net pour apprendre à créer ses propres rubans facilement. On peut les utiliser pour créer des bannières, des marque-pages ou encore mettre en avant des produits ou des articles. Bref, un moyen simple d’apporter un peu plus d’esthétisme à votre page web.

8 – Des typos personnalisées

De nombreuses bibliothèques de polices existent aujourd’hui en ligne. Il est très facile de les exploiter dans ses designs, le plus souvent grâce à un peu de JavaScript et de CSS. C’est une tendance majeure dans le webdesign, puisque la typographie est devenue un important outil de mise en page pour nos sites web.

Alors exit les polices « websafe », et bonjour à un peu d’exotisme !

9 – Les infographies

Nous en publions régulièrement sur notre blog, les infographies sont un nouveau mode de communication qui consiste à faire passer une information le plus simplement du monde : par l’illustration ! Il faut néanmoins une grande maîtrise de vos logiciels de créa, et je pense aussi pas mal de temps pour faire ces oeuvres d’art ! Aujourd’hui, plus que jamais, le Web est un lieu où l’on rassemble et partage l’information. Les infographies ont précipité ce process en utilisant le web comme media de présentation.

10 – Focus sur la simplicité

Le but ultime de tout site est de mener ses visiteurs d’un point A à un point B le plus rapidement possible (et en un minimum de clics aussi). Des interfaces simples et intuitives sont le chemin à suivre.

Ces dernières années, le minimalisme est devenu une tendance populaire. Ce concept est plutôt bien fondé : moins il y aura d’éléments sur votre site pour le distraire, et mieux votre visiteur pourra atteindre son objectif. Bien sûr, c’est un principe qui ne peut pas s’adapter à tout site web car il faut aussi garder en tête la notion d’ergonomie web (et il faudra donc bien faire attention à ne pas trop épurer votre site : simple mais pas simpliste…).

Bien sur, il n’est pas possible de prévoir exactement ce qui va se passer en 2012 en matière de webdesign. Mais une chose est sure, c’est que ces dernières années les webdesigners en apprennent beaucoup et beaucoup plus vite que jamais auparavant !

Le rendez-vous des amoureux  se déroule du 13 au 15 Janvier 2012 au Palais des Congrès à Bordeaux.

Le Salon  accueille 120 exposants de secteurs d’activités différents: traiteurs, photographes, wedding-planners, sonorisateurs, fleuristes, créateurs, pâtissier,…… .

Eenov sera également sur place le 13 Janvier 2012 pour vous proposer des solutions en développement web et en ingénierie système.

N’hésitez pas à nous contacter pour discuter de vos futurs projets informatiques.

Avec la montée fulgurante de l’utilisation des smartphones, on ne s’étonnera pas que la lecture des e-mails se fasse de plus en plus sur les terminaux mobiles : iPhone, iPad, Android etc. Voyons un peu comment se répartit la consultation des e-mails.

Quels supports ?

Effectivement, la consultation des mails sur terminaux mobiles a augmenté de 34% au dernier semestre 2011, ce qui nous fait pas moins de 23% des e-mails qui sont aujourd’hui lus sur mobile.
Les webmails restent néanmoins le moyen le plus utilisé pour consulter ses mails, même si on observe une chute de 11%.
Les clients de messagerie représentent quant à eux 1/3 des modes de consultation d’e-mail, malgré une chute de 9% .

Concernant les clients de messagerie, c’est bien évidemment Outlook qui est le plus utilisé avec 63% des e-mails, suivi par Apple Mail (31%). Et on retrouve loin derrière le client de messagerie Thunderbird, distribué par Mozilla, avec 3% des mails ouverts.

La consultation d’e-mails sur iPad a augmenté de 73% en terme d’e-mails ouverts, ce qui accompagne le nombre d’iPad présents en France qui est de près de 2 millions en cette fin d’année et qui correspond à une croissance de près de 80% dans l’année 2011 !

Quand sont-ils lus ?

Nous ne sommes bien sûr pas étonnés de voir que les mobiles et les webmails sont les plus utilisés en fin de semaine au détriment des clients de messagerie, qui eux, connaissent un pic de consultation en milieu de semaine.

Il y a a encore un an, les webmails se trouvaient en tête des consultations de mails le dimanche, mais s’apprêtent à être détrônés par les terminaux mobiles très rapidement !

Même si la tendance laisse apparaître une croissance majeure des terminaux mobiles, il vous faudra tout de même bien évaluer vos cibles pour vos campagnes d’e-mailing, puisqu’effectivement les usages varient également en fonction de l’âge et de l’activité de vos internautes, et des jours de la semaine.

Alexandre, Loïc et toute l’équipe d’Eenov vous souhaitent une très bonne année 2012 !