The Web Surgery - Web Design UK

 

Call Us On:

London: 020 8144 6540

Lancashire: 01282 570 880

 

The Web Surgery - Web Design UKVideo Appointments

Schedule an appointment to discuss your project or training.

Skip to main content
Monthly Archives

September 2014

improve Website’s User Experience

5 steps to improve your website’s user experience

By The Web Surgery, Web Design, Web Design Hammersmith, Web Design London

5 Steps

The most important thing about any website is the user experience it delivers. Your UX is what is going to make your website memorable and keep your customers coming back and remaining loyal. Your website has to offer a good UX and this can be achieved in many ways, some more technical than others. Ensuring your website is as user friendly as possible, as quick as possible and as well organised as possible will really help impress your potential customers.

User experience can broadly be defined as all aspects of end-user interaction with your company, your services and your products. Something as broad as that can be hard to focus in on but here we’re looking at five ways you can definitely make a different to your UX for the better.

1.    Faster Page Loading Time

Around 40% of all visitors to website will abandon them if they take longer than three seconds to load. That doesn’t give you much leeway and highlights how important fast loading time actually is. Three seconds isn’t much time to make a good impression but you need to use every second you can. A professional design can help speed up that page load time but simple tricking include resizing or removing large images that aren’t central to the content, eliminating flash files and reducing the number of plugins you’ve added to your site. You can also make use of the cache for your site so it doesn’t have to fully reassemble every time someone visits.

2.    Clickable Images and Logos

Many of your visitors will want to visit many different pages of your website and have gone from page to page without returning to the homepage. This means they will have the click back several times before getting to the homepage, which can be inconvenient. Instead make it easy, make all logos clickable so users can navigate with ease.

3.    White Space

We’ve talked about white space in several blog posts but it needs to be mentioned here again. Your text matters but the spacing between your text matters too. White space helps your users absorb the information you’re providing and it’s aesthetically pleasing and inviting too. White space can also be used to help the most important elements of your website stand out and become more noticeable.

4.    Search Friendly

Note we’re saying SEARCH friendly not search engine friendly. SEO matters but it has no role to play in your UX and in fact all this point means is that you should ensure you have a functional search bar on each page of your site. A search bar allows your potential customers to seek and find exactly what they’re looking for.

5.    Responsive

We’ve already dedicated a whole blog post to responsive design but once again it needs to be mentioned. You want your customers to be able to access your website, whatever device they choose to use and this includes those with smaller screens. To ensure this is possible you need to ensure your design is responsive as this allows your design to adapt to any screen and be perfectly accessible and usable in every context.

These five elements of your website can really help or hinder your UX. You want your potential customers to find your site easy to use as well as being impressed by its design so ensure you keep these points in mind for success across the board.

 

If you would like to find out more or have any questions then please get in touch with The Web Surgery.

eLearning Web Design

Designing eLearning Websites

By E-Learning, The Web Surgery, Web Design, Web Design London, Website Design Business

eLearning Websites

eLearning is a huge business and though the main element of any eLearning experience is the course content, the design also needs to be right. To deliver effective courses with high pass rates and positive feedback the overall impression you give needs to be second to none, here are some tips to keep in mind when designing eLearning websites.

Find your Focus

The design involved in the development of an eLearning website is all about focus. The design should serve to draw attention to the most important elements of each course and make the core subject matter as relevant as possible for the individual learner. Page hierarchy should be designed around those elements that really need to stand out and ordered in a way to ensure they do. Making use of typography and graphics can help to bring out the key elements clearly.

Question every Decision

eLearning websites have a purpose, they exist to help users learn a new skill, gain a qualification or to support their classroom learning. Therefore every resource you add or use in your design should be questioned and there should be a reason for it. It can be very easy to get carried away with packing a site with great images, graphics and different fonts, leaving it impenetrable to the user. Make every decision with care and consideration, keeping the purpose of the site in your mind at all times.

Spacing Matters

As we’ve said, the content of the course is what the students really want but this doesn’t mean the site should be populated with dense chunks of text. This simply leads to cognitive overload and doesn’t support learning. Narrow text blocks which are broken up into smaller paragraphs or with graphics or bullet points will be more successful.

Simplicity Works

Users accessing an eLearning course are there to learn, nothing else. You need to make it as simple as possible for them to navigate around the site and ensure they can access it through a range of devices, smartphones and tablets as well as regular computers. Key buttons such as NEXT and related symbols should be clearly displayed, ensuring the user can get around the course with ease and not become frustrated by fussy graphics or unnecessary clutter.

An eLearning website is a tool that students use to maximise their potential and the last thing they need is a sloppy or overly intricate design blocking their success. A simple and clean eLearning site which guides the user through their options quickly and easily, is the most effective type there is.

Contact Us

If you would like to discuss the building of your eLearning platform or courses then please get in touch with The Web Surgery here.

What’s wrong with Using Website Templates?

By The Web Surgery, Web Design, Web Design London, Website Design Business

Using Website Templates

Designing your website takes time and effort and many people try a few DIY methods before they realise a professional designer is the way to go. There are plenty of DIY websites out there that look as good as professional designs but most of them aren’t based on standard design templates. Using standard design templates rarely provides a result which is unique, stands out and best represents your brand.

There are many reasons you shouldn’t use a predesigned website template and below we’re looking and five key elements which show exactly with a design template is bad for your business.

1. Limits Branding

Your website plays a key role in promoting your business and having somewhere to display clearly and concisely exactly what you offer. Using a generic pre-designed template is not an effective way of ensuring that your business stands out. Using a template which can be seen on hundreds of other websites is not going to make you recognisable. Even if you add custom logos and content, you will still have a design which makes people click past rather than engage. Starting from scratch allows you to present the image you want for your business with no interference from the predesigns of others.

2. Still Requires Customisation

If you have no design experience then you won’t be able to just click a button and get what you want, even with a template. You will still need to make some edits and dependent on the CMS you use and the template you choose. Tweaks will be required and the frustration they bring if you’re not experienced in this area can slow progress and take much more time and energy than you had planned. Without any design experience this process is complex and will probably end up costing more in time and effort than hiring a designer.

3. Templates are restrictive

Although there are hundreds, if not thousands, of design templates out there, they are still restrictive in what they can offer. Many template designers have licensing agreements in place which restrict exactly how many changes you can make and limit the ways in which you can use the website. Some templates also include a link back to the original designer which may not be something you want displayed on your site.

4. They Look the Same

As mentioned, you will find lots of people trying to do things DIY and this means it won’t be long before you spot at least one other site which looks very similar to yours. The last thing you want is to get lost in a sea of websites that look the same and unfortunately, even with your tweaks and changes, each template is not exclusively yours and you will find others that look the same.

5. SEO is Forgotten

The designers behind many pre-made templates are getting a little savvier in this area but it hasn’t always been the case. Plenty of designers simply haven’t got SEO in mind when putting together a set of pre-made templates. A professional designer working on a bespoke basis implants elements which effect SEO positively within their coding but in most cases, this isn’t true of the designers behind pre-designed templates.

6. Problems under the Surface

Most of the self-build websites on the market look great on the surface but a little digging shows a different story. Many of the self-build templates on the market trick customers into paying for free features and customization which a web designer would carry out naturally as part of their package. You may find yourself paying extra for elements you shouldn’t including SEO marketing and analytics.

7. All Style, No Substance

Many of The Web Surgery clients arrive with self-build websites which simply don’t do the job they need. They may look great, although this isn’t always the case, but they don’t have the functionality the customer needs. They may get plenty of first-time visitors but customer retention is a problem and as soon as problems are found with the functionality of a site, many customers simply don’t come back. The appearance of your website is only one small factor, behind the scenes hundreds of different processes need to be tested and perfected to ensure you deliver a user experience that ticks all the boxes, rather than just looks good but is completely no use.

8. Not Responsive

Though this is changing a little, many of the self-build templates and themes out there are not responsive and this is a disaster in 2014. Mobile web use is growing faster than anybody could have imagined and by 2017, it’s predicted over 90% of internet users will be accessing the web via their smartphones.

A responsive website adapts and changes to fit the screen size in question as well as changing elements to ensure fast loading on mobile phones and tablets. It allows your website to deliver an effective mobile user experience as well as the one delivered to computer users. Without a responsive design your website will look distorted, the wrong size or may even be impossible to read or access at all. As we’ve said, most templates do adapt to different screen sizes but what if you don’t like the changes? You should be as invested in your mobile design as your computer-based one but with a self-build design it is tough luck, you just have to live with it.

This is the case against website templates and why you are always better off with your own professional designer, working to your brief and ensuring your exact branding needs are met. You will get what you pay for with a self-build template and the same can be said of a properly build website by a professional. Yes, the initial cost may be higher but in the long term you will benefit from an adaptable, quality user interface which not only satisfies your customers but more than achieves its ROI.

 

Contact The Web Surgery

If you would like to know more or find out how we can help you then please call us on 020 8144 6540 or contact us at www.thewebsurgery.com/contact

Tips for Better eCommerce Web Design

By The Web Surgery, Web Design, Web Design Hammersmith, Web Design London, Website Design Business

eCommerce Web Design

eCommerce web design is a very specific niche which requires specialist knowledge. The evolving state of the web means you need to shout to stand out and though there will always be stiff competition with an effective and well thought out design, backed up by a strong marketing strategy, should see you on your way to success.

Perhaps more so than any other business, an eCommerce website has to work. It has to be effective and offer a quality user experience that allows customers to browse and buy with ease. Many eCommerce websites tick all the boxes when it comes to their look and feel but the customer experience and engagement levels are through the floor, highlighting that web design is about more than graphics and templates. Below are some tips which are essential in delivering effective eCommerce websites.

Design that supports Engagement

Your eCommerce website doesn’t need to be a feat of graphic design, of course quality imagery helps, but more than anything else it needs to engage. Keep your target customer in your mind at all times when discussing your design plans and think about what they need and what will draw them in. Engagement is key in eCommerce design and the main purpose of your website is simply to turn prospective sales into actual transactions without any frustration or effort needed on the part of the customer. Customers need to be able to browse your products with ease, share them on social media and understand exactly how they work. Your product gallery needs to be as easy to navigate as possible and though colour and style matters, you need to look more in depth than that. Analytics are key to getting engagement right, looking closely at drop off rates and the pages that aren’t performing so your sites can be tuned even more closely.

Effective Mobile Strategy

It’s no longer news that the world is driven by mobile web access although to look at some of the big branded sites out there you’d be surprised. A study carried out by the Interactive Advertising Bureau in 2013 found that only 11% of the highest spending advertisers’ had responsive websites for use on tablets and mobiles and though we reckon this has probably changed now, it does highlight how important responsiveness is. In 2013 again Monetate found that more than 10% of all eCommerce traffic came from tablets and conversions were also higher from this type of device. Your eCommerce website simply has to be responsive to ensure your potential customer’s experience is of high quality across the board.

Guide your Customers to Buy

A good eCommerce website will drive your customers to purchase. The design of the site will lead them to add things to their basket, direct them towards offers and show them the most important features of your site. Every element of your website needs to be considered with your target customer in mind – keep it simple and you’ll soon see results. There’s nothing wrong with a strong visual brand but it needs to have a technically effective website behind it.

A professionally designed eCommerce website sets your business up for a good start and allows you to wow your customers and converting these good impressions into sales.

Looking For eCommerce Web Design

If you would like to find out more then please contact The Web Surgery.

What Your Website Needs To Contain

By The Web Surgery, Web Design, Web Design Hammersmith, Web Design London, Web Design Richmond, Web Design Solihull, Website Design Business

web design londonFive Elements every Business Website Needs

Your business website should provide you with a direct opportunity to sell yourself to potential clients. This means more than simply showing off your goods or service though, it means letting them know what you’re all about. Human beings are naturally inquisitive and therefore the chance to get a better feel for the people behind the brand often goes down well too. Anyway, first things first, here are five critical elements that are essential to an effective business website.

Attention Grabbing Headline

The first thing people should see when visiting your website its headline, a tagline perhaps which concisely and clearly tells them what you do or what you offer. It should show off the most important benefit of your product or service. You need to stand out from the crowd and offer something unique and you need to tell every visitor this as quickly as possible, piquing their interest and keeping them engaged.

Effective Copy

Though this many not be down to your designer it is something you can discuss with them, especially if they have a marketing team or contacts in the industry. Your copy needs to be promotional and sales-orientated without being over the top. Your users want to know what you’ve got to offer but they don’t want it rammed down their throat. Your copy should highlight exactly why you visitors need your product or service and also instil trust.

User-Friendly Navigation

A confusing or slow website never keeps customers coming back for more. If you want your customers to come back again and again then you need to put their first. User experience has to be your number one priority and this means simply and clear navigation, an accessible menu and regularly testing page load speeds to ensure they’re fast enough to keep customers coming. Super-sized images and cluttered pages can slow down speed along with a range of underlying issues which may become apparent if you opt for a predesigned template or DIY website.

The Right Images

Images are part and parcel of what sells your business, especially if it is product based. Product shots can really lift the effectiveness of your website but erring on the side of caution when it comes to size and resolution will help ensure your page loading time isn’t scuppered. Thumbnail images are the best way to go for websites with a large product range as they allow for speedy load time and the option of enlarging the image where necessary.

Call to Action

If you want your website to result in sales then it needs to do more than show off what you can do, you need to actively direct people to make that purchase. Your call to action needs to be clear, bold and easy to follow. Easy to understand directions on how to make a purchase will ensure customers have no confusion when it comes to clicking that link and buying the item in question.

With these key elements in place your website will have the basics it needs to attract the right kind of attention.

If you would like to know more or find out how we can help you then please call us on 020 8144 6540 or contact us at www.thewebsurgery.com/contact

What are responsive websites?

By The Web Surgery, Web Design, Web Design London, Web Design Solihull, Website Design Business

In 2014, a website that isn’t responsive is unlikely to be anywhere as near as effective as you’d hope. Responsive design has become essential as experts are suggesting that by 2017, 90% of internet users will be accessing the web via their phones. Your design needs to be responsive if you want to access these potential customers you need to ensure your website is responsive and here we’re looking at what this means and why you need it.

Responsive Web Design

Responsive design is simply a website which responds to the device in which it is loaded. This can mean that the design includes a wide range of different graphic sizes and styles so it can load effectively onto devices with different screen sizes including mobile phones and tablets. Responsive design allows your website to be easily accessible to almost anyone.

Here is a closer look at some of the key reasons your website needs to be responsively designed.

1. Mobile Use is everywhere

As mentioned above, mobile web access is increasing at a rate far faster than almost any other kind. Statistics from Smart Insights show that over 20% of Google searches are performed on mobile devices and 25% of users in the US only access the internet via their mobile phone and no other means. More and more people are exclusively using their mobile phones and tablets to do business, make purchases and even arrange business services, so you need your website to be accessible and user friendly through all methods.

2. Boost your User Experience

You need to make a good impression immediately. People aren’t going to stick around on your website if it doesn’t load quickly enough or doesn’t load properly. Google research has shown that users who are frustrated when trying to load a website have a high chance of simply clicking off. Up to 61% of all users will go immediately to another website, usually a competitor’s. Having a properly responsive website in place should ensure a positive experience all around, with Google’s statistics suggesting that a positive mobile experience can be the driving force behind them using a service or making a purchase.

3. SEO Friendly

Responsive design is Google’s best friend and this is true for many other search engines as well. When Google came out and announced that they preferred responsive websites and would rank them more positively in their search engine pages, other search engines followed suit. A single URL to provide both mobile and regular access to your site is easier for bots to crawl and therefore they tend to perform better in terms of SERPs.

4. Ready for the Future

The most beneficial thing about responsive design is that you’re primed for the future. Simply the word responsive tells you all you need to know and as new devices are launched, a responsive design should be ready to work effectively without the need for any chances. Responsive design templates are designed based on screen size, not model or device type, which means whatever device is being used, your website will resize itself effectively.

The advent of people using internet on their TVs and even Google Glass means that your website, if designed responsively, will be easily accessible and if not, will once again not be accessed by this new class of potential customer.

When choosing a professional web designer, opting for one who commits to offering you a responsive result is a must. In the current climate and with more and more people relying on their mobile devices for internet access, your website simply needs to be responsive.

Find Out More About Responsive Web Design and Responsive Websites

If you would like to know more or find out how we can help you then please call us on 020 8144 6540 or contact us at www.thewebsurgery.com/contact