BECOMING BESTIES WITH
THE BROWSER
A Q&A Session with Backcountry’s Sr. UX Designers
on Designing in the Browser

Special t...
Designing in the Browser: Using HTML, CSS &
JavaScript—the building blocks of an
interactive experience—to design, prototy...
BRYAN REES
@bryanrees

Tuesday, October 15, 13

•

bryanre.es
DENNY McENTIRE
bit.ly/dennymcentire

Tuesday, October 15, 13

•

dennymcentire.com
MICHAEL STEVENS
tinyurl.com/mikestevens

Tuesday, October 15, 13

•

initstudio.com
TOM MURPHY
@turph

Tuesday, October 15, 13

•

turphdesigns.com
bit.ly/browserBFF

Tuesday, October 15, 13
HTML & CSS

JS

0

Tuesday, October 15, 13

1

2

3

4
Include Users Faster
More Accurate Feedback Loops
Closer to Reality
Less Replication of Elements
Cuts Down on Documentatio...
10 Tips to
Becoming Besties
with The Browser

Tuesday, October 15, 13
#1

Get to know HTML & CSS.

Tuesday, October 15, 13
#2

Treat your code right.

Tuesday, October 15, 13
#2

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

Tuesday, October 15, 13
Tuesday, October 15, 13
Tuesday, October 15, 13
Tuesday, October 15, 13
#3

Realize you’re not the UI
Homecoming Queen.

Tuesday, October 15, 13
#3

Realize you’re not the UI
Homecoming Queen.
(and that’s okay)

Tuesday, October 15, 13
#4

Frameworks are a nice
icebreaker.

Tuesday, October 15, 13
Tuesday, October 15, 13
Tuesday, October 15, 13
#5

Hang on to
Photoshop’s number.

Tuesday, October 15, 13
#6

Good relationships
take time.

Tuesday, October 15, 13
#6

Good relationships
take time.
(Your first iteration may take longer.)

Tuesday, October 15, 13
#6

Good relationships
take time.
(Future iterations are much more rapid.)

Tuesday, October 15, 13
#7

It’s okay to be
superficial.

Tuesday, October 15, 13
#8

Make friends with the
search bar.

Tuesday, October 15, 13
Tuesday, October 15, 13
#9

Pick your battles wisely.

Tuesday, October 15, 13
#10

Communication is
still key.

Tuesday, October 15, 13
Q&A
MIKE

BRYAN

DENNY

TOM

tinyurl/mikestevens
initstudio.com

@bryanrees
bryanre.es

bit.ly/dennymcentire
dennymcentire...
bit.ly/browserBFF

Tuesday, October 15, 13
Thank You!

Tuesday, October 15, 13
Upcoming SlideShare
Loading in …5
×

Becoming Besties with The Browser

907 views

Published on

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=LKCHekHj67w

Published in: Design, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
907
On SlideShare
0
From Embeds
0
Number of Embeds
221
Actions
Shares
0
Downloads
6
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Becoming Besties with The Browser

  1. 1. BECOMING BESTIES WITH THE BROWSER A Q&A Session with Backcountry’s Sr. UX Designers on Designing in the Browser Special thanks to: Tuesday, October 15, 13
  2. 2. 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
  3. 3. BRYAN REES @bryanrees Tuesday, October 15, 13 • bryanre.es
  4. 4. DENNY McENTIRE bit.ly/dennymcentire Tuesday, October 15, 13 • dennymcentire.com
  5. 5. MICHAEL STEVENS tinyurl.com/mikestevens Tuesday, October 15, 13 • initstudio.com
  6. 6. TOM MURPHY @turph Tuesday, October 15, 13 • turphdesigns.com
  7. 7. bit.ly/browserBFF Tuesday, October 15, 13
  8. 8. HTML & CSS JS 0 Tuesday, October 15, 13 1 2 3 4
  9. 9. Include Users Faster More Accurate Feedback Loops Closer to Reality Less Replication of Elements Cuts Down on Documentation Faster Iteration Easier Stakeholder Sign-Off Make Global Changes Faster Speak Same Language as Developers Communicate Complex Interactions Better User-Centered Design Designing & Communicating Remotely Design Responsive Layouts Easier Tighter Connection To What’s Possible Tuesday, October 15, 13
  10. 10. 10 Tips to Becoming Besties with The Browser Tuesday, October 15, 13
  11. 11. #1 Get to know HTML & CSS. Tuesday, October 15, 13
  12. 12. #2 Treat your code right. Tuesday, October 15, 13
  13. 13. #2 Treat your code right. (Choose a proper Text Editor) Tuesday, October 15, 13
  14. 14. Tuesday, October 15, 13
  15. 15. Tuesday, October 15, 13
  16. 16. Tuesday, October 15, 13
  17. 17. #3 Realize you’re not the UI Homecoming Queen. Tuesday, October 15, 13
  18. 18. #3 Realize you’re not the UI Homecoming Queen. (and that’s okay) Tuesday, October 15, 13
  19. 19. #4 Frameworks are a nice icebreaker. Tuesday, October 15, 13
  20. 20. Tuesday, October 15, 13
  21. 21. Tuesday, October 15, 13
  22. 22. #5 Hang on to Photoshop’s number. Tuesday, October 15, 13
  23. 23. #6 Good relationships take time. Tuesday, October 15, 13
  24. 24. #6 Good relationships take time. (Your first iteration may take longer.) Tuesday, October 15, 13
  25. 25. #6 Good relationships take time. (Future iterations are much more rapid.) Tuesday, October 15, 13
  26. 26. #7 It’s okay to be superficial. Tuesday, October 15, 13
  27. 27. #8 Make friends with the search bar. Tuesday, October 15, 13
  28. 28. Tuesday, October 15, 13
  29. 29. #9 Pick your battles wisely. Tuesday, October 15, 13
  30. 30. #10 Communication is still key. Tuesday, October 15, 13
  31. 31. Q&A MIKE BRYAN DENNY TOM tinyurl/mikestevens initstudio.com @bryanrees bryanre.es bit.ly/dennymcentire dennymcentire.com @turph turphdesigns.com Tuesday, October 15, 13
  32. 32. bit.ly/browserBFF Tuesday, October 15, 13
  33. 33. Thank You! Tuesday, October 15, 13

×