This site uses cookies. By continuing to browse the ConceptDraw site you are agreeing to our Use of Site Cookies.
This UI design example shows common icons of Android applications on the App Drawer screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - App drawer" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
App Drawer UI
App Drawer UI, vibration icon, status bar, signal wifi 4 bar icon, signal cellular 3 bar icon, page control, navigation bar, file upload icon, dimmed background, cards, bluetooth icon, battery 80 icon, app icon text label, Settings Google icon, Nexus 6, Maps icon, Keep icon, Hangouts icon, Google plus icon, Google icon , Gmail icon, Fit icon, Email icon, Earth icon, Drive icon, Downloads icon, Docs icon, Contacts icon, Clock icon, Chrome icon, Camera icon, Calendar icon, Calculator icon, Browser icon, Android wallpapers,
This Android 5 UI design example shows notifications on Lock screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - Lock screen notifications" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Lock screen notifications UI
Lock screen notifications UI, warning icon, timestamp, signal wifi statusbar 4 bar icon, signal cellular null icon, shop two icon, photo camera icon, notifications, notification title, notification message, lock open icon, dimmed background, contracted notification, time-sensitive notification, call icon, battery full icon, avatar, photo, account circle icon, Nexus 6, Android wallpapers,
This Android 5 UI design example shows Gmail screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - Gmail" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Gmail screen
Gmail screen, status bar, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, send icon, navigation bar, menu icon, keyboard, full-width text field, character counter, full-width text field, closed contact chip, chevron right icon, battery, backspace, arrow back icon, app bar, Nexus 6,

android ui design, android gui, android ui design tool, android user interface Android User Interfaceā€¸

android ui design, android gui, android ui design tool, android user interface
The Android User Interface solution allows ConceptDraw PRO act as an Android UI design tool. Libraries and templates contain a variety of Android GUI elements to help users create images based on Android UI design.

Android User Interface

Android is a mobile operating system (OS) based on the Linux kernel and currently developed by Google. One of the most important features of any Android app is, of course, its Android User Interface. It is all what the user sees on the screen of its device and interacts with. Creating of successful Android User Interface and developing Android UI prototypes may be the mighty task. But we recommend you to make it fast and easy in ConceptDraw PRO specially extended with Android User Interface Solution from the Software Development Area.

Android GUI

Android is an operating system based on the Linux kernel and developed by Google for smartphones, tablet computers, electronic books, netbooks, smartbooks, digital players, watches, game consoles, TV and other devices. ConceptDraw PRO extended with Android User Interface Solution from the Software Development Area is a powerful software with extensive drawing tools which can help you to build the intelligible, attractive and easy for perception Android GUI for your application.
The vector stencils library "Android UI" contains 28 UI elements: screen, status bar, app bar, divider, navigation bar, page control, tab, search bar, flexible space, keyboard, cursor tooltip, touch UI tooltip, index scroller, Google Nexus 6 smartphone, Google Nexus 9 tablet.
Use it to design user interface of your Android 5 application.
The shapes example "Design elements - Android UI" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
User interface elements
User interface elements, ui element shadow, touch ui tooltip, tab bar, search bar, status bar, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, scrollbar, screen, page control, navigation bar, app bar, navigation bar, menu icon, keyboard, index scroller, scrollbar, index scroller notification, flexible space, divider, cursor tooltip, keyboard tooltip, battery, backspace, app bar, Nexus 9, Nexus 6,

graphical user interface, UI patterns, GUI interface iPhone User Interface

graphical user interface, UI patterns, GUI interface
iPhone User Interface solution extends ConceptDraw PRO v10 software with templates, samples and libraries with large quantity of vector stencils of graphical user interface elements, Apps icons, UI patterns for designing and prototyping of the iOS applic
This Android 5 UI design example shows New chat screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - Single-line list" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Single-line list UI
Single-line list UI, status bar, single-line list, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, search icon, navigation bar, messenger icon, menu icon, list subheader, list divider, icon square, floating action button, battery, avatar, app bar, add icon, Nexus 6,
The vector stencils library "Android system icons - device" contains 86 device pictograms.
Use this icon set to design user interface of your Android application.
The icons example "Design elements - Android system icons (device)" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Device system icons
Device system icons, wifi tethering icon, wifi lock icon, usb icon, storage icon, signal wifi statusbar null icon, signal wifi statusbar not connected icon, signal wifi statusbar connected no internet icon, signal wifi statusbar connected no internet 4 icon, signal wifi statusbar connected no internet 3 icon, signal wifi statusbar connected no internet 2 icon, signal wifi statusbar connected no internet 1 icon, signal wifi statusbar 4 bar icon, signal wifi statusbar 3 bar icon, signal wifi statusbar 2 bar icon, signal wifi statusbar 1 bar icon, signal wifi off icon, signal wifi 4 bar icon, signal wifi 3 bar icon, signal wifi 2 bar icon, signal wifi 1 bar icon, signal wifi 0 bar icon, signal cellular off icon, signal cellular null icon, signal cellular no sim icon, signal cellular connected no internet 4 bar icon, signal cellular connected no internet 3 bar icon, signal cellular connected no internet 2 bar icon, signal cellular connected no internet 1 bar icon, signal cellular connected no internet 0 bar icon, signal cellular 4 bar icon, signal cellular 3 bar icon, signal cellular 2 bar icon, signal cellular 1 bar icon, signal cellular 0 bar icon, settings system daydream icon, sd storage icon, screen rotation icon, screen lock rotation icon, screen lock portrait icon, screen lock landscape icon, now widgets icon, now wallpaper icon, nfc icon, network wifi icon, network cell icon, multitrack audio icon, location searching icon, location disabled icon, gps off icon, gps not fixed icon, gps fixed icon, dvr icon, devices icon, developer mode icon, data usage icon, brightness medium icon, brightness low icon, brightness high icon, brightness auto icon, bluetooth searching icon, bluetooth icon, bluetooth disabled icon, bluetooth connected icon, battery unknown icon, battery std icon, battery full icon, battery charging full icon, battery charging 90 icon, battery charging 80 icon, battery charging 60, battery charging 50 icon, battery charging 30 icon, battery charging 20 icon, battery alert icon, battery 90 icon, battery 80 icon, battery 60 icon, battery 50 icon, battery 30 icon, battery 20 icon, airplanemode on icon, airplanemode off icon, add alarm icon, access time icon, access alarms icon, access alarm icon,
"Smaller mobile devices such as PDAs and smartphones typically use the WIMP elements with different unifying metaphors, due to constraints in space and available input devices. Applications for which WIMP is not well suited may use newer interaction techniques, collectively named as post-WIMP user interfaces.
As of 2011, some touch-screen-based operating systems such as Apple's iOS (iPhone) and Android use the class of GUIs named post-WIMP. These support styles of interaction using more than one finger in contact with a display, which allows actions such as pinching and rotating, which are unsupported by one pointer and mouse." [Graphical user interface. Wikipedia]
"In computing post-WIMP comprises work on user interfaces, mostly graphical user interfaces, which attempt to go beyond the paradigm of windows, icons, menus and a pointing device, i.e. WIMP interfaces. ...
However WIMP interfaces are not optimal for working with complex tasks such as computer-aided design, working on large amounts of data simultaneously, or interactive games. WIMPs are usually pixel-hungry, so given limited screen real estate they can distract attention from the task at hand. Thus, custom interfaces can better encapsulate workspaces, actions, and objects for specific complex tasks. Applications for which WIMP is not well suited include those requiring continuous input signals, showing 3D models, or simply portraying an interaction for which there is no defined standard widget.
Interfaces based on these considerations, now called "post-WIMP", have made their way to the general public. Examples include the interface of the classic MP3 player iPod and a bank's automated teller machine screen." [Post-WIMP. Wikipedia]
The example "iPhone OS (iOS) graphic user interface (GUI) - Activity indicator view" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the Graphic User Interface solution from the Software Development area of ConceptDraw Solution Park.
iPhone GUI
iPhone GUI, toolbar, status bar, activity indicator, status bar, simple list, navigation bar, controls, activity indicator,
This Android 5 UI design example shows New chat screen of Google Nexus 6 smartphone.
The user interface design example "Android 5.0 - Single-line list" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Single-line list UI
Single-line list UI, status bar, single-line list, signal wifi statusbar 3 bar, status bar icon, signal cellular 2 bar, search icon, navigation bar, messenger icon, menu icon, list subheader, list divider, icon square, floating action button, battery, avatar, app bar, add icon, Nexus 6,
This Android 7 user interface example illustrates usage of Android Material Design single-line grid list.
"Grid lists are an alternative to standard list views.
A grid list consists of a repeated pattern of cells arrayed in a vertical and horizontal layout.
Grid lists are best used on similar data types. They help improve the visual comprehension of the content they contain. ...
A grid list is best suited to presenting homogenous data, typically images, and is optimized for visual comprehension and differentiating between similar data types. ...
A grid list consists of a repeated pattern of cells arrayed vertically and horizontally within the grid list.
Tiles hold content and can span one or more cells vertically or horizontally." [material.io/ guidelines/ components/ grid-lists.html]
The Android 7 UI design example "Single-line grid list" was created using the ConceptDraw PRO diagramming and vector drawing software extended with the "Android user interface" solution from the "Software Development" area of ConceptDraw Solution Park.
Single-line grid list
Single-line grid list, status bar, single-line header, single-line footer, signal cellular 4 bar icon, search icon, screen, network wifi icon, navigation bar, grid list element, battery full icon, arrow back icon, app bar, toolbar, Nexus 6,

ConceptDraw Solution Park ConceptDraw Solution Park

ConceptDraw Solution Park
ConceptDraw Solution Park collects graphic extensions, examples and learning materials
HelpDesk

How to Design an Interface Mock-up of an Android Application

Uses Interface prototyping is much convenient when you can work through a diagram similar to the device design. ConceptDraw PRO allows you to develop Android User Interface (UI) prototypes using the special templates and vector libraries of the specific user interface elements. Using ConceptDraw PRO you can mock-up an Android UI system so that you can figure out how best to represent user interface (UI) elements for the development of a new mobile Apps.