SlideShare a Scribd company logo
1 of 22
Download to read offline
The most common
UX/UI mistakes to
avoid in your
website
A little bit about me…
plus.google.com/+HeadchannelCoUk
Beata Green
Strategy Director, HeadChannel
linkedin.com/company/headchannel
facebook.com/HeadChannel
Until recently the most important feature differentiating
a good and a bad website was their design
Since the appearance of mobile devices
the emphasis has moved to UI/UX
User eXperience…
…involves a person's
behaviour, attitudes, and
emotions towards using a
particular product, system or
service.
User Experience includes the
practical, experiential,
affective, meaningful and
valuable aspects of human–
computer interaction and
product ownership.”
WIKIPEDIA
that make some major errors in UX
However we still can find websites
Click Here
You can really create a connection with your audience
by putting some thought into the smallest details.
Carefully craft your copy across the customer journey
(from Google search to website and email) to ensure a
consistent tone of voice and extend your customer
service to each and every touch point. Often adding
some informality (and even humour when appropriate)
can turn prospects into customers.
#1 - Clickable areas too small
#2 – text blocks too large, and without headings
#3 – Inconsistency in the naming of elements
Events.html
#4 – Too many features requiring registration
#5 – Overcomplicating
#6 – Forgotten links pointing nowhere
So what to do?
#1 - Enlarge the click areas
Comments
Even if you can’t
enlarge the text try
to increase the
clickable area
around it
#2 – Focus the attention on the most important elements
on your page using headings and white space
1
2
3
4
#3 – Use the same names for the same
things on your website
Events.html
Events
See more events we that
we organised last year.
#4 – Use the registration and log-in pages
only for the features that really need it
#5 – Try to keep everything simple
#6 – 301 redirects allow users to land where they
wanted even after the page has been removed
If you can find more mistakes on your
website than those listed here…
…they may worsen your conversion
UX/UIis a complex subject
involving IT, sociological and psychological issues
If your UX/UI issues are
getting you down
the answer is to hire
a professional team
Thank you

More Related Content

Viewers also liked

Viewers also liked (10)

FluentConf 2016: Avoiding Critical UX Mistakes with Philip Lew
FluentConf 2016: Avoiding Critical UX Mistakes with Philip LewFluentConf 2016: Avoiding Critical UX Mistakes with Philip Lew
FluentConf 2016: Avoiding Critical UX Mistakes with Philip Lew
 
10 common UX mistakes startups make (and how to avoid them)
10 common UX mistakes startups make (and how to avoid them) 10 common UX mistakes startups make (and how to avoid them)
10 common UX mistakes startups make (and how to avoid them)
 
The Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers CollectionThe Best Windows Phone Apps 2013: A Designers Collection
The Best Windows Phone Apps 2013: A Designers Collection
 
Tips to avoid UX design mistakes
Tips to avoid UX design mistakesTips to avoid UX design mistakes
Tips to avoid UX design mistakes
 
Ui ux designing principles
Ui ux designing principlesUi ux designing principles
Ui ux designing principles
 
UX Best Practices
UX Best PracticesUX Best Practices
UX Best Practices
 
5 UX Mistakes that are killing your products
5 UX Mistakes that are killing your products5 UX Mistakes that are killing your products
5 UX Mistakes that are killing your products
 
UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015UX UI - Principles and Best Practices 2014-2015
UX UI - Principles and Best Practices 2014-2015
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
UX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny QuotesUX Humor | Jokes and Funny Quotes
UX Humor | Jokes and Funny Quotes
 

Similar to Most common ux mistakes to avoid on your website

Presentation of project proposal and design brief
Presentation of project proposal and design briefPresentation of project proposal and design brief
Presentation of project proposal and design brief
Brandon Cooper
 
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Hubbard One
 
Intranet mit-ibm-connections+xcc-vaude
Intranet mit-ibm-connections+xcc-vaudeIntranet mit-ibm-connections+xcc-vaude
Intranet mit-ibm-connections+xcc-vaude
TIMETOACT GROUP
 
eMarketing: a Strategic Approach
eMarketing: a Strategic ApproacheMarketing: a Strategic Approach
eMarketing: a Strategic Approach
quirkemarketing
 

Similar to Most common ux mistakes to avoid on your website (20)

IT vs. Marketing Battle
IT vs. Marketing BattleIT vs. Marketing Battle
IT vs. Marketing Battle
 
Guidelines for JEN-ii Website
Guidelines for JEN-ii WebsiteGuidelines for JEN-ii Website
Guidelines for JEN-ii Website
 
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
 
Creating a Website: Design and Layout
Creating a Website: Design and LayoutCreating a Website: Design and Layout
Creating a Website: Design and Layout
 
Creating a Website For Your Business
Creating a Website For Your BusinessCreating a Website For Your Business
Creating a Website For Your Business
 
Web Optimization Playbook
Web Optimization PlaybookWeb Optimization Playbook
Web Optimization Playbook
 
Presentation of project proposal and design brief
Presentation of project proposal and design briefPresentation of project proposal and design brief
Presentation of project proposal and design brief
 
Transform Your Website Into An Inbound Marketing Machine
Transform Your Website Into An Inbound Marketing MachineTransform Your Website Into An Inbound Marketing Machine
Transform Your Website Into An Inbound Marketing Machine
 
Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014Uxpin web ui design patterns 2014
Uxpin web ui design patterns 2014
 
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
Mobile Mania: What You Need to Know to Kick-Start Your Strategy (UK)
 
10 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 201710 Digital Marketing Trends for 2017
10 Digital Marketing Trends for 2017
 
Mentor Presentation: Social Strategy Is Mobile Strategy
Mentor Presentation: Social Strategy Is Mobile StrategyMentor Presentation: Social Strategy Is Mobile Strategy
Mentor Presentation: Social Strategy Is Mobile Strategy
 
Digital and Social Media Guidelines for Startups and Entrepreneurs
Digital and Social Media Guidelines for Startups and EntrepreneursDigital and Social Media Guidelines for Startups and Entrepreneurs
Digital and Social Media Guidelines for Startups and Entrepreneurs
 
Conversion Optimisation for Legal Websites
Conversion Optimisation for Legal WebsitesConversion Optimisation for Legal Websites
Conversion Optimisation for Legal Websites
 
Improving your website
Improving your websiteImproving your website
Improving your website
 
Actew Workshop On E Marketing And Web 2.0 Tools
Actew Workshop On E Marketing And Web 2.0 ToolsActew Workshop On E Marketing And Web 2.0 Tools
Actew Workshop On E Marketing And Web 2.0 Tools
 
Intranet mit-ibm-connections+xcc-vaude
Intranet mit-ibm-connections+xcc-vaudeIntranet mit-ibm-connections+xcc-vaude
Intranet mit-ibm-connections+xcc-vaude
 
How to use webcast linked in blog twitter facebook youtube to grow your business
How to use webcast linked in blog twitter facebook youtube to grow your businessHow to use webcast linked in blog twitter facebook youtube to grow your business
How to use webcast linked in blog twitter facebook youtube to grow your business
 
eMarketing: a Strategic Approach
eMarketing: a Strategic ApproacheMarketing: a Strategic Approach
eMarketing: a Strategic Approach
 
Kindermusik september 2010
Kindermusik september 2010Kindermusik september 2010
Kindermusik september 2010
 

More from HeadChannel

More from HeadChannel (7)

The Mysterious Process of Business Analysis Solved
The Mysterious Process of Business Analysis SolvedThe Mysterious Process of Business Analysis Solved
The Mysterious Process of Business Analysis Solved
 
Business intelligence - benefits of using an online analytical solution
Business intelligence - benefits of using an online analytical solutionBusiness intelligence - benefits of using an online analytical solution
Business intelligence - benefits of using an online analytical solution
 
Business intelligence - benefits of using an online analytical solution
Business intelligence - benefits of using an online analytical solutionBusiness intelligence - benefits of using an online analytical solution
Business intelligence - benefits of using an online analytical solution
 
8 benefits of SaaS - Software as a Service
8 benefits of SaaS - Software as a Service8 benefits of SaaS - Software as a Service
8 benefits of SaaS - Software as a Service
 
12 ideas for using nfc in your business
12 ideas for using nfc in your business12 ideas for using nfc in your business
12 ideas for using nfc in your business
 
12 ideas for using nfc in your business
12 ideas for using nfc in your business12 ideas for using nfc in your business
12 ideas for using nfc in your business
 
A pound of tasty content and a pinch of seo
A pound of tasty content and a pinch of seoA pound of tasty content and a pinch of seo
A pound of tasty content and a pinch of seo
 

Recently uploaded

一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
210303105569
 
Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
ZurliaSoop
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
ugzga
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
422368378-Laos-Architecture.pdfmmmmkkkkmmm
422368378-Laos-Architecture.pdfmmmmkkkkmmm422368378-Laos-Architecture.pdfmmmmkkkkmmm
422368378-Laos-Architecture.pdfmmmmkkkkmmm
KarenNares2
 
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
khuurq8kz
 
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
eqaqen
 

Recently uploaded (20)

Spring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers ParisSpring Summer 26 Colors Trend Book Peclers Paris
Spring Summer 26 Colors Trend Book Peclers Paris
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
NO1 Top Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakist...
 
Abortion pills in Jeddah +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Jeddah +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Jeddah +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Jeddah +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Resume all my skills and educations and achievement
Resume all my skills and educations and  achievement Resume all my skills and educations and  achievement
Resume all my skills and educations and achievement
 
Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
Jual Obat Aborsi Semarang ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan...
 
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
18+ Young ℂall Girls Vadodara Book Esha 7427069034 Top Class ℂall Girl Serviℂ...
 
Branding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdfBranding in the Psychedelic Landscape Report.pdf
Branding in the Psychedelic Landscape Report.pdf
 
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(UoB毕业证书)伯明翰大学毕业证成绩单本科硕士学位证留信学历认证
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
如何办理(Columbia College毕业证书)纽约市哥伦比亚大学毕业证成绩单本科硕士学位证留信学历认证
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
422368378-Laos-Architecture.pdfmmmmkkkkmmm
422368378-Laos-Architecture.pdfmmmmkkkkmmm422368378-Laos-Architecture.pdfmmmmkkkkmmm
422368378-Laos-Architecture.pdfmmmmkkkkmmm
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...
Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...
Redefining Affordable Housing in Gurgaon The Role of Housing Architects from ...
 
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
一比一原版澳洲堪培拉大学毕业证(UC毕业证书)毕业证成绩单留信认证
 
Essential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive GuideEssential UI/UX Design Principles: A Comprehensive Guide
Essential UI/UX Design Principles: A Comprehensive Guide
 
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
定(购)莫纳什大学毕业证(Monash毕业证)成绩单学位证专业定制
 

Most common ux mistakes to avoid on your website

  • 1. The most common UX/UI mistakes to avoid in your website
  • 2. A little bit about me… plus.google.com/+HeadchannelCoUk Beata Green Strategy Director, HeadChannel linkedin.com/company/headchannel facebook.com/HeadChannel
  • 3. Until recently the most important feature differentiating a good and a bad website was their design
  • 4. Since the appearance of mobile devices the emphasis has moved to UI/UX
  • 5. User eXperience… …involves a person's behaviour, attitudes, and emotions towards using a particular product, system or service. User Experience includes the practical, experiential, affective, meaningful and valuable aspects of human– computer interaction and product ownership.” WIKIPEDIA
  • 6. that make some major errors in UX However we still can find websites
  • 7. Click Here You can really create a connection with your audience by putting some thought into the smallest details. Carefully craft your copy across the customer journey (from Google search to website and email) to ensure a consistent tone of voice and extend your customer service to each and every touch point. Often adding some informality (and even humour when appropriate) can turn prospects into customers. #1 - Clickable areas too small
  • 8. #2 – text blocks too large, and without headings
  • 9. #3 – Inconsistency in the naming of elements Events.html
  • 10. #4 – Too many features requiring registration
  • 12. #6 – Forgotten links pointing nowhere
  • 13. So what to do?
  • 14. #1 - Enlarge the click areas Comments Even if you can’t enlarge the text try to increase the clickable area around it
  • 15. #2 – Focus the attention on the most important elements on your page using headings and white space 1 2 3 4
  • 16. #3 – Use the same names for the same things on your website Events.html Events See more events we that we organised last year.
  • 17. #4 – Use the registration and log-in pages only for the features that really need it
  • 18. #5 – Try to keep everything simple
  • 19. #6 – 301 redirects allow users to land where they wanted even after the page has been removed
  • 20. If you can find more mistakes on your website than those listed here… …they may worsen your conversion
  • 21. UX/UIis a complex subject involving IT, sociological and psychological issues
  • 22. If your UX/UI issues are getting you down the answer is to hire a professional team Thank you