Designing responsively
•Download as PPTX, PDF•
0 likes•1,080 views
An informative look at responsive design and its relationship to UX. Link to full responsive design video recording on Notes of final slide.
Recommended
More Related Content
Similar to Designing responsively
Similar to Designing responsively (20)
Recently uploaded
Recently uploaded (20)
Designing responsively
- 1. DESIGNING RESPONSIVELY The Role of UX and other head scratchers. contact@akendi.com LONDON - CAMBRIDGE - TORONTO - OTTAWA
- 2. WHAT IS RESPONSIVE DESIGN? A DESCRIPTION...
- 6. AND…
- 10. BUT SOMEWHAT NEW TO THE WEB • Desktop • Tablet • Mobile
- 12. RATHER...
- 13. RESPONSIVE CONTENT (IMAGES, TEXT, FONTS, GRAPHICS)
- 18. FONT RESOLUTION & TYPE 480x320 px 960x640 px 1920x1080 px
- 19. SIZE CONSTRAINTS IN RESPONSIVE DESIGN? 480x320 px 960x640 px 1920x1080 px 3840x2160 px
- 20. RESPONSIVE CONTENT • Actual content written • Actual images chosen • Actual font choice
- 21. RESPONSIVE AS A MAGIC WAND
- 23. NAVIGATION Double tab navigation Tab navigation at top AND bottom Single ‘Menu’ navigation at top
- 25. FUNCTION FOLLOWS FORM Desktop layout Tablet layout Mobile
- 27. THEREFORE…
- 28. DON’T GET LOST IN THE CODE CONVERSATIONS
- 29. IT’S STILL USER EXPERIENCE DESIGN
- 30. RESPONSIVE IN ITSELF DOESN’T SOLVE INFORMATION MANAGEMENT PROBLEMS Updates Content creation Archiving Signoff Reviews Workflow Governance
- 31. AND RESPONSIVE IN ITSELF DOESN’T SOLVE ASSET MANAGEMENT CHALLENGES
Editor's Notes
- .
- Sizes are not a universal constant.Size depends upon relation (distance) to user.12 pt. font in one place is not 12 pt. font in another place. (phone is held closer to user than tablet, tablet is held closer than PC)
- IA is identical to what it is today.Actual content writtenActual images chosenActual font choiceYou still have to do all these things.Responsive won’t cut your time or make things easier.It starts really to play a role at the interaction design, visual design and coding levels.
- Responsive design isn’t a magic wand that fixes content issues in one stroke!
- What about the user experience?
- Requirements is that it needs to work on a mobile device.Sits in specific location.It makes images and content work on a specific device.
- Responsive design doesn’t solve information management problems. You still need to optimize by device.
- Too see the webinar with additional content visit http://www.akendi.com/insights/events/2013/responsive-design-webinar/