{"id":125873,"date":"2022-06-09T14:00:13","date_gmt":"2022-06-09T14:00:13","guid":{"rendered":"https:\/\/developer.apple.com\/news\/?id=7fljwpcf"},"modified":"2022-06-09T14:00:13","modified_gmt":"2022-06-09T14:00:13","slug":"challenge-design-for-superheroic-navigation","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2022\/06\/09\/challenge-design-for-superheroic-navigation\/","title":{"rendered":"Challenge: Design for superheroic navigation"},"content":{"rendered":"
<\/div>\n

Calling all designers: We’re inviting you to use your powers to design a “super” navigation experience for an app that helps our developer heroes fight code-tastrophes and design disasters. <\/p>\n

<\/div>\n

In this challenge, you\u2019ll design a tab bar and screen of a fictional app to help your favorite superheroes. Whatever kind of app you decide to create, your challenge is to organize its core functionality into sections on a tab bar.<\/p>\n

Bonus: If you\u2019re feeling super-creative, design the root screen of one of that app\u2019s tabs. What would your heroes need to view? What actions would they take? (Note: Though you\u2019re just designing one screen, the features designed in this view should work in harmony with the other tabs in your proposed app.)<\/p>\n

We also welcome you to visit the Design Study Hall to collaborate on this challenge! Ask questions, connect with other developers, and share your creations.<\/p>\n

Begin the challenge<\/h3>\n

To get started, we recommend watching \u201cExplore design navigation for iOS\u201d to learn how you can take advantage of existing navigation structures to simplify complex interactions in your app without compromising its personality. Explore best practices and common pitfalls when working with tab bars, modality, and more.<\/p>\n

We also recommend checking out \u201cWriting for interfaces\u201d to find out more about creating clear, conversational, and helpful labels and writing in your app.<\/p>\n

\n
\n
<\/a> <\/section>\n
<\/p>\n

Explore navigation design for iOS<\/h4>\n

Familiar navigation patterns can help people easily explore the information within your app \u2014 and save them from unnecessary confusion. We\u2019ll show you how to take advantage of existing navigation structures to simplify complex interactions in your app without compromising its personality. Learn…<\/p>\n

<\/a> <\/section>\n<\/section>\n<\/section>\n

\n
\n
<\/a> <\/section>\n
<\/p>\n

Writing for interfaces<\/h4>\n

The words and phrases you choose for your app matter. Whether you\u2019re writing an alert, building an onboarding experience, or describing an image for accessibility, learn how you can design through the lens of language and help people get the most from your app. We’ll show you how to create clear,…<\/p>\n

<\/a> <\/section>\n<\/section>\n<\/section>\n

Once you’re ready to start designing, visit the Apple Design Resources page to download the iOS design template and get access to tab bar symbols and iOS system colors. We also recommend downloading and exploring the SF Symbols app to create compelling iconography for your tab bar.<\/p>\n

iOS apps can have between two and five tabs \u2014 so consider which features would be most relevant for the superhero app you\u2019re designing. Don\u2019t forget to use descriptive and succinct labels for each tab!<\/p>\n

Apple Design Resources<\/a><\/p>\n

Download SF Symbols<\/a><\/p>\n

Show us your super work by posting it on Twitter with the hashtag #WWDC22Challenges, or share your work in the Design Study Hall. And if you’d like to discuss other Design topics, join the team at events all throughout the remainder of the week at WWDC22.<\/p>\n

Explore #WWDC22Challenges on social media<\/a><\/p>\n

Read the WWDC22 Challenges Terms and Conditions<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Calling all designers: We’re inviting you to use your powers to design a “super” navigation experience for an app that helps our developer heroes fight code-tastrophes and design disasters. In this challenge, you\u2019ll design a tab bar and screen of a fictional app to help your favorite superheroes. Whatever kind of app you decide to […]<\/p>\n","protected":false},"author":2,"featured_media":125874,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-125873","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apple-developer-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/125873","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=125873"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/125873\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/125874"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=125873"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=125873"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=125873"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}