Contents
Principals entorns d’interacció
Els diferents entorns per als quals es desenvolupa una aplicació interactiva imposen uns requisits específics. Per entorn entenem el context en el qual l’usuari utilitzarà l’aplicació, pel que inclou dos factors:
- El dispositiu que funcionarà amb l’aplicació (ordinador d’escriptori, telèfon intel·ligent, televisió, etc.).
- El format de l’aplicació (format tancat, com CD o punt d’informació, aplicació web, etc.).
La “gran guerra” per al desenvolupador web ha estat fins ara aconseguir la compatibilitat entre tota l’enorme varietat i versions de navegadors web disponibles al mercat.
Avui dia i com a tendència creixent s’afegeixen altres complicacions. La tecnologia avança molt ràpidament i anem cap a un futur absolutament mòbil en tots els sentits, de manera que el desenvolupador web no només haurà de “batallar” amb els diferents navegadors, sinó també amb els diferents dispositius que es fan servir per navegar per Internet.
La varietat de dispositius, marques, versions, funcionalitats, mides, prestacions, evoluciona a una velocitat vertiginosa, fet que fa del tot impossible plantejar una versió web per a cada cas i alhora ens impossibilita plantejar les aplicacions web estàndard i que siguin usables i visibles en tots els dispositius, sense excepció.
Podeu veure un vídeo resum d’estadístiques d’ús de dispositius mòbils:
http://www.youtube.com/watch?v=IZA9qjt2A48
Responsive design
(aquí hi hauria d’anar una breu explicació del responsive design i tots els enllaços que creieu interessants sobre disseny responsiu. igual en castellà)
El disseny web adaptatiu o responsive és una metodologia que pretén evolucionar la manera de desenvolupar una aplicació web per tal d’englobar diferents dispositius, ja que permet adaptar-se de manera fluida a la resolució de cada dispositiu de visualització.
L’adaptabilitat del disseny web adaptatiu comporta beneficis com:
- Millora el posicionament SEO de la web, ja que que treballem amb una única versió per a tots els dispositius.
- Redueix costos perquè no són diferents versions, sinó una treballada amb una metodologia específica des del començament del desenvolupament.
- Millora l’experiència d’usuari, ja que tenim un únic disseny principal que mantindrà la coherència amb la visualització des de qualsevol dispositiu.
Enllaços relacionats
El concepte disseny web adaptatiu
- Manual de disseny web adaptatiu (per Wilfredo Salas G.)
- Presentació de disseny web adaptatiu (per Tona Monjo)
- Fashionably flexible responsive web design
- Reinventant el disseny web (per Javier Usobiaga)
- Disseny web adaptatiu (per Sara Cannon)
- http://xn--diseowebresponsivo-q0b.com.ar/
- http://uxdesign.smashingmagazine.com/2012/05/30/design-process-responsive-age/
Especificacions tècniques de disseny
- Especificacions tècniques de disseny per a web
- Especificacions tècniques de disseny per a dispositius mòbils
Alguns exemples de disseny responsiu
- Exemples de webs adaptatives
- Menús adaptables amb disseny web adaptatiu
- El disseny web adaptatiu i la importància en el SEO
- Exemples de disseny adaptatiu
Lectures relacionades
- Com podem millorar l’experiència de l’usuari en dispositius mòbils
- Plantejar un disseny sensible o una versió mòbil
- Disseny adaptatiu o aplicació nativa
- Una nova metodologia per al disseny web adaptatiu
- Més enllà del disseny web adaptatiu: interfícies adaptatives
- Disseny web adaptatiu per Ethan Marcotte
- Història del disseny web adaptatiu
Eines
- Eina que permet dissenyar una web adaptativa directament al navegador (vegeu més informació)
- Eina en línia que permet realitzar un test de disseny web adaptatiu (simulació de visualització d’una web específica en dispositius mòbils)
- Responsive grid generator
- Eines útils per al desenvolupament adaptatiu
- Eines per a fer el disseny web adaptatiu més fàcil
- Plantilles, exemples i novetats del disseny web adaptatiu