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.
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.