RÔLE:
Conception UI / UX
Animations
Recherche d'utilisateurs
OUTILS:
MEMBRES DE L'ÉQUIPE :
Adobe XD
Illustrateur
Photoshop
Effets secondaires
Esquisser
Mon travail
Mon travail chez Hydro One consistait à reconcevoir l'ancien tableau de bord que les employés utilisaient pour leurs tâches quotidiennes. L'expérience utilisateur visait à permettre à l'utilisateur de naviguer dans l'ensemble du tableau de bord sans faire défiler ni utiliser plusieurs clics.
Maquettes
Afin de comprendre la facilité d'utilisation de l'ancienne conception et
générer une hiérarchie à partir de tous les éléments qui ont été placés sur l'ancien portail
Approche de résolution
Le portail a été construit sur Sharepoint 2001 et à cette époque, la majorité des appareils de bureau n'avaient pas une résolution de 1000 px ou +. L'approche que notre équipe a décidé d'utiliser était de rendre l'expérience utilisateur plus immersive et de rendre la mise en page pour les appareils plus gros.
Recherche d'utilisateurs
La recherche d'utilisateurs a été faite avec google analytics, avec l'aide de mon équipe nous avons collecté toutes les données du portail, et avec l'aide de développeurs et de cadres supérieurs j'ai décidé d'analyser toute la structure du site Web et de repositionner le CTA et les bannières.
Sur ce wireframe, j'ai découvert que les liens utilisés par les employés d'Hydro One se trouvaient dans le coin inférieur droit du site Web.
Les bas ont été regroupés dans le coin supérieur gauche et la mise en page globale a été améliorée pour permettre à l'utilisateur de naviguer sur le portail avec une expérience utilisateur plus facile
L'interface utilisateur comme facteur clé
L'interface utilisateur sur Hydro One a été un facteur clé sur ce projet car l'entreprise dispose d'une très bonne bibliothèque d'icônes et de différentes images HD que je pourrais utiliser pendant tout le processus de développement.
Maquettes finales pour les développeurs
Comprendre l'UX
Comprendre l'UX
Sur l'image, vous pouvez visualiser comment mon équipe a décidé de mettre en œuvre l'expérience utilisateur et la navigation du portail.
Maquettes pour les pages internes
Ces maquettes sont destinées aux pages internes du portail Hydro one, la préoccupation initiale était de trouver un moyen d'organiser plusieurs liens sur une page et la solution était d'inclure plusieurs catégories et icônes.
Pages promotionnelles et d'actualités pour Hydroone.com
Toutes ces maquettes ont été créées après de multiples retours pour que les utilisateurs comprennent plus facilement l'actualité du sous-développement des projets avec Hydro one.
Mon travail consistait à analyser et à développer une maquette qui servirait de modèle pour ce projet et les futurs.
