- \n
- El dispositiu<\/strong> que funcionar\u00e0 amb l’aplicaci\u00f3 (ordinador d’escriptori, tel\u00e8fon intel\u00b7ligent, televisi\u00f3, etc.).<\/li>\n
- El format<\/strong> de l’aplicaci\u00f3 (format tancat, com CD o punt d’informaci\u00f3, aplicaci\u00f3 web, etc.).<\/li>\n<\/ul>\n
Llegir m\u00e9s<\/a><\/p>\n
\n<\/p>\n
Tend\u00e8ncies de navegaci\u00f3 web<\/h3>\n
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.
\nAvui dia i com a tend\u00e8ncia creixent s’afegeixen altres complicacions. La tecnologia avan\u00e7a molt r\u00e0pidament i anem cap a un futur absolutament m\u00f2bil en tots els sentits, de manera que el desenvolupador web no nom\u00e9s haur\u00e0 de “batallar” amb els diferents navegadors, sin\u00f3 tamb\u00e9 amb els diferents dispositius que es fan servir per navegar per Internet.
\n![\"M\u00faltiples](\"http:\/\/multimedia.uoc.edu\/blogs\/dim\/files\/2013\/04\/this-is-the-web_BradFrostWeb-com-128x300.jpg\")
<\/a>Font: BradFrostWeb.com<\/figcaption><\/figure>
\nLa varietat de dispositius, marques, versions, funcionalitats, mides, prestacions, evoluciona a una velocitat vertiginosa, fet que fa del tot impossible plantejar una versi\u00f3 web per a cada cas i alhora ens impossibilita plantejar les aplicacions web est\u00e0ndard i que siguin usables i visibles en tots els dispositius, sense excepci\u00f3.<\/p>\nPodeu veure un v\u00eddeo resum d’estad\u00edstiques d’\u00fas de dispositius m\u00f2bils:
\nhttp:\/\/www.youtube.com\/watch?v=IZA9qjt2A48<\/a><\/p>\n<\/p>\n
\n<\/p>\n
Responsive design<\/h3>\n
(aqu\u00ed hi hauria d’anar una breu explicaci\u00f3 del responsive design i tots els enlla\u00e7os que creieu interessants sobre disseny responsiu. igual en castell\u00e0)<\/p>\n
El disseny web adaptatiu o responsive<\/em> \u00e9s una metodologia que pret\u00e9n evolucionar la manera de desenvolupar una aplicaci\u00f3 web per tal d’englobar diferents dispositius, ja que permet adaptar-se de manera fluida a la resoluci\u00f3 de cada dispositiu de visualitzaci\u00f3.<\/p>\n
![\"Responsive](\"http:\/\/multimedia.uoc.edu\/blogs\/dim\/files\/2013\/04\/responsivity2-300x141.jpg\")
<\/a>Responsive design<\/figcaption><\/figure>\n L’adaptabilitat del disseny web adaptatiu comporta beneficis com:<\/p>\n
- \n
- Millora el posicionament SEO de la web, ja que que treballem amb una \u00fanica versi\u00f3 per a tots els dispositius.<\/li>\n
- Redueix costos perqu\u00e8 no s\u00f3n diferents versions, sin\u00f3 una treballada amb una metodologia espec\u00edfica des del comen\u00e7ament del desenvolupament.<\/li>\n
- Millora l’experi\u00e8ncia d’usuari, ja que tenim un \u00fanic disseny principal que mantindr\u00e0 la coher\u00e8ncia amb la visualitzaci\u00f3 des de qualsevol dispositiu.<\/li>\n<\/ul>\n
<\/p>\n
Enlla\u00e7os relacionats<\/h4>\n
El concepte disseny web adaptatiu<\/strong><\/p>\n
- \n
- Manual de disseny web adaptatiu (per Wilfredo Salas G.)<\/a><\/li>\n
- Presentaci\u00f3 de disseny web adaptatiu (per Tona Monjo)<\/a><\/li>\n
- Fashionably flexible responsive web design<\/em><\/a><\/li>\n
- Reinventant el disseny web (per Javier Usobiaga)<\/a><\/li>\n
- Disseny web adaptatiu (per Sara Cannon)<\/a><\/li>\n
- http:\/\/xn--diseowebresponsivo-q0b.com.ar\/<\/a><\/li>\n
- http:\/\/uxdesign.smashingmagazine.com\/2012\/05\/30\/design-process-responsive-age\/<\/a><\/li>\n<\/ul>\n
Especificacions t\u00e8cniques de disseny<\/strong><\/p>\n
- \n
- Especificacions t\u00e8cniques de disseny per a web<\/a><\/li>\n
- Especificacions t\u00e8cniques de disseny per a dispositius m\u00f2bils<\/a><\/li>\n<\/ul>\n
Alguns exemples de disseny responsiu<\/strong><\/p>\n
- \n
- Exemples de webs adaptatives<\/a><\/li>\n
- Men\u00fas adaptables amb disseny web adaptatiu<\/a><\/li>\n
- El disseny web adaptatiu i la import\u00e0ncia en el SEO<\/a><\/li>\n
- Exemples de disseny adaptatiu<\/a><\/li>\n<\/ul>\n
Lectures relacionades<\/strong><\/p>\n
- \n
- Com podem millorar l’experi\u00e8ncia de l’usuari en dispositius m\u00f2bils<\/a><\/li>\n
- Plantejar un disseny sensible o una versi\u00f3 m\u00f2bil<\/a><\/li>\n
- Disseny adaptatiu o aplicaci\u00f3 nativa<\/a><\/li>\n
- Una nova metodologia per al disseny web adaptatiu<\/a><\/li>\n
- M\u00e9s enll\u00e0 del disseny web adaptatiu: interf\u00edcies adaptatives<\/a><\/li>\n
- Disseny web adaptatiu per Ethan Marcotte<\/a><\/li>\n
- Hist\u00f2ria del disseny web adaptatiu<\/a><\/li>\n<\/ul>\n
Eines<\/strong><\/p>\n
- \n
- Eina que permet dissenyar una web adaptativa directament al navegador (vegeu m\u00e9s informaci\u00f3<\/a>)<\/li>\n
- Eina en l\u00ednia que permet realitzar un test de disseny web adaptatiu (simulaci\u00f3 de visualitzaci\u00f3 d’una web espec\u00edfica en dispositius m\u00f2bils)<\/a><\/li>\n
- Responsive grid generator<\/em><\/a><\/li>\n
- Eines \u00fatils per al desenvolupament adaptatiu<\/a><\/li>\n
- Eines per a fer el disseny web adaptatiu m\u00e9s f\u00e0cil<\/a><\/li>\n
- Plantilles, exemples i novetats del disseny web adaptatiu<\/a><\/li>\n<\/ul>\n
<\/p>\n
\n<\/p>","protected":false},"excerpt":{"rendered":"
Principals entorns d’interacci\u00f3 Els diferents entorns per als quals es desenvolupa una aplicaci\u00f3 interactiva imposen uns requisits espec\u00edfics. Per entorn entenem el context en el qual l’usuari utilitzar\u00e0 l’aplicaci\u00f3, pel que inclou dos factors: El dispositiu que funcionar\u00e0 amb l’aplicaci\u00f3 (ordinador d’escriptori, tel\u00e8fon intel\u00b7ligent, televisi\u00f3, etc.). El format de l’aplicaci\u00f3 (format tancat, com CD o … <\/p>\n
- Eina en l\u00ednia que permet realitzar un test de disseny web adaptatiu (simulaci\u00f3 de visualitzaci\u00f3 d’una web espec\u00edfica en dispositius m\u00f2bils)<\/a><\/li>\n
- Plantejar un disseny sensible o una versi\u00f3 m\u00f2bil<\/a><\/li>\n
- Men\u00fas adaptables amb disseny web adaptatiu<\/a><\/li>\n
- Especificacions t\u00e8cniques de disseny per a dispositius m\u00f2bils<\/a><\/li>\n<\/ul>\n
- Presentaci\u00f3 de disseny web adaptatiu (per Tona Monjo)<\/a><\/li>\n
- Manual de disseny web adaptatiu (per Wilfredo Salas G.)<\/a><\/li>\n
- El format<\/strong> de l’aplicaci\u00f3 (format tancat, com CD o punt d’informaci\u00f3, aplicaci\u00f3 web, etc.).<\/li>\n<\/ul>\n