\n Puede crear el dise\u00f1o m\u00e1s asombroso del mundo y no tendr\u00e1 \u00e9xito si no satisface la usabilidad.\n<\/p>\n
\n Todo, desde un palillo de dientes hasta un avi\u00f3n comercial, requiere facilidad de uso para funcionar y vender, o de lo contrario su dise\u00f1o est\u00e1 condenado. De manera similar, en el mundo web, un t\u00e9rmino llamado UX entra en juego cuando se usa y califica un sitio web.\n<\/p>\n
\n UX es la abreviatura de experiencia de usuario que un usuario web adquiere cuando navega en un sitio web e interact\u00faa con sus elementos y caracter\u00edsticas. Si la experiencia es entrecortada y mal buscada, entonces el sitio web no es nada al flotar basura en Internet que a nadie le importar\u00e1. UX puede decidir por s\u00ed solo si un sitio web se puede usar o vender, por lo que hacer que cuente es imperativo para el dise\u00f1ador. En este art\u00edculo, compartiremos 10 reglas cardinales con respecto a la usabilidad que todo dise\u00f1ador web debe conocer antes de llevar el sitio web a sus etapas finales de finalizaci\u00f3n.\n<\/p>\n
\n Hay una l\u00ednea muy fina trazada entre UX y UI. Incluso si eres consciente de la diferencia, es posible que lo escuches del cliente sobre un punto u otro, pero cuando llegue el momento, debes poder explicar la diferencia en los mejores t\u00e9rminos posibles. La interfaz de usuario se define como el sistema real, mientras que la experiencia del usuario se define como el resultado emocional despu\u00e9s de interactuar con el sistema.\n<\/p>\n
\n Microsoft Windows es la interfaz de usuario, mientras que la satisfacci\u00f3n emocional despu\u00e9s de usarlo es la experiencia de usuario. Confundir los dos t\u00e9rminos no solo puede da\u00f1ar su propio trabajo, sino tambi\u00e9n sobrecargarlo con algo que no es para nada su trabajo.\n<\/p>\n
\n Un buen dise\u00f1ador no solo sabr\u00e1 la diferencia sino que ser\u00e1 capaz de explic\u00e1rsela al cliente a la hora de proponer un pitch de presentaci\u00f3n de su trabajo.\n<\/p>\n
\n El dise\u00f1o web es m\u00e1s de lo que parece. Todo, desde los detalles visuales, el producto que usa y los lugares que visita, tiene UX escrito por todas partes. Conducir un coche destartalado es una mala experiencia, mientras que abrir f\u00e1cilmente una caja llena es una buena experiencia. El marketing de UX fuera de l\u00ednea puede parecer un vestido diferente, pero originalmente est\u00e1 cortado con la misma tijera. Aunque no es del todo lo mismo y no se puede justificar con algunos ejemplos, la experiencia UX en plataformas materiales e inmateriales produce las mismas hormonas en tu cerebro. Por ejemplo, alguien descubri\u00f3 que los humanos priorizan la informaci\u00f3n de izquierda a derecha y que los elementos de la izquierda ocupan menos espacio vertical y tienen el mismo peso visual.\n<\/p>\n
\n Durante el a\u00f1o 2000, la tendencia comenz\u00f3 a cambiar y los dise\u00f1adores web comenzaron a colocar barras de navegaci\u00f3n en el panel izquierdo de la p\u00e1gina web. Esto permiti\u00f3 a los usuarios escanear contenido m\u00e1s r\u00e1pido y mejor, al tiempo que brindaba una mayor exposici\u00f3n a los contenidos del sitio web. Como dise\u00f1ador web, tener los pies en ambos medios te permitir\u00e1 entrenar tu mente y expandir tu conocimiento para evaluar y producir proyectos desde una perspectiva m\u00e1s viva.\n<\/p>\n
\n El arte y la ciencia van de la mano cuando se trata de UX. Tener una comprensi\u00f3n refinada de su v\u00ednculo es imperativo, especialmente durante el proceso de dise\u00f1o. Cient\u00edficamente, existe un escenario de soluci\u00f3n de problemas en el que el dise\u00f1ador debe trazar una hoja de ruta y abordar los problemas con una soluci\u00f3n te\u00f3rica. Por ejemplo, un sitio web est\u00e1 funcionando dr\u00e1sticamente bajo en sus ventas. El dise\u00f1ador sugerir\u00e1 actualizar el sitio web, probarlo y solucionarlo, lo que se convertir\u00e1 en una soluci\u00f3n. Aqu\u00ed es donde interviene el arte.\n<\/p>\n
\n Todos los aspectos y elementos se sugerir\u00e1n en la soluci\u00f3n, como colores, tipos de letra, dise\u00f1o, texto y contenido visual para que el sitio web sea atractivo tanto est\u00e9tica como funcionalmente. Se someter\u00e1 a m\u00e1s pruebas hasta que logre invocar la respuesta emocional deseada por parte del usuario. Esta canalizaci\u00f3n del comportamiento externo a trav\u00e9s de una implementaci\u00f3n cient\u00edfica es lo que hace que Arte y Ciencia sean una pareja extra\u00f1a pero potente.\n<\/p>\n
\n No es ning\u00fan secreto que los dise\u00f1adores tratan con clientes que quieren que las cosas funcionen seg\u00fan sus libros. Esto crea un laberinto que no conduce a ninguna parte, ya que muchas cosas que el cliente ignora y que solo el dise\u00f1ador sabe. Del mismo modo, los dise\u00f1adores a veces se empe\u00f1an en hacer las cosas a su manera, mientras que otros m\u00e9todos tambi\u00e9n est\u00e1n sobre la mesa y podr\u00edan funcionar mejor.\n<\/p>\n
\n Mantener un enfoque \u00fanico como tal nunca es saludable cuando se dise\u00f1a un dise\u00f1o web rico en UX. Una buena UX solo se puede lograr a partir de un enfoque orientado a objetivos que se centre en la mejor soluci\u00f3n disponible. Por ejemplo, un cliente quiere cambiar el enlace de testimonios de clientes a la parte superior de la p\u00e1gina para obtener m\u00e1s exposici\u00f3n e invitar a m\u00e1s tr\u00e1fico. Sin embargo, el problema no radica en la ubicaci\u00f3n del enlace, sino en la ubicaci\u00f3n del enlace en s\u00ed mismo, ya que no logra atraer tr\u00e1fico. Por lo tanto, tambi\u00e9n puede arreglar el enlace haci\u00e9ndolo m\u00e1s visible justo donde est\u00e1 en lugar de moverlo a una nueva ubicaci\u00f3n. Ambas soluciones se pueden usar para resolver el problema y debe mantener la opci\u00f3n abierta. Esto se llama dise\u00f1o orientado a objetivos.\n<\/p>\n
\n La identidad de marca es uno de los objetivos principales detr\u00e1s de la construcci\u00f3n de una gran experiencia de usuario. Si la UX deja huella en la satisfacci\u00f3n de los usuarios, entonces se reflejar\u00e1 mucho hacia la Marca que hizo posible esta experiencia. Es importante que no se distraiga creando un look que cumpla con las preferencias del cliente. Un buen dise\u00f1o que debe exhibir la combinaci\u00f3n correcta de funcionalidad y caracter\u00edsticas que no solo hagan que la experiencia del usuario sea un placer, sino que tambi\u00e9n detalle la inversi\u00f3n que ha hecho una marca para que sea exitosa. Esto decidir\u00e1 si el usuario volver\u00e1 a visitar el sitio web.\n<\/p>\n
\n Para asegurarse de tener la perspectiva del cliente arraigada en el dise\u00f1o, inf\u00f3rmeles sobre cada movimiento y realice los cambios necesarios que se puedan acomodar en el dise\u00f1o. Tambi\u00e9n es importante que considere el panorama general al agregar las preferencias del cliente para que la experiencia del usuario no se vea afectada en el proceso.\n<\/p>\n
\n Nunca te conviertas en una v\u00edctima de tu propia imaginaci\u00f3n. Dado que tiene algo de libertad creativa al dise\u00f1ar un sitio web, es crucial que no abuse de ella. En este caso particular, tienes las pautas del cliente y tus preferencias profundamente asentadas, pero te olvidaste por completo de la perspectiva del usuario. Siendo dise\u00f1ador es importante que nunca dejes que tu imaginaci\u00f3n te desv\u00ede de lograr lo que el cliente y el usuario quiere. Un dise\u00f1o dirigido por el usuario tiene la mejor oportunidad de producir una UX ganadora que cualquier otro enfoque.\n<\/p>\n
\n Para asegurarse de que est\u00e1 en el camino correcto, investigue sobre los usuarios de su nicho de dise\u00f1o y conozca sus necesidades y deseos en su dise\u00f1o particular. Antes de que est\u00e9 listo para lanzarlo, use las pruebas A\/B para verificar si su dise\u00f1o cumple con los requisitos. Recuerde, las necesidades del usuario son m\u00e1s importantes que su aporte personal porque al final lo usar\u00e1n.\n<\/p>\n
\n Los disparadores de comportamiento se basan en la psicolog\u00eda humana que estimula la respuesta emocional del usuario. Los buenos dise\u00f1adores pueden evaluar cualitativamente la mentalidad del usuario y derivar una conexi\u00f3n emocional con el contenido. Estas conexiones emocionales son esenciales para producir una UX animada en un dise\u00f1o web. Tome las notificaciones, por ejemplo. Es posible que haya experimentado la molesta funci\u00f3n de notificaci\u00f3n emergente que lo env\u00eda fuera del sitio web dando un portazo al salir. Aunque es en parte para el beneficio del cliente y al mismo tiempo asegura conversiones para el minorista, mostrarlo justo despu\u00e9s de que el cliente llega al sitio web es una idea terrible.\n<\/p>\n
\n Imag\u00ednese llegando al punto de su oficina y que le ordenen hacer sus tareas sin respirar ni disfrutar de una taza de caf\u00e9 caliente. El tiempo es un factor crucial aqu\u00ed. Si conoce la psique humana, nunca comenzar\u00e1 con una ventana emergente que cubra m\u00e1s de la mitad de la pantalla. En su lugar, puede esperar a que el visitante hojee el contenido y luego comenzar con su presentaci\u00f3n. De esta manera, la misma notificaci\u00f3n se recibir\u00e1 con los brazos abiertos, porque ahora el usuario puede dedicar su tiempo para participar. UX depende en gran medida de la psique del consumidor, y es por eso que debe integrar una dosis saludable de desencadenantes de comportamiento, mientras que tenga cuidado donde sea necesario.\n<\/p>\n
\n El desplazamiento funciona como magia si me preguntas. Env\u00eda al usuario que busca informaci\u00f3n m\u00e1s profundamente en el sitio, ampliando sus posibilidades de conversi\u00f3n. Probablemente sea por eso que la mayor\u00eda de los dise\u00f1adores colocan sus CTA en la parte inferior de la p\u00e1gina, donde el desplazamiento llega a su fin.\n<\/p>\n
\n Incluso el enfoque de \u00abamor a primera vista\u00bb puede promover el desplazamiento, donde el dise\u00f1o muestra CTA en la parte superior de la p\u00e1gina. Puede optimizar dichas p\u00e1ginas introduciendo se\u00f1ales de desplazamiento. Las se\u00f1ales de desplazamiento pueden variar desde flechas hasta elementos gr\u00e1ficos cautivadores. Por ejemplo, Las flechas se pueden usar para se\u00f1alar direcciones para la siguiente pieza de contenido, mientras que los elementos gr\u00e1ficos pueden llevar al usuario directamente a la siguiente diapositiva una vez que interact\u00faan con ella.\n<\/p>\n
\n Cuando pone su contenido en vivo en Internet, debe esperar que se encuentre con personas de todo tipo de or\u00edgenes. No todo el mundo comparte sus puntos de vista de la forma en que pretende proponerlos. Es por eso que tu contenido debe ser absorbible para que el usuario no necesite un esfuerzo extra para entender lo que le est\u00e1s ofreciendo. Si el contenido es digerible, el usuario convertir\u00e1 m\u00e1s r\u00e1pido.\n<\/p>\n
\n Dales un bocado a la vez. Mostrar todo lo que puedes ofrecer de una sentada no solo desorienta al usuario, sino que tambi\u00e9n refleja desesperaci\u00f3n por tu parte. Para asegurarse de que su dise\u00f1o sea transpirable y f\u00e1cil de asimilar, use mucho espacio en blanco alrededor de sus elementos para que sean f\u00e1ciles de distinguir. Tambi\u00e9n cree contenido que sea comprensible para todo tipo de audiencias con ejemplos y sus propias narrativas. Mu\u00e9strate como su amigo, no como un hombre de negocios.\n<\/p>\n
\n Los elementos de p\u00e1gina son una parte integral de un dise\u00f1o web. Realizan funciones esenciales para los usuarios y mantienen una armon\u00eda emocional en UX. Sin embargo, agregar elementos de p\u00e1gina innecesarios puede ser peligroso para su sitio web y tambi\u00e9n para el usuario.\n<\/p>\n
\n Elementos de la p\u00e1gina, como una llamada a la acci\u00f3n con varios comandos en lugar de uno, una imagen que distraiga lo suficiente como para desviar la atenci\u00f3n del tema o un fragmento de texto en el medio de la p\u00e1gina que induzca a error al cliente. Agregar estos elementos afecta in\u00fatilmente la credibilidad de su dise\u00f1o web y ralentiza su velocidad de carga. Las im\u00e1genes HD, por ejemplo, pueden ser f\u00e1bricas de demoras para sus p\u00e1ginas web. Exigen mucho ancho de banda y quitan el tiempo de carga ideal para un sitio web amigable con la conversi\u00f3n. Un sitio web de carga lenta es lo \u00faltimo que desea en su sitio web UX.\n<\/p>\n
\n Como dise\u00f1ador web, debe tener en cuenta cada elemento, aspecto y enfoque en la ecuaci\u00f3n. Su objetivo es producir un dise\u00f1o que no solo gane a los clientes, sino que tambi\u00e9n ofrezca una experiencia de usuario satisfactoria. A trav\u00e9s de estas 10 reglas fundamentales, crea el dise\u00f1o web ideal que atiende la usabilidad desde todos los \u00e1ngulos posibles.\n<\/p>\n<\/p>\n