This article should be your one stop guide to UX design tutorials. We have tried to include all that could come in handy if you want to learn from scratch or you want to make your knowledge deeper. UX or user experience is something which is wholly necessary for the creation of a top caliber website. However, it is also something which very few users understand. From a design perspective, UX is undeniably as essential as the aesthetic components of a website.
Table of Contents:
- 25 Best UX Design Tutorials
- What’s The Difference Between UI And UX Design?
- 9 Usability And UX Pitfalls: Learn How To Avoid Them
- What Is An Effective Web Design And What Makes Good User Experience?
- Reading Patterns for Better User Experience
- Top 20 Every Day Tools For UX Designers
25 Best UX Design Tutorials
With determination, diligence, and hard work, you can further improve your UX design skills. If you spend a few minutes of your day viewing, at least, one of these 25 best UX design tutorials, you will certainly understand UX better and become even more committed to making it an integral part of your design process.
A designer may come up with the best looking online platform or app, but if users cannot easily learn how to utilize it, they are likely to abandon it. This is the reason why, as a web designer, you need to sharpen your skills in ensuring a great user experience for your websites.
1.What is UX by Géraud de Laval
This is one presentation that you should not miss, especially if you are still uncertain of what career path you should take. Here, Geraud de Laval clearly defines what UX is. What makes it more interesting is that, in this presentation, he discusses the UX concept by comparing it to a car.
Beyond any shadow of a doubt, there is no bad car because everything is dependent on who uses it.
2. UX is not UI by Nicolas Demange
Still confused as to what the difference between UX and UI is?
Well, Nicolas Demange presents a highly simple, yet comprehensible and truthful tutorial that sheds light on what sets UX apart from UI. This will surely help you assess your skills, much more if you are applying for a job.
Funny tip from video – when designing for UX, design like you would design for your mom
3. UXNight: Designing For your Mom with Andi Galpern
Andi Galpern encourages web designers to come up with a design that would be easy to use as if they were designing for their moms who are not tech-savvy. This video tutorial points out that a great user experience should be for everybody and is easy to navigate, whether one is tech-savvy or not.
It also covers an introduction to the basics of a good UX but focuses more on proximity, continuity, similarity, figure/ground, otherwise known as the Gestalt principles.
4. How to Teach UX Design by Christina Wodtke
Coming up with an effective UX design may be a tedious task, but teaching how to create one can be even more complicated. However, this SlideShare by Christina Wodtke will show you that sharing your knowledge on UX design is not that complicated at all!
Christina makes teaching UX not only interesting but convenient, too, as she provides a complete workshop model for each day. Apart from the way the day is supposed to be designed, it also has students’ inclination and exercise design.
If you are the type of UX designer who is not afraid of sharing what you know to the new ones, then you should seriously look into this in order to help create more effective web designers.
5. How UX Design has Changed the World by BuiltByHQ
Are you planning to have your own business website, or already have a current website that doesn’t deliver the results that you want? This tutorial will enlighten you on the importance of UX design on whatever type of business you engaged in.
After all, a poorly designed UX can push some clients away, which, obviously, results in the drop of profit. Inversely, a well-designed UX can increase conversion rate and boost an entrepreneur’s profit.
6. Learn Web Design Basics with Paul Boag
This compilation of video tutorials will be interesting for those who are going to learn the basics of web design. It will be a really great starting point for amateurs striving to become experts one day. This educational course will show you exactly what good web design is and what might be considered not.
You will be able to view a number of techniques including layout, typography, styling, color, imagery, usability, branding, calls to action as well as some other principles that will help you design professional sites.
8 tutorials by Paul Boag will teach you some fundamentals based on the greatest designs found on TemplateMonster. Paul is a well-known expert in digital transformation with many years of experience in this sphere (over 20 years now).
7.Typography and User Experience by Sara Cannon
There are still some designers who don’t know the link between a typography and user experience. If you are one of these designers, you should check out Sara Cannon as she explains how bad typography can lead to a nightmarish user experience.
You will certainly be enlightened on the various roles typography has on the overall user experience. For one thing, a good typography can set the tone and guide a user if it is properly used in a website. At times, it just doesn’t contribute; it is a takeaway, too!
8. Content-first UX Design: What Video Games Teach Us about UX from Steph Hay
In this tutorial, content strategist Stephen Hay explains how a good UX design can enable a website into a force to be reckoned with in the market. This is especially helpful to business-related websites.
Stephen Hay points out that, without a UX, a website may be at the tail-end of a game. He educates web designers and business owners on the importance of a content-first UX design and contextual learning.
9. UX Design Myths from Evan Samek
A serious web designer is committed to delivering the best user experience to its audience and users in every way possible. However, there are several myths that professional UX designers should be familiar with so that they can avoid them and work efficiently. And this tutorial will set the facts straight.
10. Foundations of UX: Prototyping by James Williamson
It is a given that not all web designers share the same design process. However, there are many common elements that web designers should bear in mind. This video tutorial by James Williamson, an author from Lynda.com, breaks down the design process into 5 steps:
- project planning
- ..and refining.
This tutorial also clearly explains the importance of each step in the whole process.
11. Graphic Design Tutorial: User Experience by Shawn Barry
Shawn Barry enlightens designers on the importance of UX when a website user visits a website. This will surely make you aware why it is important for you to deliver what your website has promised and its subject matter. This way, your audience can experience your site the way they expected it to be.
In addition to all that, this tutorial will surely enable you to be more committed to providing your audience a great user experience.
12. What’s New in Photoshop for Web, UI/UX, and App Design by Adobe Photoshop
If you are still undecided whether you should go for Sketch or remain loyal to Photoshop, this tutorial will surely help you arrive at a decision. The 2015 release of Photoshop CC has many impressive features for web, UI/UX, and app design.
One of its new features, Artboards, allows you to come up with numerous layouts in a single Photoshop document. On the other hand, Device Preview enables you to preview your design in real time on any iOS device. Adobe Evangelist Paul Trani will surely leave you in the know of the latest from this version of Photoshop.
13. The Three Ways that Good Design Makes You Happy by Don Norman
This is not really a tutorial but Don Norman, the author of The Design of Everyday Things, has a lot of wisdom about design. He talks about visual, behavioral, and reflective design and their effect to our emotions. He said that design that touches people’s emotions is most definitely to succeed. So if you want deeper insight into this topic, this video is a good place to start.
14. Forty UI/UX Design Examples by Forty Agency
Are you having a hard time coming up with an idea for your next design? Forty UI/UX Design Examples might just give you the best inspirations for your next project. The video starts with the basics of UI/UX designs and goes on with some tips on how to do it properly.
It also reiterates that a good user experience should be anchored on the people who will use the website and not on the specs, encouraging web designers to rethink a design from people’s point of view.
15. UX Design + UI Design: Injecting a Brand Persona by Jayan Narayanan
This SlideShare is meant for a group of entrepreneurs with inadequate knowledge and insight of the web design process. This can help entrepreneurs come up with an idea that they will demand from their would-be web designers.
If you are planning to put up a website for your own business, checking this will surely help you in more ways than one, as Jayan Narayanan explains in details not only the concepts of UI and UX but their overall impact on a brand experience, too.
This video showcases a consultancy using LeanUX, Agile and Design thinking methodologies that provide UX insights, strategies, and ideation discussed by John Whalen. It is based on the collective opinion and suggestions of startups and large enterprises seeking to produce the right product faster.
You can certainly come up with a balanced design as John is esteemed for his understanding of audience perspective and finding the ideal balance between user experience, business needs, and technological possibilities.
17. Foundations of UX: Accessibility by Derek Featherstone
Derek Featherstone gives you a clearer idea on what accessibility is and its impacts on people with disabilities using the web. This will also help you familiarize with many accessibility concepts and their importance to web designers.
If you want to learn how to develop assistive technology apps for people with disabilities, this can help you in many ways. You will certainly learn many accessibility concepts and their relevance to you as a web designer.
18. UX Design Techniques: Creating Personas by Chris Nodder
This is the third installment of the UX design techniques series discussed by Chris Nodder. Here, you will learn how to use the data that you have gathered from customer interactions and previous site visits. These will help you create a picture of the users that your design is aimed at.
Furthermore, the interface of your design will become more coherent and focused as the common understanding will ensure that everybody in the design team is creating a design for the same people.
19. Android Design in Action: Common UX Issues by Nick Butcher, Adam Koch, and Roman Nurik
This video features Nick Butcher, Adam Koch, and Roman Nurik discussing the many elements of Android design. In this particular video, they give a run-through of the top ten most common user experience issues.
20. Photoshop/Illustrator Tutorial: Google Material Design by Ferdi Armagan
Ferdi Armagan will surely enhance your knowledge on Material Design, the latest design trend set by Google. You will be guided on how to use the documentation and how to design the assets that are needed so that you can successfully use Material Design in line with the guidelines set by Google.
Ferdi also discusses how to create icons within the Photoshop and Illustrator environments, add the characteristic shadows from material design, interface design, typography, and many more.
21. Sketch 3 Tutorials by LevelUpTuts
Are you entertaining the idea of switching to Sketch and abandon Photoshop for good? Well, you surely need to see the 33 video tutorials by LevelUpTuts. Without question, this is the most complete and comprehensive tutorial for designers who want to take a new path in web designing.
These series of video tutorials will get you to know Sketch, understand Artboards, pages, styling shapes, grids and layouts, alignment and distribution, shapes in Sketch 3, creating and using symbols, iOS and design UI tools, foundation 5 UI kit, bootstrap 3 UI kit, installing and using plugins, dynamic buttons, shortcuts, creating GIFs, and many more.
22. UXPA Lean UX Bridging the Gap between UX and Developers by Andrew Mottaz
Is Agile compatible with Modern UX? Andrew Mottaz, CTO and Founder at Site9, Inc. answers this question and discusses lean UX, shared understanding, shared understanding stories of user experiences, how to create shared understanding, example of user testing, and many more in this SlideShare.
23. Love In an Elevator – UX as Business Strategy by Stephen Collins
24. Win User Loyalty by Targeting Logic and Emotions by Mike Donahue
This came from Mike Donahue’s talk at the UXPA2014 Conference held in London, which was attended by some of the most brilliant minds in the industry. Mike emphasizes the importance of making a connection with the audience or users on a deep emotional level. He strongly believes that in order for you to come up with a great and effective user experience, you need to target the emotions.
25. Making UX Matter to Your Company by Wendy Johansson
Make UX a strategy, not a deliverable. This is the core of the message of Design and Brand at Wizeline Director of User Experience, Wendy Johansson. She discussed this topic at the Silicon Valley UX Meetup held on April 14, 2013. There is no denying that this will be a great help to designers who are in a quandary on how to integrate UX in their designs.
Needless to say, user experience is different for every user, and everything is dependent on how each one experiences a website. As a UX designer, you should develop or promote certain experiences that can elicit a positive reaction and experience from the user. Whether you’re a newbie in web designing or already a seasoned one, you can surely find one tutorial above that will help you become a better UX designer in more ways than one.
You now have resources to learn about UX, but we wanted to give you even more. So if you are up for it, read on and find out the difference between UI and UX.
What’s The Difference Between UI And UX Design?
Two of the most often used words in the web design industry are UX and UI, which stands for user experience and user interface. Although they sound simple, there have been a lot of misconceptions and complications regarding their differences causing quite a stir in the design community.
The Difference in a Nutshell
Defining UI and UX is quite easy. UI or user interface is the visual side of design. It is what you do in Photoshop or Illustrator. UX or user experience, on the other hand, is what you do outside. How do you make your users feel about the product? How do you make them feel when they use the product? Are they happy? Angry? Satisfied?
Another way of putting it is UX design is the process which enhances customer satisfaction and loyalty. This can be done by improving the usability, pleasure, and ease of use which happens when the customer interact with the product.
Therefore, the job of a UX designer also involves being a marketer as he develops the development and improvement of the quality which satisfies the customer as well as the business owner.
UI design, on the other hand, is similar to graphic design, but sometimes extend to brand design and even front end development. It is responsible for translating the the strength and visual assets of the brand to a product’s interface to make the user experience much better.
The Ketchup Metaphor
The best way to illustrate the difference between UX and UI is by using the ketchup metaphor.
A few years back, there was a ketchup company that designed a beautiful bottle for its ketchup. It had a wide bottom with a thick and narrow neck. It is designed to be always placed upright inside the refrigerator. However, when there’s little ketchup left in the bottle, you have to shake the bottle hard in order to get the ketchup out of the bottle making the process a bit annoying to the user.
The ketchup company learned about this and they redesigned the bottle. The new bottle has a wider top which enables you to place it upside down without getting toppled. So when there’s little ketchup left in the bottle, all you have to do is place it upside down and when you need it, it is easier to squeeze the ketchup out of the bottle. The users were happy about it.
The new design not only solved the problem, but it improved the experience of the user as made them loyal to the product. In terms of the aesthetics or the UI, the new design looked more beautiful and more useful.
Both UX and UI are interrelated and interwoven tightly. One cannot exist without the other. Moreover, they should never run on their own but should coordinate in order to achieve success in your design.
If you are still reading you have come a long way already. That’s why we still have an ace up our sleeve. We want to show you the bigest UX pitfalls and how you can avoid them. Just read on!
9 Usability And UX Pitfalls: Learn How To Avoid Them
If we want to be ahead of the design curve: get more satisfied clients, and happier users, we need to make sure that both we and our clients understand what these points are, and how to solve them.
When designing and developing a website, there are many different things that we focus on:
- ..and I am sure you could keep counting down a lot more here, but let’s keep reading.
Remember, as Jacob Neilsen once said:
A bad website is like a grumpy salesman.
The inverse is also true, a good, well designed website is a great way to represent your brand, and to get your message out there.
Read on for a brief list of some of pitfalls that can bring your site down, and how you can solve these issues just below.
1. Hard To Find Content You Are Interested In
These sites are known, but design is outdated and what about usability?:
How many times have you been to a website, eager to search for some pertinent information about:
- Telephone number
..or other factors, only to find the content is nigh on impossible to find.
How many times have you had friends ask you for help when searching for certain information because they just didn’t know how to find the right information? Government departments and utilities especially, I’m looking at you! I’m sure everyone has had their own soul destroying experiences with sites like the IRS.
Browsing the web shouldn’t be this difficult – as we are often told, content is king.
We need to ensure that content takes pride of place on its’ throne, that users can find all the information that they are looking for. We shouldn’t have to go in and out of a million different menus before we find the correct content.
You know best what information is important for your users, make sure this information is easily accessible.
So you have a lot of content on your site?:
- Make sure everything is in relevant sections on your site
- Make the search function on your site work well.
- Clear tagging and categories can help a lot!
- Make sure what needs to stand out, does stand out.
- Things need to be logically named.
A blur test (where you add say a 10% blur to your design images) can help to make sure what you want to be visible really does stand out. Use usability testing sites like IntuitionHQ.com to see what’s working and what’s not.
2. Poor layout
Of course, another reason why content is so hard to find is poor layout.
- What about all those sites that think they should include all of their content, and then some on the main page of their site?
- What about including lots of flashy banners all over the place?
- What about sticking all the navigation menus in the last place anyone is likely to look?
OK, some of these statements may be exaggerations, but I’m sure all of you have come across sites that have done all of these things and worse. Again, this is taking the ‘content it king’ thing a few steps too far – you should really put it all in it’s appropriate place – I think a lot of news sites try and shove all the content on the front page because they think that’s the only place we’d ever possibly look.
If things are neatly laid out, we won’t have this problem!
- Hire a designer (like the people reading this article)!
Just because some poorly laid out sites succeed, doesn’t mean you should try and follow their trend. They succeed despite poor design and poor layout, not because of it. It also means they are more susceptible to losing out to more functional designs in the future.
Don’t listen to clients when they tell you to do something which you know doesn’t work, and use usability testing to prove your point – the results can’t lie, and they have nothing to argue with.
3. Confusing menus
People are generally pretty familiar with menu navigation,but..:
- What about sites where you interact with different menus in different ways?
- What about sites where the menus all have obscure titles?
- What about sites where the menu structure is just plain wacky?
No one is going to look for ‘contact us’ in the Personal Finance section.
- What about sites where you just have no idea what you are meant to be doing, or even what you can interact with? A lot of flash sites fall into this trap.
Also, make sure people know how to get back where they came from… This is a big issue for ordinary users.
- Write down (on paper!) a menu structure.
- Make it logical.
- Ask people where they would look for specific information, and arrange the menus accordingly.
- Preferably check with the sites target audience
- And again – run usability tests.
- Try and leave a breadcrumb trail so people can get back to where they came from, and make sure the back and forward buttons work (AJAX sites, I’m looking at you!).
These little things do make a difference.
4. Poor menu layout and design:
Many sites also suffer from poor menu layout and design:
- Often the most important areas are hidden deep within menus.
- Often the prime content from the site is buried far underneath millions of other bits and pieces that people just don’t care about.
- Many sites place ads in amongst the content, which means people have to scroll further and search more to find what they are looking for. While it might lead to higher click through rates on the ads to start with, people quickly get fed up with these kind of tactics and are far more likely to leave your site, or start using ad blocking software when they visit.
Neither of these outcomes benefit you.
You should be using different analytics tools to tell you:
- What content is most popular
- What pages people spend the most time on
- What content is viewed more infrequently.
Make use of this information.
For content driven sites, try linking to relevant articles from previous articles, and actually using categories and tags so people can find the relevant information.
With advertising – try and keep it to the sidebar and end of articles, and even then you should limit it’s numbers, flashy-ness, and make sure it fits in with your site.
5. No or poorly done indicators of progress:
Some sites do this, some sites do it very poorly, and some sites don’t give any indicators of progress at all.
When it isn’t done or isn’t done well, it makes a really frustrating user experience:
- Imagine you are signing up for some service but you have no idea how long its going to take or how many steps are left.
- Imagine the sites craps out part of the way through.
- Imagine you get to step 4 and decide to give up.
It really does make for a frustrating user experience, and leads to much higher abandonment too.
Oh, people like to know when they’ve actually finished the process too. Try and make signup and purchase as easy as possible:
- Do people really need to create an account?
- What information doe you really need?
People love to know where they’re at, and how much further they have to go. Tell them.
The easiest way to do this is just a list with steps – Dell got this half right, and then decided to add about a million sub-steps, so it’s kind of wasted. Doing this right is so simple, and yet often forgotten.
A little ‘success button’ or the like when signup or purchase is finished wouldn’t go astray either.
6. No way to provide feedback
OK, Facebook probably has the best excuse for this – if contact details were floating about, they would probably get millions of enquiries every day from the same kind of people who find the login page via google, and complain when they find other sites instead.
However, for smaller sites getting feedback from users is invaluable. Even for bigger sites, the people who complain probably represent a large number who care but just can’t be bothered or don’t know how to let you know their feelings.
Feedback forms are about the easiest thing you could set up. The feedback you get from them is priceless.
And wouldn’t you rather your users came complaining to you than left for your competition? The fact that people care enough to contact you is a sign of success for you site, so go ahead and make it easy for them to get through:
- Email address
- Contact forms
The choice is yours, but having several options is a good way to ensure there is a method to please everybody.
And while you’re at it, people love about pages too, even very simple ones will do – your analytics results will surprise you with just how many people click through to these pages.
7. Use of social media: Just about everyone
We all know social media is taking over the web these days. Every man and his dog needs to have Facebook, Twitter, Digg, LinkedIn… Well, the list just goes on and on really. This is a really great way to connect with your audience, to let them know what is going with your site, company, brand etc, and to generate buzz about your company.
BUT, and this is a big but, about 99% of people on these services never update their pages or have 3 or 4 followers on twitter (OK, we all start somewhere, but if their last tweet was months ago, maybe it’s time to let go).
Explain to your clients, it’s great if they use social networks, but they need to have a strategy.
If they want to use social media, they need to use social media! This means good content, regular updates, and actually connecting with people.
Maybe if Kevin Costner builds it, they will come, but this doesn’t work for everyone – for most people you get out what you put in. If they won’t use it, don’t do it. It looks really unprofessional when these sort of organisations just let things hang.
8. Too Many Options
If there is one thing Apples recent success has shown us, it’s that most people don’t care that much about having millions of different options to choose from.
They want maybe a couple of basic choices at best, and something that works. I’ve lost count of the number of sites I’ve gone to which try and sell me on a million and one different things, 99.99% of which I don’t want, rather than just presenting me with fewer options which I can actually choose from.
I don’t need 50 different options for web hosting, 3 or 4 different tiers will do me fine. I’d tell them that through the feedback form if they actually had one… I’m sure you’ve all had people come to you with complaints like this:
- Which option do I need
- What one actually works for me
- What on earth are the differences between them?
Keep it simple.
You know your users/customers/readers best. Figure out what they want, and just give them that. They honestly don’t need millions of different options, and the time spent customising for every last one of them just simply isn’t worth it, and confuses the hell out of most ordinary users, as well as making for a really frustrating user experience.
9. Links, forms and buttons that don’t work
You can crap out, but website won’t tell you why you can’t go on – Countless.
Ah yes, the old favorite; after all that time filling in the feedback form, signup form etc., you click the submit form and… Error, the form is broken. And you know what, we won’t save all the data you just entered, so you’d better enter it again.
- What about including lots of mandatory fields that most people don’t know the answer to, or just plain don’t exist.
- What about having lots of broken links floating around on your website?…
- Crazy catchphas’ fall into this category too.
- What about all the links that don’t actually connect to anything?
- The images that won’t load for some reason?
- The videos that have been removed?
- … The list still goes on.
Test, test, test.
This is one of the most basic usability flaws you can have, and one which has a great impact on your site. These kind of negative experiences really push people away from sites, and make them never want to come back.
The more you test, the more you will find. Of course, there needs to be limits, so when you go live make sure the feedback form is there and works too! If you are going to have mandatory fields, make sure they really need to be mandatory – a sign up without complete information is still better then.
I was recently signing up for a service that demanded to know what state I’m from. The only problem is, I’m from New Zealand, and we don’t have states here – and of course, there was no prompt to tell me what they actually wanted to know.
When people do hit a 404 page, try and have some useful information there so they can get to the information they want.
Of course there are many other pitfalls, these are just a few key examples to get you started. Nobody can be perfect either, the point is, the more you think about it, the more you test, the better your sites will be. The better the site, the happier the client, and the more success you will have in the long run.
On top of this, usability testing is another service you can sell on to your clients, and which adds a lot of value for them too. It’s win-win; you get more money, and they get better sites.
Do you have any pet peeves about usability, UX, or design in general?
Be sure to let us know in the comments! Your feedback is very welcomed!
You are now on a road to become a UX master, however, this is not the end of the learning path. We really wanted to make sure you know what an effective web design is and what are the things that make good User experience.
What Is An Effective Web Design And What Makes Good User Experience?
The Podcast Episode with Christian Vasile
The Importance of User Experience
We live at an age and time where everything is accessible but also in an era where people’s attention span gets shorter. Therefore, in a race to attract prospective customers, companies of all sizes and shapes come up with ways and means to do that. In the process, the World Wide Web receives an abundance of things, both useless and useful. The sad thing, however, is the useless things grow in numbers ruining the whole user experience.
Ruin might be too strong a word according to Christian Vasile, a web architect and also one of our writers here on 1WD. For him, a good web designer is still able to turn it around and re-design into something better to enhance user experience. However, this process involves a lot of factors, which involves the cooperation of your clients. The greatest question, however, is how do you get that cooperation, and how does it contribute to the whole idea of user experience.
User Experience and Client Trust
Most, if not all, web designers understand and are aware what user experience is. They know how essential it is to conversion. Any good designer will not only think about how awesome a website looks like, but he will also consider other factors, such as functionality and user experience, when he creates a website.
Clients, on the other hand, especially those who have no background or idea whatsoever about web design (and there’s a great many of them), do not know these factors. What they want is for you to build them a website that’s good to look at, or a website they saw because it’s doing well. They will pay you to get the job done without worrying about the specifics.
Therefore, it is your job as a web design professional to sit with your clients and tell them about these specifics and make them understand why one element is necessary, while the other element is not beneficial.
For a web design professional who has already had a portfolio to show and the experience to back him up, this is not a problem. All you have to do is show them that portfolio and you won’t have a hard time convincing them. They might be a little hesitant at the beginning but knowing you have done similar successful projects in the past will encourage them to take risks.
The problem is when you are a new web designer who is just starting to carve a name in the industry with no portfolio or experience whatsoever. More often than not, clients will even think they are doing you some sort of goodwill for trusting you even without prior experience. Rarely does it happen, and it would be a very special case, that a client will take the risk and follow a newbie.
That can be pretty frustrating because you, as a designer, knows that the red button on the takeout field is a bad idea. So, poof! There goes what is supposed to be a good user experience had your client only listened.
The Important Element
Web design professionals have their bad days, but there are also good days and one of them is when your client decides to listen to you and follow your advice. When it happens, the challenge is to identify which element needs to be changed or improved.
There are many elements in a website, including speed, navigation, About Us page, space, contact information, and so on. Where do you begin and how do you even choose which is which.
The answer is simple – It depends a lot on the type of web page or the type of business your client has. For example, if you are working on an e-commerce website, the most important thing you have to look out for is their forms and their check-out process. How quick is that? How difficult is that? Are you asking for information that you don’t really need?
You can draw inspiration from your own experience. Remember when you go and purchase something in an e-commerce website, which one do you remember as a consumer – the form where you only have to enter two types of information or the long one where you have to provide a lot of information, some of which are even unnecessary to your purchase?
You, of course, will remember the one which gave you a convenient and favorable experience. Depending on how fast you write, you might even finish filling out the two-field form within 15 seconds. You not only remember the experience, but it is also the very same reason that brings you back to the website.
On the other hand, if you are working on a freelancer website, you have to pay attention to the content as well. Many times you will see a very awesome website in terms of the aesthetics but has awful content where the freelancer brand themselves as a jack-of-all-trades.
This is bad for business. You have to determine what you are best at and make it your brand. If you are good at design, brand yourself as that and not as a can-do everything designer. Brand yourself on your niche.
The Importance of Copy in Web Design
[ctt title=”Copy is what sells ~Christian Vasile” tweet=”Copy is what sells ~Christian Vasile” coverup=”O4Sg6″]
One of the elements often overlooked by web design professionals is the copy as well as how they structure the design in order to highlight the copy on that page. A lot of web designers are so consumed with the aesthetics believing that a good-looking website is the best website.
So what most designers do is spend a lot of their time building mock-ups and keep postponing until deadlines come and we just throw in any text that comes to mind to fill that beautiful website. The website is still beautiful, but the low-quality copy ruined it.
It is a fact that most, if not all, web designers have been programmed to be visual beasts blinded by the aesthetics. Little do most know that a low-quality copy will pull down and make the design suffer.
The truth is design and copy are two inseparable entities. When a user visits a website, they don’t just see the design or the copy, they see the website. And both contributes to the whole user experience, which can be good or bad. Unless you are creating a website for fun and not for something professional, your design should always make the message stronger and not the other way around.
The Importance of Communication
[ctt title=”What differentiates a great designer from a good designer is how well you’re able to communicate with clients ~ Christian Vasile” tweet=”What differentiates a great designer from a good designer is how well you’re able to communicate with clients ~ Christian Vasile” coverup=”08zGi”]
As mentioned earlier in the article, your clients are also a big contributing factor in creating a good user experience for the websites you build for them. That is if they do not want what you suggest is good for their website and they insist on what they want, then you cannot do anything. The old age adage is still true that the customer is still king – they still have the final say.
In order to do this, communication is very important. Communication is easy if your boss or client is just around the corner. However, if you are working remotely, that would be quite a challenge, especially of you’re working with several clients because each client are different. Some clients want you to report to them regularly while some will give you all the freedom and will not communicate until the project is finished.
What differentiates a great designer from a good designer is how well you’re able to communicate with clients and how well you’re able to manage your clients. This is also a big factor why clients will return to you because, for the first time, you did quality work for them and they feel that your collaboration with them went smoothly.
A good web design and good user experience does not just happen when a user visits your website and enjoys its aesthetics. It is not just what’s happening in the front end but also at the back end. It does not even start when you start putting those codes together to create a website. Instead, it starts with your client trusting you and how well you communicate with him. That is because when a client understands what you are doing and you clearly communicate why you’re doing it, he will trust you. Then, you can create something that you, as an expert, know will work and not just because your client tells you to do it.
Alright, we made it to the end. We know it’s a lot of new material to cope with, that’s why we are recommending that you bookmark this page and when ever you need an advice, you just look up the answer. Hopefully this was fun for you as it was fun for me. Really looking forward seeing your comments!
In the next section we will look at reading patterns.