1. Atomic Design Methodology (Understanding)Atomic Design is a design system methodology that helps create consistent and scalable UI components.
Atoms – Basic building blocks like buttons, labels, icons, input fields
Molecules – Combination of atoms (e.g., input field + label + button)
Organisms – Complex UI sections made from molecules (e.g., header, card list)
Templates – Page layouts showing how components are arranged
Pages – Final screens with real content used for testing and validation
2. Typography (Understanding)Typography is the art of arranging text to make content readable and visually appealing.
Tracking – Overall horizontal spacing between letters
Leading – Vertical spacing between lines of text
Kerning – Space between individual letters
Text Hierarchy
H1 – Main heading
H2 – Section heading
H3 – Sub-section heading
Title – Important heading for cards or sections
Subtitle – Supporting text under titles
3. Interview Question: “Tell me about yourself”“I am a UI/UX designer with a strong interest in creating user-friendly and visually appealing digital experiences. I focus on understanding user needs, solving problems through design, and delivering simple, effective solutions. I enjoy working on both UI design and UX processes, from research to usability testing.”
4. Interview Question: “What is UI/UX?” Reference: Swiggy Application
UI (User Interface)
Everything you visually see in the app such as cards, icons, buttons, navigation bar, colors, and typography.
UX (User Experience)
The complete experience behind the scenes—how users order food, select restaurants, add items to the cart, make payments, and navigate through the app smoothly.
UI is how it looks. UX is how it works.
5. Interview Question: “What is your UX design process?”I follow a structured UX design process:
Empathize – Understand users deeply through research and observation
Define – Identify the problem and create user personas
Ideate – Brainstorm multiple solutions
Prototype – Create wireframes and interactive prototypes
Testing – Conduct usability testing and task-based testing
Presentation – Present solutions to stakeholders or the team
Feedback & Iteration – Improve designs based on feedback from users, stakeholders, and developers
6. Interview Question: “Rate yourself on UI/UX”UI Design – 4 / 5
“I would rate myself 4 out of 5 in UI Design because I can create clean, consistent, and visually appealing interfaces using design systems and UI principles.
For example, while designing a food delivery app screen, I maintained proper typography hierarchy, spacing, color consistency, and reusable components using Atomic Design. I ensured buttons were easily tappable, CTAs stood out, and the layout followed platform guidelines.
I’m still improving by exploring new visual trends and speeding up design decisions, which is why I rate myself 4 and not 5.”
UX Design – 4 / 5
“I would also rate myself 4 out of 5 in UX Design because I follow a structured design process and focus strongly on usability.
For example, when working on an ordering flow, I analyzed how users browse restaurants, add items to the cart, and complete payments. I reduced unnecessary steps, grouped information logically, and validated the flow through usability testing.
I’m continuously improving by strengthening user research methods and aligning design decisions more with business goals, which is why I consider myself a 4 rather than a 5.”
7. Interview Question: “What are your weaknesses in UI/UX?”UI Design Weakness:
“Sometimes I spend extra time looking for design inspiration. I’m actively working on improving my decision-making speed and trusting my design skills more.”
UX Design Weakness:
“At times, I rely on my own assumptions. I’m learning to validate decisions more through user research and align better with both business and user goals.”
8. Agile Methodology (Understanding)Agile is a project management framework that focuses on iterative development and continuous improvement.
ScrumSprint planning
Development tasks
Review and feedback
Next sprint planning
KanbanWorkflow stages:
Not Started
In Progress
Testing
Done
9. Accessibility (Understanding)Accessibility ensures digital products are usable by people with disabilities.
Follow WCAG (Web Content Accessibility Guidelines) More info :
https://www.w3.org/WAI/standards-guidelines/wcag/Consider different types of disabilities:
Visual
Hearing
Motor
Cognitive
Accessibility Features
Keyboard navigation
Voice commands
Eye tracking support
Proper contrast and font size
Option to disable autoplay
Clear step-by-step processes
10. UX Laws (Interview-Friendly Phrasing)Hick’s Law
More choices lead to slower decisions.
Note: Keep interfaces simple and limit options.
Fitts’s Law
The time to click depends on the size and distance of a target.
Note: Make important buttons large and easy to reach.
Miller’s Law
People can remember about 7 items at a time.
Note: Avoid overwhelming users with too much information.
Jakob’s Law
Users prefer interfaces that work like ones they already know.
Note: Follow familiar patterns (icons, navigation, layouts).
Pareto Principle (80/20 Rule)
80% of users use 20% of features.
Note: Focus design effort on core, high-usage features.
Law of Similarity
Similar elements appear related.
Note: Use consistent colors, shapes, and styles.
Aesthetic–Usability Effect
Attractive designs feel easier to use.
Note: Good visual design improves perceived usability.
Occam’s Razor
Simpler solutions are better.
Note: Avoid unnecessary features and complexity.
More info :
https://lawsofux.com/