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

What is prototyping?

While sketching and wireframing gives us a better idea of how our product's user interface will look, where specific features will be placed, and give us an overall visual design of our product, prototyping brings us to another level. It brings us closer to the functionality of our product.

Prototypes will explain and provide us with the idea of how our final product will work and how it will behave when we interact with it.

The design that we created during the wireframes stages can look really good, even on UI design stages, but we will never be sure whether its functionality works correctly or not, so this is where prototyping comes in.

With prototypes, we include interaction and functionalities in our static design. We can test all the components and get a feeling for how the final product will function.

Don't confuse the prototype with the final product; compared to sketches, mockups, and wireframes, prototypes have a higher degree of interactivity, but they will never...