Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
UX for the Web
UX for the Web

UX for the Web: Build websites for user experience and usability

eBook
€17.99 €26.99
Paperback
€32.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Table of content icon View table of contents Preview book icon Preview Book

UX for the Web

Stand Out from Your Competitors

Branding has been around since the time people first started trading goods. Originally, a brand was the representation of the person or company selling the goods such as a striking logo and a catchy tagline. But just as the trading industry has evolved more modern methods of trading, so have the brands to support them. Branding has evolved from being mainly a visual representation to a comprehensive sum of components that build a satisfying customer experience with the brand. It's within this sum of components that UX plays an integral role in the success of the brand. In this chapter, we'll explore the context of UX within these components, and how to utilize both to differentiate a brand from its competitors. Let's have a quick look at the topics covered in this chapter:

  • Brand identity versus brand image
  • Branding visuals, personality...

Branding in modern times

Traditional branding is rooted in the perfect balance between brand identity and brand image. The brand identity is the visible visual elements of the brand, such as the brand's name and logo, typography, colors, and design elements that distinguish the brand from other brands in the user's mind, while the brand image is a combination of the perception and experience the user has with the brand, as well as how they view the brand's personality and values.

In the new digital age, people's interaction with universally available brands has increased due to limitless access to the digital information available. For the first time, users can access vast amounts of information on the brand. Everything from advertisements, blog articles, product reviews, and so on is available for the user to access from their personal computer or mobile...

How UX differentiates a brand from competitors

SWOT analysis is a traditional marketing methodology used in strategic business planning to identify internal and external factors that can influence the company's goals; these factors can be divided into STRENGTHS, WEAKNESSES, OPPORTUNITIES, and THREATS. The first two factors are based on the internal resources, such as financial resources, employees, patents, and copyrights, that are available to the company to utilize company strengths and improve weaknesses. The last two factors are based on external influences, such as market trends, demographics, environmental and economic regulations, which affect all companies.

For a UX SWOT analysis, the traditional SWOT analysis is used as the foundation, and UX components are analyzed accordingly. From the preceding diagram, the STRENGTHS and WEAKNESSES are of your own website,...

B2B versus B2C

When designing an e-commerce website, one of the first things to determine is, who you're designing for? Are you selling to other businesses or are you selling to consumers? Designing for B2B (business-to-business) is quite different than designing for B2C (business-to-consumer). Both parties are still human at the end of the day, thus the basic UX principles apply for both approaches. It's certain aspects of the user experience that need be tweaked to cater for the user's needs, which is different if the user is actually a group of individuals (B2B) versus an individual (B2C):

  • B2C characteristics:
    • With B2C there is just one decision maker and the time it takes to make a decision is normally quick.
    • The B2C purchase is usually strongly motivated by emotion as the user is buying a product or service for themselves or someone they know. Thus the brand...

Summary

From the content in this chapter we can clearly see that branding and UX are inseparable, and methodologies used for both overlaps in some instances and combining these methodologies just strengthens the brand. The brand essence and brand guidelines should never be developed without the input of the UX team to assist with contextual input of platforms used, such as websites or mobile apps. In the next chapter, we'll use the knowledge we've gained from understanding brands better, their interaction with the user and direct and indirect competitors, to build a stronger emotional connection with the user.

Left arrow icon Right arrow icon

Key benefits

  • 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.

Description

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 making your web app fully accessible from a development and design perspective by taking you through the Web Content Accessibility Guidelines (WCAG).

Who is this book 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

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Sep 28, 2017
Length: 306 pages
Edition : 1st
Language : English
ISBN-13 : 9781787126169

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Product Details

Publication date : Sep 28, 2017
Length: 306 pages
Edition : 1st
Language : English
ISBN-13 : 9781787126169

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 98.97
UX for the Web
€32.99
UX Design for Mobile
€32.99
Fixing Bad UX Designs
€32.99
Total 98.97 Stars icon

Table of Contents

11 Chapters
The Fundamentals of UX Chevron down icon Chevron up icon
Stand Out from Your Competitors Chevron down icon Chevron up icon
Creating an Emotional Connection with the User Chevron down icon Chevron up icon
Best Practices for Usability Within the User Interface (UI) Chevron down icon Chevron up icon
Set a Solid Foundation - Research and Analyze Chevron down icon Chevron up icon
Create a UX Strategy - Users and Content Chevron down icon Chevron up icon
Bring Your UX Strategy to Life with Wireframes and Prototypes Chevron down icon Chevron up icon
Building Your Product - Devices, Browsers, and Assistive Technologies Chevron down icon Chevron up icon
Optimize your UX Strategy with Iterative User Testing Chevron down icon Chevron up icon
The Basics and Benefits of Web Accessibility Chevron down icon Chevron up icon
A Practical Guide to Web Accessibility Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.7
(3 Ratings)
5 star 66.7%
4 star 33.3%
3 star 0%
2 star 0%
1 star 0%
A Smith Nov 03, 2017
Full star icon Full star icon Full star icon Full star icon Full star icon 5
A great guide to designing web sites in a practical, readable form focusing UX and usability issues. It provides a structured approach to researching, building and user testing focusing on concepts and practices with ample background for new comers to the field and lots of useful tips for the experts.
Amazon Verified review Amazon
Omar Cruz Sep 05, 2023
Full star icon Full star icon Full star icon Full star icon Full star icon 5
El libro llegó en perfectas condiciones 👌 y antes del tiempo esperado
Amazon Verified review Amazon
Steve Nov 23, 2017
Full star icon Full star icon Full star icon Full star icon Empty star icon 4
It’s a great book that gives a broad introduction to many of the building blocks of User Experience (not just the Web). It offers a great jumping off point for further research and reading.Marli and Cara give lots of good advice and the book is very practical. They provide lots of samples of things, like usability testing scripts, then show you how to apply the theory. There are plenty of How To sections, and they point out the links between each topic and explain them. They ask lots of great questions, and encourage the reader to do the same.Some things I particularly liked:- their table of UX methods with focus and context. It’s a great reference and is very comprehensive. I found some new things there.- mentioning version control. In my experience it’s very widespread in development teams, but it’s still rare to see it in design teams.checklists! Lots of them. They’re a great way of ensuring consistency and quality.- the emphasis on an ongoing, iterative, UX process. It can be tricky to do regular usability testing (for example), but it’s important to keep it going.- a reminder on being careful about presuming statistical significance from small samples sizes.My favourite section was “Planning, conducting, and analyzing usability tests.” For me it was a pleasing mix of learning new things and reassuring myself that I’m doing a good job of the things I already knew about.A theme that came up a few times in the book was breaking complex, difficult, tasks into smaller, more manageable, subtasks. This is great advice in general and exactly what Marli and Cara did with their book.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How do I buy and download an eBook? Chevron down icon Chevron up icon

Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else
How can I make a purchase on your website? Chevron down icon Chevron up icon

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)
Where can I access support around an eBook? Chevron down icon Chevron up icon
  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see www.packtpub.com/support and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to www.packtpub.com/account
  • To contact us directly if a problem is not resolved, use www.packtpub.com/contact-us
What eBook formats do Packt support? Chevron down icon Chevron up icon

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

What are the benefits of eBooks? Chevron down icon Chevron up icon
  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space
What is an eBook? Chevron down icon Chevron up icon

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.