Download as PDF, PPTX
Uploaded byUsability Matters
WORKSHOP: 7 Elements to Responsive design
The document outlines seven key ingredients for responsive design, focusing on the importance of a single site accommodating various devices, understanding users, prioritizing content, ensuring accessibility, and maintaining an engaging look and feel. It emphasizes the necessity of rigorous user testing throughout the design process. Additionally, it discusses future trends including integration with wearable devices and new interaction methods.
WORKSHOP: 7 Elements to Responsive design
- 1. 7 KeyIngredients to Responsive Design
- 2. HELLO, I’MSHANNAH
- 3. WHO AREYOU? • 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 ISRESPONSIVE? • 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
- 7.
- 8.
- 9. USERS • Whoare they? • What do they want to achieve? • What is their context of use? • How are they important to the project?
- 10.
- 11.
- 12.
- 13. CONTENT • Moreimportant than ever • Make it the first thing you tackle • Having a good handle on content will make your responsive project MUCH easier
- 14. Home PageCut & Paste
- 15. Cores &Paths
- 16. ACCESSIBILITY • It’sthe 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 ANDFEEL • Emotion • Brand • Usability
- 19. Creative GutTest
- 20. Banff CentreWebsite (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 YOUSO MUCH! shannah@usabilitymatters.com anita@usabilitymatters.com @umatters www.usabilitymatters.com