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

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

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


BRYAN REES@bryanrees • bryanre.es


DENNY McENTIREbit.ly/dennymcentire • dennymcentire.com


http://bit.ly/dennymcentire


MICHAEL STEVENStinyurl.com/mikestevens • initstudio.com


TOM MURPHY@turph • turphdesigns.com


bit.ly/browserBFF


HTML & CSS

JS

0 1 2 3 4


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


10 Tips to Becoming Besties with The Browser


#1

Get to know HTML & CSS.


#2

Treat your code right.


#2

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





#3

Realize you’re not the UI Homecoming Queen.


#3

Realize you’re not the UI Homecoming Queen.

(and that’s okay)


#4

Frameworks are a nice icebreaker.




#5

Hang on to Photoshop’s number.


#6

Good relationshipstake time.


#6


(Your first iteration may take longer.)


#6


(Future iterations are much more rapid.)


#7

It’s okay to be superficial.


#8

Make friends with the search bar.



#9

Pick your battles wisely.


#10

Communication is still key.


Q&A

[email protected]

MIKEtinyurl/mikestevens

initstudio.com

DENNYbit.ly/dennymcentiredennymcentire.com

TOM@turph

turphdesigns.com




bit.ly/browserBFF


Thank You!
