RUGGAAMUFFINRequirements analysis and designShane Murphy

Contents Overview of prototype Typical user Prototype – website Interface design -Pressman, Nielsen and Sommerville User acceptance and feedback References

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.

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.

Prototype - Website This is the home

page To proceed to

ordering the product online, click the order tab on the navigation bar.

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.

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

Prototype - Website The next page, is

where you fill in your method of payment.

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.

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.

Interface Design According to Pressman’s principles,

you must: Place the user in control Reduce the users memory load Make the interface consistent

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.

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.

3. Make interface consistent The navigation bar for this prototype

remains exactly the same on every page.

3. Make interface consistent The design of every page, remains the

same throughout the whole website.

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

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.

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.

Interface Design Sommerville’s User interface principles: User familiarity Consistency Minimal surprise Recoverability User guidance User diversity

1. Recoverability The user is able to undo and go back a

step.

This provides the user some resilience ro user errors.

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.

User acceptance testing and feedback

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 “*”.

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.

References http://

www.useit.com/papers/heuristic/heuristic_list.html

Any Questions?? Thank you!!