Book Image

Hands-On UX Design for Developers

By : Elvis Canziba
Book Image

Hands-On UX Design for Developers

By: Elvis Canziba

Overview of this book

Designing user experience (UX) is one of the most important aspects of a project, as it has a direct effect on how customers think of your company. The process of designing a user experience is one of the most challenging yet rewarding aspects of product development. Hands-On UX Design for Developers will teach you how to create amazing user experiences for products from scratch. This book starts with helping you understand the importance of a good UX design and the role of a UX designer. It will take you through the different stages of designing a UX and the application of various principles of psychology in UX design. Next, you will learn how to conduct user research and market research, which is crucial to creating a great UX. You will also learn how to create user personas and use it for testing. This book will help you gain the ability to think like a UX designer and understand both sides of product development: design and coding. You will explore the latest tools, such as Sketch, Balsamiq, and Framer.js, to create wireframes and prototypes. The concluding chapters will take you through designing your UI, dealing with big data while designing a UX, and the fundamentals of frontend. Finally, you'll prepare your portfolio and become job ready in the UX arena.
Table of Contents (18 chapters)
Title Page

UX Design versus UI Design 

Some of you might be confused about what exactly the difference is between UX and UI design. As mentioned earlier, UX looks at the overall experience of the product, whereas UI is focused more on the look and feel, such as fonts, colors, buttons, layout, and spaces. 

Let's take an example of a booking website. Let's say that we need to book a flight from India to somewhere in Europe; booking in this case is the main content, the main thing that we want to accomplish; the website itself provides us with an UI with the options of searching the flights and choosing the one that we need. However, the whole process where we interact with the UI, from searching to choosing, and in the end, booking the flight, is the UX process, where the main content, booking in our case, is done.


The following image aims to explain the difference between a UI and UX design:

Although we have mentioned this several times, it is important that we explain this topic further for clarity.

It is really important for UX to be involved from the first phase of the product development; it will reduce the cost, since you can detect issues in the early phase and fix them, rather than doing so later.

UI supports UX, UI extends the UX, and, for sure, UI is the vehicle for UX. UI is the user connection to your application, which needs to be as simple and as clear as possible for your user. It must allow your user to do their work in a pleasing, easy, and efficient manner.