This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
HelpDesk

How to Design an Interface Mockup for iPhone Application in ConceptDraw PRO

The Apple iPhone user interface has become something of a standard for smartphones, and mobile devices in general. A well designed user interface (UI) is very important for user-friendly navigation and best correlation with operating system logic. Development of successful iPhone App UI requires a planning and prototyping stage. An iPhone UI diagram can be employed to give a general view of the device's screen, upon which elements can be placed and re-arranged as necessary. Using ConceptDraw PRO you can mock-up an iPhone UI system so that you can figure out how best to represent user interface (UI) elements for the development of a new iPhone App.
This template contains iPhone home screen with app icons.
Use it to design iPhone software applications user interface sketches, mockups and prototypes.
The template "iOS 8 / iPhone 6 home screen" for the ConceptDraw PRO diagramming and vector drawing software is included in the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone home screen with app icons
iPhone home screen with app icons, wifi icon, page control, iTunes Store icon, iPhone 6, iBooks icon, bluetooth icon, Weather icon, Videos icon, Stocks icon, Settings icon, Safari icon, Reminders icon, Photos icon, Passbook icon, Notes icon, Newsstand icon, Music icon, Messages icon, Maps icon, Mail icon, Health icon, Camera icon, Calendar icon, App Store icon,
This example shows iPhone 6 home screen with photo background and app icons.
The sample "iOS 8 / iPhone 6 home screen" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone home screen with app icons
iPhone home screen with app icons, wifi icon, page control, iTunes Store icon, iPhone 6, bluetooth icon, Weather icon, Videos icon, Settings icon, Reminders icon, Photos icon, Notes icon, Music icon, Messages icon, Maps icon, Mail icon, Camera icon, Calendar icon, App Store icon,
Use this template to prototype and design the iPhone user interface.
"At WWDC 2007 on June 11, 2007, Apple announced that the iPhone would support third-party web applications using Ajax that share the look and feel of the iPhone interface. On October 17, 2007, Steve Jobs, in an open letter posted to Apple's "Hot News" weblog, announced that a software development kit (SDK) would be made available to third-party developers in February 2008. The iPhone SDK was officially announced and released on March 6, 2008, at the Apple Town Hall facility.
It is a free download, with an Apple registration, that allows developers to develop native applications for the iPhone and iPod Touch, then test them in an "iPhone simulator". However, loading an application onto a real device is only possible after paying an Apple Developer Connection membership fee. Developers are free to set any price for their applications to be distributed through the App Store, of which they will receive a 70% share.
Developers can also opt to release the application for free and will not pay any costs to release or distribute the application beyond the membership fee. The App Store was launched with the release of iOS 2.0, on July 11, 2008. The update was free for iPhone users; owners of older iPod Touches were required to pay US$10 for it.
Once a developer has submitted an application to the App Store, Apple holds firm control over its distribution." [iPhone. Wikipedia]
The iPhone interface template for the ConceptDraw PRO diagramming and vector drawing software is included in the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI template
iPhone GUI template, iPhone case,
This example shows iPhone 6 screen Settings - Included Apps.
"Settings lets you configure iPhone, set app options, add accounts, and set other preferences. See other chapters for information about settings for the built-in apps." [iphone6manual.com/ wp-content/ uploads/ 2012/ 12/ iPhone-6-Manual-and-User-Guide.pdf]
The sample "Settings - Included Apps" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone screen - Settings - Included Apps
iPhone screen - Settings - Included Apps, wifi icon, toolbar, table view cell, table view, status bar, navigation bar, menu bar, iPhone 6, checkmark, check, bluetooth icon, back button, Reminders icon, Photos icon, Phone icon, Passbook icon, Messages icon, Game Center icon, Calendar icon, App Store icon,
This template shows iPhone 6 Contact Card screen.
Use it to design iPhone 6 software apps user interface.
The template "Contact Card" for the ConceptDraw PRO diagramming and vector drawing software is included in the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone screen template - Contact Card
iPhone screen template - Contact Card , text view, table view, navigation bar, menu bar, iPhone 6, chevron, disclosure indicator, >, button text label, back button,
This example shows iPhone 6 Contact Card screen.
This example was drawn on the base of image from website developer.apple.com.
[developer.apple.com/ library/ ios/ documentation/ UserExperience/ Conceptual/ MobileHIG/ Art/ contact_ card_ 2x.png]
"If you need to quickly send contact information from your iPhone, iPad, or Mac, it's and easy task with iMessage or even good, old-fashioned SMS. As long as you have the information listed in your Contacts app, you're only a few taps away from sharing a vCard file (vcf) containing phone numbers, email, street addresses, and much more. ...
How to share a contact card via iMessage using the iOS Contacts app.
1. Launch the Contacts app on your iPhone or iPad and find the contact you'd like to share. On the iPhone you can alternately use the Phone app if you'd prefer.
2. Now tap on Share Contact towards the bottom.
3. Tap on Message.
4. Type the name of the person you'd like to share it with and select them.
5. Now tap Send." [imore.com/ how-send-contact-card-imessage-or-sms#share-ios]
The sample "Contact Card" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone screen - Contact Card
iPhone screen - Contact Card, text view, table view, navigation bar, menu bar, iPhone 6, chevron, disclosure indicator, >, button text label, back button,
This template shows iPhone 6 Messages screen.
Use it to design iPhone 6 software apps user interface.
The template "Messages" for the ConceptDraw PRO diagramming and vector drawing software is included in the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone screen template - Messages
iPhone screen template - Messages , wifi icon, toolbar, text field, table view, status bar, navigation bar, menu bar, microphone icon, message box, info label, iPhone wallpaper, iPhone keyboard, iPhone 6, delete button, camera icon, button text label, bluetooth icon, back button,

GUI development tool, GUI interface prototyping Graphic User Interface

GUI development tool, GUI interface prototyping
Graphic User Interface solution extends ConceptDraw PRO software with templates, samples and libraries of vector stencils for design of the GUI prototypes and diagrams for Windows, Mac OS and iOS software.
This example shows iPhone 6 Notification Center screen.
"Notification Center is a feature in iOS and OS X that provides an overview of alerts from applications. It displays notifications until the user completes an associated action, rather than requiring instant resolution. Users may choose what applications appear in Notification Center, and how they are handled. Initially released with iOS 5 in October 2011... Notification Center was released in iOS 5 to replace the previous system for dealing with push and local notifications. Instead of interrupting the user with an alert, Notification Center instead displays a banner at the top of the screen. This allows the user to continue using their device, and disappears after a set period of time. All previous notifications are collated into the Notification Center panel, which can be displayed in iOS by dragging down from the status bar... Notification Center on iPhone and iPod Touch also includes Weather and Stocks widgets, displaying information on the weather at the user's current location, and any stocks that the user has selected in the Stocks application." [Notification Center. Wikipedia]
The sample "Notification Center" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the iPhone User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone screen - Notification Center
iPhone screen - Notification Center, wifi icon, table view cell, table view, switch on, switch off, status bar, navigation bar, menu bar, label, iPhone 6, button text label, bluetooth icon, back button,