What does responsive design mean?
Responsive design for your website means that it is dynamically changing and adapting depending on the screen (size, orientation) that is used to view the site. Responsive web design is about providing custom layouts for devices, based on the viewport (browser window) size.
Today a responsive site is more important than ever. Many people use several devices (Ipads, Mobiles, PC and so on) for searching and browsing. Elements on the page are reshuffled when screen size is changed.
As a designer or site owner you never know which device that is used to visit your site, right? That is why responsive design is important, to create a great User Experience for your visitors, regardless of which device they use.
How to get a responsive site?
Many of WordPress themes are responsive today so if you use it on your site you don’t have to think too much about that. But if you wish to customize, consider the usability also for mobile users. Begin looking at the mobile layout and decide what you really need to show/share with your users. Then you can add some more things to the design for you desktop site. But remember that the most vital functions must be easy to find on a mobile.
Here is some inspiration for your WordPress site, free themes for 2017:
If you would like to get a more flexible theme you can purchase a web site builder tool (Quards) for only $ 99, single time cost. That is not much according to the time and cost to hire a web developer. It’s rather simple to apply and the result is stunning. Chose between different themes as: Startup, Promo site, Article or Photography. Click the banner to check it out:
If you are a designer/UI developer, you work with one HTML document and different style sheets for each screen size. Tutorial to get started:
- A mobile-friendly site is good for your business. There is nothing more irritating than visiting a crowded, full website in mini format on a mobile phone. You have visited these sites, haven’t you? What do you do? I know what I do. I leave. That is not giving a good User Experience and I promise it’s not good for your business.
- You don’t need to worry about a bad User Experience on phones.
- No need to manage SEO for both desktop and mobile site. It’s also good for ranking to have a responsive site.
- Easier to update once, not several times for each site. Also easier to administrate.
- A responsive site helps you to keep visitors on your site, whatever screen size they’re at for the moment.
User Experience (UX)
UX is about giving your visitors a great experience when visiting your site. Wether they use a desktop, tablet or mobile… A great experience starts with a user research and depends on several things:
- How easy it is to find what you are looking for (getting help).
- How the navigation works.
- That every interaction between your visitors and your site work great.
- You always focus on your users (visitors) when you design or setup your page. What’s on their mind? What are they looking for? Try to meet their needs!
If you wonder how your site meets these needs, do tests. Ask people that are engaged in your niche to test your site. Give them tasks to do and observe how they perform. Take notes. Do that for several viewports. You will get feedback, and it will help you improve your site.
This all might sound obvious but there are many sites out there with bad UX and without responsive design. Below I have some examples of full websites displayed on a mobile device:
To finish up here are some reading for you if you are interested to get more knowledge:
If you prefer to read on screen, there is now up to 40 % of on Kindle until 11 July.
Kindle – Up to 40% Off Kindle Unlimited