Calling all designers: We’re inviting you to make use of your powers to design a “tremendous” navigation expertise for an app that helps our developer heroes struggle code-tastrophes and design disasters.
On this problem, you’ll design a tab bar and display screen of a fictional app to assist your favourite superheroes. No matter sort of app you determine to create, your problem is to prepare its core performance into sections on a tab bar.
Bonus: In the event you’re feeling super-creative, design the foundation display screen of one among that app’s tabs. What would your heroes must view? What actions would they take? (Notice: Although you’re simply designing one display screen, the options designed on this view ought to work in concord with the opposite tabs in your proposed app.)
We additionally welcome you to go to the Design Examine Corridor to collaborate on this problem! Ask questions, join with different builders, and share your creations.
Start the problem
To get began, we suggest watching “Discover design navigation for iOS” to study how one can benefit from present navigation buildings to simplify complicated interactions in your app with out compromising its character. Discover finest practices and customary pitfalls when working with tab bars, modality, and extra.
We additionally suggest trying out “Writing for interfaces” to search out out extra about creating clear, conversational, and useful labels and writing in your app.
Discover navigation design for iOS
Acquainted navigation patterns will help folks simply discover the knowledge inside your app — and save them from pointless confusion. We’ll present you how one can benefit from present navigation buildings to simplify complicated interactions in your app with out compromising its character. Be taught…
Writing for interfaces
The phrases and phrases you select on your app matter. Whether or not you’re writing an alert, constructing an onboarding expertise, or describing a picture for accessibility, study how one can design by the lens of language and assist folks get essentially the most out of your app. We’ll present you how one can create clear,…
When you’re prepared to begin designing, go to the Apple Design Assets web page to obtain the iOS design template and get entry to tab bar symbols and iOS system colours. We additionally suggest downloading and exploring the SF Symbols app to create compelling iconography on your tab bar.
iOS apps can have between two and 5 tabs — so take into account which options can be most related for the superhero app you’re designing. Don’t neglect to make use of descriptive and succinct labels for every tab!
Present us your tremendous work by posting it on Twitter with the hashtag #WWDC22Challenges, or share your work within the Design Examine Corridor. And if you would like to debate different Design subjects, be a part of the workforce at occasions all all through the rest of the week at WWDC22.
Discover #WWDC22Challenges on social media