{"id":337,"date":"2016-06-20T15:23:26","date_gmt":"2016-06-20T19:23:26","guid":{"rendered":"https:\/\/malpicaquintero.com\/web\/?p=337"},"modified":"2016-06-20T15:23:26","modified_gmt":"2016-06-20T19:23:26","slug":"6-tendencias-de-ux-a-tomar-en-cuenta-en-el-2016","status":"publish","type":"post","link":"https:\/\/malpicaquintero.com\/web\/6-tendencias-de-ux-a-tomar-en-cuenta-en-el-2016\/","title":{"rendered":"6 tendencias de #UX a tomar en cuenta en el 2016"},"content":{"rendered":"<p style=\"text-align: justify;\">Hoy en d\u00eda es muy importante tomar en cuenta la experiencia de los usuarios (#UX) si realmente desea posicionarse en el competitivo mundo profesional de hoy, \u00bfHa tomado en cuenta que cada vez m\u00e1s empresas se esfuerzan en vender una gran #UX por encima de un producto en espec\u00edfico? La raz\u00f3n de esto es porque estas instituciones se han dado cuenta de la importancia de la experiencia de usuario para el consumidor y, en ese sentido, act\u00faan en consecuencia.<\/p>\n<p style=\"text-align: justify;\">Las ventajas de proporcionar una mejor #UX, junto a un dise\u00f1o de calidad de su sitio web, aplicaci\u00f3n o marca, son cada d\u00eda m\u00e1s evidentes para lograr la tan anhelada fidelidad de marca. No solo debe esforzarce en atraer a su p\u00fablico objetivo, sino que tambi\u00e9n debe ser capaz de ofrecer opciones para interactuar con el m\u00e1s f\u00e1cilmente, aseg\u00farese que sus usuarios disfruten de la interacci\u00f3n con su sitio web o app.<\/p>\n<p style=\"text-align: justify;\">Las innovaciones en la #UX de su sitio o app pueden impulsar significativamente su crecimiento.<\/p>\n<p style=\"text-align: justify;\">\u00bfCu\u00e1les son las tendencias de dise\u00f1o UX que dominan este 2016? Vamos a echar un vistazo a mis seis favoritas<\/p>\n<p>\u00a0<\/p>\n<h2 style=\"text-align: justify;\">1.- El dise\u00f1o anticipado<\/h2>\n<p style=\"text-align: justify;\">Anticiparnos a las decisiones o acciones del usuario es una funcionalidad que ha estado presente desde hace muchos a\u00f1os. Sin embargo, las potencialidades que ofrecen las nuevas tecnolog\u00edas y navegadores hacen de este tipo de funcionalidades algo completamente nuevo dentro de una gran #UX. Es un hecho que el dise\u00f1o anticipado se est\u00e1 integrando con gran \u00e9xito a un sin n\u00famero de app y sitio web hoy en d\u00eda.<\/p>\n<p style=\"text-align: justify;\">El objetivo sigue siendo el mismo: Anticipar las decisiones del usuario con el fin de simplificar a\u00fan m\u00e1s un proceso particular (mediante la reducci\u00f3n de la carga cognitiva).<\/p>\n<p style=\"text-align: justify;\">Seguramente usted en alg\u00fan momento se pudo haber encontrado con la opci\u00f3n de llenar un formulario en un sitio o aplicaci\u00f3n, y se despliega una opci\u00f3n de auto-llenado que indica su direcci\u00f3n, nombre completo y otros detalles importantes. Esta es la caracter\u00edstica de una buena anticipaci\u00f3n, la cual permite llenar con facilidad un formulario sin mayores molestias. De hecho, todos estamos familiarizados con las caracter\u00edsticas b\u00e1sicas como notificaciones anticipadas integradas en la aplicaci\u00f3n, la ubicaci\u00f3n geogr\u00e1fica, cuadros emergentes y recomendaciones. Pero estos son implementaciones muy simplistas.<\/p>\n<p style=\"text-align: justify;\">El dise\u00f1o anticipado tiene la funcionalidad de reducir al m\u00ednimo la carga para los usuarios, mediante la adopci\u00f3n de decisiones en su nombre (por supuesto, con su permiso).<\/p>\n<p style=\"text-align: justify;\">En t\u00e9rminos generales, el sistema tiene acceso a los datos hist\u00f3ricos del participante, tales como: \u00bfQu\u00e9 opciones que han seleccionado en el pasado? \u00bfQu\u00e9 t\u00e9rminos se han buscado y las compras que ha hecho? Mantener un seguimiento de todo esto es lo suficientemente eficiente para tomar decisiones en nombre de los usuarios. N\u00f3tese que no estamos hablando de lo que sugiere el sistema, sino m\u00e1s bien estamos ayudando\u00a0a decidir. Por lo tanto, es muy probable que el sistema pueda utilizar estos datos para filtrar los temas o puntos\u00a0en los que el usuario no est\u00e1 interesado en ese momento (y de esta forma vamos m\u00e1s all\u00e1 de sugerirles cosas al azar al participante). Un excelente ejemplo de esto es amazon.com.<\/p>\n<p>\u00a0<\/p>\n<h2 style=\"text-align: justify;\">2.- Dise\u00f1o narrado (historias guiadas por el usuario)<\/h2>\n<p style=\"text-align: justify;\">El dise\u00f1o narrado\u00a0es\u00a0una de las t\u00e9cnicas m\u00e1s eficaces para captar la atenci\u00f3n. Si quiere\u00a0que su p\u00fablico objetivo se sumerja en un mensaje o concepto espec\u00edfico que pueda involucrar (por ejemplo), a los inversores, o la necesidad de obtener la aprobaci\u00f3n para la ejecuci\u00f3n de su propuesta, una historia corta de unos 2 minutos seguramente va a funcionar muy bien.<\/p>\n<p style=\"text-align: justify;\">Crear una peque\u00f1a historia que pueda ser guiada o descubierta por el usuario facilitar\u00e1 la comprensi\u00f3n de los conceptos de vanguardia que usted desea entregar a su p\u00fablico objetivo. Puede llegar a ser algo dif\u00edcil de crear, pero no siempre es as\u00ed. Tendr\u00e1 que prestar mucha atenci\u00f3n a los detalles y poner al m\u00e1ximo sus habilidades creativas para desarrollar y dise\u00f1ar una historia convincente para su marca, productos, servicios, concepto, etc.<\/p>\n<p style=\"text-align: justify;\">Tome en cuenta estas t\u00e9cnicas de narraci\u00f3n para mejorar la experiencia de los usuarios:<\/p>\n<ul>\n<li>Retrae a sus usuarios en la historia<\/li>\n<li>Haga visuales responsivas<\/li>\n<li>A\u00f1ada acciones interactivas<\/li>\n<li>Nunca pierda el hilo de su historia, procure mantenerla en la parte media y al final de su historia.<\/li>\n<\/ul>\n<p>En mi p\u00e1gina \u00ab<a href=\"https:\/\/malpicaquintero.com\/web\/sobre-mi\/\" target=\"_blank\">Sobre mi<\/a>\u00bb usted tendr\u00e1 un idea muy sencilla de lo que el Dise\u00f1o narrado busca.<\/p>\n<h2>3.- Im\u00e1genes h\u00e9roe como sustituto de banners y carruseles<\/h2>\n<p style=\"text-align: justify;\">Otra t\u00e9cnica emergente para mejorar la experiencia del usuario implica el uso de integrar art\u00edsticamente bellas HD o v\u00eddeos como \u201cIm\u00e1genes H\u00e9roe\u201d.<\/p>\n<p style=\"text-align: justify;\">Estas im\u00e1genes h\u00e9roe crean un efecto \u00abwow\u00bb en el usuario y han sustituido a los carruseles y pancartas otrora populares (los cuales sol\u00edan estar subconscientemente ignorados por los usuarios porque se ven como los anuncios).<\/p>\n<p style=\"text-align: justify;\">La siguiente captura de pantalla muestra la portada de mi sitio web que encabezada por completo con un par de im\u00e1genes de h\u00e9roe. Tambi\u00e9n se recomienda utilizar videos de apoyo en el fondo los cuales resultan de mucho agrado para el cliente<\/p>\n<p>\u00a0<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-341 size-large\" src=\"https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-1024x495.jpg\" alt=\"1.- El dise\u00f1o anticipado\" width=\"1024\" height=\"495\" srcset=\"https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-1024x495.jpg 1024w, https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-300x145.jpg 300w, https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-768x371.jpg 768w, https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-260x126.jpg 260w, https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-50x24.jpg 50w, https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01-150x72.jpg 150w, https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux-01.jpg 1366w\" sizes=\"(max-width:767px) 480px, (max-width:1024px) 100vw, 1024px\"><\/p>\n<p>\u00a0<\/p>\n<p style=\"text-align: justify;\">Por ejemplo, si se encuentra desarrollando una p\u00e1gina web de un buen restaurante, una imagen h\u00e9roe <em>yummilicious<\/em> de los alimentos,\u00a0de un plato estrella o emblem\u00e1tico va a crear el efecto \u00abwow\u00bb y tambi\u00e9n le informar\u00e1 a los usuarios en un primer vistazo, sobre las opciones que el restaurante puede ofrecer a sus comensales. Se puede proporcionar un breve eslogan o una llamada a la acci\u00f3n sobre la imagen h\u00e9roe. La integraci\u00f3n de de este tipo de elementos\u00a0tambi\u00e9n es \u00fatil para retener durante m\u00e1s tiempo a los usuarios en su sitio web o aplicaci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Algunos sitios web tienen v\u00eddeos integrados en su cabecera, otros muestran\u00a0su entorno de oficina en su sitio oficial, imagen que representa lo dedicado que est\u00e1n a\u00a0su trabajo y las caracter\u00edsticas de las instalaciones que disponen para a sus empleados.<\/p>\n<p>\u00a0<\/p>\n<h2>4.- Dise\u00f1os persuasivos<\/h2>\n<p style=\"text-align: justify;\">Hay que adaptarse a dise\u00f1ar de manera\u00a0persuasiva, es decir, un dise\u00f1o que convenza a los visitantes del sitio que usted est\u00e1 ofreciendo la\u00a0propuesta que ellos realmente necesitan. Para ello, tendr\u00e1 que entender su psicolog\u00eda. Una vez que tome al toro por los cuernos, usted ser\u00e1 capaz de captar la atenci\u00f3n de sus audiencias objetivo y retenerlos.<\/p>\n<p style=\"text-align: justify;\">Esta tendencia de #UX es esencial para la creaci\u00f3n de una gran masa cr\u00edtica\u00a0de clientes. Por ejemplo, si se ejecuta un negocio de comercio electr\u00f3nico, destacando a continuaci\u00f3n una oferta de env\u00edo gratis en su sitio web, puede persuadir a los visitantes no solamente a\u00a0hacer las compras, sino a regresar a comprar de nuevo.<\/p>\n<p style=\"text-align: justify;\">De acuerdo con el fundador de ConversionXL, Peep Laja, hay 5 principios que deben ser respetados a fin de crear dise\u00f1os de persuasi\u00f3n:<\/p>\n<ul>\n<li style=\"text-align: justify;\">Claridad.<\/li>\n<li style=\"text-align: justify;\">Desarrolle un fuerte atractivo visual.<\/li>\n<li style=\"text-align: justify;\">Mantenga una jerarqu\u00eda visual fuerte.<\/li>\n<li style=\"text-align: justify;\">Conserve la atenci\u00f3n a toda costa.<\/li>\n<li style=\"text-align: justify;\">Ofrezca a sus usuarios una acci\u00f3n en cada pantalla, pero\u00a0s\u00f3lo cuando est\u00e1n listos.<\/li>\n<\/ul>\n<p>\u00a0<\/p>\n<h2>5.- Dise\u00f1e pensando en el futuros de los dispositivos<\/h2>\n<p style=\"text-align: justify;\">Su pr\u00f3ximo gran paso ser\u00e1 proporcionar una experiencia de usuario sin problemas y totalmente responsiva con relaci\u00f3n a los nuevos dispositivos, especialmente en los port\u00e1tiles. Un <strong><a href=\"http:\/\/www.forbes.com\/sites\/paullamkin\/2015\/10\/29\/wearable-tech-market-to-treble-in-next-five-years\/\" target=\"_blank\">art\u00edculo de Forbes<\/a>\u00a0<\/strong>nos indica que\u00a0para el a\u00f1o 2019, 245 millones de dispositivos port\u00e1tiles ser\u00e1n adquiridos por los consumidores a nivel mundial, raz\u00f3n por la cual enfatizo el hecho de que usted \u00a0debe asegurar que su sitio web o aplicaci\u00f3n pueda funcionar en los dispositivos port\u00e1tiles.<\/p>\n<p style=\"text-align: justify;\">Pero esto no se detiene all\u00ed, es necesario asegurarse de que su dise\u00f1o es a prueba de futuro. La tendencia m\u00e1s dominante de dise\u00f1o UX del 2016 radica en la capacidad de proporcionar una experiencia de usuario sin problemas, en una gama cada vez mayor de nuevos dispositivos (nuevo en t\u00e9rminos de tipo de dispositivo, atributos f\u00edsicos, hardware, software, el modo de interacci\u00f3n o una combinaci\u00f3n de cualquiera).<\/p>\n<p style=\"text-align: justify;\">La tecnolog\u00eda avanza a un ritmo acelerado, es por eso que hoy tenemos hardware y software avanzado, es la raz\u00f3n por la que estamos viendo nuevos avances y un uso m\u00e1s com\u00fan de la inteligencia artificial (AI) y la realidad virtual (VR), situaci\u00f3n que est\u00e1 conduciendo al desarrollo de dispositivos interactivos diferentes y nuevas formas de interacci\u00f3n.<\/p>\n<p style=\"text-align: justify;\">Curiosamente, con avances en el software de reconocimiento de voz, como podemos ver en Siri, Cortana y Google Now, la interacci\u00f3n de voz toma relevancia, ya que presenta una forma m\u00e1s natural y\u00a0de\u00a0f\u00e1cil interacci\u00f3n\u00a0con los dispositivos.<\/p>\n<p>\u00a0<\/p>\n<h2>6.- Incorpore animaci\u00f3n en el dise\u00f1o para mejorar la #UX<\/h2>\n<p style=\"text-align: justify;\">Las animaciones en el dise\u00f1o hace que los usuarios se mantengan enfocados en una tarea determinada, este tipo de cosas son apreciadas por ellos quienes lo notar\u00e1n cada vez que utilicen su sitio web o app. Pueden ser muy \u00fatiles para orientar sobre la manera correcta de avanzar a lo largo de su sitio web, o para realizar una acci\u00f3n espec\u00edfica.<\/p>\n<blockquote>\n<p style=\"text-align: justify;\">Por ejemplo, cuando chatear en WhatsApp con sus amigos, se puede ver una animaci\u00f3n mensaje incorporado \u2018XYZ est\u00e1 escribiendo \u2026\u2019<\/p>\n<\/blockquote>\n<p style=\"text-align: justify;\">Esta certeza es perfecta para mantenerse en espera y gestionar el tiempo. Del mismo modo, si integra animaciones interactivas, los usuarios son menos propensos a aburrirse.<\/p>\n<p>\u00a0<\/p>\n<h2>En conclusi\u00f3n<\/h2>\n<p style=\"text-align: justify;\">Estos son algunas (de las muchas) tendencias del dise\u00f1o UX que prevalecer\u00e1n este a\u00f1o, y es m\u00e1s, probablemente lo sigan haci\u00e9ndolo en un futuro pr\u00f3ximo. En resumen, estas son las \u00e1reas y los principios que usted debe centrarse:<\/p>\n<ul>\n<li style=\"text-align: justify;\">Haga dise\u00f1o anticipado<\/li>\n<li style=\"text-align: justify;\">Dise\u00f1o narrado | Sea un cuentacuentos<\/li>\n<li style=\"text-align: justify;\">Utilice im\u00e1genes h\u00e9roe<\/li>\n<li style=\"text-align: justify;\">Haga dise\u00f1o persuasivo<\/li>\n<li style=\"text-align: justify;\">Dise\u00f1e pensando en el futuro de los dispositivos<\/li>\n<li style=\"text-align: justify;\">Utilice el dise\u00f1o animado (dise\u00f1o de movimiento \/ Animaci\u00f3n funcional)<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Esperemos que este art\u00edculo lo invite a buscar formas adecuadas de adoptar estas t\u00e9cnicas en el dise\u00f1o de aplicaciones y sitios. No hace falta decir que estos concejos son s\u00f3lo mi opini\u00f3n, por lo que estoy seguro que hay otras tendencias igualmente importantes a las aqu\u00ed descritas. Si usted siente que deber\u00edamos a\u00f1adir m\u00e1s a esta lista, por favor no dude en dejarnos sus comentarios. <em><strong>\u00a1\u00c9xito en su emprendimiento!\u2026<\/strong><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hoy en d\u00eda es muy importante tomar en cuenta la experiencia de los usuarios (#UX) si realmente desea posicionarse en el competitivo mundo profesional de hoy,<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":348,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18,11],"tags":[17,13,21,20],"class_list":["post-337","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-usabilidad","tag-diseno-movil","tag-diseno-web","tag-ui","tag-ux"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/06\/6-tips-ux.jpg","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/337","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/comments?post=337"}],"version-history":[{"count":0,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/337\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media\/348"}],"wp:attachment":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media?parent=337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/categories?post=337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/tags?post=337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}