Download to read offline
Uploaded bySharon Amer
My learningessentails
The document provides guidelines for improving the visual design, usability, and engagement of an online course. It recommends using lighter colors to create a friendly feel, limiting colors to avoid clutter, and ensuring text is readable for those with visual impairments. Layout should guide users' eyes through the content in a logical flow. Interactions and activities should be consistent in format to provide clarity, while incorporating a variety of visual content like images and videos can boost engagement. Clear navigation aids comprehension by maintaining consistent design elements.
More Related Content
Similar to My learningessentails
My learningessentails
- 1.
- 2. Colour lighter fresher friendlierfeel to increase its visual appeal Appeal to the target audience Help to shape the users attitudes More effective communication Engagement
- 3. Text Elderly users andvisual impairments Black or dark colours for text, and white or soft tones for background. Use no more than three colours as it can make the course look busy. Could be viewing on smaller screens
- 4. Layout The placement ofthe elements on each page could flow more naturally from one to the next Graphics should be oriented in a way that directs the reader's attention inward and onward, never away from the content. Create a more consistent feel and would create more flexibility to use the content area
- 5. Content Needs to standout more and given much more emphasis. The Use of Space and Colour Make the content separate from the navigation Make Instructions Separate from the text Break up the text using more bullet points Using Visuals
- 6. Visual Content Visual contentdrives more engagement than just text. Can enhance a course’s quality because it helps to humanize the concepts being covered. Learners view the content as a relatable, personal experience.
- 7. Visual Imagery Representational -to reflect and reinforce the text Organisational – using diagrams to create overview of the content Decorative – used sparingly to add aesthetic appeal Professional and Stylish
- 8. Interactions The same interactionis being presented in different ways. Keeping the format of this interaction the same throughout would enable you to use more variety in interactions. Consistency helps learners move from one task to the next, knowing there are certain aspects of the design that won't change.
- 9.
- 10. Learning Activities More intuitive Makeeasier to use Clearer Feedback Conclude or recap Knowledge Check Task based activities / simulations
- 11. Navigation Visual Hierarchy Rollovers Interactive Icons PopUps Keep elements consistent throughout using a clear and consistent design will help keep students focused
- 12.
Editor's Notes
- #2 For this presentation I have looked at how I would improve on the suite of existing modules for my learning essentials This covers :
- #3 Purple and yellow is a good effective contrast for learning if used carefully Can feel dark, heavy which is distracting from the content. Student expectations are for a more professional look and feel This will shape the users attitudes towards the content and create a more credible feel More effective coms wil get the message you r trying to convey a lot faster Create more engagement and get them coming back for more
- #4 Dark purple on grey is not a good colour contrast. Yellow on purple Both failed on colour contraster on Webaim For large amounts of text it is safer to stick with dark coulours on lighter backgrounds
- #5 The slug on the left is not consistent throughout sometimes its there or not there and sometimes its grey and sometimes its purple Example: Keep the title and use a specific heading to denote an activity Lose the dark slab of colour from the left
- #6 The use of space and colour as I v mentioned will help to do this Example: Currently the boxes are blending in to much Break up the text using formatting and visuals
- #7 Needs to reinforce the message and help users relate to the content. Most people recognise visuals images before text. creates and emotional /mood. “if a picture is worth a thousand words use it”
- #9 Example: these two interactivities are the same but look completely different
- #10 Example 1: could use an interactive table to display this better Example 2: could use video and audio to enhance the user experience. Interactive map of the library
- #11 Example 1: Could simulate typing into a database which would make it more intuitive Example 2: Citing it right Section 3 of 4 , what do I need to reference – activity Needs a recap and also a knowledge check
- #12 Needs to be more consistent throughout to focus on the content
- #13 I have included a main title sub heading Lost the large slab from the left and included a watermark Freeing up the content area Seperate out the instructions from the text Added in a visual that reflects the subject Drawn out the lines to give more emphasis to the content That concludes my presentation I welcome any questions