Why Responsive Web Design is Important

October 20th, 2017 in Design Design responsive web design responsive website design web design web designers website design

Responsive web design is important. If you take only one sentence away from this blog post, let that be it: in today’s online environment, ensuring that your website can respond to the devices and screens on which it is viewed is absolutely key, for all sorts of reasons.

 

Clients and designers alike can get wrapped up in colours and font faces and where the navigation is positioned. They can become very agitated by the wrong graphic or a button that stands out insufficiently. The truth is, none of these will damage your site as badly as failing to make it responsive will.

 

To be fair, what everyone wants is for your site to look good – and the truth is that responsive web design ensures it always looks its best. No matter how great your graphics or vibrant your colourways, all that work will be for nothing if your site doesn’t look good on a mobile phone or a tablet or any of the countless types of device which can now be used to view your site.

 

This is all that responsive web design means: building a site that can shrink and resize and even display differently depending upon the platform. For example, on a large desktop monitor, a site might stretch across the screen, displaying big and bold slider graphics and expanding its menus fully. On a mobile however, it might contract and intelligently crop those images, or collapse the menu into a ‘hamburger’ icon.

 

Responsive web design is important because it enables you to ensure your content looks good in every context – and that you get the message across immediately, however a user is logging on.

 

Ensuring this cross-platform compatibility will increase mobile visits to your site – crucial given that mobile internet usage is increasing constantly, and is now the dominant method many use to go online.

 

Likewise, search engines such as Google reward website that provide this courtesy to broswers – meaning that your rankings will improve if you adopt responsive design. Should you for some reason choose not to go down this route, don’t expect to reach the top of the search pages for your chosen keywords.

 

For example, some businesses still use multiple non-responsive websites, directing users to the site most applicable to their device. Not only will this ensure that all of your sites do worse in search engine rankings; it also makes managing them a nightmare, since each time you update a page you’ll need to do it on every single non-responsive site you maintain. Responsive web design is a time saver, and will make your business more productive.

 

In other words, these taking advantage of responsive technology is the only sensible way to approach building a new website. In fact, all your competitors are already doing it – and maybe that’s the best reason of all why responsive web design is so important!

 

Contact Image Plus for Responsive Web Design

If you need a new responsive design or just want someone to check if your website is already responsive then speak to our experts. Our Web Developers are based in Coventry, Warwickshire and are always ready to help. Please feel free to contact us and speak to one of our website design specialists.

Contact us on 024 7683 4780 or send us an email at info@image-plus.co.uk.

 

How Psychology is Important in UX Design

October 6th, 2017 in Design, UX ux ux design

Psychology is important to UX design. This may not seem an immediately obvious truth since Freud or Jung might seem distant relatives of Bill Gates or Steve Jobs.

The fact is, however, that in all branches of design focus on the responses our products will provoke. In this way, all designers are necessarily psychologists – they must understand and predict why and how what they build will affect their audience.

In UX and web design, a lot of this comes to revolve how people tend to respond to layout, typography and graphical elements. Get the mix and balance right, and your visitors will be more likely to return or become customers; get it wrong and you’ll turn them off – they may not be able to say why, but a psychologist would.

 

Psychology in Colour

In what ways can a designer use psychology to improve their work, then? For starters, they can think about colour. There’s a wide range of studies concerning how humans react to colour, but as a rule, we are attracted to bright and vibrant ones. To that end, designs which feature more exciting colours will be more successful.

Likewise, men and women react differently to colour. Which gender, if either, is your primary audience? Many studies show that men are less good at discerning different shades of colour than women, while simultaneously tending to be better at tracking fast-moving objects.

Colour has other effects, too. For example, the evidence shows that red or orange is most effective for boosting conversion, whilst red-themed websites can use green to achieve the same effect. A good designer knows their colour theory back to front and can get you the results you need merely through the judicious application of that knowledge.

 

Psychology in Text

Text, too, is important: words don’t just communicate their own meanings. Their layout will influence your site’s message, too. Take, for example paragraphing: space them out properly and users’ eyes will glide across them; put them too close together, or make each too long, and instead, those eyes will glaze over.

Too much text is a turn-off, but so is small text. At the risk of being the pot to call the kettle black, aim, for simplicity with your copy: keep thing straightforward and well spaced, and your users will respond positively.

We’re used to thinking of psychology as a tool for managers and leaders, whose job is to cajole and persuade members of a team. Think of designers, too, as professional persuaders: their job is to convince your visitors to stay long enough to engage with your company.

To do that, they need to understand humans in all their complexity and quirkiness. And that’s why psychology is so important for UX design.

 

Contact Image Plus for Web Design

If you’re unsure about UX or need help to design your website or drop-down menu then then speak to our experts. Our Web Developers are based in Coventry, Warwickshire and are always ready to help. Please feel free to contact us and speak to one of our website design specialists.

Contact us on 024 7683 4780 or send us an email at info@image-plus.co.uk.

Top 5 UX Design Tips for Dropdown Menus

October 2nd, 2017 in Design, UX design tips ux ux design ux design tips

The dropdown menu has long been a venerable entry in the web developer’s toolkit. It is so widely used because it can be terribly useful: the dropdown menu tucks away all your pages until a user hovers over a button; that gives you a lot more space for your content.

Most commonly, the dropdown menu appears as a bar of navigation labels at the top of a website; hover over any particular label and a further list of labels will appear, offering instant access to a range of pages within that category. Very often, items in that list will in turn ‘drop down’ further lists.

The trouble is that dropdown menus can also pose challenges to a savvy web developer. Because they can offer feature so many labels, and once collapsed take up so much space, they can also look quite ugly … unless, that is, you follow our top tips.

 

Make Hover States Obvious. If your dropdown menu is to work, your user needs to know where they are in it. Use colour and highlighting to make that clear.

Padding Is Not A Dirty Word. You’re not a writer, or a musician making your difficult second album: don’t be afraid to pad things out. Put space between your menu’s buttons.

Mark Those Sub-Menus. If one of your menu’s labels expands a further menu – a section within a section – mark it appropriately, with an arrow, a dot or other icon.

Animate! Menus don’t have to be dull or static – in fact, dropdowns are so common they can become dull without a bit of subtle animation to spice up their transitions.

Explore The Alternatives. Many web develops decry dropdowns – particularly if you want a responsive website for mobile devices. Look into scrolling panels and hamburgers.

Consider The Click. Usually dropdown menus operate simply via hover – but depending on your application clicking to open a submenu, or to hide a menu, could make sense.

Make It Seamless. There shouldn’t be any lag at all between click or hover and the appearance of your menu – it should load immediately. You owe your user slickness.

Say No To Tooltips. Tooltips – those often helpful labels which appear when hovering over an item – can be good. With dropdowns, they get in the way. Eliminate them!

Style Consistently. Make your menu a part of your website. It might not always be on show, but when it is give it the same fonts, colours and feel as the rest of your site.

Be Ruthless With Your Content. The dropdown menu can go on forever – but that doesn’t mean it has to do so. Only have the number of pages you absolutely need.

 

Dropdowns have detractors. But follow theses rules of thumb and you’ll have success.

 

Contact Image Plus for Usability and Website Redesign

If you’re unsure about UX or need help to design your website or drop-down menu then then speak to our experts. Our Web Developers are based in Coventry, Warwickshire and are always ready to help. Please feel free to contact us and speak to one of our website design specialists.

Contact us on 024 7683 4780 or send us an email at info@image-plus.co.uk.