Designing for iOS 7: Working With and Breaking Conventions Premium class

Sarah Mick, Designer, Illustrator & Photographer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
6 Videos (35m)
    • Trailer

      1:41
    • Welcome & Intro to iOS 7

      5:41
    • Researching, Reading User Reviews and Note Taking

      6:34
    • Taking Notes to Sketching

      6:17
    • Wireframing

      8:22
    • Designing in Photoshop

      6:32

About This Class

Designing for iOS7 is a whole new ballgame. The basic app design rules have changed as well as the entire iPhone operating system. It’s important to know the basics in terms of Apple native apps as well as current design expectations from the user.

Once you know these basics, you can begin to break the rules and create beautiful, unique designs. In this class, we’ll look at existing apps, specifically the transition of Tinder for iOS 6 to iOS 7, and walk through how improvements can be made when redesigning as well as reworking the user experience based on user feedback.

What You'll Learn

  • Research. Be an avid user before you can considering what improvements.

  • Identifying Improvements. Critique the design and the experience, identifying where improvements can be made. I’ll share user feedback and improvement examples from my experience at Tinder during this phase.

  • Sketching. Take your ideas and improvement lists to paper with rough sketching.

  • Wireframing. Finalize the sketches and clean them up in the wireframing phase.

  • Design Mockups. Start thinking about how the design will look and finalize the entire screen. It should be “developer ready.” I’ll show examples of Tinder mockups that were thrown out and iterated on during the iOS 7 redesign.

What You'll Make

You’ll select an app that you use frequently but feel could use a an update based on iOS 7 design and usability standards. You’ll pick one or two screens and redesign the screens making design and usability improvements. Your project will include initial thoughts that lead you to redesigning the screens, sketches of the UI and how you’d like to improve it. Finally, you’ll create development-ready design mockups of your screeen(s) as well as an explanation of every improvement you’ve made and how it helps the user both visually and functionally.

8 of 10 students recommendSee All

Quick and fun course. Good advice!
The lessons were relatively short but very well supplemented with links to additional readings, examples, etc. All in all, well worth seeing the creative process.

376

Students

8

Projects

Sarah Mick

Designer, Illustrator & Photographer

I’ve been designing for iOS since 2010 when I began working on my first big project, Yardsale. This app was heavily rooted in the iOS 6 style and was released in the heyday of skeumorphic design. This project familiarized me with the app design process and provided a lot of information about how I could better work with a team and design better wireframes and mockups for engineers.

My next big project was working on the popular app Tinder. I designed and transitioned the app from iOS 6 to iOS 7 alongside designer Chris Gulczynski. This project was really valuable in teaching me that many of the bells and whistles that accompanied the iOS 6 design style are not necessary in creating a beautiful and solid app. I’m now working on a new project and once again designing for iOS using the newest styles and experimenting with ideas that will hopefully push the boundaries of mobile design.