Reference no: EM133886282
User Assistance and Feedback
Revise week 7 content and complete the following in your Weekly UX Tasks 5 to 7 document as required. As this is an advanced unit, you are expected to solve exercise problems yourself, although the tutor is available for advice.
Part 1:
Part 1 exercises relate to this week's content. They all require you to write about something personally, and not to use generic results from generative AI. Generic discussions will be heavily reduced in marks.
Improving Moodle Help
Moodle currently presents users with a Push Revelation in the form of a guided tour when new updates or features are implemented.
Go through a step-by-step guided tour on the ITECH3001 Moodle main home page before completing your response. You can take a new tour by clicking the "?" in the bottom right corner and "Reset user tour on this page" to see its functionality.
[100 words ± 10] Instead of this push revelation, explain one method that you would use to inform users of updates or newly implemented features in Federation University's ITECH3001 Moodle site. Distinguish why your method is better than the current push revelation.
Intrusive Modal Dialog
Consider where you have seen an intrusive and incorrect usage of a modal dialog and save an image of that modal dialog. If you cannot think of any, do an internet image search to find a poorly used modal dialog.
Paste the image into your document.
[100 words ± 10] Explain why you think it is intrusive and an incorrect usage of a modal dialog in that interface.
Poor System Errors
Consider where you have seen a poorly designed error message and save an image of that error message. If you cannot think of any, do an internet image search to find a poorly designed error message.
Paste the image into your document.
[100 words ± 10] Explain the error message's adherence (or lack thereof) to meet Visibility, Communication and Efficiency requirements.
Part 2:
Part 2 exercises relate to your major assignment. Revise the requirements and your scenario, complete the following:
User Assistance Wireframes
Open your wireframe file in Pencil that you created during tutorial 06.
You are going to create three new wireframes that show examples of help, feedback, or errors for your scenario product. This will assist in your Assignment 1: High Fidelity-Clickable Prototype.
Requirements:
Duplicate one of your previous wireframes as the starting point for each new wireframe. Do not overwrite previous wireframes, always duplicate new ones so you do not lose anything.
Create THREE NEW wireframes for your UX scenario product that address one of the following: an example of user help, feedback, or errors for a particular screen (e.g. form validation, pull revelations, system feedback, and many others shown in the week 7 content).
As these are low fidelity, greyscale is conventional, but text should be representative of a final design, and hierarchy of headings, content and navigation should be clear (see examples in the week 6 content).
Make sure the user help, feedback or errors shown are clear. Even though these are still low fidelity, you may want to use conventional design such as red text for errors and validation, symbols/icons mapped to the function, and annotations to explain anything that is not quite clear in a static wireframe image.
Use a clear font for wireframes (Roboto is good, size 14 minimum). Your High Fidelity-Clickable Prototype will require the final visual design such as typefaces and colours, but wireframes do not.
For these wireframes, annotations are helpful but not required as this is low fidelity. However, you can annotate some things with speech balloons if you feel it necessary to explain what might happen under certain circumstance - just make sure they do not obscure the wireframe. Assignment 1: High-Fidelity Clickable Prototype requires annotations.
If one or more of your wireframes would require the user to scroll down, you should still show the entire page including what is below the fold as the example in the week 6 slides displayed.
Set the output type to rasterized graphics (PNGs) and export the images, then add the images to your Weekly UX Tasks 5 to 7 document.
Crop any excess space (if any) around the sides of the image and resize the wireframes to display each clearly in your document.