UX for the web : build websites for user experience and usability / Marli Ritter, Cara Winterbottom.

Format:

Book

Author/Creator:

Ritter, Marli, author.

Winterbottom, Cara, author.

Language:

English

Subjects (All):

Web sites--Design.

Web sites.

Web applications.

Physical Description:

1 online resource (1 volume) : illustrations

Edition:

1st edition

Other Title:

User experience for the web

Place of Publication:

Birmingham, England ; Mumbai, [India] : Packt, 2017.

System Details:

text file

Biography/History:

Ritter Marli: 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.

Summary:

Learn how UX and design thinking can make your site stand out from the rest of the internet. About This Book Learn everything you need to know about UX for your Web Design. Design B2B, B2C websites that stand out from the competitors with this guide Enhance your business by improving customer accessibility and retention. Who This Book Is For If you're a designer, developer, or just someone who has the desire to create websites that are not only beautiful to look at but also easy to use and fully accessible to everyone, including people with special needs, UX for the Web will provide you with the basic building blocks to achieve just that. What You Will Learn Discover the fundamentals of UX and the User-Centered Design (UCD) Process. Learn how UX can enhance your brand and increase user retention Learn how to create the golden thread between your product and the user Use reliable UX methodologies to research and analyze data to create an effective UX strategy Bring your UX strategy to life with wireframes and prototypes Set measurable metrics and conduct user tests to improve digital products Incorporate the Web Content Accessibility Guidelines (WCAG) to create accessible digital products In Detail If you want to create web apps that are not only beautiful to look at, but also easy to use and fully accessible to everyone, including people with special needs, this book will provide you with the basic building blocks to achieve just that. The book starts with the basics of UX, the relationship between Human-Centered Design (HCD), Human-Computer Interaction (HCI), and the User-Centered Design (UCD) Process; it gradually takes you through the best practices to create a web app that stands out from your competitors. You'll also learn how to create an emotional connection with the user to increase user interaction and client retention by different means of communication channels. We'll guide you through the steps in developing an effective UX strategy through user research and persona creation and how to bring that UX strategy to life with beautiful, yet functional designs that cater for complex features with micro interactions. Practical UX methodologies such as creating a solid Information Architecture (IA), wireframes, and prototypes will be discussed in detail. We'll also show you how to test your designs with representative users, and ensure that they are usable on different devices, browsers and assistive technologies. Lastly, we'll focus on ma...

Contents:

Cover

Title Page

Copyright

Credits

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

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

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

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

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

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

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

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

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

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

Index.

Notes:

Includes index.

Description based on online resource; title from PDF title page (ebrary, viewed October 25, 2017).

OCLC:

1008968641