eyelearn.org

digital practices

inclusive design for UX

wordpress with pen DEC 4th 2020 WEEK 6
  1. accessibility & UX
  2. testing and user feedback
  3. themes & plugins

inclusive design design for everyone

illustration of diasabilities + people

notes

  • accessibility often associated with physically obvious impairments which does not cover the full spectrum
  • abilities or disabilities are more complex and nuanced, they can also be temporary as well as permanent
  • ensuring easy use of alternative devices/apps will benefit all site visitors equally
illustration of keyboard tab key

Ensure access to functions via keyboard - test by using tab key to navigate site

illustration of sensory alternatives

Provide captions/transcripts for visual/audio content - provide text alternatives for images

illustration of sensory alternatives

Add alternative versions of content - use visuals/icons and text in combination

Reminders

image edit process
illustration of sensory alternatives

user centred design design for delight

notes

  • user experience builds on the foundation of accessible design, adding more depth
  • consideration of the complexities of people and their current situations
  • research and user testing to guide UX design
  • good UX will mean a pleasurable experience, meeting the needs of target group
  • recurring cycle of work for best results: test - review - iterate

Don Norman: 3 Ways good design makes you happy

footnotes

One way to make your content more accessible is to add footnotes to explain complex or jargon terms, acronyms or abbreviations. See this example which uses parenthesis to define 'CMS' within a sentence (this will work with the EasyFootnotes plugin).

WordPress is a very popular CMS (( Content Management System )).

Presentation of footnotes will be automatic when published. The text inside the pair of double parenthesis (( ... )) is then presented below the content, shown as numbered list of linked notes.

to-do list

  1. complete 'about' page
    review your current text drafts and edits and decide on final tone of language
  2. add optimised images to your content
    experiment and practice editing and optimising your images
  3. check text alternatives
    explore the media library and its settings, checking that all your uploaded images have set alternative text
  4. plan your references and credits
    For your final site, any externally sourced content (such as images) has to reference its source and credit the original creator. This could be done via footnotes, or published as separate page.

NOTE: this a super-quick fly-by demo with no audio; it is intended to be paused as needed (hit SPACE bar or use controls).

Referencing with Footnotes Made Easy plugin

Content audit

Today, DEC 4th 2020, is the deadline for confirming your brief and you will hopefully be already working on your content. Time to review your plans and your content so far. Keep in mind your users and your site's aim and make notes for revision and edits.

your message - your mission

Write up an email and confirm your brief choice, submitting your self-written brief proposal to me.

to-do list

  1. finalise your site plan
    review your mind map, decide on your final content structure
  2. check your notes and content
    focus on the mission of your website and keep in mind your target group
  3. continue work on content production
    write/edit/review your content text and media, check on accessibility aspects
  4. email Prisca*
    submit brief proposal /or/ confirm your choice of given brief