No entrem en números i càlculs, ja que és impossible determinar quants llocs ja existeixen a Internet. Cada dia, milers, si no centenars de milers de llocs fallen i n'apareixen de nous al seu lloc. Quin és el motiu dels fracassos? Per què la gent va al lloc i el deixa immediatament? La resposta és senzilla i està davant dels teus ulls: aquest és el disseny del lloc.
Efecte d'atracció
D'acord, tothom té un conjunt de llocs determinats que es visiten dia rere dia. Estic segur que la majoria dels marcadors són llocs preferits amb pel·lícules, llibres, notícies, jocs, etc. Per què, després de trobar un lloc, no intentem trobar-ne un altre de semblant, que pot ser encara millor? La resposta és senzilla! Els llocs que marquem són còmodes d'utilitzar: aquests llocs solen tenir una disposició convenient d'elements, categories i un disseny agradable que no irrita l'ull. Aquest és l'"efecte d'atracció", visitar una vegada un lloc ben dissenyat, abandonar-loja no vull.
Mirem l'exemple de la plataforma de negociació de dos llocs:
Sens dubte i indiscutiblement, el lloc número 1 vol tancar el més aviat possible i el lloc número 2, per contra, vol quedar-se. Per què passa això? Al primer lloc, a més d'un producte situat aleatòriament, també hi ha una sobresaturació de color, que no es pot dir del segon lloc. Hi ha un proverbi tan meravellós: "Es troben per la seva roba, però els veuen per la seva ment", també s'aplica als llocs, només que en lloc de la roba hi ha un disseny i en lloc d'una ment hi ha una estructura de navegació. El visitant, després d'haver entrat al lloc, el primer que veu és l'esquema de colors i només llavors presta atenció a la navegació interna i a l'estructura del lloc.
Percepció del color
La regla principal a l'hora d'escollir els colors és no exagerar. De vegades, fins i tot dos o tres colors seleccionats correctament són més que suficients, un exemple viu d'això és el lloc fb.ru. Molts dissenyadors web utilitzen una taula de colors "segurs" per dissenyar el seu lloc html.
Safe es diu perquè tots els colors que es mostren aquí seran transmesos per absolutament tots els usuaris de la mateixa manera. Es pot dir que aquests colors són l'estàndard a l'hora de crear el disseny al lloc.
Compatibilitat de colors
Cada color té el seu propi color "amic": aquest és el color amb el qual va millor. No cal reinventar la roda i experimentar amb la selecció, tot fa temps que s'inventa i és de domini públic. Les rodes de colors s'utilitzen per seleccionar colors. Itten. La imatge següent mostra una roda de colors per fer coincidir 2 colors coincidents.
T. és a dir, el color oposat dins del cercle es considera el més compatible. Si necessiteu seleccionar 3 colors coincidents, també s'utilitza la roda de colors, només la línia de disposició del color ja es canviarà.
I hi ha molts cercles d'aquest tipus, podeu escollir més colors a joc. Per exemple, quatre.
Seleccionant els colors d'aquesta manera a través dels cercles d'Itten, s'aconseguirà la màxima combinació de colors i s'obtindrà un disseny visualment agradable del lloc. Es poden trobar més cercles de colors en línia. Ens desviem una mica del tema principal, perquè vull informar-vos que aquestes rodes de colors Itten les fan servir fins i tot dissenyadors professionals del món de la moda, és a dir, quan es creen roba de disseny, s'utilitza aquest mètode de combinació de colors.
Estructura interna del lloc
Si més o menys tot es va aclarir amb la percepció del color, queda un indicador més important com l'estructura interna del lloc o, en altres paraules, la "usabilitat". No n'hi ha prou amb triar els colors adequats al lloc, com demostra la pràctica: amb el bonic disseny del lloc no arribareu gaire lluny. L'estructura correcta del lloc és com el marc d'una casa, si no està planificada correctament, serà inconvenient navegar-hi.
Tots els elements de navegació s'han de pensar amb antelació, i encara millor: anotar-los. EstructuraEl lloc ha de ser, en primer lloc, entenedor i convenient per als visitants. Molts llocs perden els seus visitants només perquè aquests últims, en entrar al lloc, no entenen on i què es troba. No cal desordenar-se amb una massa de botons i penjar un munt de funcionalitats. Sempre heu de mirar a través dels ulls del visitant, si l'usuari no necessita alguna funció, és millor eliminar-la. Un cop més, un exemple brillant i correcte de disseny de llocs web és el lloc web Fb.ru, on totes les seccions es troben d'una manera entenedora i còmoda per al visitant.
L'error més gran
Segons l'anàlisi mitjana, un usuari que no pot trobar la secció o la informació necessària al lloc en 15-30 segons creu que aquesta secció o informació no es troba al lloc i abandona el recurs. En la majoria dels casos per sempre. Un bon exemple d'un lloc amb una navegació terrible:
Creu que és possible trobar la informació necessària sobre aquest recurs no anant des de la cerca, sinó simplement a la pàgina principal? Crec que no. De nou, la saturació de color i l'abundància de navegació incomprensible, que posarà qualsevol visitant en un estupor i desconcert. Per evitar aquests errors, cal agrupar totes les seccions i posar-les en un menú de navegació independent, que serà comprensible per a tots els visitants.
Formulari d'inscripció
Un altre factor important i aterridor del lloc és el formulari de registre. Alguns intenten recollir gairebé dades de la besàvia a la finestra de registre.
Aquests formularis de registreestaven de moda abans, quan Internet només va començar a aparèixer a les llars. Avui dia, l'usuari d'Internet vol trobar la informació que necessita el més aviat possible, i els formularis de registre llargs, malgrat l'excel·lent disseny del lloc, tindran un 99% de probabilitats de rebutjar. A continuació es mostra el formulari de registre ideal segons els estàndards actuals.
Tot i que aquesta informació no és suficient, ningú es molesta a sol·licitar-la més tard al visitant, després del procés de registre. Aquest enfocament es considera més lleial i amigable que el formulari de registre, que s'assembla més a un formulari de sol·licitud de feina.
Plantilles de llocs web
Ara s'estan creant molts llocs amb sistemes CMS moderns que ofereixen un disseny de llocs gratuït. Però el disseny gratuït (plantilles) no inclou cap disseny visual, de manera que si el propietari del lloc no intenta canviar-lo de cap manera, aquest lloc desapareix a la cerca.
També val la pena esmentar tots els portals d'Internet que ofereixen desplegar el vostre propi lloc web a partir d'ells. En aquest cas, hi ha pros i contres:
- El primer i potser l'únic avantatge és la senzillesa. El marc del lloc ja està, per regla general, modelat a partir d'aquests recursos per dissenyadors experimentats, el disseny del lloc està subjecte a determinats requisits i regles. Només queda omplir-lo de material temàtic i esperar els primers visitants. Per tant, la simplicitat i la comoditat d'aquests serveis atrauen els principiants. Però si el lloc està configurat per al desenvolupament seriós i la competència perprimer dels motors de cerca, llavors és millor rebutjar aquest servei.
- A partir dels inconvenients: les plantilles proporcionades en la majoria dels casos no es poden editar ni canviar, haureu d'utilitzar la que us proporcioneu tot el temps. La monotonia és el principal desavantatge, del qual vam parlar al principi, perquè cada lloc ha de ser individual i diferir en aparença dels altres. Un munt de restriccions que seran impossibles de descriure, ja que cada servei té el seu propi.
Part final
Tot el que es descriu en aquest material no pretén ser una "instrucció principal", sempre pots i fins i tot cal que ho facis a la teva manera; això és només un conjunt de les regles i els errors més comuns. Però els punts més importants, descrits aquí en forma de percepció del color i l'estructura interna del lloc, són l'estàndard per dissenyar el lloc. Els colors escollits incorrectament espantaran qualsevol visitant que acabi d'entrar al lloc, i el disseny analfabet de categories i elements del lloc no li permetrà navegar i trobar la informació necessària. S'ha de prestar la màxima atenció a aquests punts i, com s'ha esmentat anteriorment, sempre hauríeu de mirar qualsevol lloc amb els ulls d'un visitant, i no amb els ulls d'un desenvolupador.
