vocabfoundry language app on iphone screen with a dictionary on background

Aperçu

VocabFoundry (VF) est mon premier projet de conception UX que j'ai créé dans le cadre du cours UX Design avec CareerFoundry. J'ai suivi la Processus de pensée conceptuelle des étapes pour comprendre les utilisateurs, concevoir et créer un prototype basse fidélité de VF, le tester avec des utilisateurs potentiels et améliorer la conception initiale. Grâce à ce projet, j'ai acquis des informations précieuses sur la mise en œuvre d'une approche de conception centrée sur l'utilisateur.

Contexte et objectif

Il peut être difficile pour nous de garder une trace de tout le jargon lorsque nous travaillons ou étudions dans un environnement où l'on parle une langue étrangère. Ce projet vise à concevoir une application mobile axée sur donner aux gens les moyens d'apprendre un nouveau vocabulaire. Il est conçu pour être utilisé en déplacement pour des séances d'étude rapides de 5 à 10 minutes afin de s'adapter au mieux aux horaires chargés des gens. Ils pourraient apprendre de nouveaux mots dans un autobus ou un train, en attendant entre les cours, ou pendant une pause déjeuner, etc.

Mon rôle

  • Concepteur UX
  • Chercheur UX

Outils

  • Stylo et papier
  • Figma
  • Miro

Échéancier

  • 3 Semaines

Processus de conception

faire preuve d'empathie

  • Analyse concurrentielle
  • Recherche sur les utilisateurs
  • Perspectives de la recherche sur les utilisateurs

définir

  • Nom de connexion : Persona
  • Architecture de l'information
  • Flux d'utilisateurs

idéer

  • Cadres filaires

prototypage et essai

  • Prototype de fidélité moyenne
  • Essais d'utilisabilité

affiner

  • Améliorations
  • Apprentissages

faire preuve d'empathie

Analyse concurrentielle

Pour commencer, j'ai exploré quatre applications d'apprentissage du vocab pour analyser ce qui est actuellement disponible et demandé sur le marché.

Competitive analysis Quizlet screen

Quizlet

J'ai aimé la variété d'approches d'apprentissage disponibles, y compris les Flashcards, Learn, Test et Match, qui peuvent être adaptées aux préférences des utilisateurs. Cependant, il y a des problèmes de navigation et de fonctionnalité qui pourraient être améliorés. Par exemple, pour créer un ensemble de vocabulaire à partir de la bibliothèque, il faut aller et venir à l'écran de recherche. Il serait bénéfique et encourageant d'avoir un examen des progrès pour suivre les réalisations.

Competitive analysis WordUp screen

WordUp

Cette application est tellement intuitive et convaincante que j'ai oublié que je travaillais sur mon projet UX ; en d'autres termes, je me sentais profondément engagé et intéressé par la pratique. Les images et les gifs reflètent les significations d'une manière mémorable et amusante. Ils ont déployé beaucoup d'efforts pour recueillir des exemples, des citations et des vidéos qui ont un grand impact sur l'intégration de nouveaux vocabulaires. La fonction de chat par intelligence artificielle est une autre excellente approche de la pratique.

Recherche sur les utilisateurs

Pour mieux comprendre les besoins des utilisateurs, les points de peinture, et comportements, j'ai mené entrevues avec les utilisateurs avec quelques personnes âgées de 25 à 45 ans et appartenant à des ethnies, des études et des professions différentes. J'ai posé des questions ouvertes et j'ai noté leurs déclarations. Plus tard, j'ai converti ces notes en trois catégories, c.-à-d.Faire','Penser'et'Sentiment« déclarations.

Questions d'entrevue

  • Comment est votre journée typique ?
  • À quand remonte la dernière fois que vous avez utilisé une application de vocabulaire ? À quoi l'utilisez-vous le plus ? À quelle fréquence l'utilisez-vous ?
  • Comment cela vous a-t-il aidé à atteindre votre objectif ?
  • Qu'est-ce qui vous plaît dans l'utilisation de cette application ? Qu'est-ce qui est frustrant à propos de cette application d'apprentissage ?

définir

Énoncé du problème

Alex a besoin d'un moyen de trouver le temps d'améliorer ses compétences linguistiques en anglais parce que il a un emploi du temps chargé et il aimerait garder un style équilibré travail-vie personnelle.
Nous saurons que c'est vrai quand nous verrons il est capable de conserver un nouveau vocabulaire et d'améliorer sa communication dans un cadre professionnel.

Architecture de l'information

J'ai esquissé la structure de l'application VocabFoundry basée sur les informations tirées des étapes précédentes, puis a mené un tri des cartes fermées déterminer les caractéristiques plan du site via la plateforme Optimal Workshop et les a distribués aux participants. J'ai synthétisé ces données avec des histoires d'utilisateurs afin de créer des flux de tâches qui Alex aimerait terminer à l'aide de l'application VF.

Flux d'utilisateurs

idéer

Cadres filaires

En se basant sur la flux d'utilisateurs et leurs caractéristiques requises, j'ai commencé à esquisser les flux d'utilisateurs et les ai ensuite transformés en filaires à l'aide de Figma.

En gardant à l'esprit les points douloureux et les comportements d'Alex en dessinant, je :
- Conçu Barre de navigation avoir les clés nécessaires pour accéder plus fréquemment aux pages visitées par les utilisateurs.
- Mise en œuvre universelle icônes et caractéristiques pour une utilisation plus conviviale, interface mémorable.
- Intégré la traduction plusieurs langues inclure la fonction de langue maternelle de l'utilisateur dans la page d'apprentissage.
- Inclus différentes approches pour sauvegarder le vocabulaire afin de les pratiquer plus tard, soit au hasard, via recherche moteur ou création de son propre moteur Flashcartes/cartes.

vocabfoundry low-fidelity wireframes 1
vocabfoundry low-fidelity wireframes 2

prototypage et essai

Prototype

vocabfoundry mid-fidelity screens

Essai d'utilisabilité

Essai d'utilisabilitéJ'ai effectué des tests d'utilisabilité avec quelques participants et je les ai observés tout en accomplissant les tâches afin d'identifier l'utilisateur. points douloureux, problèmes ou erreurs.

vocabfoundry usability test plan

affiner

Améliorations

J'ai révisé le prototype en me fondant sur la enjeu majeur, et erreurs de grande gravité les participants au test ont dû faire face. Cela comprend la modification des icônes « Apprendre » et « Quiz » pour les représenter de manière plus complète.

vocabfoundry improvements after usability test

Apprentissages

  • Au cours de ce voyage, j'ai acquis des informations précieuses qui ont façonné mon approche en tant que conceptrice UX. J'ai appris à penser avec un état d'esprit UX, en insistant sur l'importance de concevoir des flux d'utilisateurs sur des pages individuelles.
  • J'ai toujours gardé les points douloureux du personnage au premier plan de mon processus de conception, en veillant à ce que besoins des utilisateurs et les défis demeurent centraux.
  • Ces apprentissages ont non seulement affiné mon approche, mais ont également enrichi ma compréhension de conception centrée sur l'utilisateur principes.

Merci ! Aimeriez-vous en voir plus ?

arrow down

Autres projets

meeSera real state website on different screens with a city background

Conception UI/UX

MeeSera

Une application Web adaptée à l'immobilier

welhub mockup

Conception UX/UI

WelHub

Une application mobile pour la santé et le bien-être

Retour en haut de page

Travaillons ensemble !

Communiquez avec moi et contactez-moi.

Merci ! Votre soumission a bien été reçue !
Oups ! Quelque chose s'est mal passé lors de la soumission du formulaire.