5. Architecture and Design by Maximiliano Firtman

Safari, the world’s most comprehensive technology and business learning platform.

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required

O'Reilly logo

Chapter 5. Architecture and Design

While this is not a book about design, understanding some architectural and usability concepts is critical to creating useful mobile services. Many common desktop web design patterns and usability concepts do not apply in a mobile environment.

Note

If you want to “inspire yourself” on the best mobile websites available you can check the website http://www.mobileawesomeness.com

Mobile Strategy

When creating mobile web applications, we need to remember that we can create browser-based apps, full-screen webapps or native web apps. All the types have architecture rules in common and some practices that are useful only for one type.

My first good advice is: “be responsible”. Don’t discriminate your users just because they don’t have the mobile browser or device that you like. I’ve seen plenty of websites (even from big companies) showing messages like: “you can only browse this site with iOS” or providing a good experience only for WebKit-based browser. If you browse that websites with modern non-WebKit browsers, such as IE10, Firefox or Opera you get an awful and old website, even non-touch optimized when browsing with touch devices.

When to get out of the browser

We know that with mobile web we can create full-screen webapps and native apps. The answer about when to get out of the browser depends on your case.

With full-screen webapps you can gain more space and an icon in the home screen or applications menu of the device. With that idea, the user will remember ...

Find the exact information you need to solve a problem on the fly, or go deeper to master the technologies and skills you need to succeed

Start Free Trial

No credit card required