RINTARA INSIGHTS

Module 4: Improve UI/UX without Breaking Functionality

Audit and improve user experience, responsive design, accessibility and interface states incrementally.

Learning outcome

A clearer, more consistent interface with evidence that primary functions still work.

Use fictional or sanitised examples. Never paste passwords, API keys, confidential documents or sensitive personal data into a public AI service.

Workflow

1. Audit user tasks and usability problems.
2. Define hierarchy, components and design tokens.
3. Improve one flow at a time.
4. Test desktop, mobile, keyboard and error states.

Master Prompt Template

Act as a product designer and UI/UX engineer familiar with Python web applications.

Application context:
[PASTE SPECIFICATION, SCREENSHOTS OR PAGE LIST]

Tasks:
1. Audit every primary flow for clarity, cognitive load, consistency, responsiveness and accessibility.
2. List issues as Critical/High/Medium/Low with location evidence.
3. Recommend a consistent information hierarchy, navigation, components and design tokens.
4. Include loading, empty, success, error and disabled states.
5. Ensure forms have labels, validation messages and visible keyboard focus.
6. Prepare a small-change plan that preserves existing routes, data and functionality.
7. Implement approved changes and add regression tests for critical flows.

Constraints:
- Do not change business logic without a requirement.
- Do not add distracting animation or purposeless components.
- Reuse the existing design system where one exists.
- Report tested viewports and any limitations.

Practical exercise

Choose one flow such as registration or record creation. Compare before and after using five user tasks and different screen sizes.

Completion checklist

• Hierarchy and primary actions are clear.
• Empty and error states are provided.
• Keyboard and focus are tested.
• Primary regression tests pass.