Les outils en ligne évoluent en permanence ! Certains apparaissent, d'autres disparaissent, et ceux qui sont bien implantés proposent sans cesse de nouvelles fonctionnalités et changent régulièrement de « look ».
Dans ces conditions, ce serait très laborieux et peu efficace de suivre un tutoriel détaillé pour chaque nouvelle application utilisée... La solution : savoir fonctionner à l'instinct dans l'univers numérique. Suivez le guide !
Avant d'explorer l'interface, encore faut-il y accéder ! Pour accéder aux outils en ligne, vous devez généralement vous identifier en saisissant votre identifiant et votre mot de passe (eh oui, ce n'est pas conseillé, pour des raisons de sécurité, de rester connecté en permanence !).
Attention à ne pas confondre « s'inscrire » et « se connecter » !
Les grandes familles d'outils et leurs fonctionnalités
Une proposition de classement
Types d'outils | Principales fonctionnalités usuelles | Exemples de produits |
Client de messagerie ou Webmail | - Envoyer des mails à une ou plusieurs personnes, à une liste | Thunderbird (client de messagerie à installer), Outlook (installé ou en ligne), Gmail... |
Applications de téléphonie, de visioconférence et/ou de messagerie instantanée | - Passer des appels vocaux | Whatsapp, Messenger, Skype, Zoom, appear.in... |
Agendas en ligne | - Noter ses rendez-vous | Doodle, Google Calendar, Timify... |
Applications de gestion de projet | - Constituer une équipe | Trello, Tree.io... |
Réseaux sociaux et plateformes de communication collaboratives | - Avoir une présence en ligne | LinkedIn, Twitter, Slack, Workplace... |
Espaces de stockage/partage de fichiers | - Stocker vos fichiers dans le cloud (sur des serveurs distants) | Google Drive, Dropbox... |
Applications de transfert de fichiers | Transférer des fichiers lourds | WeTransfer, TransferNow... |
Une fois de plus, la liste des fonctionnalités n'est pas figée !
Design et ergonomie
En matière d'interfaces graphiques, comme pour les vêtements, les modes changent. Un peu moins rapidement, heureusement 
. Cela dit, le fait qu'elles suivent majoritairement les mêmes tendances est une aide précieuse pour apprendre à se repérer !
Le mobile first design
C'est le smartphone qui est aujourd'hui l'outil numéro 1 de consultation du web. Si pendant longtemps, les applications ont été prioritairement conçues pour les écrans d'ordinateurs, avec une adaptation pour pouvoir être affichées correctement sur les mobiles, la tendance est aujourd'hui inversée. Si vous êtes accro à votre mobile, cela va vous simplifier le passage au portable, car vous garderez vos repères !
Exemple : l'application de gestion d'informations Evernote suit le même design pour son site web que pour son application mobile.
Un design épuré
Ces dernières années, les effets de relief sur les polices, les écrans hyper-encombrés, les effets de texture sur les arrière-plans.... ont été progressivement abandonnés. L'idée principale est la sim-pli-ci-té. Du dépouillement, des formes simples, des couleurs vives, des polices sobres… et on y voit beaucoup plus clair !
L'ergonomie
Il s'agit de l'adaptation des interfaces aux besoins des utilisateurs. Ce sont des considérations ergonomiques qui font, entre autres, que :
l'organisation des pages est conçue pour vous être familière (par exemple, le positionnement des menus) ;
les couleurs sont lisibles et ne vous fatiguent pas la vue ;
les icônes utilisées sont explicites… comme nous allons le voir tout de suite...
Quelques icônes et symboles génériques à connaître
Quand vous cliquez sur... | Vous... |
Trois barres superposées | Affichez le menu |
Trois points alignés horizontalement ou verticalement | Accédez à une liste d'actions supplémentaires |
Une flèche ou un chevron | Fermez ou ouvrez un volet/menu/boîte de dialogue/liste déroulante |
Deux flèches en diagonale | Passez en/sortez de plein écran |
Une croix | Fermez une fenêtre |
Une roue dentée | Accédez aux paramètres/réglages |
Un point d'interrogation | Affichez l'aide |
Un i dans un cercle | Affichez des informations sur la plateforme, l'espace de travail... (cela varie beaucoup d'une application à une autre…). |
Une cloche | Affichez vos notifications |
Une loupe | Recherchez quelque chose |
Un crayon | Éditez (modifiez) un message, document... |
Un trombone | Joignez un document |
Deux maillons de chaîne | Insérez un lien |
Une poubelle | Supprimez un message, une note... |
Votre photo (ou votre avatar, ou une icône symbolisant l'utilisateur...) | Pouvez modifier votre profil, les paramètres de votre compte, vous déconnecter… |
La liste n'est pas exhaustive, et il peut y avoir des variantes d'une application à l'autre. C'est en fréquentant assidûment le web que vous vous familiariserez avec les symboles habituellement utilisés.
Certains symboles plus spécifiques à tel ou tel type d'application seront vus plus loin, dans la partie qui leur correspond.
En bref :
il existe des familles d'outils dont les fonctionnalités évoluent sans cesse et ont tendance à converger ;
le design et l'ergonomie des interfaces sont souvent similaires, ce qui vous aidera à ne pas vous sentir perdu ;
certaines icônes sont communes à la plupart des applications. Les repérer immédiatement vous permettra de savoir où trouver les fonctionnalités auxquelles vous voulez accéder.
Avec toutes ces informations en tête, vous allez pouvoir faire vos premiers pas dans la communication en ligne. Mais que faire si vous ne savez pas comment réaliser une action ou accéder à une information ? Le chapitre suivant est là pour vous guider !
