Responsive webdesign and beyond. Or how semantics really matter.
•
3 likes•806 views
Everybody is talking about Responsive Webdesign, and rightfully so. But really, it is only a small part of the problem, and actually the easy part. What if there's no screen at all? Or no keyboard or mouse? How do you prepare for future devices? Actually, it's easy: HTML is accessible and semantic by default. In the end it boils down to this: first we need to start from great content, then we make it fast and accessible (through semantic HTML or an API), continuing to create a contextualized experience for specific user groups, and finally, make it fancy. Start using HTML5 semantics today, and make any design decisions wisely.
Recommended
Recommended
More Related Content
Viewers also liked
Viewers also liked (9)
Recently uploaded
Recently uploaded (20)
Responsive webdesign and beyond. Or how semantics really matter.
- 1. Willem Mulder Or really why content matters most
- 4. Screensize and bandwidth “72 % of sites send all visitors roughly the same data” (Mat Marquis) Responsible Responsive Images Mat Marquis
- 7. Screen-size is easy What if there’s no screen? http://www.boston.com/jobs/diversity/spri ng08/new_tech_empowers_vision_impaire d/
- 8. Or no keyboard and mouse? http://gengame.net/2012/11/wii-u-sets- the-bar-for-internet-browsing-via-console/
- 9. Really, it’s all about content http://serc.carleton.edu/sp/library/writing_ assignments/index.html
- 10. The semantic web “The web is accessible by default” (Derek Featherstone)
- 11. Enrich based on context http://marketingchris.com/google-glass- preview/
- 12. But again, it’s all about content https://twitter.com/bol_com_api
Editor's Notes
- Dave Shea – Responsive anti patterns- Once you ship a mobile site or responsive site, -> average 100% increase in sales within weeks. No more photoshoponly. Decide and mockup in the browser (Stephen Hay – Revenge of the web) Design is hard to get right everywhere, sosimpler design these days (see MS, Apple ?) The fold is back Tables are hard
- 72 % of sites send all visitorsroughly the same dataSmall screen != smallbandwidthLarge screen != high bandwidth
- Anna Debenham – Console browsersOrwhenit has touch instead of amouse? (Peter-Paul Koch – Developing for touch)Or when it’s black-white? (e-readers)
- Well described and structured content without presentation served through a decent API is essential. (Josh Clark – Beyond mobile)Sara Wachter-Boettcher – Designing with and for existing content- Content structure is the foundation of any website. To do this right it requires an organisational shift to also keep content structured.- Try to reduce content before starting anything else (design, development, etc.). This process not only makes production easier but also gives great insight into organisational structure.
- - HTML is made foraccessibility (Derek Featherstone – Doing responsive right)Even DOM events are! Stick with click! (Peter-Paul Koch – Developing for touch) HTML5 adds so many semantic possibilities
- CennyddBowles – Context, bloody contextDeviceEnvironmentTimeActivityIndividualLocationSocialOther devices (Josh Clark – Beyond mobile)Apps are such a enrichmentfor a specificdevice. Butthey’reonlyanenrichment!Thus, the discussion “native versus HTML5” is really NOT important at all. Usewhatyoulike. Re-use is good, perfect UX is good as well.
- Big examples: Windows and Apple. Go back to the basics. Itneeds to workeverywhere and with/without touchSo design becomessimple and consistent