Quoi de neuf depuis le MVP ?

Le MVP

Pour le MVP, il y a 3 semaines, je n’étais pas encore très avancée, je venais tout juste de finir mon contenu et avais 2 illustrations, une pour la page d’accueil et une pour l’histoire avec lesquelles je me suis empressée de réaliser un petit design.

Aujourd’hui, ce n’est pas de mon projet que je vais parler, mais de celui de Pablo Exposito Lopez, un étudiant de ma classe.

Premières impressions, sans connaître le sujet

Voici sur quoi je tombe en arrivant sur le site de Pablo. Le projet s’appelle “Le Bourdon”, je me demande un peu pourquoi. le Design est simple, épuré, avec du jaune et du noir, couleurs des abeilles. A première vue, je ne sais pas trop de quoi le site va parler. La phrase d’introduction nous dit qu’il s’agit d’une expérience d’auto production audiovisuelle, c’est long et pas trop évocateur pour moi, je me doute juste que c’est quelque quelque chose dans le domaine de la vidéo, un petit groupe du nom de Bourdon qui fait des tournages. Je vois qu’il y aura une vidéo d’introduction, ce qui est une bonne choses pour les personnes dans le flou comme moi. …

La motivation n’est pas toujours là, le stress s’installe…

Comment ai-je avancé ces 12 derniers jours ?

Je n’ai pas été très productive en fait… Comme le montre mon time sheet, j’ai surtout travaillé le contenu et fait des recherches graphiques.

Au niveau du contenu, l’histoire est finie (du moins le premier jet), j’ai 12 “chapitres” qui font environ une demi page chacun (ce qui fait 6 grosses pages de texte sur google doc). Je les couperai donc en deux ou trois parties pour ne pas afficher trop de texte en une fois sur mon site. Je suis consciente que c’est long, je vais surement devoir raccourcir… Je suis encore occupée à faire les descriptions des personnages. Je compte en faire 15, 5 grecs, 5 troyens et 5 dieux. …

On rentre dans le concret et on continue les recherches

Pour rappel, mon projet est une histoire interactive sur l’Odyssée d’Ulysse, plus particulièrement sur l’épisode avec Circée.

Quoi de neuf après deux semaine ?

Pas tant que ça j’ai l’impression, j’avance lentement mais c’est déjà un début.

• J’ai passé de nombreuses heures à lire les roman “Odyssée”
• J’ai segmenté mon histoire en 15 points et j’ai commencé la narration
• J’ai fait des recherches graphiques (70 shots dans un dossier Dribbble)
• J’ai réalisé un sondage pour les top tasks
• J’ai commencé les illustrations

Oh non je n’ai pas fait de time sheet :’( Mais je peux dire que j’ai bossé tous les jours, 4-5h en moyenne il me semble, sauf que certains jours je ne faisait quasiment que lire, je ne sais pas si je peux appeler ça travailler du coup, je ne me sentais pas productive mais il fallait bien passer par là. …

Mes premières pistes de réflexion

Commencer un nouveau projet est pour moi une étape difficile. Trouver un bon sujet est une chose, se lancer en est une autre.

Le choix du sujet

Durant mon stage, j’ai eu l’occasion de m’interroger sur mon TFE. J’étais en train d’apprendre React.js et je m’imaginais mettre ça en pratique en faisant une chouette petite application. Cherchant quelque chose qui pourrait m’être utile dans la vie de tous les jours, j’ai pensé à une application pour gérer son organisation, avec des listes de courses, plannings de repas, listes de recettes personnalisables, to do lists et un partie pour la gestion de son budget. Je pensais même a faire un système d’authentification avec facebook, utiliser Firebase mais aussi à faire des thèmes personnalisables pour m’inspirer du bullet journal. …

Réinterpretation de la conférence de R. Christopherson, “From AI to robots, from apps to wearables — Let’s design for everyone, OK ?”

Iolce — Input Output Lire et Communiquer sur Ecran

Par groupe de quatre étudiants dans l’option Design Web et Mobile à la Haute École Albert Jacquard, il nous a été demandé de visionner une conférence traitant des métiers du web et de s’en approprier le contenu. Il nous est ensuite demandé, individuellement, de concevoir un site utile et utilisable “mobile first” en respectant toute une série de critères.

Je vais donc vous présenter ma méthode de travail.

C’est parti…

Notre groupe est constitué et une vidéo nous est attribuée, maintenant, au travail ! Survient déjà la première difficulté quand nous nous rendons compte que cette conférence de 40 minutes est en anglais, mais alors me voilà horrifiée quand je découvre l'absence de sous-titres. Comment allons-nous faire ? Heureusement, nous avons trouvé une retranscription de la conférence. Nous nous sommes alors attaquées, chacune de notre côté à la traduction. C’est long… et j’ai du mal à comprendre certaines parties qui traitent de sujets que je ne connais pas du tout. …

Selon la théorie de la Gestalt (qui signifie “forme” en Allemand), notre cerveau attribue un sens aux formes qu’il perçoit, un sens qu’elles n’ont pas à l’origine. Ces principes interviennent donc lors de la création d’interfaces et permettent de guider les concepteur. En effet, en comprenant l’humain et en le plaçant au centre de leurs créations, ils pourront veiller à son bien-être en organisant les différents éléments pour lui faire gagner du temps.

Il y a 7 principes de différents que je vais illuster ici.

La similarité

Lorsque des éléments se ressemblent, sont similaires de par leur taille, leur forme, leur couleur, leur orientation ou encore leur texture, nous avons tendance à les associer à une fonctionnalité équivalente. …

Si un site communique des émotions aux utilisateur, il créera alors une emprunte mémorielle chez les visiteurs, qui reviendront sur ce site. Grâce aux émotions qu’ils provoquent, les sites peuvent donc retenir l’attention de l’utilisateur et c’est cela que nous recherchons. Il existe différentes techniques de web design à cet effet. En voici 3 exemples :

Les grandes images

Une image vaut mille mots et si elle est bien choisie et de bonne qualité, est peut-être très parlante. En effet, l’émotion vient avec les sens et le plus souvent avec la vue. Sur la page d’accueil du site d’Airbnb, nous avons une photo d’un beau grand salon, lumineux, chaleureux, paisible,… On a envie d’y être. De plus, notre oeil est attiré par le rectangle blanc avce le bouton rouge permettant de rechercher un logement. …