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 of a fictional app to assist your favourite superheroes. No matter sort of app you resolve to create, your problem is to arrange its core performance into sections on a tab bar.
Bonus: When you’re feeling super-creative, design the foundation display of one in all that app’s tabs. What would your heroes have to view? What actions would they take? (Notice: Although you’re simply designing one display, 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 advocate watching “Discover design navigation for iOS” to be taught how one can reap the benefits of present navigation buildings to simplify complicated interactions in your app with out compromising its persona. Discover greatest practices and customary pitfalls when working with tab bars, modality, and extra.
We additionally advocate 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 may also help folks simply discover the data inside your app — and save them from pointless confusion. We’ll present you how you can reap the benefits of present navigation buildings to simplify complicated interactions in your app with out compromising its persona. Be taught…
Writing for interfaces
The phrases and phrases you select to your app matter. Whether or not you’re writing an alert, constructing an onboarding expertise, or describing a picture for accessibility, be taught how one can design via the lens of language and assist folks get essentially the most out of your app. We’ll present you how you 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 advocate downloading and exploring the SF Symbols app to create compelling iconography to your tab bar.
iOS apps can have between two and 5 tabs — so think about 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 matters, be a part of the group at occasions all all through the rest of the week at WWDC22.
Discover #WWDC22Challenges on social media