SlideShare ist ein Scribd-Unternehmen logo
1 von 20
WordPress Meetup Varna, 24.02.2017
Radka Nacheva
Department of Informatics, University of Economics – Varna
UsabilityIssues( )
Name: Radka Nacheva
Current Occupation: Assistant Professor & PhD Student at
Department of Informatics, University of
Economics – Varna
Scientific Interests: HCI, Usability, Cognitive Science
@radka.v.nacheva
@Radka_Nacheva @radka-nacheva
r.nacheva@ue-varna.bg
@radka-nacheva @radka-nacheva
 The Importance of Design
 Design Conventions & Usability Heuristics /
Principles
 How to Check The Usability of Your (WordPress)
Website
 Conclusion
Design is not just “a plan or convention for the construction of
an object, system or measurable human interaction”, it is a / an:
Way of Thinking Investment Strategy for Success
The good design:
 expresses in simple way functionality of the product;
 helps users to take a decision for using the product;
 encourages users to trust the product;
 engages their attention;
The good design:
 helps users to complete successfully their tasks and to
achieve their goals;
 increases users’ efficiency;
 manages users’ emotions by using appropriate colors,
fonts, forms and arrangement of user interface elements;
 provides comfort to users when they are working with the
website or application.
http://art.yale.edu
Example 1
www.patimex.com
Example 2
www.lingscars.com
Example 3
Convention vs. Heuristic vs. Principle
 Convention = “a constraint in that it prohibits some
activities and encourages others”1
 Heuristic = “an approach to problem solving”
 Principle = “rule or method”
1 Source: http://www.jnd.org/dn.mss/affordance_conv.html
Google Material Design: https://goo.gl/t5BS1L
 Android: https://goo.gl/FpWB4o
Microsoft: https://goo.gl/L824e3
 Windows Phone: https://goo.gl/RCijXa
Apple: https://goo.gl/KLlTIg
 iOS: https://goo.gl/oWvM4p
IBM: https://goo.gl/4xIWs0
Start with the following:
 Jakob Nielsen’s Heuristics
 Ben Shneiderman’s 8 Golden Rules
 Donald Norman’s Principles of Everyday Design
 Dieter Rams’ Ten Principles of “Good Design”
You should give an answer to the following questions to check
the usability of your (WordPress) website quickly:
 Does the website meet the requirements?
 What and where are the main (identity) elements?
 Is the menu well structured?
 Is the user flow efficiency?
 Do you have enough white space?
 Is your content the king?
 Do you think “mobile-first”?
 Do you observe your users?
You could use some tools for usability testing:
 Userlytics
 Loop11
 Mobile-Friendly Test
 Leanplum
Don’t forget to keep it as simple as possible!
and
Don’t make them think!
Don’t forget their opinions about design …
Ferdinand Porsche: „Design must be functional, and functionality must be
translated into visual aesthetics without any reliance on gimmicks that have
to be explained.”
Ivan Chermayeff: „Design is directed toward human beings. To design is to
solve human problems by identifying them and executing the best solution.”
“ Life is really simple,
but we insist on
making it complicated. ”
Confucius
Thank you for your attention!

Weitere ähnliche Inhalte

Andere mochten auch

Honey - You're Not Even Responsive - Sharon France
Honey - You're Not Even Responsive - Sharon FranceHoney - You're Not Even Responsive - Sharon France
Honey - You're Not Even Responsive - Sharon FranceWordCamp Sydney
 
Architecture Behind WordPress.com
Architecture Behind WordPress.comArchitecture Behind WordPress.com
Architecture Behind WordPress.comphotomatt
 
Tools to Automate & Elevate Your Marketing Efferts
Tools to Automate & Elevate Your Marketing Efferts Tools to Automate & Elevate Your Marketing Efferts
Tools to Automate & Elevate Your Marketing Efferts Sarah Kloth
 
The power of a video library
The power of a video libraryThe power of a video library
The power of a video libraryLauren Jeffcoat
 
Wordpress security best practices - WordCamp Waukesha 2017
Wordpress security best practices - WordCamp Waukesha 2017Wordpress security best practices - WordCamp Waukesha 2017
Wordpress security best practices - WordCamp Waukesha 2017vdrover
 
WordPress 4.4 and Beyond
WordPress 4.4 and BeyondWordPress 4.4 and Beyond
WordPress 4.4 and BeyondScott Taylor
 
WordPress: Getting Under the Hood
WordPress: Getting Under the HoodWordPress: Getting Under the Hood
WordPress: Getting Under the HoodScott Taylor
 
Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS Harish Ganesan
 
State of the Word 2016
State of the Word 2016State of the Word 2016
State of the Word 2016photomatt
 
Goodbye Keyword Optimization, Hello Topical Optimization
Goodbye Keyword Optimization, Hello Topical OptimizationGoodbye Keyword Optimization, Hello Topical Optimization
Goodbye Keyword Optimization, Hello Topical OptimizationStoney deGeyter
 
A Freelancer's Guide To Handling Difficult Clients
A Freelancer's Guide To Handling Difficult ClientsA Freelancer's Guide To Handling Difficult Clients
A Freelancer's Guide To Handling Difficult ClientsDamon Schopen
 
Ako zvýšiť návštevnosť na blogu - Fabulous by xKatka
Ako zvýšiť návštevnosť na blogu - Fabulous by xKatkaAko zvýšiť návštevnosť na blogu - Fabulous by xKatka
Ako zvýšiť návštevnosť na blogu - Fabulous by xKatkaKatarina Novotna
 
Dificultad de determinar la partida arancelaria para la exportación de prenda...
Dificultad de determinar la partida arancelaria para la exportación de prenda...Dificultad de determinar la partida arancelaria para la exportación de prenda...
Dificultad de determinar la partida arancelaria para la exportación de prenda...Mitzi Linares Vizcarra
 
Beginner's Guide to Creating an Epic Blog
Beginner's Guide to Creating an Epic BlogBeginner's Guide to Creating an Epic Blog
Beginner's Guide to Creating an Epic BlogStoney deGeyter
 

Andere mochten auch (16)

Honey - You're Not Even Responsive - Sharon France
Honey - You're Not Even Responsive - Sharon FranceHoney - You're Not Even Responsive - Sharon France
Honey - You're Not Even Responsive - Sharon France
 
Architecture Behind WordPress.com
Architecture Behind WordPress.comArchitecture Behind WordPress.com
Architecture Behind WordPress.com
 
Tools to Automate & Elevate Your Marketing Efferts
Tools to Automate & Elevate Your Marketing Efferts Tools to Automate & Elevate Your Marketing Efferts
Tools to Automate & Elevate Your Marketing Efferts
 
The power of a video library
The power of a video libraryThe power of a video library
The power of a video library
 
Wordpress security best practices - WordCamp Waukesha 2017
Wordpress security best practices - WordCamp Waukesha 2017Wordpress security best practices - WordCamp Waukesha 2017
Wordpress security best practices - WordCamp Waukesha 2017
 
WordPress 4.4 and Beyond
WordPress 4.4 and BeyondWordPress 4.4 and Beyond
WordPress 4.4 and Beyond
 
WordPress: Getting Under the Hood
WordPress: Getting Under the HoodWordPress: Getting Under the Hood
WordPress: Getting Under the Hood
 
Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS Architecting an Highly Available and Scalable WordPress Site in AWS
Architecting an Highly Available and Scalable WordPress Site in AWS
 
State of the Word 2016
State of the Word 2016State of the Word 2016
State of the Word 2016
 
Website Redesign A-Z
Website Redesign A-ZWebsite Redesign A-Z
Website Redesign A-Z
 
Goodbye Keyword Optimization, Hello Topical Optimization
Goodbye Keyword Optimization, Hello Topical OptimizationGoodbye Keyword Optimization, Hello Topical Optimization
Goodbye Keyword Optimization, Hello Topical Optimization
 
Akeda bagus
Akeda bagusAkeda bagus
Akeda bagus
 
A Freelancer's Guide To Handling Difficult Clients
A Freelancer's Guide To Handling Difficult ClientsA Freelancer's Guide To Handling Difficult Clients
A Freelancer's Guide To Handling Difficult Clients
 
Ako zvýšiť návštevnosť na blogu - Fabulous by xKatka
Ako zvýšiť návštevnosť na blogu - Fabulous by xKatkaAko zvýšiť návštevnosť na blogu - Fabulous by xKatka
Ako zvýšiť návštevnosť na blogu - Fabulous by xKatka
 
Dificultad de determinar la partida arancelaria para la exportación de prenda...
Dificultad de determinar la partida arancelaria para la exportación de prenda...Dificultad de determinar la partida arancelaria para la exportación de prenda...
Dificultad de determinar la partida arancelaria para la exportación de prenda...
 
Beginner's Guide to Creating an Epic Blog
Beginner's Guide to Creating an Epic BlogBeginner's Guide to Creating an Epic Blog
Beginner's Guide to Creating an Epic Blog
 

Ähnlich wie Lecture - (WordPress) Usability Issues

The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Processugencarelle
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersSarah Dutkiewicz
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product ExperiencesJeremy Johnson
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product TrendsJeremy Johnson
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for DrupalVanessa Turke
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introductionhendrikknoche
 
DIY Usability
DIY UsabilityDIY Usability
DIY UsabilityJan Moons
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionhendrikknoche
 
You Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UIYou Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UILindsay Tabas
 
Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets D'arce Hess
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for DevelopersSarah Dutkiewicz
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldKarri Ojanen
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vmValentina Marzola
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at GiltDavid Park
 
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2Costanoa Ventures
 

Ähnlich wie Lecture - (WordPress) Usability Issues (20)

The Professional Design Process
The Professional Design ProcessThe Professional Design Process
The Professional Design Process
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
World Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for DevelopersWorld Usability Day 2014 - UX Toolbelt for Developers
World Usability Day 2014 - UX Toolbelt for Developers
 
10 Truths to Great Product Experiences
10 Truths to Great Product Experiences10 Truths to Great Product Experiences
10 Truths to Great Product Experiences
 
Top Three Modern Product Trends
Top Three Modern Product TrendsTop Three Modern Product Trends
Top Three Modern Product Trends
 
Information Architecture for Drupal
Information Architecture for DrupalInformation Architecture for Drupal
Information Architecture for Drupal
 
PxS'12 - week 1 - Introduction
PxS'12 - week 1 - IntroductionPxS'12 - week 1 - Introduction
PxS'12 - week 1 - Introduction
 
DIY Usability
DIY UsabilityDIY Usability
DIY Usability
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
ALTNET
ALTNETALTNET
ALTNET
 
Drupal day '17
Drupal day '17Drupal day '17
Drupal day '17
 
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introductionEPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
EPFL - PxS, week 1 - Personal Interaction Studio 2011 introduction
 
You Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UIYou Don't Know C.R.A.P. about UX/UI
You Don't Know C.R.A.P. about UX/UI
 
Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets Design your Modern Intranet using SharePoint PnP Design Assets
Design your Modern Intranet using SharePoint PnP Design Assets
 
The UX Toolbelt for Developers
The UX Toolbelt for DevelopersThe UX Toolbelt for Developers
The UX Toolbelt for Developers
 
Hci Overview
Hci OverviewHci Overview
Hci Overview
 
Intro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency worldIntro to IA/IxD/UXD in the agency world
Intro to IA/IxD/UXD in the agency world
 
A project guide to ux design vm
A project guide to ux design vmA project guide to ux design vm
A project guide to ux design vm
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at Gilt
 
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2
Costanoa Expert Series: What Business Leaders Should Know About Design- Order 2
 

Kürzlich hochgeladen

Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 

Kürzlich hochgeladen (20)

Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 

Lecture - (WordPress) Usability Issues

  • 1. WordPress Meetup Varna, 24.02.2017 Radka Nacheva Department of Informatics, University of Economics – Varna UsabilityIssues( )
  • 2. Name: Radka Nacheva Current Occupation: Assistant Professor & PhD Student at Department of Informatics, University of Economics – Varna Scientific Interests: HCI, Usability, Cognitive Science
  • 4.  The Importance of Design  Design Conventions & Usability Heuristics / Principles  How to Check The Usability of Your (WordPress) Website  Conclusion
  • 5.
  • 6. Design is not just “a plan or convention for the construction of an object, system or measurable human interaction”, it is a / an: Way of Thinking Investment Strategy for Success
  • 7. The good design:  expresses in simple way functionality of the product;  helps users to take a decision for using the product;  encourages users to trust the product;  engages their attention;
  • 8. The good design:  helps users to complete successfully their tasks and to achieve their goals;  increases users’ efficiency;  manages users’ emotions by using appropriate colors, fonts, forms and arrangement of user interface elements;  provides comfort to users when they are working with the website or application.
  • 12. Convention vs. Heuristic vs. Principle  Convention = “a constraint in that it prohibits some activities and encourages others”1  Heuristic = “an approach to problem solving”  Principle = “rule or method” 1 Source: http://www.jnd.org/dn.mss/affordance_conv.html
  • 13. Google Material Design: https://goo.gl/t5BS1L  Android: https://goo.gl/FpWB4o Microsoft: https://goo.gl/L824e3  Windows Phone: https://goo.gl/RCijXa Apple: https://goo.gl/KLlTIg  iOS: https://goo.gl/oWvM4p IBM: https://goo.gl/4xIWs0
  • 14. Start with the following:  Jakob Nielsen’s Heuristics  Ben Shneiderman’s 8 Golden Rules  Donald Norman’s Principles of Everyday Design  Dieter Rams’ Ten Principles of “Good Design”
  • 15. You should give an answer to the following questions to check the usability of your (WordPress) website quickly:  Does the website meet the requirements?  What and where are the main (identity) elements?  Is the menu well structured?  Is the user flow efficiency?  Do you have enough white space?  Is your content the king?  Do you think “mobile-first”?  Do you observe your users?
  • 16. You could use some tools for usability testing:  Userlytics  Loop11  Mobile-Friendly Test  Leanplum
  • 17. Don’t forget to keep it as simple as possible! and Don’t make them think!
  • 18. Don’t forget their opinions about design … Ferdinand Porsche: „Design must be functional, and functionality must be translated into visual aesthetics without any reliance on gimmicks that have to be explained.” Ivan Chermayeff: „Design is directed toward human beings. To design is to solve human problems by identifying them and executing the best solution.”
  • 19. “ Life is really simple, but we insist on making it complicated. ” Confucius
  • 20. Thank you for your attention!

Hinweis der Redaktion

  1. Jakob Nielsen’s Heuristics Visibility of system status Consistency and standards User control and freedom Match between system and the real world Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors Help and documentation --------------------- Ben Shneiderman’s 8 Golden Rules Strive for consistency Cater to universal usability Offer informative feedback Design dialog to yield closure Prevent errors Permit easy reversal of actions Support internal locus of control Reduce short-term memory load ---------------------- Donald Norman’s Principles of Everyday Design Visibility Consistency Feedback Mapping Constraints Affordance ----------------------------- Dieter Rams’ Ten Principles of “Good Design” Is innovative makes a product useful is aesthetic makes a product understandable is unobtrusive is honest is long-lasting is thorough down to the last detail is environmentally friendly is as little design as possible
  2. When you assess the designs, don’t forget for the first expression! According to some studies the users judge the product after the first 50 milliseconds of interaction with it. Before that, the good and pleasant design could influence over users and help them to take a decision for using or not the product. Attention web designers: You have 50 milliseconds to make a good first impression! <http://www.tandfonline.com/doi/abs/10.1080/01449290500330448#.V0NVCJF9600 >