Jen Gordon
Jen Gordon is a mobile UI/UX designer who fell hard for mobile in 2008. Since then she’s designed dozens of interfaces for iPhone, iPad & Android. When she’s not busy pushing pixels she enjoys writing about design and creating assets for other designers and developers to use at www.jengordon.com.
Tutorials
  • Code
    Exporting Graphics for Mobile Apps: PNG or JPEG?Post images featured image
    3 shares
    In this mobile design tutorial, Jen Gordon addresses the issue of whether to export image files destined for mobile applications in the PNG or JPEG image format.Read More…
  • Code
    Top 5 Tips for Designing iPad AppsIpad design tips
    3 shares
    If the past nine months have proven anything, it’s that app design for iPad is going to be a wild ride. In this article, we will discuss five tips to help you create iPad designs that rock!Read More…
  • Code
    How to Get Started in Android App DesignAndroid design preview
    9 shares
    In this article we will go through some very basic design topics for the Android platform. Aside from the documentation provided by Google, there are very few resources that provide a high-level view of designing Android mobile apps. This article will make it easy to understand the nuances of Android user interface design.Read More…
  • Code
    How to Sell More Apps With Well Designed ScreenshotsPost images featured image
    1 shares
    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…
  • Code
    5 Steps for Wireframing and Paper Prototyping Mobile Apps5 steps for wireframing and paper prototyping mobile apps 2
    17 shares
    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…
  • Code
    Killer Tips for iPhone and iPad Icon DesignPost images featured image
    10 shares
    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…
  • Code
    Understanding Your App’s Target AudienceImage1
    3 shares
    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…
  • Code
    The Pros and Cons of Apple Default vs. Custom GraphicsPost images featured image
    1 shares
    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…
  • Code
    The Mobile Design ProcessMobile design preview
    34 shares
    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…
  • Code
    How to Design for the Different Types of iPhone AppsPost images featured image
    1 shares
    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…
  • Code
    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…
  • Code
    iPhone and iPad Design Templates and How to Use ThemFeatured image
    45 shares
    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…