27
UX DESIGN

Dmlab week3

Embed Size (px)

Citation preview

Individual discussion: !Find an example of UXD…

UX DESIGN

UXDIAUsability

Accesibility

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.”

INFORMATION ARCHITECTURE

Rosenfeld, Louis and Morville, Peter, “Information Architecture for the World Wide Web”, O’Reilly Media

Users

ContentContext

IA

INFORMATION ARCHITECTURE

Culture

Politics

Technology

CONTEXT

Resources

Issues

What’s the environment the business is submerged at?

INFORMATION ARCHITECTURE

Who are they?

Where they are?

What they expect?

What they want?

USERS

INFORMATION ARCHITECTURE

Quality Quantity

FunctionalityInformation

CONTENT

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

INFORMATION ARCHITECTURE

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

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

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

USABILITY

Latino.msn.com

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?

ACCESIBILITYAccording 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.

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.

Introduction to WEB 2.0

ALDER AND TOWNE MODEL

CHANNELCODIFIES CHANNEL DECODIFIESMESSAGE

FEEDBACK

WILL

ARISTOTLE’S MODEL

Speaker Speech Audience Effect

Self-censorship Different needs

MASS MEDIA

WEB 1.0

TVRADIO

FILM

PRESS

MASS MEDIA

Mass media organization

PASSIVE

Photo by Digitalart/freedigitalphotos.net

WEB 1.0Products / 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

WEB 1.0 / MASS MEDIA

PASSIVE

Photo by: Imagerymajestic/freedigitalphotos.net Photo by: Photostock/freedigitalphotos.net

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

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