HTML5 vs Native: The Mobile App Debate. Introduction Mobile apps and HTML5 are two of the hottest technologies right now, and there's plenty of overlap.
Web apps run in mobile browsers and can also be re-packaged as native apps on the various mobile platforms. With the wide range of platforms to support, combined with the sheer power of mobile browsers, developers are turning to HTML5 as a "write one, run many" solution. Best Collection of Mobile User Interface Patterns. By anthony on 05/10/11 at 11:30 am There are plenty of user interface pattern resources on the web.
But very few of them are for mobile interfaces. A User-Centered Approach To Web Design For Mobile Devices - Smashing Magazine. Advertisement For the past few years, we’ve heard pundits declaring each year as “year of the mobile Web”; each year trying to sound more convincing than the previous.
Whether 2011 will be the real “year of the mobile” remains to be seen, but what is indisputable is the fact that the mobile usage of the Web is growing and evolving. As it evolves, so does the mobile user experience, driven by advances in mobile device technology — from better browsers on basic mobile phones (or feature phones — remember the Motorola RAZR?)
To the increased adoption of smartphones and tablets. The term “Mobile Web” (although often criticized) is commonly used to describe accessing the internet using a mobile device. Three Layers of Mobile User Experience. By Shanshan Ma Published: May 23, 2011 “When looking at what makes mobile user experiences successful, we should consider the multiple layers of a mobile user experience.”
In comparison to traditional cell phones, smartphones do a much better job of letting users stay connected on the go. Mobile HTML5 - compatibility tables for iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices.
Cactus Blog - 10 UX Tips For Your Mobile Checklist - E-commerce insights and strategies. Mobitest – Mobile Web Performance Tool. Lessons from mobile web design. Mobile development is all the rage, and the interactive industry is in great turmoil as countless tablets and smartphones come to market.
Mobile app development gets most of the attention, while the mobile web somewhat quietly creeps along. But the mobile web is making progress every day as more and more developers launch mobile-optimized interfaces. Optimizing a Screen for Mobile Use. Index - 4ourth Mobile Design Pattern Library. Designing Mobile Interfaces: Patterns for Interaction Design is a comprehensive reference for mobile design patterns.
Whether designing for smartphones, featurephones or other related devices, common principles are discussed and codified as 76 universal interaction and interface patterns. Aside from suggestions, each pattern lists pitfalls and implementations to avoid. Every pattern is grouped with similar or optional patterns, and explained with the underlying psychology and physiology. Getting Ahead Of The Curve: Branding On Mobile Devices And Desktop Browsers - Smashing Magazine. Advertisement According to Brandweek, “brands are the express checkout for people living their lives at ever increasing speed.
This article shows you how, and why, to add “app”-like icons to your sites for several mobile and desktop browser displays, to clearly and elegantly identify your site with an icon that stands out from the crowd. Logo Presentation And The Nine Basic Ballet Movements. Designing For Android - Smashing Magazine. Advertisement For designers, Android is the elephant in the room when it comes to app design.
As much as designers would like to think it’s an iOS world in which all anyones cares about are iPhones, iPads and the App Store, nobody can ignore that Android currently has the majority of smartphone market share and that it is being used on everything from tablets to e-readers. Mobile UI Patterns ? Splash Screens. Introduction to Widget Handset APIs in WAC 1.0. By Michał Jankowski Introduction In the brand new release of Opera Widgets Runtime for Android there are plenty of new exciting features, including support for the newly available Widget Handset APIs from the WAC initiative.
These provide widgets with a greater level of device access previously only available to native applications. Building a spirit level widget using WAC 1.0. By Michał Borek Introduction The WAC initiative is a joint effort by mobile industry leaders to make mobile applications more interoperable across devices, easier for developers to create, and more powerful and useful for end users.
Mobile compatibility tables. Page last changed today This series of compatibility tests is sponsored by Vodafone. On this page I give a quick overview of the mobile browser compatibility tests I’ve done so far. If you want the latest inside scoops on my mobile tests, follow me on Twitter. See also the CSS table. These tests are in no way complete. Mobile Web Best Practices 1.0. Les cartes des bonnes pratiques des applications Web mobiles. Mobile Web Application Best Practices. Abstract The goal of this document is to aid the development of rich and dynamic mobile Web applications. It collects the most relevant engineering practices, promoting those that enable a better user experience and warning against those that are considered harmful.
Create Mobile-optimized WebApps with just HTML and CSS iUI has the following features: How the World Is Using Cellphones [INFOGRAPHIC] Wilson Electronics, Inc. sent us this interesting (rather large) infographic outlining the demographics of cellphone use (click for full version). The infographic illustrates, among other things, the number of cellphones per capita in various countries, the rate of cellphone adoption in the U.S. during the past decade and the acceptability of certain behaviors regarding cellphone use.
According to the infographic's sources, there are nearly two cellphones for every one person living in the United Arab Emirates (1.95 to be exact) and Estonia (1.94). By comparison, there are .87 cellphones per person in the U.S. MobiForge. Effective Design for Multiple Screen Sizes. So you're a designer and have been tasked with the design of a mobile web site. Chances are, unless you're designing for only one device you're quickly going to be faced with a common problem experienced by designers who work with mobile devices; figuring out what screen size to actually design for. For instance: The iPhone is 320 pixels wide by 480 pixels high.Many Nokia N-Series devices are 240 pixels wide by 320 pixels high.Newer devices often support a landscape mode where the width and height are spontaneously reversed.Older (yet still popular) Nokia devices have displays ranging from 176 by 208 pixels up to 352 by 416 pixels.Blackberry screen resolutions range anywhere from 160 x 160 pixels all the way up to 324 x 352 pixels.
The Great WebKit Comparison Table. State of mobile web development, part 1/3: the problem. State of mobile web development, part 2/3: progressive enhancement. State of mobile web development, part 3/3: the mobile industry’s failings. Considerations for Mobile Design (Part 1): Speed. Building Mobile Web Apps the Right Way: Tips and Techniques. Mobile Strategy, Data Visualization, and Design Process - Big Challenges, Big Rewards.
WURFL. DeviceAtlas. Tera-WURFL - Mobile Device Identification. Simulez votre site sur téléphones mobiles avec ProtoFluid - Alsacréations. Mobile 10 and the Opera Widgets Mobile Emulator on your desktop - Opera Developer Community. Mobile emulator for desktop - Opera Developer Community. Mini Simulator. ProtoFluid. Rapid Prototyping of Adaptive CSS and Responsive Design.