{"id":3183,"date":"2024-01-04T16:08:12","date_gmt":"2024-01-04T15:08:12","guid":{"rendered":"https:\/\/vision-business.consulting\/v1\/portfolio\/?p=3183"},"modified":"2024-01-04T16:08:12","modified_gmt":"2024-01-04T15:08:12","slug":"projet-agatha-exerience-utilisateur","status":"publish","type":"post","link":"https:\/\/vision-business.consulting\/v1\/portfolio\/projet-agatha-exerience-utilisateur\/","title":{"rendered":"Projet Agatha – Ex\u00e9rience utilisateur"},"content":{"rendered":"

[vc_row css=\u00a0\u00bb.vc_custom_1636976312556{padding-top: 40px !important;}\u00a0\u00bb][vc_column]

ABOUT THE CLIENT<\/h3><\/div>
<\/span><\/div><\/div>[vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_column_text]L’OCP (Office Ch\u00e9rifien des Phosphates) est une entreprise marocaine sp\u00e9cialis\u00e9e dans l’extraction, la transformation et la commercialisation des phosphates et de leurs d\u00e9riv\u00e9s. L’OCP est l’un des plus grands producteurs mondiaux de phosphates, et le Maroc est l’un des principaux pays exportateurs de phosphates au monde.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=\u00a0\u00bb.vc_custom_1636976312556{padding-top: 40px !important;}\u00a0\u00bb][vc_column]

PROJECT OVERVIEW<\/h3><\/div>
<\/span><\/div><\/div>[vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_column_text]Travail sur la future exp\u00e9rience exp\u00e9rience utilisateur par la mise en place d’une User experience et User Interface d\u00e9di\u00e9e au projet[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row css=\u00a0\u00bb.vc_custom_1636987569453{padding-top: 10px !important;}\u00a0\u00bb][vc_column]

TECHNICAL DIFFICULTIES<\/h3><\/div>
<\/span><\/div><\/div>[vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_column_text]Notre travail sur l’UX\/UI de cette future application a pr\u00e9sent\u00e9 plusieurs d\u00e9fis techniques, surtout que l’onjectif \u00e9tait d’offrir une exp\u00e9rience utilisateur exceptionnelle :<\/p>\n

Adaptabilit\u00e9 aux Appareils (Responsive Design) :
\nNous devions prendre en compte la conception r\u00e9active pour garantir une exp\u00e9rience utilisateur coh\u00e9rente sur les smartphones, tablettes et ordinateurs de bureau.<\/p>\n

Performances :
\nMettre en place une belle interface est bien, mais pas au d\u00e9triment des futures performances, de la rapidit\u00e9 et r\u00e9activit\u00e9 de l’interface utilisateur. Le chargement rapide des pages et des interactions fluides contribuent \u00e0 une meilleure exp\u00e9rience utilisateur.<\/p>\n

Navigation Complexes :
\nConcevoir une navigation intuitive peut \u00eatre difficile. Une structure de menu et de navigation complexe peut entra\u00eener une exp\u00e9rience utilisateur confuse et frustrante.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row css=\u00a0\u00bb.vc_custom_1636987615323{padding-top: 10px !important;}\u00a0\u00bb][vc_column]

THE SOLUTION<\/h3><\/div>
<\/span><\/div><\/div>[vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_column_text]Recherche Utilisateur Approfondie :
\nNous avons men\u00e9 dans le cadre de r\u00e9unions de Design thinking des recherches utilisateur approfondies pour comprendre les besoins, les motivations et leurs comportements habituels.<\/p>\n

Design It\u00e9ratif et prototypage rapide :
\nNous avons adopt\u00e9 une approche de conception it\u00e9rative pour recueillir des commentaires fr\u00e9quents des utilisateurs tout au long du processus, d’autre part, nous avons utilis\u00e9 des outils de prototypage rapide pour cr\u00e9er des maquettes interactives. Cela permet d’obtenir des retours plus t\u00f4t dans le processus de conception et de faire des ajustements plus rapidement.<\/p>\n

Tests Utilisateurs R\u00e9guliers :
\nNous avons int\u00e9gr\u00e9 des tests utilisateur r\u00e9guliers tout au long du cycle de d\u00e9veloppement. Cela a aid\u00e9 \u00e0 identifier les probl\u00e8mes d’UX \u00e0 un stade pr\u00e9coce et \u00e0 les corriger avant le lancement.<\/p>\n

Conception Collaborative et utilisation de Personas :
\nNous avons encourag\u00e9 la collaboration entre les concepteurs UX, les d\u00e9veloppeurs et d’autres parties prenantes. Cela a permis une compr\u00e9hension commune des objectifs et des contraintes, favorisant ainsi une conception plus coh\u00e9rente. D’autre part en cr\u00e9ant des personas pour repr\u00e9senter les diff\u00e9rents types d’utilisateurs de l’application. Cela a aid\u00e9 \u00e0 garder le focus sur leurs besoins sp\u00e9cifiques tout au long du processus de conception.<\/p>\n

Conception Mobile-First :
\nNous avons adopt\u00e9 une approche mobile-first dans la conception de l’application de notre client. En s’assurant que l’exp\u00e9rience utilisateur est optimale sur les appareils mobiles, puis nous l’avons \u00e9tendue aux \u00e9crans plus grands.<\/p>\n

Conformit\u00e9 aux Conventions d’Interface Utilisateur :
\nNous avons veill\u00e9 tout au long du maquettage \u00e0 \u00eatre au maximum en conformit\u00e9 avec les conventions d’interface utilisateur, mais il est vrai que nous n’avons pas h\u00e9sit\u00e9 \u00e0 innover lorsque cela a apporte une r\u00e9elle valeur, car nous pensons que le plus important reste l’avis des utilisateurs.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column width=\u00a0\u00bb1\/2″]

KEY BENEFITS<\/h3><\/div>
<\/span><\/div><\/div>[vc_empty_space height=\u00a0\u00bb20px\u00a0\u00bb][vc_column_text]Nous avons pu att\u00e9nuer les d\u00e9fis li\u00e9s \u00e0 l’UX et cr\u00e9er une exp\u00e9rience utilisateur positive et engageante pour la future application de notre client. La flexibilit\u00e9 et la r\u00e9activit\u00e9 aux besoins des utilisateurs \u00e9taient des \u00e9l\u00e9ments cl\u00e9s du succ\u00e8s continu de l’UX.[\/vc_column_text][\/vc_column][vc_column width=\u00a0\u00bb1\/2″]

TECHNOLOGY<\/h3><\/div>
<\/span><\/div><\/div>[vc_empty_space][vc_column_text]Adobe, Figma
\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row disable_element=\u00a0\u00bbyes\u00a0\u00bb][vc_column][vc_empty_space][vc_text_separator title=\u00a0\u00bbRequest More Info\u00a0\u00bb color=\u00a0\u00bbsky\u00a0\u00bb border_width=\u00a0\u00bb2″][\/vc_column][\/vc_row][vc_row disable_element=\u00a0\u00bbyes\u00a0\u00bb el_class=\u00a0\u00bbsml\u00a0\u00bb][vc_column][vc_column_text]