UX/UI Design Delimmas
JULIE MOELLER
Created on October 20, 2024
Make the best design choices for the most optimal outcome.
Over 30 million people build interactive content in Genially.
Check out what others have designed:
MODALS 1 BACH MARIO GAME
Quizzes
ANIMALS BY CATEGORY
Quizzes
DRACULA ESL
Quizzes
TRUE FALSE GEOGRAPHY
Quizzes
ENGLISH SCHOOL VOCABULARY
Quizzes
PARTS OF SPEECH REVIEW
Quizzes
RECYCLING SORTING GAME
Quizzes
Transcript
Ux/uidesigndelimmas
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
You need to decide how users will access the app’s core features (Activity Tracker, Goal Setting, and Recommendations).
DECISION ONE: NAVIGATION structure
Implement a hamburger menu to reduce screen clutter.
Use a tab-based navigation at the top with text labels.
Use a bottom navigation bar with icons for each feature.
B
C
A
UX/UI DESIGN DELIMMAS
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
Add voice commands and screen reader support.
Provide high-contrast color modes and adjustable font sizes.
Stick to basic accessibility guidelines for now and plan to add advanced features later.
A
B
C
UX/UI DESIGN DELIMMAS
decision two: Accessibility features
A
B
C
Your client wants to ensure the app is accessible to a wider audience, including users with visual impairments. Which design approach will you take?
Stick to basic accessibility guidelines for now and plan to add advanced features later.
Add voice commands and screen reader support.
Provide high-contrast color modes and adjustable font sizes.
UX/UI DESIGN DELIMMAS
decision two: Accessibility features
A
B
C
Your client wants to ensure the app is accessible to a wider audience, including users with visual impairments. Which design approach will you take?
Stick to basic accessibility guidelines for now and plan to add advanced features later.
Add voice commands and screen reader support.
Provide high-contrast color modes and adjustable font sizes.
UX/UI DESIGN DELIMMAS
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
Your design team debates whether the app should focus on sleek aesthetics or emphasize usability with simpler visuals. How will you proceed?
decision three: Aesthetic vs. Functional Design
B
A
C
UX/UI DESIGN DELIMMAS
B
A
C
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
Your design team debates whether the app should focus on sleek aesthetics or emphasize usability with simpler visuals. How will you proceed?
decision three: Aesthetic vs. Functional Design
UX/UI DESIGN DELIMMAS
UX/UI DESIGN DELIMMAS
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
Your design team debates whether the app should focus on sleek aesthetics or emphasize usability with simpler visuals. How will you proceed?
decision three: Aesthetic vs. Functional Design
Branching Scenario
i'M READYFOR EXPLANATION
Try AGAIN
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.
all three decisions were rated excellent
UX/UI DESIGN DELIMMAS
OVERALL SCORE: eXCELLENT RESULTS
i'M READYFOR EXPLANATION
Try AGAIN
You made at least one less than optimal decision
OVERALL SCORE: aVERAGE RESULTS
WORKING WITH CLIENTS
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 READYFOR EXPLANATION
Try AGAIN
OVERALL SCORE: POOR RESULT
all three decisions were rated poor
WORKING WITH CLIENTS
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.
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
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.
POOR: Implement a hamburger menu to reduce screen clutterOutcome: Users find the design sleek, but some struggle to discover hidden features.
OPTIMAL: Provide high-contrast color modes and adjustable font sizes.Outcome: Users appreciate the customization, but visually complex screens require more refinement.
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: 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: 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: Keep the original design, explaining that changes this late would compromise quality.Outcome: The client is disappointed but respects your professional stance.
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.
These are tough design dilemmas, and optimal is not perfect, but it maximizes functionality, inclusiveness, and beauty
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
Branching Scenario
Decision-making scheme
Final
Neutral decision - No impact
Decision Point
Cannot complete succesfully
Can still complete succesfully
Next decision point
Correct decision - Positive impact
Bad decision - Negative impact
Page 3
Page 4
Page 6
Page 5
Page 7
Page 9
Page 8
Page 10
Page 12
Page 11
Page 13
Page 15
Page 14
You can add additional content that will excite your audience’s brains: videos, images, links, interactivity ... Whatever you like!
With this feature ...