MOOK DESIGN

  • View
    7

  • Download
    0

Embed Size (px)

DESCRIPTION

Usability and User Experience

Text of MOOK DESIGN

  • MOOC 2 Week 1

    Dr Kate Devlin

  • Usability and User Experience

    Usability is about how usable a website is: ecient, memorable, learnable User experience (or UX) is subjecBve its how the user feels about a website: happy, frustrated, bored

    good usability + good design = good UX

  • Know your audience

    Who is your user? Design for them! There may be more than one type of user.

  • UX

    interface design

    usability

    content

    structure

  • Where am I?

  • Where am I?

    Where can I go? What is here?

  • Where am I?

    Where can I go?

    What is here?

    What is here?

    What is here?

    What is here?

  • Wireframing

    Plan your layout!

    Go simple: paper and pen.

    Revise it; use it or through it away!

  • Where can I go?

  • Where am I?

    Where can I go?

    What is here?

    What is here?

    What is here?

    What is here?

  • NavigaBon

    Hierarchical Global Local

  • NavigaBon

    EecBve navigaBon is crucial

    Before you can plan where people can go, youll need to know the site architecture

    Take the Bme to plan out a site map

  • Breadcrumbs on the UoL web site

  • Breadcrumbs

    Home >> albums >> album 1 >> photos

  • RelaBve vs. absolute links

    Rela6ve path index.html images/myimage.html album1.html

    Absolute path h[p://www.mywebsitename.com/index.html h[p://www.mywebsitename.com/images/image.html h[p://www.mywebsitename.com/album1.html

  • What is here?

  • Where am I?

    Where can I go?

    What is here?

    What is here?

    What is here?

    What is here?

  • Box model

    content content content content content content content content content content content content content content content content content content content content content content content content

    padding border

    margin

  • Where am I?

    Where can I go?

    What is here?

    What is here?

    What is here?

    What is here?

  • Where am I?

    Where can I go?

    What is here?

    What is here?

    What is here?

    What is here?

  • Where am I?

    Where can I go?

    What is here?

    What is here?

  • Accessibility

  • Accessibility

    What is accessibility? What is Web Accessibility IniBaBve? What kind of things can you do to make a site accessible?

    How can you check your site to make sure it is accessible?

  • Accessibility and disability

    Web accessibility encompasses all disabiliBes that aect access to the Web, including: visual auditory physical speech cogniBve neurological

  • W3Cs Web Accessibility IniBaBve

    h[p://www.w3.org/WAI/ge^ngstarted/Overview.html

  • Good and bad design