Principals usos dels icones en el disseny web

Per a què utilitzar una icona en la meva web?

Per descriure característiques

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 usar paraules per explicar conceptes. No obstant això, els usuaris podrien avorrir-se en veure tant de 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 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

Existeix una gran quantitat de propòsits que pot tenir un formulari web, en 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 a icona. Sovint, la icona no és suficient i per evitar malentesos es col·loca la icona relacionada amb 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ó

En les aplicacions mòbils s'empren 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 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

Els sliders d'imatges s'empren 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 als costats de les imatges, encara que també aquests icones poden estar ubicats a la part inferior.

També es pot col·locar el 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 propi que posseeixen els sliders.

Conclusió

Probablement empris icones sense adonar-te'n, 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 els icones són emprats de forma adequada per evitar afegir-los en seccions del disseny on realment no poden ser aprofitats al màxim.

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