Moving From Print to Web: Interaction Design, Planning and Presentation

Post on 27-Jan-2015

112 views 5 download

Tags:

description

Jose Caballer speaks at AIGA LA & Abobe Print to Web Part 3 Lecture Series (Thursday, July 22, 2010 at Downtown Independent Theatre)

Transcript of Moving From Print to Web: Interaction Design, Planning and Presentation

AIGA LA & Print to Web Part 3:Planning & Presentation

@josecaballer

Jose

I am a web designer

Born Digital

Question: What are your Challenges in Planningwebsites?

A Story in 3 Parts

Part 1:In the Beginning

Question: Why is web design so different than brochures, posters, books and other print?

1996

Part 2: The Birth of User

Experience

Business Creative Tech Marketing

ROI RGB USP

SQL

Part 3: The Firsts Steps

The Dorktionary

15

1. The Usability Audit What works, what doesn’t

2. User Personas / Profiles Who are they? Age, gender, income, occupation - What motivates them, their story

3. User Stories What will the user do on the site

4. Site Map Give me a macro picture of this thing

5. Wire Frames Where are the components, features and functionality located on a screen?

6. The Creative Brief What should this site look like

6. Site Scapes What does the general look and feel look like - without making an actual page.

7. Prototypes Lets do a quick and dirty proof of our idea

8. Detailed Mockups Down to the pixel designs of a page on the site.

TM

Closing Thoughts

The Average Hourly Rate of a UX Designer in L.A. is between$75 & $125/hr.

I have been designing websites for almost 15 years

and I have never coded a website for a client.

Programmers and Business people are just as scared

of you than you are of them.

Being really good at print makes you a hot commodity in web design.

3 things between you and a successful print to web transition are:1. Knowing the formats 2. Understanding user experience 3. Don’t be afraid of Techies

Business Creative Tech Marketing

ROI RGB USP

SQL

COMING THIS FALL: GROOP SKOOL HYPER COLLABORATION WEEKEND WORKSHOPS

SKOOLGROOP TMBUSINESS

TECHNICAL

CREATIVE

MARKETING

COMING THIS FALL: GROOP SKOOL HYPER COLLABORATION WEEKEND WORKSHOPS

SKOOL

GROOP TM

BUSINESS

TECHNICAL

CREATIVE

MARKETING

COMING THIS FALL: GROOP SKOOL HYPER COLLABORATION WEEKEND WORKSHOPS

SKOOLGROOP TMBUSINESS

TECHNICAL

CREATIVE

MARKETING

Coming This Fall:

Thank You.

@josecaballer