desktop loading screen

L'appli Random Trivia Generator

Nous avons repensé l’appli Web et les applis natives RTG afin d'en moderniser l’interface. Nous avons uniformisé l’expérience sur toutes les plateformes, tout en s’assurant de maintenir la simplicité de la fonctionnalité.

UX, UI, animation, illustration

mobile app wireframes

Maquette fonctionnelle

Nous avons créé des maquettes fonctionnelles pour itérer la structure et l’expérience utilisateur avant de procéder à la conception visuelle.

Affichage « carte » du bureau

La vue de carte est la vue par défaut pour l’appli, ce qui donne une expérience de jeu puisque les réponses sont cachées au dos de celle-ci.

Affichage « liste » du bureau

On peut facilement basculer vers l’affichage « liste », où les questions et réponses sont visibles en même temps.

prompt to add to home screen

Petits écrans

L’appli Web a été conçue pour l'adapter à tout type d’écran. Pour tablette, nous avons créé une invite pour ajouter l’appli Web à l’écran d’accueil.

Appli iOS et Android

Les applis natives comprennent des écrans d’intégration pour familiariser les utilisateurs existants et nouveaux avec les fonctionnalités propres aux appareils mobiles.

category icons

Icônes

Nous avons fait des recherches dans le but de déceler les représentations les plus souvent associées aux six catégories de questions. Ensuite, nous avons dessiné les icônes pour qu'ils soient visibles sur tous les appareils, peu importe la taille de l’écran.

loading screen loading quiz machine load more animation refresh animation

Éléments animes

Dans l’appli, les animations servent à faciliter les transitions, dont les suivantes : chargement de l’appli, génération d’un quiz au hasard, actualisation d’une page ou chargement de plus de questions.

Vous avez une appli en tête?