Webdesign - Mobile - Introduction

TwitterFacebook
Get flash to fully experience Pearltrees
International Web standards body, The World Wide Web Consortium (W3C) has released a new standard for developers of mobile Web applications. The document, published as a W3C Recommendation, is titled "The Mobile Web Application Best Practices" and it offers practical advice on everything from relevant engineering practices to tips on creating a better user experiences. "I am very excited about this document, which I've already used myself to ensure that the W3C Cheat Sheet , a mobile Web application, works not just on mobile devices, but on all devices," said Dominique Hazaël-Massieux, W3C Mobile Web Initiative Lead. "These guidelines include sound advice from real-world Web apps developers, telcos, and browser vendors." With the proliferation of numerous mobile platforms, the W3C believes that the appeal of using the Web as a development platform will only continue to grow.

W3C Releases Best Practices for Mobile Web Apps

http://www.readwriteweb.com/mobile/2010/12/w3c-releases-best-practices-for-mobile-web-apps.php
http://www.alistapart.com/articles/smartphone-browser-landscape/

Smartphone Browser Landscape

Users expect websites to work on their mobile phones. In two to three years, mobile support will become standard for any site. Web developers must add mobile web development to their skill set or risk losing clients. How do you make websites mobile compatible? The answer is obvious: By testing them on all mobile phones, and by solving the problems you encounter. But, that’s a useless answer.
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.

UI Guidelines for mobile and tablet web app design

http://www.mobilexweb.com/blog/ui-guidelines-mobile-tablet-design

Lessons on usability for mobile devices

http://vator.tv/news/2010-10-14-lessons-on-usability-for-mobile-devices The mobile space is the new Wild West of technology. Much like the Web during the 1990s, mobile is the new domain at the forefront of innovation.
http://speckyboy.com/2011/09/14/things-you-have-to-consider-when-designing-for-mobile/

Things you have to Consider when Designing for Mobile

Mobile web browsing has been growing exponentially in the past few years.

A 5-Step Checklist for Mobile Website Design

http://www.1stwebdesigner.com/design/5-step-checklist-for-mobile-website-design/ As the number of people browsing the web from mobile devices increases, the demand for websites that respond to those devices surges.

Building Mobile Web Apps the Right Way: Tips and Techniques

Mobile web apps are useful alternatives to native apps for mobile devices. These days, Android-based products and iOS devices like the iPhone and iPad all come packed with fantastic mobile browsers (Mobile Chrome and Mobile Safari respectively), and Opera fans can install their preferred browser, too. From a desktop point of view, these products make browsing just about the most pleasurable experience possible. CSS3 transitions, beautifully crafted HTML5 and embellishments mean their users get the highest possible browsing experience (assuming the content being viewed has been crafted with care and consideration). Their mobile counterparts equally do not disappoint. Fast-loading JavaScript, combined with equally impressive CSS3 and HTML rendering mean that your mobile browser can provide you with as rich an experience as a native app. http://sixrevisions.com/web-applications/building-mobile-web-apps-the-right-way-tips-and-techniques/
http://mashable.com/2011/03/24/mobile-web-design-tips/

10 Key Considerations for Your Mobile Web Design Strategy

Brian Casel is a web designer and co-host of Freelance Jam , the live web show for independent professionals who build the web. Connect with Brian on Twitter @CasJam . There’s no turning back now. The web has gone mobile. More users are accessing the web from more places on more devices than ever before.
How will someone enjoy your service better or differently in mobile? – Is there something about the mobile experience that can heighten the value of your application? When going from the desktop to mobile, the mobile version is often a crippled version because both input and output are limited. Is that sufficient for your application? Would people want/need to have access to your/their content through your app if they were out and about? http://www.sparkminute.com/2010/10/25/why-are-you-developing-a-mobile-app/

Why are you developing a mobile app?

http://www.noupe.com/tutorial/mobile-development-toolkit.html

Mobile Development Toolkit

Nov 30 2010 Mobile web design has been around for quite a while. Unfortunately, a lot of mobile design guidelines are out of date and focus on low-resolution, non-touchscreen phones.
Native vs mobile apps

How to Leverage Design, Conversion and Retention in Mobile

At last week's Open Mobile Summit in San Francisco, several high-profile mobile app designers and publishers spoke about how developers can improve their mobile applications, gain and retain users. On stage were Google's Lead Interaction Designer, Chris Nesladek, Shopkick's co-founder Jeff Sellinger and Urban Airship's CEO Scott Kveton. Each spoke on one of the factors - design, conversion and retention - by providing specific examples from their own previous experience in app development and design.

Titanium Native Advantage for iPhone/Android

Appcelerator is the first mobile platform to combine the flexibility of open source development technologies with the power of cloud services.