This presentation first introduces website usability and why it is important for anyone who designs, develops or even owns a website. It then provides practical usability guidelines and examples. It concludes with a quick usability evaluation of a website.
This is my presentation for GWMSTHLM (Gamification World Meetup Scandinavia) I had the honour to give the first presentation on a favorite subject of mine. Game based learning and gamification in school.
Andrew Hughes - Gamification vs. Game-Based LearningSeriousGamesAssoc
Gamification is the integration of game mechanics, or game dynamics, into a learning experience, while game-based training can be defined as a game designed for the purpose of solving a problem. However, these words are being used in parallel by the industry and it can be quite confusing. This session will focus on the clarification of gamification and game-based training. Using examples from the industry, this session will help to explain each of the learning experiences, and discuss the best practices in their development.
This is my presentation for GWMSTHLM (Gamification World Meetup Scandinavia) I had the honour to give the first presentation on a favorite subject of mine. Game based learning and gamification in school.
Andrew Hughes - Gamification vs. Game-Based LearningSeriousGamesAssoc
Gamification is the integration of game mechanics, or game dynamics, into a learning experience, while game-based training can be defined as a game designed for the purpose of solving a problem. However, these words are being used in parallel by the industry and it can be quite confusing. This session will focus on the clarification of gamification and game-based training. Using examples from the industry, this session will help to explain each of the learning experiences, and discuss the best practices in their development.
Explores web usability and offers approaches to make web sites easy to use for an end-user, without requiring the user to undergo any specialized training. Creating websites that intuitively relate the performance actions needed on the web page to the user’s experience and expectations, the web designer/developer is able to present the information to the user in a clear and concise way, to give the correct choices to the users, in a very obvious way, to remove ambiguity regarding the consequences of an action and put the most important thing in the right place on a web page or a web application.
Engaging Kids in Learning: game based learning and gamification in education Pierre Le Lann
Talk at Digital Kids Edu about engaging kids in learning using various forms of games: open ended play, game based learning and gamification
By Pierre Le Lann Co General Manager and Co founder, Tribal Nova, a Houghton Mifflin Harcourt company
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...Sherry Jones
September 17, 2013 - My Training Presentation prepared for educators at Colorado Community College System (CCCS).
Access this Slideshow: http://bit.ly/gamifyvsgbl
Questions or Comments? Contact me:
sherryjones.edtech@gmail.com
http://www.twitter.com/autnes
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Explores web usability and offers approaches to make web sites easy to use for an end-user, without requiring the user to undergo any specialized training. Creating websites that intuitively relate the performance actions needed on the web page to the user’s experience and expectations, the web designer/developer is able to present the information to the user in a clear and concise way, to give the correct choices to the users, in a very obvious way, to remove ambiguity regarding the consequences of an action and put the most important thing in the right place on a web page or a web application.
Engaging Kids in Learning: game based learning and gamification in education Pierre Le Lann
Talk at Digital Kids Edu about engaging kids in learning using various forms of games: open ended play, game based learning and gamification
By Pierre Le Lann Co General Manager and Co founder, Tribal Nova, a Houghton Mifflin Harcourt company
Introduction to Gamification VS. Game-Based Learning (GBL) - Make An Engaging...Sherry Jones
September 17, 2013 - My Training Presentation prepared for educators at Colorado Community College System (CCCS).
Access this Slideshow: http://bit.ly/gamifyvsgbl
Questions or Comments? Contact me:
sherryjones.edtech@gmail.com
http://www.twitter.com/autnes
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
ARENA - Young adults in the workplace (Knight Moves).pdfKnight Moves
Presentations of Bavo Raeymaekers (Project lead youth unemployment at the City of Antwerp), Suzan Martens (Service designer at Knight Moves) and Adriaan De Keersmaeker (Community manager at Talk to C)
during the 'Arena • Young adults in the workplace' conference hosted by Knight Moves.
Can AI do good? at 'offtheCanvas' India HCI preludeAlan Dix
Invited talk at 'offtheCanvas' IndiaHCI prelude, 29th June 2024.
https://www.alandix.com/academic/talks/offtheCanvas-IndiaHCI2024/
The world is being changed fundamentally by AI and we are constantly faced with newspaper headlines about its harmful effects. However, there is also the potential to both ameliorate theses harms and use the new abilities of AI to transform society for the good. Can you make the difference?
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
Technoblade The Legacy of a Minecraft Legend.Techno Merch
Technoblade, born Alex on June 1, 1999, was a legendary Minecraft YouTuber known for his sharp wit and exceptional PvP skills. Starting his channel in 2013, he gained nearly 11 million subscribers. His private battle with metastatic sarcoma ended in June 2022, but his enduring legacy continues to inspire millions.
2. About Me
Personal
Justin Mifsud
Core expertise: Usability, User Experience (UX), User Interface Design, Marketing
Education
Marketing Graduate with the Chartered Institute of Marketing (UK)
BSc (Hons) Computing & Information Systems (Goldsmiths, University of London)
Occupation
Head of Marketing at Holistic Group
Usability Blog – www.usabilitygeek.com
Justin Mifsud - Practical Usability Guidelines for your Website Page 2
3. What is Web Site Usability?
“The ease with which users learn to use a web
site, how efficient they are when using it, how
easy it is for them to remember how to use it
and how satisfied they are when they use it “
(Nielsen & Loranger, 2006)
Justin Mifsud - Practical Usability Guidelines for your Website Page 3
4. Why is Usability Important for My Site?
Users Achieving Goals (Theirs & Company)
Inc. Customer Satisfaction, Retention & Loyalty
Importance inc. In Competitive Environments
83% Avg. Improvement in KPI after Usability Redesign
Justin Mifsud - Practical Usability Guidelines for your Website Page 4
5. The Benefits are Obvious ….but
90% of all websites ...or approximately
331million websites have poor
usability (as at December 2011)
97% of top 100 websites from 20
countries did not achieve Single-A
accessibility
Justin Mifsud - Practical Usability Guidelines for your Website Page 5
6. Luckily for us, we have Guidelines
Used for Usability Inspection Methods – to
identify usability violations
Based on extensive studies
from various fields
Adherence to usability guidelines effectively
improves website usability
Justin Mifsud - Practical Usability Guidelines for your Website Page 6
7. What are the Main Usability Problems?
1. Findability (27%)
2. Information (19%)
3. Search (15%)
4. Page Design (7%)
Total = 68% of all Usability Problems
Justin Mifsud - Practical Usability Guidelines for your Website Page 7
8. 1. Findability
How easily users can locate the content they are looking for
Information
Category Names
Architecture
Findability
Navigation Links
Justin Mifsud - Practical Usability Guidelines for your Website Page 8
9. 1. Findability violations
No Info Scent Mysterious Navigation Clutter
Multi-level menus
Justin Mifsud - Practical Usability Guidelines for your Website Page 9
10. 2. Information
Text, images and other media presented on your website
Product
Content
Information
Information
Corporate
Prices
Information
Justin Mifsud - Practical Usability Guidelines for your Website Page 10
12. 3. Search
18.2 billion monthly searches using Search Engines in the U.S. alone
Users expect your search interface to look like and
=
behave like that of major Search Engines!
Justin Mifsud - Practical Usability Guidelines for your Website Page 12
13. 3. Search Usability Guidelines
Textbox &
Button
Search Site
but Not Top Right
Outside Hand Corner
Button Must
Present on
be Called Search All Pages
Search
Textbox
Must Be Not a Search
Empty Link
20 Char
Textbox
Justin Mifsud - Practical Usability Guidelines for your Website Page 13
15. 4. Page Design
The User
Readability
Interface (UI) of
your Website
Graphics Layout
Page
Design
Amateur Scrolling
Justin Mifsud - Practical Usability Guidelines for your Website Page 15
16. 4. Page Design
GOOD
BAD
Justin Mifsud - Practical Usability Guidelines for your Website Page 16
17. Even the Big Guns Fail!
Justin Mifsud - Practical Usability Guidelines for your Website Page 17
18. Even the Big Guns Fail!
Logo
Positioning
Justin Mifsud - Practical Usability Guidelines for your Website Page 18
19. No Search?
Even the Big Guns Fail!
Logo
Positioning
Justin Mifsud - Practical Usability Guidelines for your Website Page 19
20. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
Justin Mifsud - Practical Usability Guidelines for your Website Page 20
21. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
POPUPS !!!
Seriously??
Justin Mifsud - Practical Usability Guidelines for your Website Page 21
22. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
POPUPS !!!
Seriously??
Low
Contrast
Text
Justin Mifsud - Practical Usability Guidelines for your Website Page 22
23. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
POPUPS !!!
Seriously??
Low
Contrast Too much
Text importance
Justin Mifsud - Practical Usability Guidelines for your Website Page 23
24. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
POPUPS !!!
Seriously??
Low
Contrast Too much
Text importance
Bad convention for links
Justin Mifsud - Practical Usability Guidelines for your Website Page 24
25. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
POPUPS !!!
Seriously??
Low
Contrast Too much
Text importance
Bad convention for links
Justin Mifsud - Practical Usability Guidelines for your Website
Utility Navigation badly placed Page 25
26. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
Too
Large
POPUPS !!!
Seriously??
Low
Contrast Too much
Text importance
Bad convention for links
Justin Mifsud - Practical Usability Guidelines for your Website
Utility Navigation badly placed Page 26
27. No Search?
Even the Big Guns Fail! Menu
Disappearing
Logo
Positioning
Too
Large F
L
POPUPS !!! A
Seriously?? S
H
Low
Contrast Too much
Text importance
Bad convention for links
Justin Mifsud - Practical Usability Guidelines for your Website
Utility Navigation badly placed Page 27
28. Even the Big Guns Fail!
RESOLUTION
1024 x 768 (14% Still use it!)
Justin Mifsud - Practical Usability Guidelines for your Website Page 28
29. Even the Big Guns Fail!
RESOLUTION BROWSER RENDERING
1024 x 768 (14% Still use it!) I’d Rather Avoid This!
Justin Mifsud - Practical Usability Guidelines for your Website Page 29
30. Even the Big Guns Fail! DEVICES
iPhone iPad
Justin Mifsud - Practical Usability Guidelines for your Website Page 30
31. Where Do We Go From Here?
Books, Blogs, Journals
Social Networking Sites – Twitter, LinkedIn
Conferences
Malta Usability & User Experience Group
Justin Mifsud - Practical Usability Guidelines for your Website Page 31
32. My Blog - UsabilityGeek
Justin Mifsud - Practical Usability Guidelines for your Website Page 32
33. Thanks For Your Attendance!
info@usabilitygeek.com
@justinmifsud
http://mt.linkedin.com/in/justinmifsud
http://usabilitygeek.com
Justin Mifsud - Practical Usability Guidelines for your Website Page 33