DOCUMENTATION

Our Ideas&Technologies




Mindmaps


We started from making the mindmap.
By making the mindmap, we are able to explore a variety of resources and find more possibilities about our project.
We explored different aspects of the gerder equality by each group members and find a lot of resources. We also put up with some questions needed to be solved through this process. Accoding to the guidance of our subject which named promote gender equality from early age, we decided to find some way to connect the gender equality with children education. We found that we need to provide more resource about this specific topic to chilren in the way thet are interested in. By taking the consumer habits into account, we decided to make APP of smartphone which is most closely connected with people to provide the cartoons and comics which most children like to give them a better experience to be educated about the gender equality.



Project Draft& Some Definitions


Next, we had a mindstorm together in the meeting and we recod and refine the ideas on Glitch.
Here is our project draft. We display is by Glitch and you can see the result about our mindstorm about the design of the functions and content of our project through it. That is also the original defintion of our topic.



Wireframe


After making the definiton about the project, we made the wireframe of our project by using Figma. We set the homepage.



Mockup


Then, we went into the Mock-up step. We started to defign the APP according to our topic and target users. We use the pink and blue as the background color and try to make it seemed cuter becuase it's for kids. We find some reesouces of cartoons and comics from internet and put them into the mockup to make it seemed like the real APP interfaces. We also image the potential problems our users may encounter to when they use our APP to create a complete and conherent process.You can find other details we have designed below.



Tests


After that, we made a lot of user test for out project. We got some useful feedback from our target users and modified our project according to that.
We did the test for 2 sessions and we found 2 users for each session.
In the first session, We test 2 users and here are some feedbacs they gave us.

After a review of our different interviews for the first session, we decided to improve the design of the interface (make the buttons more visible, improve the font) and add instructions on the different pages that will facilitate the user's navigation. We had some very good suggestions (adding recommendations, age filters or quizzes to check children's understanding), but given the stage we are at, we will focus on the main features of our application.
On the home page, we have added a welcome word and changed the design of the titles to buttons to better guide the user. We have also added more instructions to the content pages (see the top of the comics and cartoons pages) and we have improved the font size on the page dedicated to the choice of content.

After the this optimization,We tested 2 uesers in the 2nd session.

After the 2nd session test, we added more colors on our prototype, we changed the homepage, added age limitations on comics, removed the possibility to add friends on children's profiles to prevent them from being contacted by strangers. All the modifications we have made is all about the experience from our users and we deem to provide the best to them.

You can find more details about the user tests here: TEST