iPhone User Interface

Inside

What I Need to Get Started

Both ConceptDraw DIAGRAM diagramming and drawing software and the iPhone User Interface solution can help creating the software engineering diagrams you need. The iPhone User Interface solution can be found in the Software Development area of ConceptDraw STORE application that can be downloaded from this site. Make sure that both ConceptDraw DIAGRAM and ConceptDraw STORE applications are installed on your computer before you get started.

How to install

After ConceptDraw STORE and ConceptDraw DIAGRAM are downloaded and installed, you can install the iPhone User Interface solution from the ConceptDraw STORE.

Start Using

To make sure that you are doing it all right, use the pre-designed symbols from the stencil libraries from the solution to make your drawings look smart and professional. Also, the pre-made examples from this solution can be used as drafts so your own drawings can be based on them. Using the samples, you can always change their structures, colors and data.

HelpDesk

How to Design an Interface Mockup for iPhone Application

iPhone User Interface

Since Apple Computer, Inc. became Apple Inc. at the start of 2007, they have led the field in mobile device technology, acquiring a devoted following amongst a general public that happily purchases each new updated version of the iPhone, iPad or iPod. They are noted innovators, popularizing many interface standards within the industry including touchscreen elements and app technologies.

The operating system used to power their devices was created and developed by Apple Inc. exclusively for their hardware, giving a sense of hegemony across the various platforms, and encouraging users to purchase multiple Apple products. Named iOS, it works on the basis of direct manipulation, where pre-defined multi-touch gestures are used to navigate through the operating system — a combination of swipes, taps and pinches allow users to zoom in and out, switch screens and select menu buttons.

ConceptDraw DIAGRAM was used to create this sample template of an iPhone reminders page

The key to effective and efficient navigation, for best cohesion with operating system logic, is a well designed graphical user interface (GUI). A GUI aims to offer a consistent visual language to display app windows, system information, menus and icons in an intuitive fashion, with the expectation that those unfamiliar with the technology can pick up a device and immediately access the software they need.

The iPhone GUI has become something of a standard for smartphones, and tablets and mobile devices in general. It starts with a 'Home' screen, and a list of commonly used applications represented by graphical icons. These tend to include messaging, time and date, camera, weather and maps apps, and a number of affiliate applications such as YouTube, iTunes and the App Store. Adjacent home screens can hold further apps, and can be accessed by swiping the screen left or right. Anchored to the bottom of the screen are the four apps that represent the iPhone's main purposes — phone, mail, internet and music.

A diagram view of an iPhone home screen, created using ConceptDraw DIAGRAM

A successful GUI requires a planning stage, to determine the suitability and efficiency of certain arrangements. Much like with website planning, a GUI wireframe diagram can be employed to give a skeletal view of the device's screen, upon which elements can be placed and re-arranged as necessary. For GUI developers, designers, or graphic artists working on advertising or infographics, iPhone UI prototype diagrams can help illustrate certain points, and convey messages about usability.

By extending the functionality of ConceptDraw DIAGRAM with the iPhone User Interface solution, users have access to a wide range of icon libraries, samples, templates and help materials to help them create professional looking GUI diagrams that showcase iPhone 6 applications and technology.

The app icon library from the iPhone User Interface solution for ConceptDraw DIAGRAM

Within the vector stencil libraries are graphic icons depicting all the necessary elements of an iPhone 6 UI, including menu controls, tab bar icons, toolbars, navigation buttons, and of course icons for all the apps you might expect to find on your iPhone home screen. To make the design process even easier, there a number of ready made templates featuring some of the more popular screens and features users come across during everyday use. As with all ConceptDraw solutions, dedicated help materials are available from the website, to provide designers and artists with the tips and tricks necessary to replicate the iPhone 6 UI with the best possible results.