El més d’abril de 2012 hi ha hagut una discussió sobre el disseny de web per a mòbils, un tema que voldria comentar-vos.

Disseny web sensible al dispositiu (Responsive web design)

The control which designers know in the print medium, and often desire in the web medium, is simply a function of the limitation of the printed page. We should embrace the fact that the web doesn’t have the same constraints, and design for this flexibility. But first, we must “accept the web and flow of things.”

John Allsopp, “A Dao of Web Design”

A vegades també anomenat “disseny web responsiu”, el 2012 ha sigut l’any del Responsive web design. La seva idea és la de poder tenir una única web que permeti navegar des d’escriptori, tablet o mòbil tot adaptant el disseny a cada dispositiu.

Per això van saltar les alarmes quan Jackob Nielsen va publicar Mobile Site vs. Full Site on deia que es tingués una versió web mòbil apart i on es podien reduir les funcionalitats de la web mòbil.

Web mòbil a part o Responsive web design?

Josh Clark va replicar explicant que no s’hauria de fer una versió de web mòbil apart.

Davant les crítiques, aquesta entrevista a Jackob Nielsen va explicar millor el per què de la seva opinió.

Context, context, context

La meva conclusió és que tots 2 tenen raó. Cada pressupost i cada situació és diferent. Comences de zero el teu projecte o ja tens milers de pàgines i funcionalitats? Tens recursos gairebé il·limitats o no en tens?

Dit això, hi ha funcionalitats que només tenen sentit des del mòbil i n’hi ha d’altres que només tenen sentit des de l’escriptori.

Si encara no tens web i tens pressupost, crec que et pots plantejar una web amb una arquitectura SaaS, amb una API que et permeti tenir diferents visualitzacions sense limitar-se a escollir entre versió web, versió mòbil, versió sensible a dispositiu i podent anar més enllà més endavant amb HTML5, Android, iPhone, Flex, Flash, etc.

Haver de copiar i substituir no és la manera de tenir una bona web mòbil, cal tenir un bon gestor de continguts com WordPress, Drupal o una plataforma de comerç electrònic com Magento que t’eviti el copiar i enganxar. Aquest prerequisit no tothom el compleix i fins i tot hi ha qui ni tan sols no sap si el compleix o no.

Actualització: Jackob Nielsen explica millor el seu anlàlisi a Repurposing vs. Optimized Design. El resum:

It’s okay to repurpose a single design for multiple platforms in two cases:

• When the platforms are very similar, so that small adaptations will suffice to make the same design work well in both places.
• When you expect to get very little business value from a platform or you simply cannot afford to create a second design. As long as you realize that you’re giving some customers a substandard user experience (and can live with the associated drop in conversion rates), this is a rational — if unpleasant — business decision.

Conversely, you should create different designs optimized for each platform in these two cases:

• When the platforms are very different and require different interaction techniques, features, IA, and content, or dramatically different layouts that are too hard to achieve through responsive design.
• When you expect to generate so much business from users on a certain platform that you want to drive conversion rates to their absolute max. Even when platforms are relatively similar, distinct user interfaces are a smart choice when the stakes are high.

Actualització: Exemple de web mòbil pensada per experiència mòbil.