Menu Search
Jump to the content X

Posts Tagged ‘iPhone’.

We are pleased to present below all posts tagged with ‘iPhone’.

iPhone App Design Trends

For the past two years, the elegant iPhone has housed some of the most poorly designed applications you could imagine. The hype surrounding iPhone has prompted many designers across the globe to try their skills with the new mobile medium. The result are literally thousands of various iPhone-applications that are often hardly usable and counter-intuitive. However, some designers invest a lot of time and efforts into creating usable and original user interfaces (yes, there are usable and creative UIs).

This article explores the ways in which designers use graphical elements and screen interactions to create iPhone-applications that are easy on the eyes and mind. The aim of this article is to display common trends and design approaches in iPhone app design – please notice that they are not necessarily optimal ones from the design or usability point of view.


Showcase of Designs Optimized for iPhone

Over the last couple of years, mobile devices have managed to gain mainstream popularity. With iPhone, making mobile Web applications finally usable by broad masses, web design can now be applied to mobile applications as well. In this post we are focusing on designs that are specifically optimized for mobile devices, in particular iPhone.

Though iPhone's Safari browser is able to render any website just like you would see it on a desktop browser, the available screen area is much smaller than in common "classic" displays. This poses a new challenge for designers and developers who now can reach millions of users that use mobile Web. Websites that are specifically optimized for the iPhone utilize the screen to the fullest extent, and use less bandwidth (which is necessary, because the connectivity is not always optimal).


The iPhone browsing experience is quite different than the regular browsing experience. The buttons and hyperlinks have to be bigger because our fingers are not as sharp as the mouse pointer. Optimizing a website for iPhone is not rocket science. It's the same HTML, CSS and JavaScript that you already know. The only major difference is the screen size.

In the showcase below we present some of the interesting, interactive and beautiful designs that are optimized for the iPhone. You will also learn about some handy iPhone development tools and resources that will help you optimize your website for the iPhone.

Also consider our previous articles:


How To Create Your First iPhone App (2012 Edition)

Update: 01/10/2012: The original version of this article by Jen Gordon was published in August 2009. It was thoroughly revised and updated by the author and published in September 2012. — Editorial Team

Since the iTunes App Store launched in 2008, over 500,000 apps have been approved by Apple, and thousands more app ideas are scrawled on napkins across the world every day. But question remains, how can a person with limited technical skills create an iPhone app?

How To Create Your First iPhone App

The good news is anyone can make an iPhone app, it's just a matter of knowing the series of actions you need to take to make it happen. Be sure to bookmark this article because it will serve as a guide for learning the process for creating your first iPhone app, going step by step from idea to the App Store.


iPhone Apps Design Mistakes: Over-Blown Visuals

The development of iPhone applications has recently become a hot topic in the design community; everybody tries to come up with some creative idea, port it into a stylish iPhone-alike application and sell it to thousands of users through the iPhone app store. However, many of these applications are poorly designed and therefore miss the chance of providing users with a truly useful product that users would find worth recommending to friends and colleagues.

Overdesigned iPhone app example

We want to take a closer look at the design of iPhone applications and showcase some good and bad examples, best practices as well as useful ideas and recommendations for your next iPhone app design. This article is a first post of a new series related to the design of iPhone applications. Please let us know if you are interested in the follow-ups to this article in the poll and in the comments below. How should it look like? What should we improve? Please also feel free to suggest more iPhone app design mistakes in the comments to this post!


100 Really Beautiful iPhone Wallpapers

Few products have generated the kind of hype that the iPhone has. Its beautiful design and large multi-touch screen are irresistible. Although its interface is beautifully designed, some of us want to put a little something extra in it to suit our style, personality and profession and to further beautify this magical masterpiece.

iPhone wallpaper iPhone wallpaper

Here, we proudly present the 100 Beautiful iPhone wallpapers, designed by some of the finest and most creative artists around. The wallpapers are 320×480 pixels in resolution and are usable on the iPod Touch as well. In this post we cover typography, nature, retro and vintage, illustrations and artwork, Apple wallpapers, abstract, space. Other topics will be covered in next posts. All of the images are clickable and linked to their source. You can explore further artistic treasures and more wallpapers by using the links.

You might also want to take a look at the following posts:


iPhone PSD Vector Kit

In this post we release the iPhone Starter Kit, a set that comes with several button elements as well as six different interface options for iPhone. This pack may be useful for mobile developers and front-end designers who need a professional way to show mock-ups to clients or to work out ideas. This set was designed by Renee Rist especially for Smashing Magazine and its readers.

iPhone Vector Pack

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes. The set may not be resold, sub-licensed, rented, transferred or otherwise made available for use. Please link to this article if you would like to spread the word.


↑ Back to top