Want to create interactive content? It’s easy in Genially!

Get started free

UX/UI Design Delimmas

JULIE MOELLER

Created on October 20, 2024

Make the best design choices for the most optimal outcome.

Start designing with a free template

Discover more than 1500 professional designs like these:

Choose Your Own Story

Branching Scenario: Digital Alert

Branching Scenarios Challenge

Branching Scenario: Leadership Decisions

Branching Scenario: Save Christmas

Conflict Resolution: Branching Scenarios

Simple Branching Scenario

Transcript

Ux/ui design delimmas

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.

start

UX/UI DESIGN DELIMMAS

DECISION ONE: NAVIGATION structure

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

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

Implement a hamburger menu to reduce screen clutter.

Use a bottom navigation bar with icons for each feature.

UX/UI DESIGN DELIMMAS

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?

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.

UX/UI DESIGN DELIMMAS

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?

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.

UX/UI DESIGN DELIMMAS

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?

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.

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?

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

Focus on simple, flat design with minimal visual distraction

Prioritize a sleek, modern design with animations and gradients

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?

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

Focus on simple, flat design with minimal visual distraction

Prioritize a sleek, modern design with animations and gradients

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?

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

Focus on simple, flat design with minimal visual distraction

Prioritize a sleek, modern design with animations and gradients

Branching Scenario
UX/UI DESIGN DELIMMAS

OVERALL SCORE: eXCELLENT RESULTS

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.

i'M READY FOR EXPLANATION

Try AGAIN

WORKING WITH CLIENTS

OVERALL SCORE: aVERAGE RESULTS

You made at least one less than optimal decision

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.

i'M READY FOR EXPLANATION

Try AGAIN

WORKING WITH CLIENTS

OVERALL SCORE: POOR RESULT

all three decisions were rated poor

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.

i'M READY FOR EXPLANATION

Try AGAIN

hOW WELL DID YOU DO?

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

Navigation Structure
Accessibility Features
Aesthetic vs. Functional Design

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.

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

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.

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.

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.

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

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.

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

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

Structure your content

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!

next

With this feature ...

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