Responsive web design (RWD)
- The importance of RWD started to emerge from the time that people have had affordable portable devices.
- Responsive design includes fitting into the display sizes of different devices. It is argued that users are increasingly complaining abut the readiness of resopnsive UIs of websites.
- The use of big data and analytics, and cognitive computing made it possible to predict and react to the user's behaviour more automatically.
- Cognitive computing platforms, such as IBM Watson and DeepMind, and advances in messenger chatbots (deep learning systems) are driving the industry towards a future where a system can dynamically change its UX based on a user's unique profile.
The use of CSS3 is greatly encouraged to achieve RWD (information directly copied from W3schools.com).
- HTML5 introduced a method to let web designers take control over the viewport, through the <meta> tag.
- You should include the following <meta> viewport element in all your web pages:
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- A <meta> viewport element gives the browser instructions on how to control the page's dimensions and scaling.
- The width=device-width part sets the width of the page to follow the screen-width of the device (which will vary depending on the device).
- The initial-scale=1.0 part sets the initial zoom level when the page is first loaded by the browser.
- Read more at http://www.w3schools.com/css/css_rwd_grid.asp
Sources
- http://valueshost.com/wp-content/uploads/2016/08/Responsive-Web-Design.jpg (image)
- https://uxmag.com/articles/ux-trends-to-keep-in-mind-for-designing-in-2016
- http://blog.careerfoundry.com/ux-design/top-7-ux-trends-for-2016
- http://www.w3schools.com/html/html_responsive.asp
- http://www.w3schools.com/css/css_rwd_intro.asp