Note:
Are you a beginners or even a pro that needs some basic to advance User interface and User Experience guide for professionally done web and mobile app prototypes? Then, this book is for you.
UI / UX designing has become one of the most sought-after skills in the world today. This is because it offers a lot of opportunities in the design and tech space. Without any form of experience, there are core practical steps that you can take as a designer to get your journey started. Of course, all that you need to take this bold step has been strategically drafted in this book to get your experience hands-on.
From mobile experiences to web experience, the intrinsic steps you need to take as a UI / UX designer have been highlighted in this book. First, it takes into the world of designing as a whole and what UI / UX seeks to achieve, as regards the experiences of users. You will understand the core aspect of the craft, from start to finish.
Additionally, the author has adopted a practical approaching to begin your design journey. You will be put through the paces into making your first design. The software and tools you need will unravel as you seek to get your journey started in the most impeccable way.
Some of the information covered in this book include:
How is Design Related to Technology?
What is UI / UX Design?
Difference between UI Design and UX Design
Opportunities for UI / UX Designers
User Persona for UX Design
Types of User Personas
Creating Personas
Components of a Persona
User Research for UX Design
Quantitative and Qualitative UX Research
Attitudinal vs. Behavioral Research
User Research in the Design Process
User Flow in UX Design
Creating User Flow
Wireframes in UX Design
UI Design: Visual Design Principles
Understanding Design Thinking
Concept of Empathy in UX / UI Design
Mindful Users Surveys and Interviews
Creating mindful personas
Designing Mindful Interfaces
Tools for UI Designs
Lucidchart
Adobe XD
Figma
Webflow
Things to Note While Using UI Tools
Creating Wireframes
Digital Wireframe & Usability Tests
How to Use Balsamiq to Create Wireframes
Creating a Simple Wireframe in Balsamiq
Typography of UI Design
Why Typography Matters
Application of Typesetting
What to consider in Typography
Applying Contrasts
Classification of Typefaces
Scripts
Selecting and Using Typefaces
Font Formats
Using a Typeface
Text Typeface
Display Typeface
Translating Text to Display
Fonts Weighting and Styles on Figma
Designs System and FIGMA
Why have a Design System?
Popular Design Systems
Material Design
Human Interface Guidelines
Atlaskit
Lightning
Polaris
Using Figma
Setting up a Figma Account
And lots more |
