The document discusses key concepts related to user experience (UX) design including UX design, information architecture, usability, and accessibility. It provides definitions and best practices for each concept. For information architecture, it outlines top-down and bottom-up approaches and discusses how structure, content, and user needs factor into information architecture. For usability, it defines the five usability components and provides an example usability test. For accessibility, it discusses why accessibility is important for participation and outlines the key factors that influence accessibility.

1. UX DESIGN

2. Individual discussion:
!
Find an example of UXD…

3. UX DESIGN
UXD
IA
Usability
Accesibility

4. INFORMATION ARCHITECTURE
Information Architecture Institute:
!
“We define information architecture as the art
and science of organizing and labeling websites,
intranets, online communities and software to
support usability.”

5. INFORMATION ARCHITECTURE
Rosenfeld, Louis and Morville, Peter, “Information Architecture for the World Wide Web”, O’Reilly Media
Users
ContentContext
IA

6. INFORMATION ARCHITECTURE
Culture
Politics
Technology
CONTEXT
Resources
Issues
What’s the environment the business is submerged at?

7. INFORMATION ARCHITECTURE
Who are
they?
Where they
are?
What they
expect?
What they
want?
USERS

8. INFORMATION ARCHITECTURE
Quality Quantity
FunctionalityInformation
CONTENT

9. INFORMATION ARCHITECTURE
1. Business strategy
2. Structure
3. Users needs
4. Relationships with content
1. Relationships with content
2. Users needs
3. Structure
4. Business strategy
TOP-
DOWN
BOTTOM-
UP

10. INFORMATION ARCHITECTURE
Group discussion:
!
Think of businesses that will rely on the
top-down type and those that will apply the
bottom-up one…

11. USABILITY
Definition:
!
“Usability is a quality attribute that
assesses how easy user interfaces are to
use. The word "usability" also refers to
methods for improving ease-of-use during
the design process”.
Usability 101: Introduction to Usability, Nielsen Norman Group

12. USABILITY
Learnability: How easy is it for users to accomplish basic
tasks the first time they encounter the design?
Efficiency: Once users have learned the design, how
quickly can they perform tasks?
Memorability: When users return to the design after a
period of not using it, how easily can they reestablish
proficiency?
Errors: How many errors do users make, how severe are
these errors, and how easily can they recover from the
errors?
Satisfaction: How pleasant is it to use the design?
Usability 101: Introduction to Usability, Nielsen Norman Group

13. USABILITY

14. USABILITY
Latino.msn.com

15. USABILITY
Individual usability test:
!
1. First of all, you would like to find the Popular
topics of the day
2. Now, you are interested in getting informed
about the latest Mexico news
3. Finally, you want to know what’s the latest
news in the entertainment world
4. What was your experience?

16. ACCESIBILITY
According to the Web Accessibility Initiative launched
by W3C:
!
Web accessibility means that people with disabilities
can use the Web. More specifically, Web accessibility
means that people with disabilities can perceive,
understand, navigate, and interact with the Web, and that
they can contribute to the Web.
!
Why is it important? (Participation):
Go to …. and write why do you think accessibility is
paramount for digital media. Has to do with democracy.

17. ACCESIBILITY
• Content - the information in a Web page or Web
application
• Web browsers, media players, and other "user agents“
• Assistive technology (screen readers, alternative
keyboards, switches, scanning software, etc.)
• Users' knowledge, adaptive strategies using the Web
• Developers - designers, coders, authors, etc.
• Authoring tools - software that creates Web sites
• Evaluation tools - Web accessibility evaluation tools,
HTML validators, CSS validators, etc.

18. Introduction to WEB 2.0

19. ALDER AND TOWNE MODEL
CHANNELCODIFIES CHANNEL DECODIFIESMESSAGE
FEEDBACK
WILL

20. ARISTOTLE’S MODEL
Speaker Speech Audience Effect
Self-censorship Different needs

21. MASS MEDIA

22. WEB 1.0
TV
RADIO
FILM
PRESS

23. MASS MEDIA
Mass media
organization
PASSIVE
Photo by Digitalart/freedigitalphotos.net

24. WEB 1.0
Products /
Companies
Static pages
••Read-only
••Content not update
Not
interactive
••Users have no impact
••Content couldn’t be edited or
altered by users
Patented ••Users could only download programs
but cannot change them
Content ••Mass Media
••Individuals

25. WEB 1.0 / MASS MEDIA
PASSIVE
Photo by: Imagerymajestic/freedigitalphotos.net Photo by: Photostock/freedigitalphotos.net

26. WEB 2.0
Web as a platform
Collective inteligence
Data is the new INTEL
End of software reléase cycle
Lightweight programming models
Software above the level of a single device
Rich user experiences

27. Traditionally, software was developed for specific platforms, such as Windows, Linux, or Mac OS. Today,
developers build Web-based applications that run on the Web, that are completely independent of the user's
actual computer operating system. One of the goals of Web 2.0 is to facilitate the use of the Web as a
development platform.
http://oreilly.com/web2/archive/what-is-web-20.html
-- Webopedia.com