Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
– User research, analysis, interaction design, user  interface design, content strategy.– Open platforms like Drupal. Open...
8/21/2012An Introduction for the Enterprise                                            6
– Is not yet responsive. We’re “priming.”– Is an interactive designer and user experience  person by trade, not a hardcore...
—— and then ——
Know your users.
across
– High performing, custom UX, device-  specific.– Tailored, admin overhead, device-class  specific.
–   Cost-effective scaling–   Multiple classes/use cases–   UX enhancements (e.g. navigation)–   Minimal admin overhead (o...
– Unified experience across devices; speaks  to your identity.– Embracing and rethinking alternative  methods of content d...
– (Opening your design up for a responsive  retrofit is also a great time to seek WCAG  Level A compliancy.)– Improves fle...
– Various input models for various classes of  devices.
— © Luke Wroblewski
– Stakeholder harmony? Actual use cases.– Responsive design begets designing  responsively.
x
Know your users.
– If the goal includes a particular device, cool!– Choose your approach based on their needs.– Think of business goals in ...
8/21/2012Thank you!                  54
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
Upcoming SlideShare
Loading in …5
×

Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)

651 views

Published on

Slides from Erik von Stackelberg, Creative Director at Myplanet Digital. Presented at the 2012 Drupal Business Summits in Toronto, Chicago & NYC.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)

  1. 1. – User research, analysis, interaction design, user interface design, content strategy.– Open platforms like Drupal. Open source, interoperable.– Holistic approach to UX.
  2. 2. 8/21/2012An Introduction for the Enterprise 6
  3. 3. – Is not yet responsive. We’re “priming.”– Is an interactive designer and user experience person by trade, not a hardcore developer.– Should be tasty and design-oriented for the enterprise (a codeless journey) at the intersection of UX and the device ecosystem.
  4. 4. —— and then ——
  5. 5. Know your users.
  6. 6. across
  7. 7. – High performing, custom UX, device- specific.– Tailored, admin overhead, device-class specific.
  8. 8. – Cost-effective scaling– Multiple classes/use cases– UX enhancements (e.g. navigation)– Minimal admin overhead (one src) —— but ——
  9. 9. – Unified experience across devices; speaks to your identity.– Embracing and rethinking alternative methods of content display, content strategy, and interaction. (There is no fold!)
  10. 10. – (Opening your design up for a responsive retrofit is also a great time to seek WCAG Level A compliancy.)– Improves flexibility of the system beyond responsive needs.
  11. 11. – Various input models for various classes of devices.
  12. 12. — © Luke Wroblewski
  13. 13. – Stakeholder harmony? Actual use cases.– Responsive design begets designing responsively.
  14. 14. x
  15. 15. Know your users.
  16. 16. – If the goal includes a particular device, cool!– Choose your approach based on their needs.– Think of business goals in terms of user needs.
  17. 17. 8/21/2012Thank you! 54

×