Posts

Showing posts from June, 2022

Design System to Learn for Better Product Design

Image
Lots of MNCs like Google, Apple, and Uber use their personal design systems or pattern to establish their brand identity for instance if you open any google application like Drive, Keep or Analytics etc. and Platforms like Android, you will experience a similar design journey. So, that is Google's design System which we call Google Material Design. So, now the question arises: What is a Design System and why do we need it? Design systems are the pre-defined UI Kits and components we use for developing our designs according to the guidelines of the respective platforms we are designing them for. The success or failure of a group of creative people can be determined by a design system alone. So, here are the top 5 Design Systems which I use and want to recommend to all beginners to start learning and adapting these for better product design. 1. Google Material Design There is no introduction needed to explain about Google. They developed “Material Design” which was made available ...

User Interface Design for Beginners

Image
User Interface Design is what we often redirect as any machine or gadget's functionality where a human can interact with, that is an Interface and when a user interacts with that functionality for using purpose then we call it User Interface. And from my past 8 years of experience, I will tell you all that how to create better User Interfaces or the best practices to create them. Information Architecture The term Information Architecture is used for structuring all the information in a way of how the user’s journey will be in the Digital Product. Information architecture helps the designer to not only make the path for the User’s Journey but actually for himself too and not to get confused about the product requirement again and again. Tools for creating the Information Architecture  Miro(Personally recommended) Evolus Pencil Adobe Photoshop Adobe XD(Via Interactions) Or manually on board or on paper.(Not much flexible) Creating Low Fidelity Wireframes After creating the...