Estratègia Digital

Principals usos de les icones en el disseny web

Les icones no només es fan servir en el disseny flat, sinó que s'utilitzen en una gran varietat de llocs web amb diversos estils. Perquè tinguis en compte la importància que tenen aquests elements comentarem els usos de les icones en el disseny web.

Principals usos de les icones en el disseny web

Per què utilitzar una icona al meu web?

Per descriure característiques

Principales usos de los iconos en el diseño web

Hi ha un nombre elevat de webs que ofereixen un servei o producte. Molts d'aquests productes són digitals i moltes vegades es tracta d'una aplicació web o mòbil. És important que es mencionin les característiques més notables d'aquesta aplicació.

És inevitable utilitzar paraules per explicar conceptes. No obstant això, els usuaris podrien avorrir-se al veure tant text. Per aquesta raó, és una bona idea afegir icones per descriure aquestes funcions i característiques. No només afegeixen una major varietat a la secció, sinó que serveixen per reforçar el missatge i explicar-lo de forma visual. Així és molt més fàcil per a l'usuari relacionar la icona amb el concepte i entendre les característiques o funcions descrites.

També pot utilitzar-se per explicar i dividir els serveis que certa empresa ofereix o per explicar les fases d'algun procés.

Per indicar dades a ingressar

Principales usos de los iconos en el diseño web

Hi ha una gran quantitat de propòsits que pot tenir un formulari web, a la majoria de llocs s'inclou almenys un com a mitjà de contacte entre l'usuari i l'empresa.

En certs formularis és possible trobar icones relacionades. Per exemple, a l'adreça de correu electrònic s'afegirà el símbol arrova o un sobre com icona. Sovint, la icona no és suficient i per evitar malentesos es col·loca la icona relacionada a la dada a la part dreta del camp, mentre que en el propi camp afegeixen el tipus de dada que s'ha d'ingressar.

L'objectiu principal és que el formulari web es pugui omplir de forma ràpida i senzilla. Afegir tant el tipus de dada com una icona millora la ràpida comprensió.

Per millorar la navegació

Principales usos de los iconos en el diseño web

En les aplicacions mòbils es fan servir icones com a part del menú a causa de l'espai reduït de pantalla. També és possible que s'empri text per a cada element del menú, però normalment aquest es troba "amagat" mitjançant el menú hamburguesa.

Normalment s'utilitza tant text com icones en els menús per evitar malentesos, però en certes pàgines web que divideixen el seu menú en poques seccions pot ser ideal utilitzar icones.

Les icones ajuden a explicar conceptes de forma visual, a més a més es poden utilitzar com a elements distintius, així que és més senzill localitzar certa secció del menú. És una estratègia que se sol emprar en panells de control d'aplicacions web.

Per controlar sliders

Principales usos de los iconos en el diseño web

Els sliders d'imatges s'emprenen en una gran quantitat de llocs web.

En alguns sliders no es dóna l'opció als usuaris de tornar a una diapositiva anterior, és recomanable donar-li certa llibertat als usuaris, particularment si s'utilitzen imatges d'estil publicitari. En aquests casos se solen col·locar fletxes en els costats de les imatges, encara que també aquestes icones poden estar ubicades a la part inferior.

També es pot posar la popular icona que indica "pausa". D'aquesta manera, l'usuari pot veure acuradament una fotografia en particular sense necessitat que s'esgoti el compte enrere pròpia que posseeixen els sliders.

Conclusió

Probablement empres icones sense adonar-te ja que són un element mínim, però que té un gran poder dins d'una interfície. Ja que cada element que col·loquis en la teva interfície pot afectar l'experiència d'usuari, és recomanable conèixer en quin tipus de situacions les icones són emprades de forma adequada per evitar afegir-les en seccions del disseny on realment no poden ser aprofitades al màxim.

Si estàs interessat a tenir un disseny d'icones actual i tenir a la teva disposició al nostre equip de disseny web, no dubtis a demanar-nos un pressupost.

Comparteix aquest article

Articles Relacionats