UX/UI Design Delimmas

start

You are a UX/UI designer tasked with creating a mobile app interface for a health and fitness platform. The goal is to create a user-friendly experience that encourages users to track their activities, set goals, and interact with personalized recommendations. As you proceed through the design, key decisions will impact the overall usability, aesthetics, and accessibility of the app.

Ux/ui design delimmas

UX/UI DESIGN DELIMMAS

Use a bottom navigation bar with icons for each feature.

Use a tab-based navigation at the top with text labels.

Implement a hamburger menu to reduce screen clutter.

DECISION ONE: NAVIGATION structure

You need to decide how users will access the app’s core features (Activity Tracker, Goal Setting, and Recommendations).

UX/UI DESIGN DELIMMAS

Stick to basic accessibility guidelines for now and plan to add advanced features later.

Provide high-contrast color modes and adjustable font sizes.

Add voice commands and screen reader support.

DECISION TWO: Accessibility features

Your client wants to ensure the app is accessible to a wider audience, including users with visual impairments. Which design approach will you take?

UX/UI DESIGN DELIMMAS

Provide high-contrast color modes and adjustable font sizes.

Add voice commands and screen reader support.

Stick to basic accessibility guidelines for now and plan to add advanced features later.

Your client wants to ensure the app is accessible to a wider audience, including users with visual impairments. Which design approach will you take?

decision two: Accessibility features

UX/UI DESIGN DELIMMAS

Provide high-contrast color modes and adjustable font sizes.

Add voice commands and screen reader support.

Stick to basic accessibility guidelines for now and plan to add advanced features later.

Your client wants to ensure the app is accessible to a wider audience, including users with visual impairments. Which design approach will you take?

decision two: Accessibility features

UX/UI DESIGN DELIMMAS

decision three: Aesthetic vs. Functional Design

Your design team debates whether the app should focus on sleek aesthetics or emphasize usability with simpler visuals. How will you proceed?

Prioritize a sleek, modern design with animations and gradients

Focus on simple, flat design with minimal visual distraction

Implement the changes and push the project submission back by a few days.

UX/UI DESIGN DELIMMAS

decision three: Aesthetic vs. Functional Design

Your design team debates whether the app should focus on sleek aesthetics or emphasize usability with simpler visuals. How will you proceed?

Prioritize a sleek, modern design with animations and gradients

Focus on simple, flat design with minimal visual distraction

Implement the changes and push the project submission back by a few days.

decision three: Aesthetic vs. Functional Design

Your design team debates whether the app should focus on sleek aesthetics or emphasize usability with simpler visuals. How will you proceed?

Prioritize a sleek, modern design with animations and gradients

Focus on simple, flat design with minimal visual distraction

Implement the changes and push the project submission back by a few days.

UX/UI DESIGN DELIMMAS

OVERALL SCORE: eXCELLENT RESULTS

UX/UI DESIGN DELIMMAS

all three decisions were rated excellent

These dilemmas challenge designers to think critically about navigation, accessibility, and aesthetics. You have made the optimal choices regarding how trade-offs affect usability and user satisfaction, and you are prepared to develop practical UX/UI design skills that balance functionality, inclusiveness, and beauty.

Try AGAIN

i'M READY FOR EXPLANATION

Branching Scenario

These dilemmas challenge designers to think critically about navigation, accessibility, and aesthetics. You have made at least one less-than-optimal choice regarding how trade-offs affect usability and user satisfaction, and you could be better prepared to develop practical UX/UI design skills that balance functionality, inclusiveness, and beauty.

WORKING WITH CLIENTS

OVERALL SCORE: aVERAGE RESULTS

You made at least one less than optimal decision

Try AGAIN

i'M READY FOR EXPLANATION

These dilemmas challenge designers to think critically about navigation, accessibility, and aesthetics. You have made the least optimal choices regarding how trade-offs affect usability and user satisfaction, and you are not prepared to develop practical UX/UI design skills that balance functionality, inclusiveness, and beauty.

WORKING WITH CLIENTS

all three decisions were rated poor

OVERALL SCORE: POOR RESULT

Try AGAIN

i'M READY FOR EXPLANATION

These are tough design dilemmas, and optimal is not perfect, but it maximizes functionality, inclusiveness, and beauty

OPTIMAL: Strive for a balanced design, with light aesthetics that complement usability. Outcome: The interface is intuitive and pleasant to use but longer to develop.

POOR: Keep the original design, explaining that changes this late would compromise quality. Outcome: The client is disappointed but respects your professional stance.

MEAN: Focus on simple, flat design with minimal visual distractions. Outcome: The app loads quickly and is easy to use, but some users find it too plain.

POOR: Stick to basic accessibility guidelines for now and plan to add advanced features later. Outcome: App looks polished, but some users with disabilities struggle to use it.

MEAN: Add voice commands and screen reader support. Outcome: The app becomes accessible but not all areas work and it requires extra time and development resources.

OPTIMAL: Provide high-contrast color modes and adjustable font sizes. Outcome: Users appreciate the customization, but visually complex screens require more refinement.

POOR: Implement a hamburger menu to reduce screen clutter Outcome: Users find the design sleek, but some struggle to discover hidden features.

MEAN: Use a tab-based navigation at the top with text labels. Outcome: Users like the clarity, but those with smaller screens find it hard to tap accurately.

Aesthetic vs. Functional Design

Accessibility Features

Navigation Structure

OPTIMAL: Use a bottom navigation bar with icons for each feature. Outcome: Users can quickly switch between features, but the bar limits screen space.

hOW WELL DID YOU DO?

Branching Scenario

next

With the Genially templates, you can include visual resources to wow your audience. You can also highlight a particular sentence or piece of information so that it sticks in your audience’s minds, or even embed external content to surprise them: Whatever you like!

Structure your content

With this feature ...

You can add additional content that will excite your audience’s brains: videos, images, links, interactivity ... Whatever you like!