RUGGAAMUFFIN
description
Transcript of RUGGAAMUFFIN
![Page 1: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/1.jpg)
RUGGAAMUFFINRequirements analysis and designShane Murphy
![Page 2: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/2.jpg)
Contents Overview of prototype Typical user Prototype – website Interface design -Pressman, Nielsen and Sommerville User acceptance and feedback References
![Page 3: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/3.jpg)
Overview of Prototype Ruggaamuffin is a charity website which
helps children and schools in developing countries by providing them with temporary learning spaces in the classroom by designing mats made from old recycled tyres.
This website provides the user to look at the background of Ruggamuffin and also possibly purchase one of these mats.
![Page 4: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/4.jpg)
Typical user A typical user would include any person involved
in any kind of charity organisation, especially dealing with the school systems in developing countries in Africa.
The main task I have chosen, is the application of ordering online. The user will navigate to the order page from the home page under the order tab. They will then proceed to filling in their information, like their personal details and their payment options. They will then be given a view of their order.
![Page 5: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/5.jpg)
Prototype - Website This is the home
page To proceed to
ordering the product online, click the order tab on the navigation bar.
![Page 6: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/6.jpg)
Prototype - Website Once you click on
the order tab, this will appear.
This page gives you a brief description and allows you to enter the quantity you wish to order.
![Page 7: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/7.jpg)
Prototype - Website This is where you
fill in your personal information such as name, address etc.
Click proceed if you are happy with your details
![Page 8: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/8.jpg)
Prototype - Website The next page, is
where you fill in your method of payment.
![Page 9: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/9.jpg)
Prototype - Website This page allows
you to look over your order.
If you are happy, then click proceed, if you are unhappy, you can go back and correct your mistake.
![Page 10: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/10.jpg)
Prototype - Website This page, is a
thank you, showing appreciation for placing an order.
If there is any problems with your order, you can contact the email address.
![Page 11: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/11.jpg)
Interface Design According to Pressman’s principles,
you must: Place the user in control Reduce the users memory load Make the interface consistent
![Page 12: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/12.jpg)
1. Place user in control The user is able to go back a step if they
feel they have made a mistake in the process of ordering.
![Page 13: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/13.jpg)
2. Reduce memory load Once the user has made an order for the
very first time, if they wish to place a second order in the future, their information will be remembered.
The user fills out their order details by clicking on the ‘order’ tab on the home page. Therefore, the user will not be stuck with this information on the home page.
![Page 14: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/14.jpg)
3. Make interface consistent The navigation bar for this prototype
remains exactly the same on every page.
![Page 15: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/15.jpg)
3. Make interface consistent The design of every page, remains the
same throughout the whole website.
![Page 16: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/16.jpg)
Interface Design Nielsen’s Usability Heuristics: Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover
from errors Help and documentation
![Page 17: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/17.jpg)
1. Match between system and the real world The website speaks the user’s language. Phrases are made out to be simple, so
the user can understand fully.
![Page 18: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/18.jpg)
2. User control and freedom
The user is in control
If the user makes a mistake in the process of ordering, they will be able to go back and correct this problem.
![Page 19: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/19.jpg)
Interface Design Sommerville’s User interface principles: User familiarity Consistency Minimal surprise Recoverability User guidance User diversity
![Page 20: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/20.jpg)
1. Recoverability The user is able to undo and go back a
step.
This provides the user some resilience ro user errors.
![Page 21: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/21.jpg)
2. Minimal Surprise The user will have no surprises in the
ordering process.
If they have ordered anything online before, they should be familiar of what details needs to be entered.
![Page 22: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/22.jpg)
User acceptance testing and feedback
![Page 23: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/23.jpg)
![Page 24: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/24.jpg)
![Page 25: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/25.jpg)
![Page 26: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/26.jpg)
![Page 27: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/27.jpg)
![Page 28: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/28.jpg)
Feedback from testers In my search box, I forgot to add a go
button for people to click. The colour of my design was changed
from red to blue. This makes it easier on the eyes for the user.
I have added a back button for each step. This helps the user…doesn't need to start from the beginning once again,
In the order review page, I filled in the entire credit card number which is usually replaced with an “*”.
![Page 29: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/29.jpg)
Conclusion From developing this application from the start I
have learned that it is no easy task and things must be done step by step in an efficient manner.
Writing down a number of ideas can be very helpful, and also getting ideas from working in a group can help improve on the development of an application.
Research is a vital part of development. This will help you gain a view if the idea is indeed plausible.
![Page 30: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/30.jpg)
References http://
www.useit.com/papers/heuristic/heuristic_list.html
![Page 31: RUGGAAMUFFIN](https://reader035.fdocuments.us/reader035/viewer/2022062811/568161b0550346895dd173b5/html5/thumbnails/31.jpg)
Any Questions?? Thank you!!