- Disseny i programació de la pàgina web.
Fundació Privada Daniel Bravo-Andreu
- Disseny i programació de la pàgina web amb el CMS WordPress.
Visitar website: http://www.fundaciodanielbravo.org/
Com serà el disseny web al 2013?
Aquests dies podem trobar a diverses pàgines web i blogs especialitzats (designrfix.com, hongkiat.com …) articles sobre com seran els dissenys web aquest 2013. Així doncs, mirarem d’explicar quins són els aspectes o elements que destacaran i es consolidaran aquest any.
1. Disseny web adaptable o web responsive
Disseny web preparat per a que els usuaris, des de qualsevol dispositiu, puguin accedir i visualitzar amb la mateixa qualitat una pàgina web.
2. Ús de tipografies que millorin l’aparença de la pàgina
Escollir les fonts que millor s’adaptin a la imatge de la pàgina web. S’han de deixar d’utilitzar imatges que substitueixen a títols, i utilitzar eines com Google Web Fonts o Cufón. Tampoc s’ha de tenir por a utilitzar mides de lletra relativament grans (16px/18px) per al contingut de la pàgina web.
3. Desplaçament vertical
Disseny web amb llargs scrolls verticals i deixar de banda possibles scrolls horitzontals. Augmentarà l’ús de menús de navegació o botons fixos a la part superior o lateral de la pàgina web.
També creixerà l’ús de l’efecte Parallax, és a dir, efectes i moviments que s’apliquen sobre elements de la pàgina web al fer ús de l’scroll.
4. Botons grans
Ús de botons grans, que cridin l’atenció, per facilitar el click des d’un smartphone. No és només un aspecte visual, sinó una característica funcional.
5. Fons ocupant la pàgina completa
El fons de la pàgina web tendirà a ocupar la pantalla completa, ja sigui amb un element repetitiu o amb fotografies o imatges grans de bona qualitat que s’adaptin a la mida de la finestra del navegador.
6. Integració dels botons socials
Integració dels botons socials per a que els usuaris puguin compartir de manera senzilla i ràpida les nostres pàgines web a les xarxes socials, com ara Facebook, Twitter o Pinterest.
7. Transparències CSS
Ús de transparències a aquelles capes que creiem convenient, utilitzant l’opacitat que ens proporciona el CSS3.
8. Adéu a la programació en Flash
La tecnologia Flash ja no forma part de cap llista de tendències de disseny web dels últims anys i, ara més que mai, amb la implantació del HTML5 i CSS3. Amb HTML5 i CSS3 podem crear pàgines web amb alguns efectes i moviments, visibles des de qualsevol dispositiu o ordinador, sense llargs períodes d’espera per part dels usuaris.
No només trobarem aquests 8 aspectes que hem comentat, també hi ha d’altres que ja els últims anys s’han implantat i seguiran sent importants: slideshows amb fotografies, ús d’elements arrodonits, mostrar imatges o contingut utilitzant Lightbox o similars, vídeos incrustats a la pàgina web…
Vistos tots aquests punts, no és difícil concloure que tots aquests aspectes ajuden a millorar la usabilitat de la pàgina web i que, per tant, l’objectiu ha de ser millorar la facilitat d’ús de qualsevol pàgina web que realitzem. Així doncs, els dissenyadors de pàgines web hem de pensar sempre en l’usuari final a l’hora d’escollir els diferents elements del disseny. Com hem vist, en la majoria dels casos, usabilitat i aspecte estètic van lligats: per a res són incompatibles.
Com crear els continguts d’una pàgina web?
Els continguts (textos, imatges, vídeos) d’una pàgina web són importantíssims per tenir una pàgina web de qualitat a la xarxa, on l’usuari trobi exactament allò que busca. També són bàsics per aconseguir un bon posicionament natural als cercadors d’Internet com Google, Bing i Yahoo!, però mai ens hem de focalitzar només en aquest aspecte, sempre hem de pensar en l’usuari de la nostra pàgina web.
Ens hem de centrar en explicar qui som o què oferim a la nostra empresa, però sempre acompanyat de què podem fer pels usuaris o en què els podem ajudar. És a dir, destacar quins beneficis obtindrà el client si contracta els nostres serveis o adquireix els nostres productes. Mai hem d’explicar aspectes interns de la nostra empresa que només poden interessar a treballadors o directius de l’empresa, ja que no és l’objectiu d’una pàgina web i pot desviar l’atenció de l’usuari.
Mai hem de donar per fet que l’usuari coneix la nostra empresa el primer cop que accedeix a la pàgina web. Així doncs, d’una manera ràpida i vistosa, l’usuari ha de ser capaç d’entendre ràpidament què li oferim o en què destaquem, així com els beneficis que pot obtenir contractant els serveis de la nostra empresa.
Redacció dels textos
A l’hora de redactar els textos de la pàgina web, hem de tenir en compte que pocs usuaris llegeixen tot el text, simplement fan un escaneig o una vista ràpida. Per tant, per facilitar la lectura a l’usuari tenim diverses opcions:
- incloure llistats per resumir els punts importants
- preparar esquemes o textos acompanyats de gràfics
- destacar els textos més importants amb títols i negretes
- evitar paràgrafs llargs que no convidin a la lectura
Els textos han de ser clars i concisos, utilitzant un llenguatge a l’abast de qualsevol usuari de la nostra pàgina web. S’han de destacar les idees principals a les primeres frases o títols del text, mai deixar-les pel final ja que potser l’usuari no ho arribarà a llegir.
Altres aspectes a tenir en compte
Hem de pensar en introduir paraules clau als textos, ja que els textos també han de convèncer als motors de cerca. Tot i així, mai ens hem de centrar en aquest aspecte, és més útil explicar alguna idea o concepte per a que l’entengui l’usuari, que no per a que l’entengui un motor de cerca. Al cap i a la fi, si un usuari ho ha entès, el motor de cerca també ho entendrà.
És recomanable també utilitzar enllaços interns. Els enllaços interns són paraules o fragments de text que fan d’enllaç a altres apartats de la pròpia pàgina web. En aquest cas, és important que aquests enllaços es ressaltin d’alguna manera respecte el text, ja sigui amb subratllat o amb un color diferent.
Si és possible, hem de pensar també en actualitzar els textos o afegir un blog o apartat de notícies o novetats a la nostra pàgina web. A més, també és un tema important pel posicionament orgànic als cercadors, ja que aquests valoren positivament actualitzacions o renovacions de textos i/o articles.
Per acabar amb el tema dels continguts, hem de recordar de cuidar les traduccions a altres idiomes. Així doncs, si no dominem un idioma, és recomanable encarregar la traducció a alguna empresa externa especialitzada.
Factors externs als continguts
Hi ha molts altres factors que hem de tenir en compte i cuidar especialment com:
- nom del domini
- títol i descripció de la pàgina que apareixen en els resultats de cerca de Google
- visualització ràpida de les dades de contacte de l’empresa
- accés a altres pàgines de l’empresa, com poden ser les de Facebook o Twitter
No podem deixar de banda la gran importància que té el disseny i la usabilitat de la pàgina web, així com una bona programació per a tenir una pàgina web que es visualitzi correctament en tots els navegadors amb un temps de descàrrega òptim. No podem tenir una pàgina web visualment espectacular si l’usuari ha d’esperar 20 segons per poder-la veure.
Tu club AVON
- Disseny i programació de la pàgina web.
- Programació de la botiga online.
- Programació del gestor de continguts.
Visitar website: http://www.tuclubavon.com/
Què són els codis QR i per a què s’utilitzen?
Un codi QR és un sistema que s’utilitza per emmagatzemar informació, com pot ser per exemple un codi de barres, però on hi cap molta més informació. La inclusió del software necessari per a llegir codis QR a dispositius mòbils, ha permès que aquests codis s’utilitzin orientats al consumidor. Així doncs, el codi QR s’utilitza molt en publicitat impresa o targetes de presentació, ja que amb el dispositiu mòbil l’usuari pot fer la captura del codi i “traduir” aquest codi a la informació en si.
La informació emmagatzemada pot ser de diferents tipus:
- Text o informació detallada
- URL (una adreça web)
- vCard, targeta de presentació en format digital: nom, cognoms, e-mail, telèfon, pàgina web…
És important que el codi QR inclogui informació que aporti un valor afegit a les simples dades de contacte o una pàgina web. D’aquesta manera, és útil si lliguem el codi QR a un producte, servei o esdeveniment concret, més que a una empresa o entitat.
El codi QR es pot aplicar de diferents maneres. Alguns exemples són:
- Publicitat: flyers, cartells, anuncis o qualsevol tipus de publicitat impresa. L’usuari pot accedir a la pàgina web del producte o servei anunciat fent una captura del codi QR. També es pot utilitzar fent alguna oferta en concret per a aquests usuaris.
- Targetes de presentació: targetes de la persona o empresa. La persona que rep la targeta es pot guardar el contacte de l’altre persona al seu dispositiu mòbil simplement capturant el codi QR.
- Turisme i cultura: proporcionar informació addicional de llocs d’interès, museus, obres d’art… L’usuari pot accedir a informació addicional relativa a l’edifici o escultura que està visitant, o de l’obra d’art que està veient en un museu.
Utilitzar codis QR en publicitat dóna imatge de modernitat tot i que no s’utilitzi molt freqüentment. A Espanya, l’ús de codis QR és més alt que a altres països europeus com França, Itàlia o el Regne Unit, amb un creixement anual del 9%. Així doncs, l’ús de codis QR està augmentant i cada cop són més les aplicacions que ens podem descarregar als nostres dispositius mòbils per convertir aquests codis en informació rellevant.
De cara les empreses o entitats que volen utilitzar codis QR a les seves campanyes publicitàries, aquests codis es poden personalitzar (color, estil, afegir logotip) utilitzant diferents eines.
Exemple de codi QR personalitzat que fa d’enllaç a una pàgina de promoció de NBSP:
Fundació NouXamfrà
- Disseny i programació de la pàgina web.
- Programació del gestor de continguts.
