{infiniteZest}
// Articles. Tutorials. Utilities.
Home  |   Search  |   Login  
Categories Skip Navigation Links
New / All
AJAX
Apple
ASP.NET
.NET
Git
Google / Android
Python / IronPython
Miscellaneous
SQL Server
Evolution of the User Interface in Android
Summary
This article has the user interface screenshots of Android version 0.9. This article also shows the evolution of the Android user interface from earlier versions via screenshots.
 
Table of Contents

Main Screen

Figure 1. Main (Home) screen of Android in version 0.9. Only the primary applications (Dialer, Browser, Contacts, and Maps) are shown. The Menu tab holds rest of the applications.

Figure 2. Applications on Google Android phone. This transparent window is shown when the main tab is clicked.

Figure 3. Android’s main screen has gone from a Mac style Dock to iPhone style display of icons to, perhaps, its own style

The Dialer

Figure 4. The dialer with Call log, Contacts, and Favorites in the top tab in Google Android version 0.9. A bit different in earlier version.

The Google Maps

Figure 5. Google Maps from different versions of Android

The Browser

Figure 6. The browser in different versions of Android

The Graphics

Figure 7. The Graphics / AlphaBitmap on Android

Figure 8. The Graphics / Arcs on Android

Figure 9. Graphics / Clipping on Android

Figure 10. Graphics / Color Matrix

Figure 11. Graphics / Measure Text on Android

Figure 12. Graphics / Kube (from OpenGL ES) on Android

Figure 13. Graphics / Patterns on Android

Figure 14. Graphics / Round Rectangles on Android

Figure 15. Graphics / Text Align on Android

Figure 16. Unicode Chart on Android

Figure 17. Graphics / Xfermodes on Android

More Screenshots

 

Main Screen

The look and feel of Android’s main screen has definitely evolved from version to version. Following figures show the main screen of Android from version 0.9 and how it changed from earlier versions.

Figure 1. Main (Home) screen of Android in version 0.9. Only the primary applications (Dialer, Browser, Contacts, and Maps) are shown. The Menu tab holds rest of the applications.

Figure 1. Main (Home) screen of Android in version 0.9. Only the primary applications (Dialer, Browser, Contacts, and Maps) are shown. The Menu tab holds rest of the applications.

Clicking on the Menu tab on the main screen opens up the icons for rest of the applications.

Figure 2. Applications on Google Android phone. This transparent window is shown when the main tab is clicked.

Figure 2. Applications on Google Android phone. This transparent window is shown when the main tab is clicked.

Now let’s see how the user interface of the main screen has evolved.

Figure 3. Android’s main screen has gone from a Mac style Dock to iPhone style display of icons to, perhaps, its own style

Figure 3. Android’s main screen has gone from a Mac style Dock to iPhone style display of icons to, perhaps, its own style

As you can see in the above figure, the original main screen interface sported dock, that you would see on the Mac OS. Then in the version m5-rc14, the user interface became a bit like that of iPhone (big icons of applications on the main screen). And the latest version is similar, but most of the icons need to be pulled up from a menu tab.

The Dialer

The dialer sports a sleeker look as well (in Android version 0.9).

Figure 4. The dialer with Call log, Contacts, and Favorites in the top tab in Google Android version 0.9. A bit different in earlier version.

Figure 4. The dialer with Call log, Contacts, and Favorites in the top tab in Google Android version 0.9. A bit different in earlier version.

As you can see, a cooler/darker user interface made it to the latest version. Older version had a lighter look. These are the default user interfaces.

The Google Maps

Google maps, of course, look the same in different versions of Android. However, in version 0.9, two new menu buttons have been added: My Location and Map Mode. The Map Mode has the familiar mode: Map (standard map), Satellite, Traffic, and Street View.

Figure 5. Google Maps from different versions of Android

Figure 5. Google Maps from different versions of Android

The Browser

Look and feel of the browser remains pretty much the same, except for the subtle differences in the menu.

Figure 6. The browser in different versions of Android

Figure 6. The browser in different versions of Android

The Graphics

Following are some graphics screenshots from Android version 0.9.

Figure 7. The Graphics / AlphaBitmap on Android

Figure 7. The Graphics / AlphaBitmap on Android

Figure 8. The Graphics / Arcs on Android

Figure 8. The Graphics / Arcs on Android

Figure 9. Graphics / Clipping on Android

Figure 9. Graphics / Clipping on Android

Figure 10. Graphics / Color Matrix

Figure 10. Graphics / Color Matrix

Figure 11. Graphics / Measure Text on Android

Figure 11. Graphics / Measure Text on Android

Figure 12. Graphics / Kube (from OpenGL ES) on Android

Figure 12. Graphics / Kube (from OpenGL ES) on Android

Figure 13. Graphics / Patterns on Android

Figure 13. Graphics / Patterns on Android

Figure 14. Graphics / Round Rectangles on Android

Figure 14. Graphics / Round Rectangles on Android

Figure 15. Graphics / Text Align on Android

Figure 15. Graphics / Text Align on Android

Figure 16. Unicode Chart on Android

Figure 16. Unicode Chart on Android

Figure 17. Graphics / Xfermodes on Android

Figure 17. Graphics / Xfermodes on Android

More Screenshots

Please refer to the following article series for additional screenshots of Google Android user interface (earlier versions):

Article Series: Getting Started with Google Android

Bookmark and Share This

More Articles With Similar Tags
icon-android-debug-toolbar.jpg
This article gives some quick pointers on how to start debugging an Android application, along with where to put the breakpoints and how to change the emulator sizes from within Eclipse.
icon-android-safari-browser-user-agent-string.jpg
This article talks about the basics of the browser (including the user agent string) used in the Android platform.
This article talks about various aspects of creating an SQLite database. It also uses Android SQLite shell as an example.
This article explains how to get pretty / nice output from the SQLite command line shell program.
icon-android-emulator-hvga-p-lunar-lander.jpg
See the images of various skins and screens of Android emulator with games (Lunar Lander and Snake) in them. Also shows how to change the skins of Android emulator while debugging your program.
About  Contact  Privacy Policy  Site Map