mula soap website design
TRANSCRIPT
![Page 1: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/1.jpg)
Mula Soap.comAn Interactive Website for 4-10 year olds
![Page 2: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/2.jpg)
To encourage children aged 4yrs-10years to:
• To wash their hands regularly. • To educate the children on health and
cleanliness
The Purpose of the Site
![Page 3: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/3.jpg)
By showing fun educational movies which motivate the child towards cleanliness
Fun quizzes which educate the child.
Through theses activities the child begins to associates being clean with winning. (This is based on classical conditioning)
How does the site do this?
![Page 4: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/4.jpg)
Typical User
![Page 5: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/5.jpg)
For the purpose of this exercise the task we will look at
Doing a Quiz
Main Task
![Page 6: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/6.jpg)
Doing a Quiz – Home Page
![Page 7: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/7.jpg)
Doing a Quiz –Login
![Page 8: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/8.jpg)
Doing a Quiz – Interacting
![Page 9: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/9.jpg)
Doing a Quiz – The Choice
![Page 10: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/10.jpg)
Doing a Quiz – Choosing Quiz
![Page 11: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/11.jpg)
Doing a Quiz – Questions
![Page 12: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/12.jpg)
Doing a Quiz – The End
![Page 13: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/13.jpg)
Interface Design - Before Research
![Page 14: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/14.jpg)
Interface Design –After Research
![Page 15: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/15.jpg)
Before Research •Poor contrast- hard to focus.
•Colours not strong enough
•Design too busy- not simple enough
•Main Icons too large
•Fonts not uniform.
•No interaction
•Design not consistent with other children’s sites
![Page 16: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/16.jpg)
After Research •Good contrast
•Primary colours –suitable for age group
•Design more simple and intuitive
•Main icons clear obvious
•Uniform fonts throughout.
•Interaction audio and visual
•Design consistent with other children’s sites
![Page 17: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/17.jpg)
Place the user in Control
1. Mula interacts with the user intelligently, offering choices, reading the users mind.
2. User can freely move around the site3. We have allowed for children who can’t read yet with
audio.4. We have separated the more complex content into the
grownups section.
Design Principles -Pressmann
![Page 18: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/18.jpg)
Reduce the users Memory Load
1. The quiz is kept simple one page to each piece of content. Disclosing information at a slow pace.
2. Short cuts are simple and intuitive 3. The final system will include flashing icons on delayed
reaction.4. No time limit on doing the quiz.5. The arrows and the tick symbols are all familiar symbols.
Design Principles -Pressmann
![Page 19: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/19.jpg)
Keep the interface Consistent
1. The site is consistent with other sites –
main tabs running across the top of the site, login on the right hand side, use of mouse to interact.
Design Principles -Pressmann
![Page 20: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/20.jpg)
Visibility – current score remains visible, equally at any point the user can check their score, how many movies they watched etc.
Users language The language used is at the users level User in control Users can move from any page to any page Consistency The site is consistent with other children’s sites.
And web design in general. Recognition rather than recall. The site is intuitive Flexibility . The user has free movement around the site
including undo, back and forward. Minimal design. The design is simple colourful with good use
of space and contrast. Helpful – Mula is very helpful and considerate with his advice.
Design Principles – Nielsen Nielson would like this site because
Nielson (1994)
![Page 21: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/21.jpg)
User Familiarity –The system is designed for the age group 4-10yr olds
It is consistent to other sites they might be using. There is minimal surprise. We have included facilities for the user to recover
passwords and review and change their minds during quizzes.
Mula is always at hand to guide the user through difficult sequences
The site is diverse as it is designed for the child and the parent featuring a grown up section
Design principles -SommervilleSommerville would like this site because
Sommerville (2004)
![Page 22: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/22.jpg)
Testing is vital as at this point where change is easy
May need proof of concept for funding We mainly test to uncover errors and to
ensure that the design is:
Why Test ?
1. Correct 2. Complete3. Secure4. High quality
![Page 23: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/23.jpg)
The programmer has his own perspective and he is not infallible.
Needs to include others view particularly the end user and related users.
The contribution and feedback can be invaluable and should be encouraged
Why Feedback?
![Page 24: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/24.jpg)
Add sound clicks to the quiz when the child is answering questions etc
Add voice instruction from Mula – helpful hints – Watch a movie, Do a quiz, Check your score.
Back and forward arrows to be added to each page on the quiz broadening navigation
A tick symbol to be added to the quiz page To include the question on the answers page of quiz A link to Face book and Twitter
Summary of Feedback
![Page 25: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/25.jpg)
Changes Made
Before After
![Page 26: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/26.jpg)
Changes Made
Before After
![Page 27: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/27.jpg)
Changes Made
Before After
![Page 28: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/28.jpg)
How important research and development is.
Good feedback
Lessons Learned
![Page 29: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/29.jpg)
A chat room for kids to encourage world wide communication
An interactive clean game were they go through a typical day making choices
The children could interact with Mula asking him questions
When quiz is complete Mula could explain were they went wrong
Future Development
![Page 30: Mula soap website design](https://reader035.vdocuments.us/reader035/viewer/2022062514/557c07b8d8b42ad1658b4834/html5/thumbnails/30.jpg)
ANY QUESTIONS?