
UX for the Web
Beschreibung
Alle Preise
Weitere Details
Person
Marli Ritter is a UX specialist and web accessibility evangelist who started off as a basic web designer in the '90s. Creating websites, she recognized the critical link between branding and design early on and spent the next couple of years studying brand communication at Vega School of Brand Leadership in Gauteng, South Africa. During this time, she discovered her passion for education and decided to focus on lecturing web design and development at a selection of private educational institutions within the AdvTech group. This love for sharing knowledge did not stop at lecturing, however, as Marli also worked closely with the Independent Institute of Education (IIE) to develop the curriculum for the revised web design and development qualification. Her time spent in education was invaluable, but her desire to explore new avenues guided her back to the industry. Marli took a leap into the e-commerce sector by joining the Comair Limited team, creating brand-focused digital designs, while doing frontend development on travel brands such as kulula, Holiday Tours, mtbeds, GoTravel24, and African Dream Holidays. Once again in search of new adventures, Marli found herself drawn to the vibrant brand and international presence of Travelstart. She joined this dynamic team to help improve UX across multiple countries and languages. This exposure to complex e-commerce systems catering to a broad user base made her more determined to learn design and development techniques that will enhance a users experience. This intricate dance between branding, design, development, and the end user is ultimately where her love affair with UX started. Her passion for the field is driven even further by her interest in cultural anthropology, psychology, and human behavior as well as her need to understand a users behavior when interacting with digital products. The past couple of years have seen Marli actively raising awareness by giving talks at local MeetUps as well as presenting a paper on the importance of web accessibility for everyday digital products at the annual South African UX Conference. Her mission is to remove the divide between users that are fully able and users with limited abilities, to create a mindset that usability is, in fact, for everyone despite their limitations.Winterbottom Cara :
Cara Winterbottom has a lifelong fascination with people, ideas, and data. This first led her toward the fields of psychology and philosophy. During this time, she discovered an interest in technology, especially how it can enable research and design around people, ideas, and data. These two strands converged when she discovered the field of user experience. Cara has a strong academic background, with degrees in psychology and computer science. Her PhD in computer science was earned through designing, building, and user testing an authoring tool for novices to create 3D interactions for virtual environments. This sparked her interest in user experience. After an academic career of over a decade, Cara joined Flow Interactive, a leading UX agency in Cape Town, South Africa. Here, she learned how to deliver quality research and design work that leverages the best parts of academic rigor and business requirements and processes. For the past 6 years, she has worked as a freelance consultant, further developing these skills in a variety of settings and for a variety of products. The areas of user experience in which she is most interested are qualitative and quantitative research methods, especially usability testing and analysis, information architecture, and interaction design.
Inhalt
- Cover
- Title Page
- Copyright
- Credits
- About the Authors
- About the Authors
- About the Reviewer
- www.PacktPub.com
- Customer Feedback
- Table of Contents
- Preface
- Chapter 1: The Fundamentals of UX
- UX from the early 20th century
- 360° of UX
- Design thinking and human-centered design (HCD)
- User-centered design (UCD)
- Software development methodologies
- Lean UX versus Agile UX
- UX and design disciplines
- The unique attributes of UX and UI
- Summary
- Chapter 2: Stand Out from Your Competitors
- Branding in modern times
- Case study - brand identity versus brand image - Jeep
- Branding - visuals
- Branding - personality
- Branding - relationship
- How UX differentiates a brand from competitors
- Conducting a competitor UX analysis
- Case study - competitor UX analysis of fast food brands
- B2B versus B2C
- Case study - B2C and UX
- Case study - B2B and UX
- Summary
- Chapter 3: Creating an Emotional Connection with the User
- Creating a digital personality the user can relate to
- Speaking a clear language
- Keeping the tone relevant
- Being as human as possible
- Giving visual rewards
- Incorporating micro-interactions in the UI
- Making the UI discoverable and giving incentives
- Giving guidance through anticipation design
- Entertaining by providing useful information
- Establishing trust and credibility
- Summary
- Chapter 4: Best Practices for Usability Within the User Interface (UI)
- Introduction to UI
- Color psychology
- The color wheel
- Warm and cool colors
- Color symbolism
- Case study 1 - blue street lighting in Glasgow, Scotland
- Case study 2 - blue lighting in railway stations in Japan
- Color and web accessibility
- Best design practices
- Google's Material Design guidelines
- iOS Human Interface Guidelines
- Case Study - UI design for websites
- Brief for the MTH website
- UI design
- Language and semiotics
- Best practices for effective iconography
- Case study: languages versus flags
- Summary
- Chapter 5: Set a Solid Foundation - Research and Analyze
- Defining and categorizing research
- Understanding qualitative versus quantitative research
- Deciding when to conduct research
- Describing UX research methods
- Setting up a research plan
- Deciding on a problem statement
- Exploring prior knowledge and literature
- Planning research methods and logistics
- Turning your problem statement into measurable metrics
- Choosing a research method
- Planning research logistics and creating checklists
- Conducting a pilot test
- Conducting the study
- Analyzing data
- Presenting results
- Doing expert analyses
- Heuristic analysis
- Content audit
- Using qualitative techniques
- Interviews
- Tips for interviewing
- Observation
- Tips for observation
- Content analysis
- Ethnography example - a financial services broker portal
- Using quantitative techniques
- Using statistics
- Deciding which statistical test to use
- Summary
- Chapter 6: Create a UX Strategy - Users and Content
- Creating personas to guide your UX strategy
- Characteristics of a useful persona
- Building a solid information architecture
- Card sorting
- How to conduct a card sorting exercise
- Case study - Leadtrekker footer evaluation
- Constructing a sitemap
- Steps to creating a solid sitemap
- Creating user journeys
- Key components of a user journey
- Four steps in creating an effective user journey
- Case study - Book Galaxy online book retailer
- Creating task flows
- Key components of a well-constructed task flow
- Example of a task flow
- Summary
- Chapter 7: Bring Your UX Strategy to Life with Wireframes and Prototypes
- Setting up moodboards and storyboards
- Defining moodboards
- Creating a moodboard
- Defining storyboards
- Creating a storyboard
- Case study - creating a storyboard
- Deciding what, when, and how to prototype
- Choosing what and when to prototype
- Choosing how to prototype
- Creating wireframes and interactive prototypes
- Prototyping tools
- Creating a wireframe
- Designing the interface
- Components of a wireframe
- Components of a wireframing tool
- An example website - Etsy
- A note about responsiveness
- A typical wireframing process
- Best practices for wireframing
- Creating an interactive prototype
- Best practices for creating interactive prototypes
- Version control
- Setting up a pattern library
- Designing for responsiveness and accessibility
- Summary
- Chapter 8: Building Your Product - Devices, Browsers, and Assistive Technologies
- Understanding the importance of responsive, accessible, and universal design
- Designing for varied technologies
- Designing for input and output
- Designing responsively
- Designing for different browsers and operating systems
- Designing for accessibility and assistive technologies
- Using universal design principles to guide design
- Testing your designs on multiple technologies
- Summary
- Chapter 9: Optimize your UX Strategy with Iterative User Testing
- Maximizing the value of user testing
- Planning, conducting, and analyzing usability tests
- Planning usability tests
- Designing the test - formulating goals and structure
- Designing tasks and metrics
- Planning questions and observation
- Preparing the script
- Securing a venue and inviting clients and team members
- Recruiting participants
- Setting up the hardware, software, and test materials
- Conducting usability tests
- Best practices for facilitating usability sessions
- Analyzing and reporting on usability tests
- Reporting the results of a usability test
- Variations on usability testing
- Applying analytics effectively-constructing a useful A/B test
- Using analytics with A/B testing
- Summary
- Chapter 10: The Basics and Benefits of Web Accessibility
- Defining web accessibility
- Catering for different types of temporary and permanent special needs
- Catering for visual disabilities
- Catering for auditory disabilities
- Catering for motor/mobility disabilities
- Catering for cognitive/intellectual disabilities
- Catering for neurological disabilities
- Benefits of ensuring your product is accessible
- Legal implications for non-accessible products
- Assistive technology and the role it plays in developing for accessibility
- Testing for accessibility
- Summary
- Chapter 11: A Practical Guide to Web Accessibility
- Where to start with web accessibility?
- Practical guidelines for analyzing a website's web accessibility status
- An overview of the WCAG 2.0
- Perceivable
- Operable
- Understandable
- Robust
- An overview of WAI-ARIA
- Roles
- Properties and states
- Web accessibility requirements from a design perspective
- Case Study - Booking.com analysis of design requirements for WCAG 2.0
- Before we part ways
- Summary
- Index
Systemvoraussetzungen
Dateiformat: ePUB
Kopierschutz: Adobe-DRM (Digital Rights Management)
Systemvoraussetzungen:
- Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).
- Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions oder die App PocketBook (siehe E-Book Hilfe).
- E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)
Das Dateiformat ePUB ist sehr gut für Romane und Sachbücher geeignet – also für „fließenden” Text ohne komplexes Layout. Bei E-Readern oder Smartphones passt sich der Zeilen- und Seitenumbruch automatisch den kleinen Displays an.
Mit Adobe-DRM wird hier ein „harter” Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.
Bitte beachten Sie: Wir empfehlen Ihnen unbedingt nach Installation der Lese-Software diese mit Ihrer persönlichen Adobe-ID zu autorisieren!
Weitere Informationen finden Sie in unserer E-Book Hilfe.
Dateiformat: PDF
Kopierschutz: Adobe-DRM (Digital Rights Management)
Systemvoraussetzungen:
- Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).
- Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions oder die App PocketBook (siehe E-Book Hilfe).
- E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)
Das Dateiformat PDF zeigt auf jeder Hardware eine Buchseite stets identisch an. Daher ist eine PDF auch für ein komplexes Layout geeignet, wie es bei Lehr- und Fachbüchern verwendet wird (Bilder, Tabellen, Spalten, Fußnoten). Bei kleinen Displays von E-Readern oder Smartphones sind PDF leider eher nervig, weil zu viel Scrollen notwendig ist.
Mit Adobe-DRM wird hier ein „harter” Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.
Bitte beachten Sie: Wir empfehlen Ihnen unbedingt nach Installation der Lese-Software diese mit Ihrer persönlichen Adobe-ID zu autorisieren!
Weitere Informationen finden Sie in unserer E-Book Hilfe.