SlideShare une entreprise Scribd logo
1  sur  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!

Contenu connexe

En vedette

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
 

En vedette (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
 

Similaire à 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
 

Similaire à 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
 

Dernier

How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Sitegalleryaagency
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
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
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
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
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
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
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 

Dernier (20)

How to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our SiteHow to Be Famous in your Field just visit our Site
How to Be Famous in your Field just visit our Site
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
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
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
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...
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.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)
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 

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!

Notes de l'éditeur

  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 >