Quelle Histoire Aventures
Designing a gaming application based on augmented reality and geolocation, to teach History to kids through digital adventures.
Team
Baptiste Bérenger, Mélanie Defrance, Marion Mouchet, Rémy Sclippa, Marion Caron (me)
Role
Product management, UX, UI
Year
2018
Context and summary
Quelle Histoire Aventure was a project I took on with 4 other students while studying at Gobelins, Paris. Our client was Quelle Histoire, a French publishing company of books and applications teaching History to children.
We were to think of a digital solution using augmented reality that would playfully teach History to kids while driving their attention towards their real world surroundings.
After extensive user research that included online research, families interviews and shadowing in museums, we defined, designed and tested a concept: location based adventures where kids and their families are guided, challenged and rewarded by famous historical characters.
Using the Minimum Viable Product (MVP) that we produced, Quelle Histoire was capable of developing mobile applications for various locations such as the Louvre-Lens Museum, Paris and its surroundings, the Hérault department and the city of Rueil Malmaison.
I know case studies can be long to read so feel free to jump on a particular section of your interest with the following hashtags:
Research
Since we didn't have comprehensive knowledge about the learning and play preferences of kids, we chose to allocate a significant amount of time to investigate the subject.
We started by diving into online research, looking into things like gamification, how kids learn, and their relationship with screens. Next, we interviewed five kids and their parents to get a better sense of their habits when it comes to entertainment, play, and learning. Lastly, we shadowed families in museums, to observe and analyze their behaviors during visits to further enrich our understanding.
This research phase allowed us to create the following family personas that encapsulate our discoveries.
Design principles
Based on our discoveries, we established design principles that would guide us throughout the conception and when taking decisions all along the duration of the project.
Concept definition
Following the completion and presentation of our research phase to our clients, we started deliberating on the solution to be developed. In order to accomplish this, we engaged in numerous workshops to generate ideas.
Here are a few sketches I created during our "6 to 1" session.
We then converged and agreed upon the concept:
Quelle Histoire Aventures, offers adventures for families to be completed with their smartphones allowing them to (re)discover a city and learn History in a fun way.
The application is based on augmented reality and geolocation.
Each adventure is based on a main historical character and is set in a location intimately connected to them. An adventure has a defined journey and duration and is made of 6 to 10 quests.
Each quest presents a challenge that, if completed successfully, allows the collection of a character.
This is a glimpse into the usual user journey.
Concept validation
In order to validate our idea, we crafted an adventure about Charlemagne (150+ screens!), the famous French king recognized as the school inventor. Why him? Because in Paris, in the St Paul neighborhood, there are a lot of places related to him that allowed us to contextualize the experience.
Creating the prototype
We began sketching out low fidelity screens for the experience before jumping on the final UI.
We then created a prototype using Sketch and Invision —remember, it was 2018!— that families would use on our phones.
Below is a snapshot of a few screens.
Testing it
Once the prototype ready to be tested, we handed it over to five recruited families (8 kids and 6 adults) for an hour-long test session in St Paul, Paris. They were to meet up with six characters during the adventure — four default characters, a bonus one and Charlemagne himself.
Throughout the test, we would follow the family, make observations and take notes. The participants' screen activity, facial expressions, and voices were recorded through the Lookback app installed on the phones we provided for the testing.
Learnings
The global appreciation of the concept was very positive — both kids and parents enjoyed the concept!
We still identified 2 main elements that could be improved:
Add 2 to 3 quests — the adventure was described as too short by most participants.
Adjust difficulty levels according to player's age (e.g., provide additional clues for younger participants)
Usability testing
We then tested our screens with five users in an ergo lab, to ensure everything was clear and usable (spoiler alert—it wasn't).
During the test we recorded the screen, the sound and the face of the participants. We also used an eye tracker device to follow where and what they were looking at in real time.
Learnings
We managed to identified a few areas requiring attention. Here are a few examples:
We redesigned the home page with a specific focus on the search bar, which the testers found confusing.
We changed the icon representing the length of an adventure (in kilometers) as some testers thought it represented the distance between their current location and the starting point of the adventure.
We revamped the layout of the trophies page where we used padlocks to represent achievements to be completed. Our testers perceived them as a bit "brutal" so we went on with a friendlier design.
Wanna play?
This is a sample quest we crafted for the Charlemagne adventure, in which the player has the opportunity to collect Charles Martel, the grandfather of Charlemagne...
Takeaways
Participating in this project was a truly enriching experience — our team was fantastic and the client put a great amount of trust in us.
I believe three key aspects contributed to this project's success.
First, we took time to plan our research phase, which allowed us to collect strong insights on multiple topics quickly. Then, we conducted real-time testing of the concept early in the process which allowed us to validate our concept and thereby strengthen our client's trust. And last but not least, however cliché and cheesy it may sound…we had fun while working on it!
Using the prototype that we produced, Quelle Histoire was capable of finding partners and funds to develop mobile applications for various locations such as the Louvre-Lens Museum, Paris and its surroundings, the Hérault department and the city of Rueil Malmaison.
Here is a picture of us in Montmartre, testing the application for Paris and it's surroundings.
Sébastien Lucas
Communication director — Quelle Histoire