Usability analysis of the Lufthansa and Alitalia websites Juri Strumpflohner Matthias Braunhofer.

Slides:



Advertisements
Similar presentations
Hypermedia systems Jakub Husár & Tomáš Jurík. Content XHTML 2.0 Definition Short history Differences between 1.0 and 2.0 Usage suitability Improvements.
Advertisements

LIS 677 Interface Critique LIS 677 Presented by Blanca Polo.
HTML Semantic Structure
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.
Ui design – general guidelines. Why designers go astray Putting aesthetics first: "It probably won a prize." Putting aesthetics first: "It probably won.
Designing Interface for Disability A. Tijani S. Cook
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
3.02G Website Components 3.02 Develop webpages.. Website Components  The website MUST contain an Index/Home Page.  A business website should contain:
Systems Analysis and Design in a Changing World, 6th Edition
Systems Analysis and Design in a Changing World, 6th Edition
- -Heather Rodriguez, - Shilpa Reddy. Goal - One stop shop for Undergrad Competitions.
Systems Analysis and Design in a Changing World, 6th Edition
Using Styles and Style Sheets for Design
Testing and Debugging Web pages. Final exam Wednesday, May 10: 10am – noon Content: guidelines will be distributed next lecture Format: Matching, multiple.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Project Proposal Interface Design Website Coding Website Testing & Launching Website Maintenance.
The Internet and the World Wide Web. The Internet A Network is a collection of computers and devices that are connected together. The Internet is a worldwide.
1 Human-Computer Interaction  Design process  Task and User Characteristics  Guidelines  Evaluation.
SWE205 Review Spring Why is software unusable? Users are no longer trained. Why? Feature creep Inherently hard: a problem of communication Designed.
Types of Usability Testing or Usability Inspection Chapter 10.3.
EasyChair Reviewer sign up and bidding Art Hsieh Jean Huang Norik Davtian Ryan Nissenbaum.
1 Chapter 15 User Interface Design. 2 Interface Design Easy to use? Easy to understand? Easy to learn?
5 Reasons Tables for Layouts are BAD! 1. Complicated & Difficult to maintain 2. Often slow to load 3. Tables can hurt search engine optimization 4. Tables.
Design Rules-Part B Standards and Guidelines
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Refine Produce Implement Design and Development Stages.
Developed by Kelly J Howard.
How to Start Selling Your Products Online A Checklist for Success! Danny Rocks, The Company Rocks.
Resources Research – Group 7.  Foras  Journals and Newsletters  Associations  Courses and Seminars.
Evaluating a UI Design Expert inspection methods Cognitive Walkthrough
Usability User interfaces Jaana Holvikivi Metropolia
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
University Website Office August 2002 University Web Guidelines ● Objectives ● Outline ● Development Process.
Equipping you for the unexpected challenges of Testing Emma My Knife– Mando.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
The Design Process A bluffer’s guide to interface design A ‘proper’ Design process.
User interface implementation Juri Strumpflohner Matthias Braunhofer.
William H. Bowers – Requirements Torres 9.
Understanding Web-Based Digital Media Production Methods, Software, and Hardware Objective
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
2 |2 | Overview of the presentation What is disability? What is the global situation for persons with disabilities? What is accessibility? What is ICT.
Testing and delivery Web design principles. Web development is software development.
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
Design rules.
WEB TESTING
JavaScript, Sixth Edition
Getting Started with CSS
Mobile Apps, Web Design, Digital Marketing Company
Lecture 4 Web Design. Part 1.
Process of Converting “PSD to HTML”
SIE 515 Design Rules Lecture 5.
Design rules.
Zhi Liu Dec.7th IA and Design
HCI – DESIGN RATIONALE 20 November 2018.
Unit 2 – Webpage Creation
Unit 14 Website Design HND in Computing and Systems Development
A heuristic evaluation of Problets
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
Software Engineering D7025E
Information Storage and Retrieval
Web Standards and Accessible Design.
Chapter 7 design rules.
Chapter 7 design rules.
CHAPTER 2: Guidelines, Principles, and Theories
Refine Produce Implement
Composing Lifelong Learning Opportunity Pathways through Standards-based Services Raquel M. Crespo García.
Chapter 7 design rules.
Presentation transcript:

Usability analysis of the Lufthansa and Alitalia websites Juri Strumpflohner Matthias Braunhofer

2 Content Overview of the webpages Target users Analyzed scenarios Methodologies Evaluation examples

3 Overview of the webpages Alitalia Lufthansa

4 Target users Normal user booking holidays Business users Users with disabilities

5 Analyzed scenarios Search for flights Book a domestic and international flight

6 Methodologies Universal usability analysis „Can you break it“ analysis Scenario evaluation against 8 golden rules Competitive testing analysis

7 Universal usability analysis Alitalia Good Cross browser and OS compatibility Bad Internationalization No consistency among pages No assistive features

8 Universal usability analysis Alitalia – Internationalization

9 Universal usability analysis Lufthansa Good Internationalization Consistency among pages Cross browser and OS compatibility Bad No assistive features

10 Universal usability analysis Lufthansa - Internationalization

11 „Can you break it“ Alitalia Unable to change country once remembered Broken links and images Filter flights Appearance problems W3C HTML validation

12 „Can you break it“ Alitalia – Change country

13 „Can you break it“ Alitalia – Broken links

14 „Can you break it“ Lufthansa Buggy translations W3C HTML Validation W3C CSS Validation

15 „Can you break it“ Lufthansa – Buggy translations

16 Scenario evaluation Alitalia - Search for flights 1. Strive for consistency 2. Cater to universal usability 3. Offer informative feedback 4. Design dialogs with a closure 5. Prevent errors 6. Permit action reversal 7. Users should have control 8. Reduce short term memory load

17 Scenario evaluation Alitalia – Error notifications Selection causes an error Error notifications

18 Scenario evaluation Alitalia – Book a flight 1. Strive for consistency 2. Cater to universal usability 3. Offer informative feedback 4. Design dialogs with a closure 5. Prevent errors 6. Permit action reversal 7. Users should have control 8. Reduce short term memory load

19 Scenario evaluation Alitalia – Permit action reversal

20 Scenario evaluation Lufthansa - Search for flights 1. Strive for consistency 2. Cater to universal usability 3. Offer informative feedback 4. Design dialogs with a closure 5. Prevent errors 6. Permit action reversal 7. Users should have control 8. Reduce short term memory load

21 Scenario evaluation Lufthansa – Universal usability

22 Scenario evaluation Lufthansa – Book a flight 1. Strive for consistency 2. Cater to universal usability 3. Offer informative feedback 4. Design dialogs with a closure 5. Prevent errors 6. Permit action reversal 7. Users should have control 8. Reduce short term memory load

23 Scenario evaluation Lufthansa – Error notifications

24 Competitive testing analysis LufthansaAlitalia Universal usability „Can you break it“ Search for flights Book a flight

25 Thank you for your attention!