Products Solutions Samples Buy
✕
This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
Try ConceptDraw Free
HelpDesk

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

iPhone App GUI
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.
The vector stencils library "Apps icons" contains 24 icons of iOS 8 / iPhone 6 applications: Messages, Calendar, Photos, Camera, Weather, Clock, Maps, Videos, Notes, Reminders, Stocks, Game Center, Newsstand, iTunes Store, App Store, iBooks, Health, Passbook, Settings, Phone, Mail, Music, Safari.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 applications user interface sketches and mockups.
"iOS 8 is the eighth major release of the iOS mobile operating system designed by Apple Inc. as the successor to iOS 7. It was announced at the company's Worldwide Developers Conference (WWDC) 2014 on June 2, 2014 and will be released on September 17, 2014.
A new app named Health and a corresponding framework named HealthKit will be available. Siri will support hands-free activation and music identification using Shazam. Voice and video messages will be automatically deleted unless the user saves them for future reference. Interactive notifications will let the user respond to texts without leaving the app they are currently using." [iOS 8. Wikipedia]
The example "Design elements - Apps icons" 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.
iOS 8 apps icons
iOS 8 apps icons, iTunes Store icon, iBooks icon, Weather icon, Videos icon, Stocks icon, Settings icon, Safari icon, Reminders icon, Photos icon, Phone icon, Passbook icon, Notes icon, Newsstand icon, Music icon, Messages icon, Maps icon, Mail icon, Health icon, Game Center icon, Clock icon, Camera icon, Calendar icon, App Store icon,
Used Solutions
The vector stencils library "App icons" contains 24 icons of iOS 8 / iPhone 6 software applications.
Use it to design iOS 8 apps GUI prototypes and iPhone 6 software applications user interface sketches and mockups.
The icons example "App icons - Vector stencils library" 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.
Messages
Messages, Messages icon,
Calendar
Calendar, Calendar icon,
Photos
Photos, Photos icon,
Camera
Camera, Camera icon,
Weather
Weather, Weather icon,
Clock
Clock, Clock icon,
Maps
Maps, Maps icon,
Videos
Videos, Videos icon,
Notes
Notes, Notes icon,
Reminders
Reminders, Reminders icon,
Stocks
Stocks, Stocks icon,
Game Center
Game Center, Game Center icon,
Newsstand
Newsstand, Newsstand icon,
iTunes Store
iTunes Store, iTunes Store icon,
App Store
App Store, App Store icon,
iBooks
iBooks, iBooks icon,
Health
Health, Health icon,
Passbook
Passbook, Passbook icon,
Passbook (iOS 7)
Passbook (iOS 7), Passbook icon,
Settings
Settings, Settings icon,
Phone
Phone, Phone icon,
Mail
Mail, Mail icon,
Music
Music, Music icon,
Safari
Safari, Safari icon,
Used Solutions
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,
Used Solutions
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,
Used Solutions
The vector stencils library "Toolbar and Navigation Bar Buttons" contains 18 iOS apps GUI view elements - toolbar and navigation bar buttons: action, camera, compose, bookmarks, search, add, trash, organize, reply, refresh, play, fast forward, pause, rewind, backward, forward, albums, photos.
Use the library "Toolbar and Navigation Bar Buttons" to draw toolbar and navigation bar elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI view elements sample "Design elements - Toolbar and Navigation Bar Buttons" 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.
iOS GUI views - Toolbar and Navigation Bar Buttons
iOS GUI views - Toolbar and Navigation Bar Buttons, trash icon, search icon, rewind icon, reply icon, refresh icon, play icon, photos icon, pause icon, organize icon, forward icon, fast forward icon, compose icon, camera icon, bookmarks icon, backward icon, albums icon, add icon, action icon,
Used Solutions
The vector stencils library "Bars" contains 16 iOS apps GUI views: menu bar, navigation bar, search bar, status bar, tab bar, toolbar, wifi icon, bluetooth icon, power icon, plus button, back button.
Use the library "Bars" to draw bar views in your design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI views sample "Design elements - Bars" 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.
iOS GUI views: Bars
iOS GUI views: Bars, wifi icon, toolbar, tab bar, search bar, power icon, battery, plus, add, navigation bar, menu bar, navigation bar, bluetooth icon, back button,
Used Solutions
The vector stencils library "Tab Bar Icons" contains 18 iOS apps GUI elements - tab bar icons: bookmark, contacts, downloads, favorites, featured, history, more, most recent, most viewed, recents, search, top rated, near me, top charts, keypad, voicemail, radio, artists.
Use the library "Tab Bar Icons" to draw tab bar elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI views sample "Design elements - Tab Bar Icons" 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.
iOS GUI views: tab bar icons
iOS GUI views: tab bar icons, tab bar icon,
Used Solutions
The vector stencils library "Content Views" contains 20 iOS apps GUI content views: table view cell, table view cell with chevron, text view, background, world clock, horizontal and vertical scrollers, delete button, icons: cheked and unchecked selections, row reorder, disclosure indicator, attachment, checkmark, lock, airplane mode, camera. Use it to draw content view elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI views sample "Design elements - Content Views" 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.
iOS GUI views: Content views
iOS GUI views: Content views, text view, table view cell, table view, selection, scroller, row reorder, sort, locked, lock icon, delete button control, chevron, disclosure indicator, >, checkmark, check, camera icon, attachment, airplane mode icon,
Used Solutions
The vector stencils library "Controls" contains 26 iOS apps GUI controls: data pickers, picker, segmented controls, stepper, switch, text field, progress views, slider, page control, label, activity indicators, add button, info button, system button.
Use the library "Controls" to draw control elements for design of iPhone software applications user interface sketches, mockups and prototypes.
The iOS GUI views sample "Design elements - Controls" 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.
iOS GUI controls
iOS GUI controls, text field, switch on, switch off, stepper, slider, segmented control, progress view, picker view, page control, label, info button, detail disclosure button, detail disclosure button, delete button, date picker, contact add button, add, plus icon, insert, cancel button, button text label, activity indicator, loading spinner, refresh control, activity indicator, loading spinner,
Used Solutions
The vector stencils library "Temporary Views" contains 8 iOS apps GUI temporary view elements: alert two-button, alert, action sheet background, action sheet buttons, cancel button, delete button.
Use the library "Temporary Views" to add temporary view elements into your sketches, mockups and prototypes of iPhone software applications user interface.
The iOS GUI views sample "Design elements - Temporary Views" 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.
iOS GUI - Temporary Views
iOS GUI - Temporary Views, delete button, cancel button, alert, OK button, Cancel button, alert, OK button, actions sheet, background, action sheet button,
Used Solutions