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
www.packtpub.com
Contributors
Preface
Index

Using a handover design tool


To make the process of handover design to developers easier, we need to use handover design tools such as InVision, Zeplin, or Sympli.

In this section, I will explain this process using both Zeplin and Sympli.

We have kept the developers updated for the entire process of UI design, from the sketches, wireframes, and prototypes. Now that they are updated about the structure of UI files, the components, and design system, it is time to hand over the final design to them.

Handover of the design can be done in different ways, such as providing the design on PDF with an explanation, Sketch files, or Photoshop files, but this will be more complicated for developers because they need to learn this tool first. That is why the best suggestion when it comes to providing the files to developers is to use handover design tools.

While using handover design tools such as Zeplin or Sympli, developers do not have to think much about assets, fonts, CSS colors, shadows, and so on...