8 consells de disseny de la interfície d'usuari o com utilitzar la interfície d'usuari de manera efectiva? | SpdLoad

La interfície d'usuari eficaç ajuda els usuaris a realitzar accions específiques amb facilitat, satisfacció i control complet. És per això que és molt important seguir uns bons consells sobre el disseny de la interfície d'usuari. I entendre clarament la diferència entre disseny UX i UI.

Si el disseny de la interfície d'usuari té èxit, l'usuari és invisible per a l'usuari. És tan adept a anticipar quines accions emprendria un usuari a continuació.

La Interfície d’Usuari presenta elements i estructures que ajuden l’usuari a fer accions amb èxit i facilitat. Sembla que els visitants no noten ni la interfície d'usuari.

Compartiré alguns consells que he après en el meu viatge com a dissenyador gràfic. Us mostro com aquests senzills consells us poden ajudar a crear un disseny d’interfície d’usuari superior.

8 consells bàsicament per al disseny de la interfície d'usuari

Per a un dissenyador novell i molts usuaris, la interfície d'usuari és simplement la "aparença" d'un lloc web. En realitat, ho és molt més.

Consisteix en conceptes de disseny visual, disseny interactiu i arquitectura de la informació.

A més, construïm interfícies i punts de comunicació que facin la realització de tasques de manera transparent, intuïtiva i familiar.

Però, què fa la diferència entre la interfície d'usuari eficaç i la inútil en el disseny de MVP?

Considerem 8 consells.

Comenceu amb la recerca d’usuaris d’UX

En el disseny de la interfície d'usuari, tot comença des de l'usuari.

Per crear llocs web que els usuaris trobin fàcils d’utilitzar, estudieu com es comporten i interaccionen els usuaris amb els llocs web. Obteniu informació sobre els seus fluxos de treball, processos i vegeu com s’acosten a les seves tasques.

Com més coneixeu els vostres usuaris, més podreu anticipar-los a les seves necessitats i cuidar-los de manera eficaç.

La investigació dels usuaris us permet saber com, quan, on i per què utilitzaran el vostre producte per solucionar el dolor.

Configura les expectatives de disseny de la interfície d'usuari

La coherència i la familiaritat són un concepte important del disseny d’UI.

Els usuaris s’han acostumat a accedir i interactuar amb llocs web d’una determinada manera.

Si el disseny de la interfície d'usuari d'un lloc és diferent del que solen o esperen, pot suposar un risc.

Es pot animar a provar-ho una estona. Però qualsevol obstacle o frustració en el procés pot acabar tot. Els clients marxaran, possiblement mai no tornin.

Assegureu-vos que el vostre lloc contingui elements familiars en llocs familiars. Un bon enfocament per començar a provar per utilitzar prototips.

Quan experimenteu amb el disseny, assegureu-vos que els usuaris sàpiguen quin botó realitzarà quina acció abans de fer-hi clic.

Per exemple, un petit globus emergent que conté una còpia instructiva. A moltes aplicacions i llocs web de lectura, es desplaça sobre la icona del cor a prop d’un títol apareix amb paraules com ara: Feu clic per guardar a Favorits.

Aquesta còpia instructiva pot gestionar les expectatives dels usuaris amb eficàcia.

De la mateixa manera, aviseu als usuaris quan estan a punt de fer qualsevol acció que no es pugui desfer. Per exemple, suprimir un correu electrònic, una pàgina o un lloc web. Pregunteu-los si esteu segurs.

Si ho són, tiraran endavant, si no, la vostra interfície d’interès efectiva només els ha desat d’un clic accidental.

Assegureu-vos la resposta ràpida de la interfície d'usuari

El disseny de la interfície d'usuari és un punt d'interacció i comunicació amb els vostres usuaris.

Quan feu clic en un enllaç, espero que s’obri. Quan premeu un botó, espero que canviï de colors.

Un procés de transacció i acció i resposta domina el disseny de la IU.

A mesura que els usuaris interactuen amb el vostre lloc web, assegureu-vos que el lloc sigui ràpid i ràpid amb les seves respostes. El desplaçament és suau i suau, es ressalten accions positives i tots els enllaços es poden fer clic: en menys de 3 segons, a la part superior.

Cada segon, espereu afrontar un nombre disminuït de visualitzacions de pàgines i una taxa de satisfacció inferior dels clients, la qual cosa provocarà una pèrdua de conversions.

Els llocs web de resposta lenta no només frustren els usuaris, sinó que també fan que la gent tingui dubtes sobre si la cosa funciona o no en primer lloc.

No voleu associar-vos a aquests dubtes. Gestioneu en conseqüència la velocitat de càrrega del vostre lloc i els temps de resposta dels elements.

Ubicació i mida de l'element

El disseny de la interfície d'usuari té relació amb clics, taps i desplaçaments.

Heu d’assegurar-vos que cada cop que un usuari fa clic al vostre lloc web, és el clic que es converteix en una conversió. Perquè això passi, presteu atenció a la ubicació i a la mida d’elements del vostre lloc.

Manteniu sempre la mida adequada i la col·locació prou espaiosa. Cal evitar errors de clic. A més, feu que els botons més freqüents - enviar, enviar, iniciar - siguin més destacats i grans que altres.

El mateix amb les llistes de menús principals. Situeu-los més amunt a la jerarquia que els menús addicionals com ara categories.

Entraràs a la vista per detectar interfícies d’usuari efectives sempre que es trobin.

Feu que el disseny sigui simple

En tots els projectes en els quals he treballat, he trobat sempre aquest èxit. No hi ha res que un simple disseny d’UI no solucioni ni millori.

Amb un disseny senzill, els processos cognitius dels usuaris no es veuen aclaparats.

Els resulta fàcil prendre decisions, realitzar tasques de manera eficient i no hi ha cap element innecesari.

Un dissenyador novell pot crear interfícies d'usuari que tinguessin un disseny elevat, un disseny visual, però pràcticament funcional, hi havia molts problemes.

El disseny web simple és, en realitat, el distintiu d’un experimentat dissenyador experimentat i és una tasca molt difícil de realitzar.

Amb un disseny més senzill, heu de basar-vos molt més en la vostra creativitat i coneixement del disseny que en els trams visuals superficials.

Així, a mesura que comenceu a treballar en el vostre proper disseny d’interès d’interès, busqueu una interfície senzilla.

Esforçar-se per crear un disseny que faciliti la funció. Permet que la gent marqui com a convidats a la compra en línia.

En lloc d’amagar el menú, feu-lo més senzill.

Per aconseguir que les categories de blocs siguin més accessibles, en lloc de publicar-les per tota la pàgina, proveu d’utilitzar una graella per donar una estructura al disseny.

Amb aquests ajustaments senzills (que requereixen molta reflexió i un bon grapat de moments d'Eureka!) Podreu reduir l'eficàcia del disseny de la interfície d'usuari en molt poc temps.

Disseny amb accessibilitat

Cap disseny d’UI pot ser realment eficaç si no s’ajusta a les necessitats d’un públic més ampli. Incloure aquells amb diversos problemes d’accessibilitat.

Un gran segment d'aquest públic està format per usuaris que tenen diversos reptes relacionats amb la vista. Com ara diferents formes de deficiències de visió de color (CVD), visions reduïdes, visió borrosa i problemes de visió relacionats amb l’edat.

La interfície d'usuari per a aquestes audiències no pot ser central del color com ho són la majoria de dissenys d'IU actuals. Per ajudar els usuaris amb problemes de visió, vista i CVD, és fonamental que el disseny de la interfície d'usuari sigui una unió de colors i icones.

Concretament per a una audiència en CVD, els colors sols no transmeten informació suficient.

Per exemple, si la notificació d’alerta del sistema està dissenyada només amb colors (verd i vermell), una persona amb deficiència de visió de color vermell-verd tindrà molt difícil esbrinar quin botó ha de fer clic.

De la mateixa manera, i potser a una escala menys greu, els llocs web de comerç electrònic que no mostren informació sobre colors amb etiquetes de text fan un servei per als usuaris daltònics.

Si parlem de persones que tenen una visió reduïda o deficient, els llocs web en escala de grisos són especialment un malson. Aquests llocs semblen estèticament agradables, però no s’ajusten als estàndards d’usabilitat.

Amb proporcions de contrast pobres, tipografia més petita i esvaïda i temes de color gris sobre blanc, navegar per aquests llocs durant una durada superior a uns segons pot convertir-se en una font de mal de cap per als que tenen problemes de visió.

Per crear un disseny d’UI eficaç, amb una accessibilitat en ment i una bellesa visual sense compromís, presteu atenció a aquestes millors pràctiques:

  • Educeu-vos sobre quins contrastos de colors són millors i pitjors per al CVD i per a un altre públic diferent. Podeu utilitzar eines de contrast de contrast i de color en línia per ajudar-vos: Color Oracle, Sim Daltonisme i Controlador de contrast, etc.
  • Sempre etiqueu els colors de les imatges / descripcions del producte si teniu una botiga de comerç electrònic.
  • Assegureu-vos que els vostres enllaços sempre estiguin subratllats, ja que el públic que manca de color només pot perdre el canvi de color.
  • Afegiu patrons, textures i canvieu les formes per complementar els colors als gràfics i gràfics de visualització de dades.
  • Assegureu-vos que els botons principals del vostre lloc es distingeixin adequadament dels altres botons. Com a bon recurs que us ajuda a comprendre el disseny d’accessibilitat, aquí teniu un enllaç útil.

Creeu un lloc web sensible

Des de fa temps, Google ha iniciat la indexació per a mòbils dels primers llocs web a les seves pàgines de cerca, traslladant encara més l’atenció als usuaris mòbils versus els usuaris d’escriptori.

Aquest canvi ha impulsat totes les empreses que volen mantenir els seus bons SEO i els forts percentatges de conversió que començaran a crear llocs web amb resposta.

És un disseny fluid que reordena i es reajusta per adaptar-se a qualsevol pantalla a la qual s’hi accedeixi.

Manté la qualitat estructural i visual de la interfície intacta alhora que proporciona una visualització òptima de la interfície, sigui quina sigui la mida de la pantalla o el tipus de dispositiu.

Si bé el disseny responsiu no compleix de forma inherent les directrius d’accessibilitat web, el disseny d’UI més recent i modern és cada cop més inclusiu.

Veiem molts exemples de llocs que no només són responsius, sinó que també són accessibles. Per exemple, i Reforma, ara, a la part superior del cap.

Naturalment, a llarg termini, aquests llocs seran els que tinguin més trànsit, un abast més ampli i possiblement més conversions.

Si esteu dissenyant una interfície d'interès amb l'objectiu que converteixi el trànsit, té sentit lògic emprar estratègies de disseny que funcionin per a molta gent i molts dispositius.

Entreneu l’ull per a un bon disseny i practiqueu, practiqueu, practiqueu!

Cap d’aquests consells no servirà per a res si no investiu pràctica i recerca. S’acostuma a situar un bon disseny en navegar pels llocs. Cerqueu funcions que funcionin en un lloc i altres que no.

I mireu com ho hauríeu fet diferent.

Invertiu també el temps i els recursos que pugueu per a la investigació d’usuaris. Parleu amb els vostres usuaris en diferents etapes de disseny. Poden ser la vostra millor font d’informació a mesura que continueu treballant amb un desenvolupament de MVP.

Observeu com interaccionen amb la vostra interfície d'interès i si hi ha cap espitlleres que podeu solucionar, elements que podeu millorar o obstacles que podeu eliminar.

Penseu també en enquestes i grups focals. Aquest últim pot ser de gran ajuda per recollir punts de vista conflictius que en última instància ajudaran el vostre disseny.

Les enquestes són les opcions de recerca d’usuaris més econòmiques i assequibles. També podeu enquestar els vostres companys per a la vostra investigació bàsica i després pensar en invertir alguns fons en ella per obtenir alguns fets difícils que puguin impulsar el vostre procés de disseny i aportar una base sòlida.

Per últim, però no per això menys important, la pràctica. Sincerament, aquest és el millor consell que us puc donar. La pràctica no serà perfecta, però segur que us pot acostar.

IU efectiva: què ve?

Així que allà el teniu

8 consells de disseny provats i revisats personalment que m’han salvat la pell moltes vegades. Espero que us siguin d'utilitat.

Un punt important a destacar, no hi ha res com un disseny d’UI perfecte. És un procés continu d’aprenentatge dels usuaris i donar-los no només allò que compleix els seus propòsits, sinó que també millora els seus processos.

Per tant, seguiu aprenent.

Publicat originalment a https://spdload.com.