Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Hands-On UX Design for Developers
  • Table Of Contents Toc
Hands-On UX Design for Developers

Hands-On UX Design for Developers

By : Elvis Canziba
4 (4)
close
close
Hands-On UX Design for Developers

Hands-On UX Design for Developers

4 (4)
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)
close
close
Title Page
www.packtpub.com
Contributors
Preface
2
Index

What is a wireframe?


Wireframing is one of the most essential tools that we, as UX professionals, should know about, because it is an important element when it comes to product design and development.

It doesn't matter whether we are creating a physical product, website, mobile application, or even if we are building the next start-up, wireframes are the key part for starting any of those and for keeping everyone on the same page – product designers, product owners, engineers, stakeholders, and many more.

In other words, wireframes visually represent the product's user interface before we start the visual design implementation. We use wireframes to create the hierarchy of user interface components that will be inside our product design.

To better understand wireframes, just consider building a house. For example, before you start building the house and painting and furnishing it, first you need an architect, who will draw the house plan and each floor plan for you to know where the kitchen...

CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
Hands-On UX Design for Developers
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon