70
Design the Future Demystifying Web-based Design for Non-designers and the Art of Good Collaboration Web Conference @ Penn State Monday, June 22, 2015 1:30 p.m. to 2:15 p.m. Deans 2

Demystifying Web-based Design for Non-Designers and the Art of Good Collaboration

Embed Size (px)

Citation preview

Design the Future

Demystifying Web-based Design for Non-designers and the Art of Good Collaboration

Web Conference @ Penn State!Monday, June 22, 2015!1:30 p.m. to 2:15 p.m.!Deans 2

Michael A. Tribone UI/UX Developer Penn State

[email protected]!https://twitter.com/mtribone!http://www.mtribone.com/

RoadmapDesign from my point-of-view!! Muse > Surface > Communication > Limitations!

Process!! Intro > Definition > Research > Concept > !

! Design > Implementation > Evaluation!

Communication and Collaboration!! Yes > Listening > Your Words > Show Me!

! Sketching > Providing Feedback

Design from my point-of-view

Design doesn't require a muse

Design isn't surface

Design is communication

Design is the glue

The power of limitations

RoadmapDesign from my point-of-view!! Muse > Surface > Communication > Limitations!

Process *!! Intro > Definition > Research > Concept > !

! Design > Implementation > Evaluation!

Communication and Collaboration!! Yes > Listening > Your Words > Show Me!

! Sketching > Providing Feedback

Process: A la carte tornado

Not a magic bullet

Do it again, again, again

Problem Definition

What kind of problem?

What are the goals?

Think, write, reflect

Identify possible solutions

Research

Got information?

Go talk to people!

Concept

Visual Hierarchy

Size

Layout

Spacing

Color

Sketch

Wireframes

Design

Style boards

Mockups

Implementation

HTML/CSS

Templates

Frameworks

Javacsript

Accessibility

Responsive

Break Points

There isn't a fold

Evaluation

Accessibility

Usability

Responsive

Break Points

Go talk to people!

Got information?

Do it again, again, again

RoadmapDesign from my point-of-view!! Muse > Surface > Communication > Limitations!

Process!! Intro > Definition > Research > Concept > !

! Design > Implementation > Evaluation!

Communication and Collaboration *!! Yes > Listening > Your Words > Show Me!

! Sketching > Providing Feedback

Communication and Collaboration

Yes and...

Listening

Use your words

Provide examples

Sketch

Giving Feedback

Michael A. Tribone UI/UX Developer Penn State

[email protected]!https://twitter.com/mtribone!http://www.mtribone.com/

RoadmapDesign from my point-of-view!! Muse > Surface > Communication > Limitations!

Process!! Intro > Definition > Research > Concept > !

! Design > Implementation > Evaluation!

Communication and Collaboration!! Yes > Listening > Your Words > Show Me!

! Sketching > Providing Feedback