responsive web design: what to consider

REPSONSIVE WEB DESIGN

WHAT TO CONSIDER

Once upon a time it was desktop which ruled the web, however nowadays people access sites using all kinds

of devices with all sorts of displays.

If you are designing a website it is important to consider all screen sizes and how your website will be displayed on each.

Q: What Is Responsive Web Design?

A: Achieving compatibility

across all devices

What to consider when building a responsive website

Plan for All Devices

Responsive design does not mean taking an existing site and making it look good on mobile. It involves a little bit more planning than that. A good web design agency will look beyond desktop and mobile and consider how a website worked across devices of all types and size.

Prioritise Your InformationNot everything on your site will be able to be visible on a small display, so to make your site makes sense you need to decide what the priority content is. Generally, people browsing a site on a mobile device will be looking for quick information - a product price, a restaurant opening time - and so on. A small display needs to get this information to the front. Try and use easily decipherable icons instead of text wherever possible. Conversely, people who are doing in depth research tend to do this on a larger display, so use the extra space available to present more detailed information, supporting graphics and other forms of rich media where you can to encourage a conversion.

Site Navigation

Good navigation is essential for a good user experience. Make it easy to get to the most important parts of your site on a small device, and don't worry if other parts are hidden fairly deeply - you can alter the navigation displayed on larger screens to show more options for people looking for greater depth.

Be Ruthless With Images

Even with modern mobile devices, connections can be unreliable for speed, and tariffs can have data limits. Remove any images that aren't necessary, and optimise any that are needed for minimum size rather than highest quality.

Pay Attention to Your Fonts

Some original fonts might look great on larger displays, but as they sale down in size they can become harder and harder to read compared to standard fonts. If you must use a particular font for branding purposes, pay attention to how it looks at smaller sizes, and consider using it only for headings and then reverting to a standard font for general text on smaller displays.

Pay Attention to Input

The dreaded 'fat finger syndrome' can make form-filling an ordeal, so make it as easy as possible by keeping your forms simple, well spaced, and fully tested on even the smallest devices.

Test Widely

Test the website on as many physical devices as possible before going live.

Responsive Web Design DubaiAdeo Group are experienced in responsive web design.

If you are looking to develop a website for your Dubai business which looks great on all browsers and devices then we are the

digital agency who can help. We have built countless websites for a range of industries giving us the technical knowledge required to complete even the most

challenging briefs. Visit: www.adeogroup.ae for more info.