This workshop/presentation by Shannah Segal covered of 7 important elements to responsive design. Specifically, what is responsive design, why is it important, and how do you need to approach this sometimes complex project.

1.
7 Key Ingredients to
Responsive Design

2.
HELLO, I’M SHANNAH

3.
WHO ARE YOU?
• Consultants?
• Designers working at agencies or studios?
• Designers working inside companies?
• Marketing or business professionals
concerned about digital delivery?
• Developers starting to engage with UX?
h"p://galleryhip.com/chicago-­‐bean-­‐winter.html

4.
NO ‘LUCK’ IN THESE 7…
1. What is responsive?
2. Design team
3. Users
4. Content
5. Accessibility
6. Look and feel
7. Test, test, test

5.
WHAT IS RESPONSIVE?
• One site, many viewports
• One experience
• Device agnostic
• Table stakes
h"p://bradfrost.com/blog/mobile/the-­‐many-­‐faces-­‐of-­‐mobile-­‐first/

6.
DESIGN TEAM
• Who
• How many
• Where

8.
Love/Break-up Letter

9.
USERS
• Who are they?
• What do they want to
achieve?
• What is their context of use?
• How are they important to
the project?

10.
Proto-persona Worksheet

11.
Proto-persona Spectrums

12.
Empathy Map

13.
CONTENT
• More important than ever
• Make it the first thing you tackle
• Having a good handle on content will make
your responsive project MUCH easier

14.
Home Page Cut & Paste

15.
Cores & Paths

16.
ACCESSIBILITY
• It’s the law (in many places)
• Good accessibility = good SEO
• Perceivable, operable,
understandable, robust
h"p://www.keepcalm-­‐o-­‐ma<c.co.uk/p/keep-­‐calm-­‐and-­‐read-­‐wcag/

17.
GOV.UK – Built Accessible

18.
LOOK AND FEEL
• Emotion
• Brand
• Usability

19.
Creative Gut Test

20.
Banff Centre Website (launching soon!)

21.
TEST, TEST, TEST
• Test across touchpoints
• Test as often as possible
• Try to test in the browser

22.
TO RECAP…
• One site, many views
• Design team
• Users
• Content
• Accessibility
• Look and feel
• User testing!

23.
THE FUTURE?
• Integration with wearable
devices
• Gesture interaction
• Vocal/aural user interfaces
• Brain sensing technology

24.
THANK YOU SO MUCH!
shannah@usabilitymatters.com
anita@usabilitymatters.com
@umatters
www.usabilitymatters.com