All web pages should be fully responsive so that they can be viewed on all screen sizes. At a conference this year I came across a quote that I found incredibly thought provoking which has influenced my thinking to day to day work ever since. “The last, best experience that anyone has anywhere becomes the minimum expectation for the experience they want everywhere” Source: Bridget van Kralingen – SVP, IBM Global Business Services What I took from that is, we waste so much time and effort worrying about keeping up with technology, trends, platforms….., which are of course important. However it is not realistic to constantly keep up. Although a continuous focus on user experience is possible and does not always require new technology, heavy investment or a major innovation. Matt Candy of IBM Interactive said in a presentation “The traditional boundaries are dead; the focus is now on human to human interactions. Where experience has become the new battle ground.” For businesses it is becoming more and more difficult to find or define USPs to create competitive advantage. Experience is fast becoming the key point of differentiation as it is the one area that can be truly unique – it communicates not only the brand but the culture within, reinforcing the reasons why in the minds of consumers. One thing is for sure is CEX sells! To address the statement ‘All web pages should be fully responsive so that they can viewed on all screen sizes’. I think it is important to begin by
Media Queries in CSS3 is nothing but a choice of medium for which to be served the current CSS file. By using the Media Queries can be set different styles of CSS, regardless of the type of device: computer, projector, mobile device, printer and more. CSS3 has introduced new opportunities in the Media Queries, among other things, the ability to download a variety of styles depending on the width of the browser screen orientation (horizontal or vertical - useful for tablets), supported number of colours and resolution. It is precisely this way, the design called responsive web design. In general, the idea is that the width of the page catered to the size of the user's device and for any size was unnecessary horizontal scroll
It is one of the biggest flaws of the website, for this reason it is essential to create enough space between the paragraphs and images so the viewer has space to breathe, minimize the paragraphs size of the content, divide large blocks of information into more manageable groups where natural and appropriate, avoid content clutter especially on the homepage, present information in more precise and ordered way to minimize the scrolling required, and finally, organize the content with respect to the principles of contrast, repetition, alignment and proximity. All these steps must be taken to accomplish three of our usability goals (effective home page, Clarity of the interface, Motivating website), as well as to meet two of the Windows Interface Guidelines, "aesthetics" and "simplicity".
Using media queries, its elements, and a what is considered Boolean algebra will allow you to have your web page switch from one style sheet to another. Boolean algebra is a way of using “and” and “or” mixed into what you are typing to get a certain result. When using “and” both criteria’s must be met in order to execute and using “or” as long as it meets one. Ill only eat if you have cookies AND milk vs I’ll eat if you have cookie “or” milk. The best use of the media query is used in the book and that is for a phone. Due to multiple different screen sizes you would have to adjust or change your website to meet the needs of the smaller screen. In order to change the stylesheet,
This quote has been in my mind since I was a young 18 year old women, going off to college in 1991. This was the year that I asked for help to understand why I was acting the way I was; never sleeping,high energy, racing thoughts and some dangerous behavior was part of my daily lifestyle. Thank god I asked for help, but it was long journey to finally say "I'm good and I enjoy life."
Another example of a responsive website is Alyson’s responsive mini-site for her eBook series. It is as follows:
Everlast director of eCommerce Mike Ebert says that Magento also supports responsive design, which delivers the company’s web content properly on mobile and desktop screens.
Site responsive. Compatible with mobile device. (You can check it with a tool like ResponsiveTest.net)
Creating mobile optimized website – In 2013, Google took notice of the growing web traffic emanating from mobile devices. Like tablet and smart phones. The move saw changes in the algorithms, which mean websites that are not mobile friendly, are penalized. Some of the strategies to ensure your website is responsive include having the website content fit in a screen. The website should be fully visible on mobile phone or tablet browsers.
Work with your webhost to insure your site will have full compatibility with all the browsers out there.
A responsive web design is a design approach that reinforces the creation of a site with optimal viewing and interaction experience. Site navigation should be easy and reading should be possible with minimal adjustments across a wide range of devises such as the smart phone. A website that is responsive is able to adapt to a viewing layout that incorporates features such as CSS3 media queries, flex images and fluid proportion based grids. The benefit of having a responsive website includes:
The ever-growing number of platforms and screen display sizes goes to show that non-responsive websites will not be displayed optimally by every device.
A modern website built on responsive framework and having up to date and properly structured content effects everything from SEO, to the user experience, to the number of visits and of course sales.
As most of the online searches are now carried out on mobile devices, it has become necessary for you to use a responsive website design without any fail. It will help you to get your site displayed in the top rankings of Google search results, attract a steady flow of traffic to your site and convert them into leads. It happens because responsive sites automatically adjust themselves as per the device's resolution
Over the next few months we’re planning to witness a process of transformation for many desktop websites, which is able to increasingly imitate the design and interfaces of mobile apps, unifying and simplifying content and style and at constant time facilitating the creation of responsive projects.
“Life is a self fulfilling prophecy. You are as significant or insignificant as you believe you are. Those who think they're capable of nothing, don't put in the effort to be something and predictably, end up as nothing. Conversely, those who believe they are capable of greatness put in a determined effort to do great things and consequently end up changing the world.”