PRACTICAL NO:1

These tools highlight patterns, user motivations, and pain points, aiding in effective requirement
gathering for website analysis. Let me know if you'd like to focus on a particular website or explore
these tools in detail!

To systematically analyze the navigation, look and feel, and relevance of information for
websites/apps in a particular category, let’s focus on Food Delivery Platforms. We will evaluate the
following five popular platforms:

1. Zomato

2. Swiggy

3. Uber Eats

4. DoorDash

5. Grubhub

Steps for Analysis:

1. Evaluate overall navigation.

2. Assess the look and feel (visual appeal, branding, responsiveness).

3. Determine the relevance of information (menu clarity, pricing, offers).

4. Use a design tool like a Heuristic Evaluation Checklist or Affinity Diagram to record findings.

1. Zomato

Navigation Issues:

 Overloaded interface for new users.

 Some filters (e.g., dietary preferences) are hard to find.

Look and Feel:

 Modern and visually engaging.

 Colors and icons are well-aligned with branding.

Relevance of Information:

 Menus are detailed but occasionally outdated.

 Restaurant ratings are helpful but not uniformly accurate.

2. Swiggy

Navigation Issues:
  Smooth navigation but loading times for menus can be long.

 Confusing placement of add-ons (like combos).

Look and Feel:

 Minimalistic yet vibrant design.

 Effective use of space; icons are intuitive.

Relevance of Information:

 Clear pricing, but hidden delivery fees frustrate users.

 Offers/promotions could be displayed more prominently.

3. Uber Eats

Navigation Issues:

 Global search could be better structured (shows irrelevant results).

 Requires too many clicks to reach checkout.

Look and Feel:

 Clean and professional; follows Uber's brand identity.

 However, dark mode feels inconsistent.

Relevance of Information:

 Focus on delivery time and cost is good.

 Menu categories sometimes lack clarity (e.g., "Best nearby").

4. DoorDash

Navigation Issues:

 Overly detailed homepage; hard for users to focus.

 Restaurant reviews are buried deep.

Look and Feel:

 Balanced and approachable design, but feels slightly dated.

 Responsiveness on mobile is inconsistent.

Relevance of Information:

 Transparent pricing, but lacks details on food preparation time.

 Dish descriptions are sometimes vague.

5. Grubhub

Navigation Issues:

 Search results aren’t optimized (unavailable restaurants still appear).

 The cart is not easily accessible during browsing.

Look and Feel:

 Friendly design with clear CTAs.

 Font sizes are inconsistent, especially on small screens.

Relevance of Information:

 Great focus on user reviews.

 Occasional mismatches between the listed menu and actual offerings.

Summary of Findings Using a Design Tool

Affinity Diagram

Platform Navigation Issues Look and Feel Relevance of Information

Overloaded interface for Visually engaging, well- Menus detailed but not
Zomato
new users. branded. always accurate.

Filters hard to find; loading Pricing clear; offers less

Swiggy Vibrant, minimalistic design.
delays. visible.

Poor search and checkout Professional but inconsistent

Uber Eats Delivery times are clear.
navigation. dark mode.

Overloaded homepage; Transparent pricing but vague

DoorDash Approachable but dated.
reviews hidden. menus.

Search results show Friendly design; inconsistent Strong reviews; menu

Grubhub
unavailable options. fonts. inaccuracies.

Heuristic Evaluation Checklist

 Navigation: Intuitive for Swiggy but problematic for Grubhub and Uber Eats.

 Look and Feel: Best for Zomato; needs improvement for DoorDash.

 Relevance: Menus and pricing need more transparency across all platforms.
Practical no:2

To evaluate five interfaces across navigation, look and feel, and information relevance, I will perform
a simulated analysis of commonly used interfaces. Here are the interfaces selected:

1. Self-Checkout Kiosk (Retail Store)

2. ATM (Banking Kiosk)

3. Food Ordering Kiosk (Fast Food Restaurant)

4. Airport Check-In Kiosk

5. Museum Information Kiosk

Findings Using Design Tools

1. Self-Checkout Kiosk

Navigation Problems:

 Scanning items is inconsistent; frequent errors.

 Payment options are buried in multiple layers, creating confusion.

Look and Feel:

 Interface is cluttered; too much text on the screen.

 Lack of consistent color schemes to guide users through tasks.

Relevance of Information:

 Instructions often lack clarity for troubleshooting.

 Items scanned but not recognized leave users unsure about next steps.

Design Tool: Affinity Diagram

Category Issue Recommendation

Navigation Difficult access to payment options. Streamline steps with visible CTAs.

Look and Feel Cluttered layout and unclear hierarchy. Use clean, structured layouts.

Information Troubleshooting steps are missing. Include clear prompts or tooltips.

2. ATM (Banking Kiosk)

Navigation Problems:
  Menus are not consistent across banks; users face confusion.

 No confirmation before proceeding to key actions like cash withdrawal.

Look and Feel:

 Outdated visual design; lacks modern UI principles.

 Fonts are small, hard to read for older users.

Relevance of Information:

 Limited feedback during processing; users are left waiting without knowing what is
happening.

 Transaction limits are not prominently displayed.

Design Tool: Heuristic Evaluation

Criteria Issue Recommendation

Navigation Inconsistent menu structure. Use standardized menus across banks.

Look and Feel Fonts too small for readability. Increase font size and use bold text.

Information Poor feedback during transactions. Add progress bars or status messages.

3. Food Ordering Kiosk

Navigation Problems:

 Categories (e.g., drinks, meals, desserts) are difficult to access.

 Long menus make scrolling tedious.

Look and Feel:

 Bright colors are overused, causing eye strain.

 Lack of visual separation between menu items.

Relevance of Information:

 Calorie counts and nutritional information are often missing.

 Customization options are hidden or unclear.

Design Tool: Empathy Map

Aspect Observation Recommendation

Think "Why is this menu so long?" Introduce filters for faster searches.

Feel Frustrated by unclear customization. Simplify and highlight options.

Do Struggle to find add-ons and combos. Use a clear visual hierarchy.

4. Airport Check-In Kiosk

Navigation Problems:

 Users are confused about where to begin; no clear starting point.

 Finding additional services (e.g., seat upgrades) is difficult.

Look and Feel:

 Minimalistic but lacks enough visual cues for navigation.

 Touchscreens are often unresponsive, leading to errors.

Relevance of Information:

 Important prompts (e.g., baggage limits) are not highlighted.

 Boarding pass instructions are overly technical.

Design Tool: Journey Map

Step Problem Recommendation

Approach kiosk No clear instructions for new users. Display a "Start Here" button.

Enter details Requires manual typing, prone to errors. Allow scanning of passports/tickets.

Confirmation Overlooked baggage instructions. Highlight key details in bold.

5. Museum Information Kiosk

Navigation Problems:

 Overwhelming number of categories; no search functionality.

 Hierarchical navigation requires too many clicks.

Look and Feel:

 Visual design feels dated and uninspiring.

 Lack of engaging visuals (e.g., images, animations).

Relevance of Information:

 Descriptions of exhibits are too long for quick reading.

 Maps lack interactivity, making navigation within the museum hard.

Design Tool: Personas and Scenarios

Persona Pain Point Recommendation

Tourist (Alex, 30) Hard to find specific exhibits. Add a search bar or quick links.

Family (Singh) Poor interactivity for kids. Add fun, engaging visual elements.
Persona Pain Point Recommendation

Elderly (Meera, 65) Text-heavy descriptions. Use concise, bulleted information.

Summary Table

Interface Navigation Look and Feel Information

Confusing payment and Cluttered and text- Troubleshooting steps

Self-Checkout Kiosk
scanning flow. heavy. missing.

Inconsistent menus; no Outdated and hard-to- Poor feedback during

ATM
confirmations. read fonts. transactions.

Long menus; unclear Nutritional info often

Food Ordering Kiosk Overuse of bright colors.
customization. missing.

Airport Check-In Minimalistic but Important prompts not

No clear starting point.
Kiosk unresponsive. highlighted.

Museum Too many clicks; no search Dated and lacks Descriptions too long;
Information Kiosk bar. engaging visuals. maps static.

Recommendations:

1. Streamline Navigation:

o Introduce a "Home" or "Start Here" button for clarity.

o Use breadcrumbs or progress indicators.

2. Improve Look and Feel:

o Use modern UI principles like clear CTAs and consistent typography.

o Enhance responsiveness, particularly for touchscreens.

3. Ensure Information Relevance:

o Prioritize key information with bold visuals.

o Use concise, scannable content with optional "Learn More" links.