UX/UI design basics:
your first design job

UX/UI fundamentals are the basic skills every design role builds on. On the UX side: a user-centred process, simple research (interviews and usability tests), information organisation, user flows, wireframes and prototypes. On the UI side: visual hierarchy, layout and spacing, typography, colour and contrast, components and interface states. Tying both together are usability heuristics and accessibility.

These basics change slowly. Nielsen Norman Group's 10 usability heuristics, first published in the 1990s, remain the most common checklist for spotting usability problems.¹ Accessibility is a fundamental, not an extra. The 2026 WebAIM Million found detected WCAG failures on 95.9% of the top million home pages, with low-contrast text the most common problem.² The W3C's WCAG 2.2 sets the standard.³ In India, AmbitionBox lists junior UX designers at a typical ₹5–5.8 lakh⁴ and experienced UX designers at ₹12.6–13.9 lakh.⁵

Nielsen's usability heuristics, the standard checklist

10

Top home pages with detected WCAG failures (WebAIM, 2026)

95.9%

Typical junior UX designer pay in India (AmbitionBox)

₹5–5.8 lakh

Typical UX designer pay in India (AmbitionBox)

₹12.6–13.9 lakh

Table: How junior UX/UI candidates are assessed (editorial summary)

Table: A beginner heuristic review of a fee payment page (illustrative)

Table: How UX/UI fundamentals developed (editorial summary)

• A heuristic review of a real app
• Wireframes before high-fidelity designs
• A usability test with five people
• A contrast and accessibility check
• Two small case studies with decisions explained
• A verified UX/UI fundamentals certificate

If you lack design jobs, list projects like jobs: "Fee payment redesign (self-initiated): interviewed 8 students; tested prototype with 5; fixed 4 usability issues." Include transferable experience such as customer support, sales or content.

"What's the difference between UX and UI?"

UX is how it works for people; UI is how it looks and feels. Both serve the user's goal.

"Name three usability heuristics and give examples."

Visibility of status (a loading indicator), error prevention (confirmation before deleting) and recognition over recall (recent searches).

"Why wireframe first?"

It's faster to explore structure and flow before spending time on visuals.

"How do you make a design accessible?"

Sufficient contrast, readable text, labels on inputs, visible focus, large touch targets and not relying on colour alone.

"How do you know your design works?"

Test it with real people and fix what they struggle with.

• "Who would I learn from day to day?" — mentorship matters for juniors.
• "How much research do designers do here?" — shows learning opportunities.
• "Is there a design system?" — helps you learn consistent craft.
• "What does success look like in six months?" — sets expectations.

Table: Entry-level design roles and typical pay in India (AmbitionBox, October 2026; indicative)

Table: Beginner UX/UI tools (editorial guidance)

• Learner — fundamentals and practice projects.
• Junior UX/UI designer — supported work on features.
• UX/UI designer — owns features end to end.
• Product designer — broader product ownership.
• Specialist or lead — research, systems, or leadership.

1. Week 1: Process and heuristics — Learn both; review two apps.
2. Week 2: Research — Interview five people about one problem.
3. Week 3: Wireframes — Sketch and wireframe solutions.
4. Week 4: Prototype and test — Test with five people; iterate.
5. Week 5: UI and accessibility — Apply hierarchy, type and contrast.
6. Week 6: Prove it — Write the case study; take the UX/UI Design Fundamentals Certification.

Next: UI Design, UX Research and Product Design Science. Guides: UI design, UX research and how to get a UX designer job.

• Understanding requests — asking what problem we're solving.
• Sketching — exploring options quickly.
• Building — wireframes and prototypes.
• Reviewing — heuristics and accessibility checks.
• Testing — short sessions with users.
• Iterating — improving based on feedback.

"What's a user flow?"

The steps a person takes to complete a task, including decisions and alternate paths.

"What's your favourite app and why?"

Pick one, explain what problem it solves well, and one thing you'd improve.

Table: A first-90-days plan (editorial guidance)

Juniors grow fastest by asking good questions and finishing small things well. Learn the design system and product deeply, and take on small fixes first. Ask for feedback often and write down what you learn. By the third month, aim to own a small feature and test it with users. Steady, reliable progress earns more responsibility quickly.

You don't need clients to build a credible junior portfolio. Pick everyday problems you can research: a college portal, a local shop's ordering process, a government form or an app your family struggles with. Choose problems where you can talk to real users, because evidence makes beginner work stand out.

For each project, keep the structure short: the problem and who has it, what you learned from users, two or three options you considered, what you tested and what changed, and what you'd do next. Show wireframes and a couple of polished screens, not dozens. Be clear that it's a self-initiated project.

Two solid case studies are enough to start applying. Add a short "about me" that explains your background and why you're moving into design — career switchers often bring valuable domain knowledge. Ask a working designer for feedback before you send it out, and keep improving one case study at a time. Avoid copying popular course projects without adding your own research, because hiring managers see them repeatedly.

• Polishing before solving.
• Course projects with no real users.
• Ignoring accessibility.
• Tool lists instead of skills.
• Overclaiming results.

Heuristics come from Nielsen Norman Group; accessibility data from the WebAIM Million (2026) and WCAG 2.2; and India pay from AmbitionBox (read October 2026). The worked example, assessment formats and history are editorial. Science of Apps publishes the free test linked here. Last reviewed October 2026.

• Wireframe — a simple layout showing structure, not visuals.
• Prototype — a clickable model to test a design.
• Visual hierarchy — arranging elements to show importance.
• Usability heuristic — a broad rule of thumb for usable design.
• WCAG — the international web accessibility standard.