iPhone Design 101

10 Posts

Jumping into the iPhone app design game can be a challenging venture. Resolution constraints and hardware considerations can be enough to prevent even seasoned designers from taking the plunge. Never fear! In this session, acclaimed mobile designer Jen Gordon will walk you through every step of the process. Read on to learn how to create stunning iPhone interfaces that will captivate your mobile market!

Posts in this series
  • Mobile Design
    Introduction to iPhone DesignFeatured image
    This post is the first in a 10-part iPhone Design series featured on Mobiletuts+. Every week, we will dive into a variety of aspects of how to design beautiful and usable mobile interfaces for iOS. To get a reminder each time a new post arrives in this series, be sure to subscribe via email or our RSS feed!Read More…
  • Mobile Design
    iPhone and iPad Design Templates and How to Use ThemFeatured image
    There is a lot of “process” that goes into designing for mobile devices, but sometimes you just wanna jump in and get your hands dirty! This post is designed to give you the tools you’ll need and the basic design and technical requirements to get you up and running quickly.Read More…
  • Mobile Design
    Designing Apps That Use All Available iPhone FuctionalityFeatured image
    In the previous article in this series, we introduced some basic iOS design specifications and templates. Now it’s time to explore what makes designing for touch screens and mobile devices so special!Read More…
  • Mobile Design
    How to Design for the Different Types of iPhone AppsPost images featured image
    Welcome to the fourth installment in our series on iPhone Design 101! If you’re new to this series, be sure to check out parts 1 - 3: Introduction to iPhone Design, iPhone/iPad Design Templates, and iPhone Design Features. These articles will get you up to speed on what we’ve already covered and give you a taste for the juicy bits that are to come in this awesome series!Read More…
  • Mobile Design
    The Mobile Design ProcessMobile design preview
    If you are a designer, the good news about the mobile app space is this: design is everything. Whether you're building a utility or a game, appearance has a great impact on both popularity and usability. Cluttered or disorganized apps are difficult to understand and hard to use. This isn't to say that a "serious tool" should be embellished with an overdone GUI. A great app design is one that will balance appearance with function.Read More…
  • Mobile Design
    The Pros and Cons of Apple Default vs. Custom GraphicsPost images featured image
    In the first article in this series,”Introduction to iPhone Design”, we briefly discussed why some iPhone apps use Apple templates while others are custom designed. In this article, we’ll take a closer look and discuss why this is an important question from a design, development, and business perspective.Read More…
  • Mobile Design
    Understanding Your App’s Target AudienceImage1
    In Part 5 of this series, “The Mobile App Design Process”, I touched briefly on the the importance of identifying and exploring “who is” the target audience for your application. In this article, we’ll go beyond identifying the “who is” and take a closer look at how your audience should affect everything about your app from concept to launch.Read More…
  • Mobile Design
    Killer Tips for iPhone and iPad Icon DesignPost images featured image
    Icons are a crucial part of every iOS application. They convey the first impression of your app to prospective users and remain a central focal point to those who download the application. We all know how important it is to create a good first impression and build a strong brand with your design, and this tutorial will demonstrate 8 great ways to do just that!Read More…
  • Mobile Design
    5 Steps for Wireframing and Paper Prototyping Mobile Apps5 steps for wireframing and paper prototyping mobile apps 2
    This article builds on our previous article about the Mobile Design Process, digging deeper into paper prototyping and wireframing phases of app development. At the end, I’ll have a list of various tools you can use to create your wireframes and prototypes.Read More…
  • Mobile Design
    How to Sell More Apps With Well Designed ScreenshotsPost images featured image
    This article will discuss a critical component of App Store success: well-crafted screenshots. Your prospective customers WILL "judge a book by its cover", so taking the time necessary to create screenshots that sell is well worth the effort. This is the last post in the 10-part iPhone Design 101 series, so please comment to suggest any mobile design topics you would like to see in 2011!Read More…