Application Web et mobile de l'industrie suivante

Next Industry fournit une solution informatique unique qui comprend les exigences de conception et d'analyse IoT & AI. L'objectif était de repenser une application Web déjà développée par notre équipe il y a plusieurs années, de créer un nouveau design responsive pour celle-ci, et du coup moderniser sa structure techniquement en la transformant en une app frontend Vue.Js. La tâche principale était de créer un design d'interface utilisateur impressionnant. De plus, nous avons suggéré la meilleure solution UX avec la partie UI.

Maquette de l'industrie suivante

Team

1 directeur UX / UI et chef de projet
1 graphiste
1 Web Designer

Methodology

Atelier UX / UI

Tools

Lark
InVision
TeamWork
Adobe Xd
Adobe Illustrator
Adobe Photoshop

Technologies

Timeframe

2 mois

Spécifications au niveau design

La principale exigence pour ce projet était que nous devions créer deux thèmes de couleurs différents (clair et foncé). Pour transmettre les fonctionnalités et les informations clairement et facilement aux utilisateurs sans aucune interruption par différents thèmes de couleurs, nous nous sommes efforcés de rester simples et de conserver la constance des éléments de conception. De plus, nous avons essayé de trouver le meilleur moyen d’afficher des graphiques complexes qui semblent lisibles avec un bon visuel, quelle que soit la taille de l’écran.

Solutions d'expérience utilisateur

L’interface utilisateur était la partie la plus importante de ce projet, néanmoins, nous avons également suggéré la meilleure solution UX. Au début, l’application précédente contenait une charge d’informations ainsi que différents types de graphiques complexes dans une mise en page inappropriée. Il semble que les utilisateurs aient eu du mal à trouver les informations qu’ils voulaient au premier coup d’œil. De plus, la façon dont ils représentaient la fonction de filtrage aurait pu créer une confusion parmi les utilisateurs. Pour ces types de problèmes que nous avons trouvés grâce à leur conception UX précédente, nous avons suggéré la meilleure solution et l’avons modifiée.

Design de l'interface utilisateur

Nous avons utilisé les couleurs en fonction de leur identité de marque, ce qui a permis d’améliorer la lisibilité et d’attirer l’attention de l’utilisateur même sur le thème du schéma sombre. Les polices ont également été sélectionnées spécifiquement pour faciliter la lecture des informations et des graphiques. De plus, notre défi était d’améliorer la structure de l’information et de la rendre plus engageante à l’aide de composants de conception.

Le résumé du projet

Notre tâche était de repenser l’application dans une conception d’interface utilisateur claire et intuitive et d’améliorer la fourniture d’interactions de haute qualité avec le public cible. Nous nous sommes concentrés sur un design fonctionnel et minimal pour une meilleure expérience utilisateur avec la meilleure interface utilisateur pratique.