pattrns – Design Great iOS Apps in 30 Minutes!

15 Dec

iOS app design patterns - cover

You are developing or designing a new app, and just got confused with how certain screen like Splash, Login, Lists and forms could look like…don’t pause it there. Visit http://pttrns.com showcasing awesome iOS apps with screen types. Still thinking…hurry up, click http://pttrns.com.

Making new app..but got no idea!

Alright, worry no more. First things first, get yourself some awareness on how others have done it. Honestly there is billions of apps, and majority have done it really great. So when you launching a new app, you got to be sure, you have something that others have not done it or not done it well before.

Usability is the key to design/develop great apps, but iPhone has proven that it can also come with beauty and elegance. Ever wondered, why all of sudden everyone falls in love with iOS apps? That’s because they can enjoy great user experience with really awesome looking design. Most of the time close to real objects carrying in their hands, like a notepad, calendar  sketchbook  and a clock/timer in your hands.

Lets make an app right now! 30 minutes.

So you were thinking on designing a new app and you have also got a great idea too. Yep, agreed, your idea sounds great! So whats the name of your app? Well, you can choose the better app title later, right now you could say “Lorem Ipsum.”

1. Choose App Icon

choose-app-icon

To get better understanding on the app icon, again lets see how they done it. Visit http://iosicongallery.com and get yourself some awareness on how great app icons been developed for great apps. You can either browse all icons, or choose a category to see specific type of icons of apps. For example if you making a game, check these icons, http://iosicongallery.com/category/games.

2. Choose Splash Screen design

Once your app launched from home screen and while its loading, it should show a loading screen which is commonly known as Splash. Splash gives your users an idea of what this app is about while its loading. Get a clue of some of these great splash screens for their apps. http://pttrns.com/categories/2-splash-screens.

3. Designing Navigation

Navigation Screen -1

You really have to be very careful with choosing the right design for navigation in your app. It has to intuitive, easy and quick to navigate between screens of your app. See for example these really cool, but highly usable navigation ideas. http://pttrns.com/categories/13-navigations

4. Showing list of values

Navigation Screen - 2

Most common part of apps is mostly showing list of values and navigating through them. Make sure that scrolling through the list should be easy with fingers. These are great examples http://pttrns.com/categories/17-lists.

5. Make “Search” very easy and quick!

Search

Mobile users are always in hurry, and they don’t have time to spend time on looking for a particular content, friend name, location or number from within the app. If they don’t find what they need, they will simply scrap that app out from their iPhone permenantely. So yeah you got it, it should be very easy and quick, and they have done it awesome. http://pttrns.com/categories/22-search.

6. Everyone wants to share about everything!

Share

We know it and we love it, and we want to share everything with everyone on facebook, twitter, youtube and anywhere else in our social society. So if your app has anything to share, make sure its very easy and quick for them to do so. See how well they do it http://pttrns.com/categories/19-share.

7. Exploring Photos and Media!

Photo

I don’t have to explain how crazy we are about taking pictures and making movies from our rich, smart phones. Showing these photos and movies http://pttrns.com/categories/5-photos.

8. Signing Up and Login!

signin-signup

Many utility apps require users to be validated before accessing or sharing the content from apps. If your app requires users to login, or sync with servers and cloud to fetch data then you don’t have to do it in a typical web form style login or signup. Login and Sign up can still be very interesting and aesthetically good.

http://pttrns.com/categories/15-signups

http://pttrns.com/categories/12-logins

9. Settings should not be hard!

Settings

Last but not the least, every app needs to be configured to match its user’s need and set various options. On web or desktop applications we do this in a very typical style like bunch of forms and tabs, but in apps they have gone much better. See how http://pttrns.com/categories/18-settings.

Empty screen10. What should we show when their no data!

Yeah well, when there is content you can show it really nicely in your app. But when there is no data, no content, how should that screen be look like. Should you show nothing, or just say “No data/content found” or there is anyway nice you can do. For example http://pttrns.com/categories/35-empty-data.

 

One Last Thing!

So by the end of this article, I hope you have got good enough information and understanding on designing and developing great apps. But yes, all of this cannot happen without understanding the key principals, human interface guidelines that Apple has put in place and handy for developers to make such great apps. You can learn all of that on Apple’s developer website here.

For more on mobile design you can visit…

About these ads

2 Responses to “pattrns – Design Great iOS Apps in 30 Minutes!”

  1. Mohiuddin Parekh December 15, 2012 at 8:55 PM #

    Very well written article Salman – My two cents: It could have been a good addition if we create a Interface Description Diagram so that seemingly useful pieces of information/elements couldn’t be less-attentive in UI, while beautifying the design.

Trackbacks/Pingbacks

  1. pattrns – Design Great iOS Apps in 30 Minutes! « 30 Minute Time Out - December 15, 2012

    [...] Continue Reading … [...]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Jetpack for WordPress

A super-plugin that brings dozens of cool enhancements to your blog

WordPress.com News

The latest news on WordPress.com and the WordPress community.

Follow

Get every new post delivered to your Inbox.

Join 40 other followers