L’accessibilité web et les seniors

L’accessibilité fait partie des nombreuses demandes lors de la réalisation d’un site web ou d’une application. Vaste sujet puisqu’elle englobe énormément de critères.  En premier, on pense à  l’accessibilité pour les personnes atteintes d’un handicap, 10% de la population selon l’INSEE, (surdité, cécité, handicap moteur, … ) ou de maladie (daltonisme, épilepsie, … ). Mais l’accessibilité peut aussi intervenir dans d’autres dimensions, telles que la connexion internet, l’accès à certains devices, le niveau de connaissance web, l’âge, …
L’accessibilité concerne tout le monde mais le site 100% accessible n’existe pas. En effet, l’accessibilité comprend tellement de critères, qu’il faut avant tout définir la cible pour qui le site est créé et répondre ainsi exactement à ses besoins.

Retour d’expérience sur BrowserStack

browserstack-logo-600x315

Faire des tests d’affichages sur différents navigateurs et différentes machines peut aujourd’hui vite s’avérer compliqué au vu des nombreuses versions existantes et des machines tout aussi différentes.

Au fil des années nous avons compté sur une variété d’outils pour nous aider à relever le défi, notamment les outils de virtualisation. Mais dans ce cas, nous n’avions accès qu’a des versions de navigateurs limitées.

C’est là qu’arrive Browserstack ou plutôt BrowserStack.com...

L’importance du blanc en web design

Peur du vide

Lorsque l’on évoque l’importance du blanc en design, cela peut laisser dubitatif le graphiste néophyte – qui aura tendance à remplacer ‘blanc’ par ‘vide’.

Cette notion de ‘vide’ (peur du vide ?) est pourtant indispensable à appréhender afin de maitriser tous les rudiments d’une mise en page efficace. Steve jobs ne leur donnera pas totalement tort lorsqu’il disait que ‘faire simple est plus difficile que faire compliqué’.

Wording

head

DÉFINITION //

La notion de wording* désigne le travail de réflexion qui consiste à choisir l’appellation des rubriques, des menus, des titres présents sur un site internet ou une application. Le wording est à distinguer du contenu rédactionnel, appelé aussi « copy-writing » qui consiste lui, à rédiger du contenu pour le site.

Industrialisation graphique

Quelque soit la scalabilité d'une application, la qualité de l'intégration graphique ne se mesure le plus souvent que sur le rendu final applicatif. Les concepts de maintenabilité et ré-utilisabilité du code sont plus souvent dirigés vers les composants de présentation et métier de l'application.
Cet article a pour but de présenter deux méthodologies intéressantes pour avoir du code CSS plus compréhensible, maintenable et de qualité.

Les splash screens ou l’expérience de l’attente sur mobile

Au lancement de ses applications, l'utilisateur est soumis au splash screen : il s'agit d'un écran de démarrage qui apparait entre l'utilisateur et la page d’accueil de son application.

Généralement habillé à la charte graphique de l'application, il se compose de deux éléments : un fond de couleur et un logo, permettant ainsi d'identifier clairement la marque.

Cependant, sa fonction principale n'est nullement un objectif de communication : il s'agit de masquer le temps de chargement de l'application, et cela représente un défi pour le designer d'interface.

jedessine flipboardApplications Flipboard, Jedessine et Nike Pro Training Boom.

Applications Flipboard, Jedessine et Nike Pro Training Boom

Flaticon, développer autrement et rapidement des web fonts

flaticon-logo

A l’heure où tout le monde adopte icomoon pour développer des web fonts, Flaticon surprend avec ses fonctionnalités revues et corrigées. En effet, Flaticon existe depuis quelques années déjà mais dans le but d’améliorer, ils ont rajouté d’autres icônes bien sûr (on répertorie plus de 133 870 icônes sous licence Créative Commons - lorsque l’image est soumise à un droit d’auteur, il faut mentionner le crédit en insérant un lien fourni par Flaticon si l’on n’a pas la licence Premium, payante à partir de $9.99) et quelques fonctionnalités pratiques.