19
THE THREE MUSKETEERS GRAPHIC DESIGN INTERACTION DESIGN USABILITY TESTING

The 3 Musketeers

Embed Size (px)

DESCRIPTION

A short presentation describing the different roles of graphic designers, interaction designers, how they work together, and the importance of usability testing in order to create engaging user centered solutions.

Citation preview

Page 1: The 3 Musketeers

THE THREE MUSKETEERS!

GRAPHIC DESIGN!

INTERACTION DESIGN!

USABILITY TESTING!

Page 2: The 3 Musketeers

Why each discipline is just as crucial as the other …!

Page 3: The 3 Musketeers

!MYTH #1!

!

A WEB DESIGNER IS THE ONLY DESIGNER WE NEED.!

Page 4: The 3 Musketeers

!MYTH #2!

!

WE ARE ALMOST DONE WITH THE DESIGN SINCE THE CLIENT !

HAS APPROVED THE WIREFRAMES. !

Page 5: The 3 Musketeers

!MYTH #3!

!

USABILITY TESTING IS TOO EXPENSIVE.!

Page 6: The 3 Musketeers

GRAPHIC DESIGN! USABILITY TESTING!INTERACTION DESIGN!

Programming!

Page 7: The 3 Musketeers

INTERACTION DESIGN!

GRAPHIC DESIGN!

USABILITY TESTING!

Programming!Business goals!

Marketing!

Page 8: The 3 Musketeers

THE INTERACTION DESIGNER!

Identify business goals!

Identify target groups!

Identify user needs !

Concept development!

Information architecture!

Wireframes!

Emotional design!

Readability!

Page 9: The 3 Musketeers

THE GRAPHIC DESIGNER!

Style and tone!

Clarify visual values!

Branding guidelines!

Concept development!

Emotional design!

Layout and focus areas!

Colors and contrast !

Fonts, readability!

Page 10: The 3 Musketeers

THE USABILTIY TESTER!

A series of tasks!

Notice problems they encounter!

Test assumptions!

Solve opinion battles!

Uncover unexpected issues !

Get neutral observations!

Page 11: The 3 Musketeers

EMOTIONALLY ENGAGING AND USER-CENTERED SOLUTIONS!

Page 12: The 3 Musketeers

Windows Phone 7 vs. iPhone 5!

Page 13: The 3 Musketeers

Aftenposten.no vs. VG.no!

Page 14: The 3 Musketeers

Starbucks.com vs. Kaffebrenneriet.no!

Page 15: The 3 Musketeers

ENGAGING & INTERACTIVE SOLUTIONS = !

USABLE + SMART + USER FRIENDLY + EMOTIONAL + ATTRACTIVE + TESTED!

Page 16: The 3 Musketeers

All powers combined, !

we can make some pretty engaging solutions. !

Page 17: The 3 Musketeers

But we need to be PROACTIVE and convince our clients !

that the investment is worth it! !

Page 18: The 3 Musketeers

ALL FOR ONE AND ONE FOR ALL! !

Page 19: The 3 Musketeers

Lillian Ayla Ersoy / Email: [email protected] / Twitter: LillaylaUX!