web design Kent – Responsive navigation

With responsive web design being used a lot, one of the challenges is what to do with the main navigation on mobile devices. At kc web design Kent we build a lot of responsive websites and the issue of navigation on mobile devices comes up a lot.

With the mobile market growing rapidly and more and more website designs being tailored to handheld devices it no wonder that new usability issues are cropping up. Mobiles require a different approach to tackle the limited screen real-estate so the websites kc web design Kent design are made to work in a different way.

Responsive navigation solutions from kc web design kent

There are a few simple solutions to this problem and one idea on how it can be improved.

Some of the current solutions we use at kc web design Kent include not showing the navigation at all at the top and just have a footer navigation. The main focus of a mobile website is the use of vertical space. Users need to get to the content quickly and free from any extra ‘fluff’ so some websites choose to not display the navigation in that particular website design. Having the navigation appear at the moment solves this by leaving more important space at the top for the content but still allowing the user to navigate once the content has been read.

Another solution is to change the main top nab to a select list. This takes up less screen space but the navigation is still a click away at the top where the user expects it to be. This does create a few other problems though such as lack of styling and no way to support sub levels.

Yet another approach is to hide the navigation behind a button so that when the user touches the button the navigation pops-out or slides in from off screen. This is a more elegant solution but has its draw backs in animation and reliance on javascript.

This last option also brings up another issue – what to use on the button as a universal symbol to denote to the user that navigation will show if they click it? Lots of different icons are used currently with some sites showing a grid and others a list style icon. Some of the bigger players on the web such as Facebook have chosen to use an icon showing 3 lines and this does seem to be the best suggestion so far and may well become widely accepted if the big players use it.

At kc web design Kent we build lots of responsive site for all devices so get in touch if you’d like your website to be mobile friendly.

Paul Ledbrook

If you have a new project or existing website that needs improvement, email us or call 0845 3631162 , we’d love to hear from you.

What’s new?

10 Things to Consider When Designing a High-Converting web app UI design

Your web app’s user interface (UI) is the first thing that users will see and interact with, so it’s important to make a good impression. A well-designed web app UI design can help you attract and retain users, and even increase conversions. Here are 10 things to consider when designing a high-converting web app UI...

How to Use Web Design to Improve User Experience

Introduction Your website is your online storefront. It’s the first impression that potential customers will have of your business, so it’s important to make sure it’s designed in a way that is user-friendly and easy to navigate. Good web design can help you improve your user experience (UX) in a number of ways. It can...

We’ve been featured on The Best Music Website Designs by DesignRush

A huge thank you to the guys at DesignRush for featuring the website design work we did with Go To Hear on their ‘Best Music Website Designs’ feature. Head over to the Best Design Trends page now to see our designs along with all the other fantastic music website designs. If you want to read...

SEO for web design – How to Optimise Your Website for Search Engines

Search engine optimisation SEO for web design is crucial for any business with an online presence. Optimising your website for search engines can increase its visibility, drive more traffic, and boost conversions. Follow these tips to make your website more discoverable and rank higher in search results: Choose the Right Keywords for SEO for web...

Website Design – 10 Things to Consider When Planning Website

What are the most important things to consider when designing a website? In today’s digital age, having a website is no longer optional; it’s a necessity. Research reveals that businesses without a website risk losing 70-80% of potential customers. Therefore, creating a well-designed and engaging website design is the crucial first step. But how can...

The Power of Professional WordPress Website Design Services for Business Success

In today’s digital age, a well-designed website is crucial for establishing a strong online presence. This is where our professional WordPress website design services and e-commerce website design shine. With our expertise in web design and development, our WordPress website design services play a pivotal role in helping your business create captivating online experiences that...

How-to create an effective E-commerce website design for online stores

Introduction: Understanding the Significance of E-commerce Website Design In today’s digital landscape, the design of an e-commerce website plays a pivotal role in shaping the success of online businesses. A well-crafted website design can significantly impact user experience, conversion rates, and overall brand image. By implementing effective design strategies, businesses can create visually appealing and...

Five of the most common UX design errors that can drive customers away

Are you unintentionally causing users to leave your website? Here are five of the most common UX design errors that can drive customers away. UX design is accountable for providing a satisfying experience to the user. To build an effective UX, it must be attractive, actionable and guide the user on a frictionless journey, from...