Design d'application web Exemples et évolutions

Retour sur quelques applis web tournées vers l'ergonomie.
Particularités et communication autour de ces outils.


Une application web fonctionne généralement comme un logiciel installé sur votre ordinateur, à la différence que celle-ci s'exécute directement en ligne avec le navigateur internet. L'internaute côtoie de nombreuses applications web quotidiennement, avec les webmails, les différents systèmes de messagerie et réseaux sociaux, les moteurs de recherches, les jeux en ligne, agenda, PDF etc.

Le design d'application web, exemples

L'interface graphique et la navigation sont souvent conçues à partir de pages internet classiques designées pour l'appli. Les actions de l'utilisateur s'exécute en ligne via un serveur. L'avantage premier est la liberté pour l'utilisateur qui n'a plus besoin d'acheter et d'installer son programme sur ses différents postes de travail. Le design et le fonctionnement est prévu pour écrans classiques, tablettes et mobiles pour correspondre à tous les usages. L'ergonomie de ces applis à beaucoup évoluée ces dernières années. L'objectif, distinctif des sites "classiques", est de mettre à disposition un service direct et non une information. Le résultat graphique est ainsi souvent portée vers la simplicité d'utilisation et la clarté, voici quelques exemples d'applis web.

Exemples d'applications web

Sumall

Le design d'application web, exemples

https://sumall.com/
De nombreuses applications sont basées sur la récupération de données en provenance d'autres services afin de les traiter, les présenter de manière différente ou les mettre en corrélation. Small en est l'exemple parfait puisque l'appli propose aux créateurs de site et entrepreneurs de regrouper et visualiser leurs statistiques de visite, d'appréciation et de vente liées à leur site, leur Facebook, Google Plus et Analytics, ou encore Tweeter... Un effort graphique important a donc été mis en place pour la visualisation des courbes et la clarté des infos à comparer, pour un rendu esthétique attractif et un usage assez ludique.

Home'n'go

Le design d'application web, exemples Le design d'application web, exemples

http://homengo.com/
Home'n'go est un service gratuit qui facilite la recherche et la sélection d'annonces immobilières. Entre application web et moteur de recherche amélioré, le site rassemble une grande diversité d'annonces en provenance de sites tel que LeBonCoin, SeLoger, etc. Le site centralise et met en relation des informations privées et publiques afin de mieux orienter les internautes dans leurs choix. Ainsi il est possible de comparer le prix moyen au mètre carré du secteur géographique, la population, les taux de réussite dans l'éducation, la répartition de ce type de logement dans le secteur... Un second exemple d'application ou de service web qui met en corrélation différentes informations pour les présenter différemment à l'internaute. Il n'est pas rare de se perdre sur un site d'annonces immobilières, ici l'ergonomie est soignée avec une recherche rapide ou précise.

Campaign Monitor

Le design d'application web, exemples

http://www.campaignmonitor.com/

Home Styler avec Autodesk

Le design d'application web, exemples

http://fr.homestyler.com/

Mint

Le design d'application web, exemples

https://www.mint.com/

Particularités du design d'application

Les sous-menus, fonctionnalités avancées et les éléments d'interface non-essentiels sont souvent affichés sur demande de l'utilisateur. L'objectif étant d'apporter un message clair, toutes les fonctionnalités secondaires sont masquées par défaut. Ces simplifications sont pensées pour une utilisation facile dans un premier, avec un parcours rapide des principaux outils de l'interface. Les aides, exemples et conseils sur ce qu'il faut faire sont très présents pour guider l'utilisateur. La gestion des boutons de commande est elle aussi ramenée à des gestes très simples au doigt ou à la souris.

Codes et communication

Les codes sont souvent les mêmes à l'entrée sur le site : des grands accès pour une navigation simple, un message clair en quelques mots expliquant le service et un visuel en image ou vidéo de l'application. La vidéo est souvent utilisée pour faire connaitre et présenter les atouts du produit, elle est aussi un très bon moyen de faire rester l'internaute. Elle serre parfois à guider l'utilisateur à l'intérieur de l'application. La communication est ensuite centralisée en direction du site qui présente différentes explications et exemples. L'objectif premier étant d'inciter l'utilisateur à s'inscrire afin de tester l'application par lui-même.

Cet article vous a intéressé ? Partagez :