Transcript
Page 1: Becoming Besties with The Browser

BECOMING BESTIES WITH THE BROWSERA Q&A Session with Backcountry’s Sr. UX Designerson Designing in the Browser

Special thanks to:

Tuesday, October 15, 13

Page 2: Becoming Besties with The Browser

Designing in the Browser: Using HTML, CSS & JavaScript—the building blocks of an

interactive experience—to design, prototype, test & present interactive experiences.

Tuesday, October 15, 13

Page 3: Becoming Besties with The Browser

BRYAN REES@bryanrees • bryanre.es

Tuesday, October 15, 13

Page 4: Becoming Besties with The Browser

DENNY McENTIREbit.ly/dennymcentire • dennymcentire.com

Tuesday, October 15, 13

Page 5: Becoming Besties with The Browser

MICHAEL STEVENStinyurl.com/mikestevens • initstudio.com

Tuesday, October 15, 13

Page 6: Becoming Besties with The Browser

TOM MURPHY@turph • turphdesigns.com

Tuesday, October 15, 13

Page 7: Becoming Besties with The Browser

bit.ly/browserBFF

Tuesday, October 15, 13

Page 8: Becoming Besties with The Browser

HTML & CSS

JS

0 1 2 3 4

Tuesday, October 15, 13

Page 9: Becoming Besties with The Browser

Include Users FasterMore Accurate Feedback LoopsCloser to RealityLess Replication of ElementsCuts Down on DocumentationFaster IterationEasier Stakeholder Sign-OffMake Global Changes FasterSpeak Same Language as DevelopersCommunicate Complex Interactions BetterUser-Centered DesignDesigning & Communicating RemotelyDesign Responsive Layouts EasierTighter Connection To What’s Possible

Tuesday, October 15, 13

Page 10: Becoming Besties with The Browser

10 Tips to Becoming Besties with The Browser

Tuesday, October 15, 13

Page 11: Becoming Besties with The Browser

#1

Get to know HTML & CSS.

Tuesday, October 15, 13

Page 12: Becoming Besties with The Browser

#2

Treat your code right.

Tuesday, October 15, 13

Page 13: Becoming Besties with The Browser

#2

Treat your code right.(Choose a proper Text Editor)

Tuesday, October 15, 13

Page 14: Becoming Besties with The Browser

Tuesday, October 15, 13

Page 15: Becoming Besties with The Browser

Tuesday, October 15, 13

Page 16: Becoming Besties with The Browser

Tuesday, October 15, 13

Page 17: Becoming Besties with The Browser

#3

Realize you’re not the UI Homecoming Queen.

Tuesday, October 15, 13

Page 18: Becoming Besties with The Browser

#3

Realize you’re not the UI Homecoming Queen.

(and that’s okay)

Tuesday, October 15, 13

Page 19: Becoming Besties with The Browser

#4

Frameworks are a nice icebreaker.

Tuesday, October 15, 13

Page 20: Becoming Besties with The Browser

Tuesday, October 15, 13

Page 21: Becoming Besties with The Browser

Tuesday, October 15, 13

Page 22: Becoming Besties with The Browser

#5

Hang on to Photoshop’s number.

Tuesday, October 15, 13

Page 23: Becoming Besties with The Browser

#6

Good relationshipstake time.

Tuesday, October 15, 13

Page 24: Becoming Besties with The Browser

#6

Good relationshipstake time.

(Your first iteration may take longer.)

Tuesday, October 15, 13

Page 25: Becoming Besties with The Browser

#6

Good relationshipstake time.

(Future iterations are much more rapid.)

Tuesday, October 15, 13

Page 26: Becoming Besties with The Browser

#7

It’s okay to be superficial.

Tuesday, October 15, 13

Page 27: Becoming Besties with The Browser

#8

Make friends with the search bar.

Tuesday, October 15, 13

Page 28: Becoming Besties with The Browser

Tuesday, October 15, 13

Page 29: Becoming Besties with The Browser

#9

Pick your battles wisely.

Tuesday, October 15, 13

Page 30: Becoming Besties with The Browser

#10

Communication is still key.

Tuesday, October 15, 13

Page 31: Becoming Besties with The Browser

Q&A

[email protected]

MIKEtinyurl/mikestevens

initstudio.com

DENNYbit.ly/dennymcentiredennymcentire.com

TOM@turph

turphdesigns.com

Tuesday, October 15, 13

Page 32: Becoming Besties with The Browser

bit.ly/browserBFF

Tuesday, October 15, 13

Page 33: Becoming Besties with The Browser

Thank You!

Tuesday, October 15, 13


Top Related