Aquest wikiHow us ensenya a dissenyar un lloc web d’aspecte professional i suau. Tot i que podeu decidir lliurement el disseny del vostre lloc, hi ha algunes coses importants que heu d’evitar a l’hora de crear un lloc web.
Pas
Part 1 de 2: Creació d'un disseny de lloc
Pas 1. Decidiu si voleu utilitzar un creador de llocs web
La creació d’un lloc web des de zero requereix una comprensió detallada del codi HTML, però podeu crear un lloc mitjançant un servei d’allotjament gratuït com Weebly, Wix, WordPress o Google Sites. Els creadors de llocs web solen ser molt més fàcils per als dissenyadors novells que HTML.
- Si decidiu codificar-vos vosaltres mateixos, heu d’aprendre la codificació HTML i CSS.
- Si es resisteix a dedicar temps i energia a la creació del seu propi lloc web, pot contractar un dissenyador de llocs web. Els serveis de dissenyadors independents varien àmpliament, alguns cobren per hora i altres per projecte, amb un rang total de milions a desenes de milions de rupies.
Pas 2. Creeu un mapa del lloc
Abans d’obrir el creador del lloc web, hauríeu d’haver determinat quantes pàgines hi ha al lloc, quin és el contingut de cada pàgina i el disseny general de pàgines importants, com ara “Inici” i “Quant a”.
Us serà més fàcil visualitzar les pàgines del vostre lloc creant imatges aproximades, no només ombres
Pas 3. Utilitzeu un disseny intuïtiu
Tot i que les idees noves solen ser interessants, els dissenys bàsics han de seguir aquestes directrius generals:
- Les opcions de navegació (per exemple, diverses pestanyes per a diferents pàgines) s'han de col·locar a la part superior de la pàgina.
- Si utilitzeu la icona de menú (☰), hauria de ser a l'extrem superior esquerre de la pàgina.
- Si utilitzeu la barra de cerca, col·loqueu-la a prop de la part superior dreta de la pàgina.
- Els enllaços útils (per exemple, els enllaços a les pàgines "Quant a" o "Contacteu-nos") haurien d'estar a la part inferior de la pàgina.
Pas 4. Sigues coherent
Independentment del text, la paleta de colors, el tema de la imatge i el disseny que trieu, assegureu-vos que apliqueu les mateixes decisions a tot el lloc. Els usuaris es sorprendran al veure que el tipus de lletra i el color de la pàgina "Quant a" són molt diferents de l’utilitzat per a la pàgina inicial.
- Per exemple, si utilitzeu un color suau per a la pàgina d'inici, no utilitzeu un color brillant a la pàgina següent.
- Tingueu en compte que l’ús de colors brillants o que xoquen, especialment els colors visualitzats dinàmicament (o en moviment), pot provocar convulsions o convulsions epilèptiques en una minoria d’usuaris. Si decidiu utilitzar aquest color, assegureu-vos d'incloure un advertiment de "risc de convulsió" abans de la pàgina en qüestió.
Pas 5. Afegiu opcions de navegació
Col·locar enllaços directes a pàgines importants a sobre de la pàgina d’inici ajudarà els visitants nous al contingut que els importa. La majoria dels creadors de llocs web afegeixen aquest enllaç com a predeterminat.
És important assegurar-se que es pugui accedir a totes les pàgines del lloc fent clic a una opció del lloc en lloc d’accedir-hi només a través de l’adreça de la pàgina
Pas 6. Utilitzeu els colors que coincideixin
Com tots els tipus de disseny, el disseny de llocs web també es basa en agradables combinacions de colors. Per tant, triar un color de tema que coincideixi és molt important.
Si esteu confós, comenceu per negre, blanc i gris
Pas 7. Penseu en un disseny minimalista
El concepte minimalista fomenta l’ús de tons frescos, gràfics senzills, pàgines de text negres sobre fons blanc i el menor adorn possible. Com que un disseny minimalista requereix molt pocs elements, és una opció senzilla per fer que el vostre lloc sembli professional i atractiu sense massa esforç.
- La majoria de creadors de llocs web ofereixen un tema "minimalista" que podeu triar quan creeu un lloc web.
- L'alternativa minimalista és el "brutalisme", que utilitza paraules més dures, colors vius, text en negreta i gràfics mínims. Hi ha molts menys usuaris de dissenys brutalistes que els minimalistes, però si el contingut és adequat, aquest disseny pot ser una bona opció.
Pas 8. Apliqueu opcions úniques
Els elements de quadrícula i de línia recta són opcions segures, però alguns estils únics afegiran un toc personal i diferenciaran el vostre lloc de la resta.
- No tingueu por de canviar la tendència col·locant elements de lloc asimètrics o utilitzant elements apilats per crear un aspecte en capes.
- Tot i que els elements quadrats elegants i de tall viu (coneguts com a presentació basada en cartes) són menys desitjables que els elements arrodonits i suaus.
Part 2 de 2: Maximització del rendiment del lloc
Pas 1. Aprofiteu les opcions d’optimització del cotxe
Els navegadors mòbils generen més trànsit que els navegadors d’escriptori. Això vol dir que l'atenció que presteu a la versió per a mòbils hauria de ser, com a mínim, la mateixa que el desenvolupament del lloc d'escriptori. La majoria de llocs web de creadors automàtics ja han creat una versió per a cotxes, però teniu en compte la informació següent per als llocs per a mòbils:
- Assegureu-vos que els botons (per exemple, els enllaços de lloc) siguin grans i fàcils de tocar.
- Eviteu funcions que no es poden veure en dispositius mòbils (per exemple, Flash, Java, etc.).
- Penseu en la possibilitat de crear una aplicació per al cotxe per al vostre lloc.
Pas 2. No incloeu massa fotos per pàgina
De vegades, els navegadors per a ordinadors i mòbils tenen problemes per carregar pàgines amb moltes fotos o vídeos. Tot i que les imatges són molt importants en el disseny de pàgines web, una quantitat excessiva de suports per pàgina pot allargar els temps de càrrega i això dissuadeix els usuaris de visitar-les.
En general, una càrrega de pàgina ha de trigar menys de quatre segons
Pas 3. Afegiu una pàgina "Contacte"
És possible que observeu que la majoria dels llocs ofereixen una pàgina "Contacteu amb nosaltres" que conté informació de contacte (com ara el número de telèfon i l'adreça de correu electrònic). De fet, alguns llocs ofereixen un formulari de consulta automàtic en aquesta pàgina. La pàgina "Contacte" és una línia de comunicació directa entre els visitants del lloc i vosaltres, cosa que significa que també és una solució a la pregunta o frustració dels visitants.
Pas 4. Creeu una pàgina 404 personalitzada
Quan un visitant arriba a una pàgina específica que no s'ha creat o no existeix, apareixerà una pàgina "Error 404". La majoria dels navegadors ofereixen una pàgina 404 integrada, però podeu personalitzar-ne l’aspecte des de la configuració del creador del lloc web. Si voleu crear una pàgina 404 personalitzada, introduïu els detalls següents:
- Missatges d'error divertits i divertits (per exemple, "Enhorabona, heu accedit a una pàgina d'errors!")
- Enllaç a la pàgina d'inici
- Llista d’enllaços que solen veure els visitants
- La imatge o el logotip del vostre lloc
Pas 5. Introduïu la barra de cerca si és possible
Si el mètode de creació de llocs web que utilitzeu admet afegir una barra de cerca, us recomanem que l’afegiu. Això garanteix que els usuaris puguin trobar la pàgina o el contingut específics que cerquen sense haver de fer clic a totes les opcions de navegació.
La barra de cerca també és molt útil quan els visitants volen cercar termes comuns sense entrar en pàgines aleatòries
Pas 6. Presteu més atenció a la pàgina inicial
Quan els visitants van a la pàgina inicial, haurien d’haver tingut l’essència del tema del vostre lloc. A més, tots els elements de la pàgina inicial s'han de carregar ràpidament, incloses les opcions de navegació i les imatges. La pàgina inicial també hauria de proporcionar els aspectes següents:
- Crida a l'acció (per exemple, un botó per fer clic o un formulari per emplenar)
- Barra d'eines o menú de navegació
- Gràfics convidats (com ara una foto sòlida, un vídeo o diverses fotos amb text complementari)
- Paraules clau relacionades amb el servei, el tema o l'enfocament del vostre lloc
Pas 7. Proveu el vostre lloc en diferents navegadors i plataformes
Això és molt important perquè els navegadors processen aspectes d’un lloc web de maneres diferents. Abans de promocionar el vostre lloc, proveu d’obrir-lo i fer-lo servir als navegadors següents de les plataformes Windows, Mac, iPhone i Android:
- Google Chrome
- Firefox
- Safari (només per a iPhone i Mac)
- Microsoft Edge i Internet Explorer (només Windows)
- El navegador predeterminat d'alguns telèfons Android (Samsung Galaxy, Google Nexus, etc.)
Pas 8. Mantingueu el lloc actualitzat
Les tendències de disseny, els enllaços, les fotos, els conceptes i les paraules clau sempre canvien. Per tant, també heu de fer canvis sempre per estar al dia dels temps. Haureu de comprovar el rendiment del vostre lloc i comparar-lo amb llocs similars almenys una vegada cada tres mesos (preferiblement més sovint).
Consells
- L’accessibilitat també és un aspecte igualment important en el desenvolupament de llocs web. L’accessibilitat inclou descripcions per a visitants amb discapacitat auditiva, descripcions d’àudio per a visitants amb discapacitat visual i alertes de fotosensibilitat si el vostre lloc utilitza efectes potencialment induïts per convulsions.
- La majoria de creadors de llocs web proporcionen plantilles que podeu utilitzar per determinar el disseny i el disseny abans d’afegir els elements desitjats.
Advertiment
- La majoria de llocs creadors són gratuïts, però si voleu utilitzar el vostre propi domini (com ara "www.elvostre nom.com" en lloc de "www.elvostre nom.wordpress.com"), haureu de pagar una quota mensual o anual.
- Eviteu el plagi i apreneu totes les lleis sobre drets d'autor. No inclogueu imatges aleatòries d’Internet ni elements estructurals sense permís.
