becoming besties with the browser
Post on 19-Oct-2014
301 views
DESCRIPTION
If you're designing interactive experiences—you and the browser really ought to get to know each other. For Salt Lake Design Week, Backcountry's Sr. UX Designers presented their "10 Tips for Becoming Besties with The Browser". Follow along with the video at the link below and also listen in on the Q&A session with the audience afterwards for more details. https://www.youtube.com/watch?v=LKCHekHj67wTRANSCRIPT
![Page 1: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/3.jpg)
BRYAN REES@bryanrees • bryanre.es
Tuesday, October 15, 13
![Page 4: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/4.jpg)
DENNY McENTIREbit.ly/dennymcentire • dennymcentire.com
Tuesday, October 15, 13
![Page 5: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/5.jpg)
MICHAEL STEVENStinyurl.com/mikestevens • initstudio.com
Tuesday, October 15, 13
![Page 6: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/6.jpg)
TOM MURPHY@turph • turphdesigns.com
Tuesday, October 15, 13
![Page 7: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/7.jpg)
bit.ly/browserBFF
Tuesday, October 15, 13
![Page 8: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/8.jpg)
HTML & CSS
JS
0 1 2 3 4
Tuesday, October 15, 13
![Page 9: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/10.jpg)
10 Tips to Becoming Besties with The Browser
Tuesday, October 15, 13
![Page 11: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/11.jpg)
#1
Get to know HTML & CSS.
Tuesday, October 15, 13
![Page 12: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/12.jpg)
#2
Treat your code right.
Tuesday, October 15, 13
![Page 13: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/13.jpg)
#2
Treat your code right.(Choose a proper Text Editor)
Tuesday, October 15, 13
![Page 14: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/14.jpg)
Tuesday, October 15, 13
![Page 15: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/15.jpg)
Tuesday, October 15, 13
![Page 16: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/16.jpg)
Tuesday, October 15, 13
![Page 17: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/17.jpg)
#3
Realize you’re not the UI Homecoming Queen.
Tuesday, October 15, 13
![Page 18: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/18.jpg)
#3
Realize you’re not the UI Homecoming Queen.
(and that’s okay)
Tuesday, October 15, 13
![Page 19: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/19.jpg)
#4
Frameworks are a nice icebreaker.
Tuesday, October 15, 13
![Page 20: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/20.jpg)
Tuesday, October 15, 13
![Page 21: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/21.jpg)
Tuesday, October 15, 13
![Page 22: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/22.jpg)
#5
Hang on to Photoshop’s number.
Tuesday, October 15, 13
![Page 23: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/23.jpg)
#6
Good relationshipstake time.
Tuesday, October 15, 13
![Page 24: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/24.jpg)
#6
Good relationshipstake time.
(Your first iteration may take longer.)
Tuesday, October 15, 13
![Page 25: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/25.jpg)
#6
Good relationshipstake time.
(Future iterations are much more rapid.)
Tuesday, October 15, 13
![Page 26: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/26.jpg)
#7
It’s okay to be superficial.
Tuesday, October 15, 13
![Page 27: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/27.jpg)
#8
Make friends with the search bar.
Tuesday, October 15, 13
![Page 28: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/28.jpg)
Tuesday, October 15, 13
![Page 29: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/29.jpg)
#9
Pick your battles wisely.
Tuesday, October 15, 13
![Page 30: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/30.jpg)
#10
Communication is still key.
Tuesday, October 15, 13
![Page 31: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/31.jpg)
Q&A
MIKEtinyurl/mikestevens
initstudio.com
DENNYbit.ly/dennymcentiredennymcentire.com
TOM@turph
turphdesigns.com
Tuesday, October 15, 13
![Page 32: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/32.jpg)
bit.ly/browserBFF
Tuesday, October 15, 13
![Page 33: Becoming Besties with The Browser](https://reader034.vdocuments.mx/reader034/viewer/2022051816/5444afb0afaf9fa0098b49f7/html5/thumbnails/33.jpg)
Thank You!
Tuesday, October 15, 13