Mobile

Facebook Twitter

Flat vs flat: a comparison of Windows Phone and iOS 7 app designs. As iOS app developers embrace the new flat UI conventions of iOS 7, many popular apps got a flat-design makeover.

Flat vs flat: a comparison of Windows Phone and iOS 7 app designs

At the same time many of these apps also have a sibling Windows Phone app. As the two platforms have a slightly different interpretation of “flat design”, I’ve been meaning to compare the similarities and differences of third party apps trying to conform to the respective UX guidelines. Here is a quick list I put together. I hope to add more apps to this over time. Android Fragmentation Report July 2013.

11,868Distinct Android devices seen this year 3,997Distinct Android devices seen last year 682,000Devices surveyed for this report. 47.5%Samsung's share of those devices. 8Android versions still in use 37.9%Android users on Jelly Bean Fragmentation is both a strength and weakness of the Android ecosystem.

Android Fragmentation Report July 2013

When comparisons are made between Android and iOS the issue of different API levels, and the vastly different devices running them, is often emphasised. In this report we examine the extent of Android fragmentation and analyse its impact on both users and developers. The Problem: 3.5 Inches by Dustin Curtis. I’ve been wondering why Apple chose to make the iPhone 4’s screen 3.5-inches when other comparable phones with Android and Windows Phone 7 have larger, more inviting screens.

3.5 Inches by Dustin Curtis

When you first see a phone with a 4-inch or larger screen, it seems like a much better experience. I thought it was a technical decision, and it could be, but since switching to an Android phone – a Samsung Galaxy S II, the “best Android phone you can buy, anywhere” – 15 days ago, I have realized another huge downside of larger screens: when holding the phone with one hand, I can’t reach the other side of the screen with my thumb. Touching the upper right corner of the screen on the Galaxy S II using one hand, with its 4.27-inch screen, while you’re walking down the street looking at Google Maps, is extremely difficult and frustrating. Android Orphans: Visualizing a Sad History of Support. The announcement that Nexus One users won’t be getting upgraded to Android 4.0 Ice Cream Sandwich led some to justifiably question Google’s support of their devices.

Android Orphans: Visualizing a Sad History of Support

I look at it a little differently: Nexus One owners are lucky. I’ve been researching the history of OS updates on Android phones and Nexus One users have fared much, much better than most Android buyers. I went back and found every Android phone shipped in the United States1 up through the middle of last year. Useful code snippets to develop iPhone friendly websites - CatsWhoCode.com. Detect iPhones and iPods using Javascript When developing for the iPhone and the iPod Touch, the first thing we have to do is obviously detect it, so we can apply specific code or styles to it.

useful code snippets to develop iPhone friendly websites - CatsWhoCode.com

The following code snippets will detect iPhones and iPods using Javascript, and redirect those users to an iPhone specific page. Source: Activity. Bjango ✎ Marc Edwards. How to fit your website for the Apple iPad « x7 Labs. Important note, updated: Apple has released very limited information about the iPad at the Safari Dev Center.

How to fit your website for the Apple iPad « x7 Labs

This article is written on the assumption that previous guidelines for Safari on iPhone OS apply to version 3.2 and the iPad. Step 0: Design for 980 pixels and do nothing. Icon Design Guidelines. An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app.

Icon Design Guidelines

When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen. iPad Application Design » Matt Legend Gemmell. I held a 6-hour workshop at NSConference in both the UK and USA recently, focusing on software design and user experience.

iPad Application Design » Matt Legend Gemmell

Predictably, an extremely popular topic was the iPad, and how to approach the design of iPad applications. I gave a 90-minute presentation on the subject to start each workshop, and I want to share some of my observations here. Please note: this is about the user interface conventions and considerations which apply to creating software for the iPad platform (and touch-screen tablet devices in general). It is not a technical discussion of iPad-related APIs (which remain under NDA at time of writing in early March 2010). Mobile Emulators and Simulators - The ultimate guide to mobile developers. The most useful tools for mobile web are emulators and simulators.

Mobile Emulators and Simulators - The ultimate guide to mobile developers

In Chapter 4 of Programming the Mobile Web I’ve made an extensive description and installation guideline for creating a desktop mobile testing environment. And in Chapter 13, I’ve also reviewed other solutions for mobile testing, including four device remote lab solutions. I’ve mixed all this information to create this ultimate guide to 37 download resources for hundreds of emulators and simulators.

Enjoy! This list includes content from Programming the Mobile Web book with frequent updated information & links. iPhone, Android, Windows and BlackBerry mobile development tutorials. PhoneGap. Push Pop Press. Our Choice will change the way we read books.

Push Pop Press

And quite possibly change the world. In this interactive app, Al Gore surveys the causes of global warming and presents groundbreaking insights and solutions already under study and underway that can help stop the unfolding disaster of global warming. Supporting Multiple Screens. Android runs on a variety of devices that offer different screen sizes and densities. For applications, the Android system provides a consistent development environment across devices and handles most of the work to adjust each application's user interface to the screen on which it is displayed. At the same time, the system provides APIs that allow you to control your application's UI for specific screen sizes and densities, in order to optimize your UI design for different screen configurations. For example, you might want a UI for tablets that's different from the UI for handsets. UI Guidelines for mobile and tablet web app design. Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design.

Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remember to provide the best possible experience on each platform.