El a\u00f1o 2020 ya pas\u00f3 a la historia. Nos dej\u00f3 un caos a varios niveles, sobre todo sanitario y econ\u00f3mico. Pero viendo el lado bueno -aunque haya que hacer un gran esfuerzo para verlo- ha sido tambi\u00e9n una oportunidad para aprender en estas circunstancias, innovar siempre en la medida de lo posible, dejar atr\u00e1s lo malo y salir adelante con m\u00e1s ideas y oportunidades que nunca.<\/p>\n\n\n\n
Con todo, asimilando y transformando lo aprendido, veamos que marca la tendencia en este 2021 en t\u00e9rminos de dise\u00f1o de UX\/UI<\/a><\/strong>.<\/p>\n\n\n\n El a\u00f1o pasado ya irrumpi\u00f3 con fuerza esta caracter\u00edstica en las interfaces<\/em> en muchas de las aplicaciones que usamos. Los grandes sistemas operativos como iOS o Android ya incluyen esta opci\u00f3n; tambi\u00e9n marcas como Instagram, Twitter o Facebook.<\/p>\n\n\n\n Son muchas las ventajas que ofrece el modo oscuro<\/strong>: es un aspecto que, est\u00e9ticamente, transmite modernidad y elegancia. A nivel de accesibilidad y en funci\u00f3n de lo que se vaya a mostrar, reduce la fatiga visual cuando hay poca luz y tiene la capacidad de resaltar otros elementos dentro de la interfaz<\/em>. Adem\u00e1s ahorra energ\u00eda de los dispositivos en funci\u00f3n del tipo de pantalla que usen los mismos.<\/p>\n\n\n\n Es imprescindible que el dise\u00f1o se traduzca en hacer sentir emociones<\/strong>, y que estas transmitan intensidad en el usuario. Es importante que una web<\/em> logre generar un impacto positivo y a la vez de seguridad y cercan\u00eda.<\/p>\n\n\n\n Una de las formas de conseguir este efecto es crear una sensaci\u00f3n de espacio 3D<\/strong> colocando elementos superpuestos, im\u00e1genes en 2D que mediante capas y sombras den sensaci\u00f3n de profundidad y a la vez, ligereza a la web<\/em>.<\/p>\n\n\n\n Esto es algo que se puede aplicar en muchos elementos, texto, videos, im\u00e1genes, gr\u00e1ficos, etc. Combinando una interfaz<\/em> minimalista con elementos llamativos e interesantes, puedes atraer usuarios y mantener las cosas claras e informativas.<\/p>\n\n\n\n Una de las habilidades m\u00e1s importantes para cualquier empresa, m\u00e1s a\u00fan en el \u00e1mbito digital, es tener esa capacidad de atraer a los usuarios de manera \u00fanica, singularizada y concreta<\/strong>, haciendo hincapi\u00e9 en el target<\/em> al que va dirigido, que puede ser m\u00e1s o menos amplio, y animando al usuario a ser part\u00edcipe de la marca.<\/p>\n\n\n\n Las webs, apps<\/em>, los entornos digitales, son en gran parte, texto; seg\u00fan c\u00f3mo se expresen las ideas mediante este medio, nos iremos aproximando al usuario que queremos.<\/p>\n\n\n\n Las llamadas microcopias<\/strong> son una forma de agregar a los textos un tono, una expresi\u00f3n. Se usan para fomentar una buena relaci\u00f3n con el usuario, captar la atm\u00f3sfera de nuestra marca y saber dirigirla hacia el exterior, de una manera menos formal, m\u00e1s clara y simple.<\/p>\n\n\n\n Si conseguimos \u201ctener match<\/em>\u201d con el usuario, creando unos textos cercanos en los que se sienta c\u00f3modo y como en casa, habremos dado un gran paso a la hora de generar una buena imagen de marca.<\/p>\n\n\n\n Por otro lado, el uso de la negrita<\/strong> para destacar y resaltar textos es una t\u00e9cnica que se ha usado desde los inicios, pero en este 2021 gana un mayor impulso. Es crucial atraer la atenci\u00f3n de los usuarios mediante su uso sobre todo en los t\u00edtulos y encabezados de las p\u00e1ginas.<\/p>\n\n\n\n Esta t\u00e9cnica nos permite dotar de un sentido m\u00e1s visual la informaci\u00f3n a tratar, adem\u00e1s de dar una visi\u00f3n innovadora y moderna al sitio web.<\/p>\n\n\n\n Si bien la Realidad Virtual (VR)<\/strong> ya se empez\u00f3 a utilizar, sobre todo, en el mercado de los videojuegos, le queda mucho camino por recorrer. Est\u00e1 en sus inicios para que el gran p\u00fablico empiece a ser usuario habitual de este tipo de tecnolog\u00eda. Lo mismo le pasa a la Realidad Aumentada (AR)<\/strong>. Entre s\u00ed, son tecnolog\u00edas muy distintas pero tienen en com\u00fan la expansi\u00f3n que les espera en los pr\u00f3ximos a\u00f1os.<\/p>\n\n\n\n Por lo tanto hay un espacio muy grande para el dise\u00f1o de interfaces<\/em> y de experiencia de usuario<\/a>, donde poder explorar y ver hasta d\u00f3nde puede llegar la creatividad y las capacidades de uso que pueden tener estas tecnolog\u00edas y la forma de implementarlas.<\/p>\n\n\n\n Como he se\u00f1alado, adem\u00e1s de los videojuegos, esta tecnolog\u00eda ya se est\u00e1 empleando en sectores como la sanidad, exposiciones y teatros y otro tipo de artes recreativas. Seguramente su uso y evoluci\u00f3n dar\u00e1n mucho que hablar en este y pr\u00f3ximos a\u00f1os.<\/p>\n\n\n\n Al igual que 2020 nos trajo otras formas de visitar museos, exposiciones, o crear nuevas oportunidades para ciertos sectores con la VR, tambi\u00e9n ha dado un gran paso en este sentido todo lo relacionado con los asistentes de voz<\/strong> y sus interfaces<\/em>.<\/p>\n\n\n\n Gracias a ellos, y de una forma mucho m\u00e1s accesible, los usuarios tienen acceso a informaci\u00f3n, tomar notas, agendar citas y realizar otras tareas con facilidad.<\/p>\n\n\n\n En este 2021 se espera que se realicen mejoras en las caracter\u00edsticas de estos asistentes, que ya no ser\u00e1n simples chatbots<\/em><\/strong>, sino que acercar\u00e1n al usuario soluciones eficientes y entender nuestras necesidades de una manera m\u00e1s satisfactoria.<\/p>\n\n\n\n Todo esto llevar\u00e1 inevitablemente a generar tambi\u00e9n espacios de creatividad e innovaci\u00f3n a la hora de implementar las interfaces<\/em> de voz para que sean cada vez m\u00e1s usables y accesibles para los usuarios.<\/p>\n\n\n\n El t\u00e9rmino Neomorfismo<\/strong> es como se denomina a la nueva manera de ver el skeumorfismo<\/strong>, qu\u00e9 no es m\u00e1s que una t\u00e9cnica del dise\u00f1o de interfaces<\/em> usada en sus inicios en las primeras versiones sobre todo de iOS, donde se trataba de trasladar el aspecto an\u00e1logico de los objetos a los iconos de las apps.<\/p>\n\n\n\n En este nuevo concepto, se trata de evocar la misma sensaci\u00f3n que provocaba el skeumorfismo pero de una manera m\u00e1s plana, m\u00e1s suave, creando contrastes adecuados a la hora de resaltar botones o tarjetas, sin que lleguen a parecer copias de la realidad como si llegaban en el skeumorfismo. \u00a0Ya en 2020 se empezaron a desarrollar prototipos llevando a cabo esta t\u00e9cnica y en este 2021 seguramente veremos muchas m\u00e1s aplicaciones que deriven en esta manera de combinar lo cl\u00e1sico y lo moderno.<\/p>\n\n\n\n Y como no podr\u00eda ser de otra manera, la accesibilidad<\/a><\/strong> debe ser parte de la web, que no se quede solo en tendencia.<\/p>\n\n\n\n Necesitamos plataformas adaptadas a todo el p\u00fablico y que brinden una \u00f3ptima experiencia de usuario. Esto se puede ver traducido en mejora de la conversi\u00f3n, que haga crecer el SEO y aumente la cantidad de usuarios.<\/p>\n\n\n\n Usar el atributo alt<\/em> en im\u00e1genes para generar textos alternativos, crear buenos contrastes de color, usar etiquetas en los formularios, generar una buena comprensi\u00f3n de la web con los lectores de pantalla y un largo etc\u00e9tera de caracter\u00edsticas que pueden hacer de nuestra web, diferente al resto y lo m\u00e1s importante, accesible para todos y todas.<\/p>\n\n\n\n Jonathan Rueda<\/strong><\/p>\n\n\n\n Analista de Accesibilidad Web<\/a> y UX en MTP<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n Webgraf\u00eda<\/span><\/strong><\/p>\n\n\n\n Tendencias de dise\u00f1o de UI \/ UX para 2021<\/a><\/p>\n\n\n\n 6 tendencias UX y UI para el 2021<\/a><\/p>\n\n\n\n Tendencias de UX 2021 <\/a><\/p>\n\n\n\nBlack pattern<\/em> o modo oscuro<\/h2>\n\n\n\n
Creaci\u00f3n de entornos \u2018ligeros\u2019<\/h2>\n\n\n\n
La importancia del texto y fuentes en \u2018negrita\u2019<\/h2>\n\n\n\n
Otras realidades: Realidad Virtual (VR) y Realidad Aumentada (AR)<\/h2>\n\n\n\n
Asistentes virtuales y VUI (Voice User Interface<\/em>)<\/h2>\n\n\n\n
Neomorfismo<\/h2>\n\n\n\n
Accesibilidad para todos y todas<\/h2>\n\n\n\n