Llista de comprovació completa del disseny de 25 trucs UX

La idea darrere del disseny d’UX és senzilla: els usuaris feliços i segurs tenen més probabilitats de comprar de vosaltres. És més probable que confiïn en vosaltres, que us registreu a les vostres llistes de correu o que descarregueu l’aplicació.


Sovint penso en el disseny d’experiència dels usuaris (o disseny UX) com a psicologia més que no pas el desenvolupament.

Un bon disseny d’UX consisteix a posar-se al cap dels visitants.

Preveu tots els moviments i crea un lloc web senzill, intuïtiu i divertit d’utilitzar.

Malauradament, no hi ha cap resposta fàcil ni una bala d’argent per a un bon disseny d’UX. És la culminació de molts ajustaments minúsculs. Cadascú millora l’experiència al vostre lloc web.

Tenint en compte això, he arrodonit una llista de comprovació de 25 petits (i fàcils) ajustaments que faran que el teu disseny UX brilli.

1. Velocitat

La velocitat del lloc web és la primera oportunitat de fer una bona impressió. És el vostre primer obstacle UX.

Velocitat del lloc web

(font de la imatge)

Massa lent i els visitants ja estan agitats i són menys propensos a confiar en vosaltres. Instintivament associem velocitat amb professionalitat i la majoria de visitants esperen que es carregui el vostre lloc web en dos segons.

Qualsevol cosa més lenta que això, i és una experiència d’usuari pobre, des del primer moment.

Assegureu-vos que la velocitat del vostre servidor sigui fins a zero i reduïu el pes del vostre lloc perquè es obri ràpidament.

2. Qui ets i què fas??

El vostre proper gran repte és informar ràpidament als vostres visitants. Qui ets? Què fas? I quin valor els podeu donar?

Valor netflix prop

A això se’n diu una proposta de valor, i és tan important que hi escrivim una publicació de bloc sencera. Només teniu uns segons per convèncer els vostres visitants, de manera que feu que compte!

Proveu-ho ara: resumiu tot el vostre lloc web amb una frase i indiceu el lloc on voleu que passin els visitants.

3. Assegureu-vos que els visitants poden contactar amb vosaltres

Una part fonamental del disseny d’UX és eliminar qualsevol preocupació o ansietat que tinguessin els vostres visitants.

Una de les preocupacions més importants per als nous visitants és si han de confiar en vosaltres o no, sobretot si sou un lloc web nou.

Una de les maneres d’eliminar aquesta ansietat és mostrar-los que hi ha una persona real entre els escenaris. Afegiu una adreça d’empresa, un número de telèfon i una adreça de correu electrònic real. (NO és un formulari de contacte: les persones acostumen a desconfiar d’ells en comparació amb una adreça de correu electrònic directa).

Encara millor, utilitzeu una caixa de xat en viu perquè els usuaris puguin fer preguntes a l’instant.

Xat en viu de Tagove

Si alguna cosa va malament, és bo saber que es poden posar en contacte fàcilment.

4. Doneu sempre els visitants de tornada a casa

Ja hem perdut tots els llocs web abans. Segueixes els enllaços i acabes per un forat de conill.

Si això succeeix, els vostres visitants s’agitaran i es frustren. Instintivament faran clic al botó “X” per tancar el navegador.

En lloc d’això, assegureu-vos que hi hagi un botó “home” clar i definit perquè puguin començar de nou. Normalment, els usuaris esperen que el vostre logotip es torni a enllaçar a la pàgina principal, així que assegureu-vos-ho.

5. Encara millor, deixar pa ratllat perquè sàpiguen on es troben

A més de reiniciar-los ràpidament, utilitzeu “pa ratllat per explicar on es troben en el procés.

Les barres de progrés grans són ideals per a això. Si hi ha durant el procés de checkout, per exemple, informa’t al vostre usuari exactament on es troba i què queda per fer.

barra de check-progress-progress

(font de la imatge)

De nou, es tracta d’una simple psicologia. Per exemple, anar a passejar és molt més esgotador quan no sabeu on és el final. Ens sentim molt més còmodes quan tenim un mapa. La mateixa idea s’aplica en línia.

6. Elimineu les accions repetitives

És molt frustrant introduir les mateixes dades dues vegades en un formulari (com una adreça de facturació i una adreça d’enviament). Proveu de desfer-vos de les accions repetitives que frenin el procés de compra.

Aquestes coses condueixen a l’abandonament del carretó. Els vostres visitants miraran a qualsevol altre lloc.

Encara millor, creeu un sistema que recordi les preferències dels vostres clients. Els sorprendrà i encantarà quan estiguin tots allà esperant-los de nou. És una cosa senzilla que millora les possibilitats de retornar els clients.

7. Utilitzeu consells per a eines per ajudar els novells (però no els impediu els experts!)

Alguns dels vostres visitants seran habituals. Passaran les vostres fulles d’inscripció i procés de compra. D’altres seran completament nous i podrien tenir algunes preguntes en el camí.

Les icones petites “puntes d’eines” (sovint identificades amb un signe d’interrogació) ajudaran els novells a comprendre què han de fer. Però, al mateix temps, no arriben a la manera dels vostres experts.

suggeriments

(font de la imatge)

Fins i tot podeu proporcionar dreceres o rutes ràpides per ajudar a agilitar els experts. Sovint veieu “saltar-se” dels enllaços a la majoria d’explicadors de llocs web i d’aplicacions, per exemple.

8. Creeu una crida a l’acció de gran audàcia

Una trucada a acció indica al vostre visitant exactament què ha de fer: per exemple, “Registreu-vos” o “Comprar ara”. Assegureu-vos que sigui manejant i senzill i que expliqueu el valor d’aquest procés.

CTA

(font de la imatge)

Millor encara, fes-lo un color clar i atrevit (els verds i les taronges fan meravelles aquí) i envolta’l d’espai blanc. Això hauria de cridar l’atenció dels usuaris directament, indicant-los que és el que voleu que facin.

9. Feu una distinció clara entre crides a l’acció primàries i secundàries

Amb moltes trucades a l’acció, podreu veure dues opcions. Per exemple, “Enviar” i “cancel·lar” O bé “descarrega’t ara” i “prova gratuïta”.

spotify-cta

Està clar quines accions voleu fer pel visitant, així que assegureu-vos que el sàpiguen. Consulteu la pàgina d’inici de Spotify. Han fet que el botó “vaja premium” sigui agosarat i atractiu. Han fet que el botó “reproduir lliure” s’enfonsi en un segon pla.

Es tracta de simple psicologia de nou. Feu que els vostres usuaris sàpiguen en què fer clic.

10. Utilitzeu la jerarquia per mostrar als usuaris on anar al següent

Tant de bo tingueu en compte un clar “viatge d’usuari”. Suposem que ensenyes cursos en línia a través del vostre lloc web. Un viatge senzill per a l’usuari podria semblar així:

Llegiu el darrer bloc > descarregueu un informe gratuït i registreu-vos a la llista de correu > inscriu-te al teu curs en línia pagat.

Si teniu un recorregut clar, podeu crear una jerarquia visual per dirigir els usuaris on els desitgeu. En aquest cas, us hauríeu d’assegurar que el vostre bloc era el primer que veien. Aleshores, començareu a incloure molts enllaços a la vostra llista de correu.

11. No et confonguis amb els elements esperats!

Sovint és difícil resistir la voluntat de ser creatius amb dissenys i elements. Però el cas és que tots sabem com ha de semblar una botiga en línia. Esperem que els productes es posin en categories senzilles. Esperem descripcions de productes, ressenyes i un procés de compra familiar.

caixa de poma

No tracteu de reinventar la roda amb aquests aspectes crucials! Fes-ho simple.

12. S’adhereix a una paleta senzilla de tres colors

Un cop més, es tracta de resistir les ganes de complicar massa les coses. Combinar més de 3 colors primaris és difícil i sovint confondrà als usuaris.

paleta

(font de la imatge)

El color també és molt útil per donar forma a l’experiència dels usuaris ja que està estretament relacionat amb la psicologia i l’emoció. Per exemple, associem el blau a la confiança (hi ha una raó per la qual Facebook utilitza el blau!)

Relaciona la teva paleta de colors amb el producte.

13. Per què puc obtenir un error? I què faig ara?

De vegades, les coses van malament i 404 errors són inevitables. No obstant això, podeu convertir-ho en una experiència d’usuari positiva.

Expliqueu exactament per què aconsegueixen aquest error creant 404 i 504 pàgines personalitzades. La “balena fallida” de Twitter va ser famosa per això.

balena de fallada de twitter

Si hi ha errors desconeguts, tranquil·litzeu els usuaris que hi treballau i dirigiu-los al vostre lloc web.

Els punts morts, com les pàgines d’error, són perillosos. Els usuaris arriben naturalment a la creu. Tranquil·litzeu-los i envieu-los de nou.

14. Doneu als usuaris un màxim de cinc quan completin alguna cosa

Els éssers humans es veuen impulsats per una sensació d’assoliment i finalització. Quan finalitzin una tasca, aviseu-los i mostreu-los on anireu a continuació.

Podeu fer-ho després d’enviar la seva adreça de correu electrònic, després de comprar un producte, després d’afegir alguna cosa a la seva cistella, o simplement quan arribin al final d’una publicació del bloc.

És una experiència senzilla, fàcil i positiva. També proporciona als usuaris una sensació de col·laboració; com en realitat els heu ajudat a assolir els seus objectius.

15. Únicament a dues famílies de lletra

La coherència i la marca són clau per a una bona experiència dels usuaris.

És molt confús si el tipus de lletra del seu logotip és Futura, el text del vostre cos és Times New Roman, la vostra crida a l’acció és Comic Sans i els vostres encapçalaments són Windings …

tipus de lletra

S’adhereixen a només dues famílies de tipus de lletra. És més fàcil de llegir i sembla més professional i de confiança.

16. Utilitzeu missatges d’alerta diferents i coherents

De vegades, els usuaris van a mal funcionar. Potser han introduït la seva contrasenya de manera incorrecta i no s’han pogut iniciar la sessió. Potser han oblidat incloure un codi postal al full de registre.

alertes

(font de la imatge)

En aquests casos, voldreu un missatge d’error o d’alerta simple, però distint. Assegureu-vos que tingui un color i un estil diferents a la resta del vostre lloc. Dóna una clara indicació que alguna cosa necessita acció.

També heu de fer que aquests missatges d’alerta siguin coherents a tot el vostre lloc. No utilitzeu un altre color, estil o ubicació, ja que només és confús.

17. TEXT DE BLOC DE CAPS LIMITATS

És només molest.

De fet, hi ha raons més importants que aquesta. En realitat llegim el text en majúscules més lent que en minúscula. Així, és molt més difícil analitzar la lectura (és a dir, com normalment llegim internet).

Reserva els taps de bloqueig per a quan realment hagi de tenir un impacte.

18. Agrupar articles relacionats

Això és específic per a llocs web de comerç electrònic, però funciona de manera generalitzada.

Proveu de mantenir articles similars i relacionats al mateix lloc. Significa que els vostres visitants i clients reben un servei molt més a mida, gairebé com ja vau preveure les seves necessitats.

elements agrupats

Podeu fer-ho amb productes físics, com ara la selecció d’Amazon “més com aquesta”. També podeu fer una cosa similar amb publicacions i articles del bloc mitjançant una secció de contingut relacionada.

Manté els visitants navegant pel vostre lloc, redueix el percentatge de rebots i crea una experiència més personal.

19. Mantingueu-ho tot coherent

L’últim que voleu és que el visitant faci clic en un enllaç i tingui la sensació que hagi navegat a un lloc web diferent.

Assegureu-vos que la vostra barra de navegació es mantingui al mateix lloc, independentment del lloc on aneu. Assegureu-vos que el vostre logotip sempre sigui visible i que la paleta de colors continuï igual.

20. Dissenyar la disposició per a escaneig ocular

No llegim llocs web com si llegíssim un llibre. Els nostres ulls salten i busquen la informació important.

Patró F

Normalment llegim els llocs web amb un model F, però també es coneixen les imatges en negreta i les trucades a l’acció.

21. Construir confiança amb testimonis i proves socials

La majoria de visitants del vostre lloc web arriben amb la protecció posada. Naturalment són prudents amb els nous llocs i, certament, encara no estan disposats a comprar-los.

Com he dit, una part clau del disseny d’UX és eliminar aquestes barreres i fer que la gent se senti còmoda al vostre lloc web. Uns quants testimonis ben fets i factoides faran que la gent se senti més a gust. Ens agrada veure que altres persones (idealment noms grans) han utilitzat el vostre producte i servei i l’aproven.

22. Feu saber als usuaris amb què poden jugar!

Els llocs web es componen generalment de dues parts: el número u: contingut: és estàtic i no hi podem interactuar. I el número dos: controls: aquestes són coses amb les quals podem fer clic i jugar i interactuar.

interaccions

Twitter és fantàstic en això. Text negre senzill per a contingut. El text blau indica amb què podeu fer clic i interactuar. Les icones s’omplen de color quan feu un rollover per mostrar amb què podeu jugar.

Convida la gent a jugar amb el vostre lloc web!

23. Crear una corba d’aprenentatge suau

A ningú li agrada ficar-se en un lloc web confús i difícil.

Proveu de guanyar els visitants ràpidament gairebé immediatament. Faciliteu-los i simplifiqueu-ho, sobretot si ofereu una proposta comercial complicada.

24. Busqueu la manera d’empatitzar amb el vostre visitant ràpidament

L’experiència de l’usuari consisteix en imitar una relació humana i en crear una connexió amb el vostre usuari. L’empatia és una part important d’això: quins són els objectius i els somnis dels vostres visitants? Què els ha estat retenint fins ara?

Informeu-los immediatament que enteneu el problema. Podeu fer-ho amb una imatge amb la qual puguin relacionar-se, o amb una frase que resumeixi els seus problemes més grans.

El vostre visitant pensarà que “aquest lloc web m’aconsegueix”, que és una experiència fantàstica per a l’usuari per crear.

25. Utilitza microinteraccions per crear un diàleg

Proveu de proporcionar comentaris al vostre usuari en cada part petita del viatge. Crearà una relació i una relació reals als quals els usuaris responen.

Podeu fer-ho amb còpia, com a “Bona feina!” “Vam pensar que us pot agradar això”, “voleu parlar amb un expert?”

barra de progrés

O petits gràfics i visuals, com els polzes cap amunt, la cara somrient o el rellotge de marques en una pàgina de càrrega.

———

Combina aquests petits retocs i crearàs una experiència d’usuari que genera confiança, es connecta amb el públic objectiu i els permet sentir-se feliços i amb una sensació d’assoliment..

Feu servir algun d’aquests trucs de disseny UX? M’encantaria sentir alguna cosa sobre el que em va faltar! Aviseu-me a la secció de comentaris.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map