{"id":50544,"date":"2016-10-10T07:00:39","date_gmt":"2016-10-10T05:00:39","guid":{"rendered":"http:\/\/www.nerdilandia.com\/?p=50544"},"modified":"2016-10-10T07:00:39","modified_gmt":"2016-10-10T05:00:39","slug":"las-mejores-tendencias-de-diseno-web-movil-que-mejoran-la-experiencia-de-usuario","status":"publish","type":"post","link":"https:\/\/nerdilandia.com\/index.php\/2016\/10\/10\/las-mejores-tendencias-de-diseno-web-movil-que-mejoran-la-experiencia-de-usuario\/","title":{"rendered":"Las mejores tendencias de dise\u00f1o web m\u00f3vil que mejoran la experiencia de usuario"},"content":{"rendered":"

La hora ha llegado: el uso de dispositivos m\u00f3viles ahora ha superado el uso de computadoras. Esto, al menos, en los Estados Unidos. Las consecuencias de este cambios son obvias: si deseas atraer, enganchar y retener usuarios, necesitar\u00e1s hacer que la experiencia de usuario (UX) el centro al dise\u00f1ar tu p\u00e1gina web<\/a>.<\/p>\n

Al igual que todas las cosas, el dise\u00f1o web m\u00f3vil est\u00e1 en constante cambio. Dado a que nuevas tecnolog\u00edas y plataformas emergen y nuestro conocimiento sobre UX crece, la ciencia y arte del dise\u00f1o web de interfaz de usuario (UI) contin\u00faan modific\u00e1ndose. Este a\u00f1o, las tendencias UI m\u00e1s importantes est\u00e1n relacionadas con la amigabilidad con el usuario, uso intuitivo y simplicidad en el dise\u00f1o web<\/a>.<\/p>\n

    \n
  1. Capas y m\u00e1s capas<\/strong><\/li>\n<\/ol>\n

    Las capas, algo b\u00e1sico del dise\u00f1o web de escritorio, se est\u00e1 abriendo paso hacia las plataformas m\u00f3viles. Usadas de forma correcta, estas cajas de contenidos pueden brindar a los usuarios informaci\u00f3n r\u00e1pida y enfocada sin la necesidad de navegar en otra pantalla. Pueden ser \u00fatiles para cosas como descripciones de producto, para presentar un video o imagen, para men\u00fas desplegables o para presentar una invitaci\u00f3n importante. Las capas pueden hacer que los usuarios vean contenido, completen un formulario o tomen una decisi\u00f3n.<\/p>\n

    Sin embargo, debes usarlas con reserva. Estas capas deben a\u00f1adir valor a tu p\u00e1gina web, no presentar problemas. Antes de implementar cualquier capa para m\u00f3viles, aseg\u00farate de que sea absolutamente necesario y que no interrumpa la navegaci\u00f3n del usuario, adem\u00e1s de brindar una estrategia clara y de salida r\u00e1pida, como un bot\u00f3n grande en una caja dentro del alcance del pulgar.<\/p>\n

      \n
    1. Dise\u00f1o web semiplano<\/strong><\/li>\n<\/ol>\n

      La sobriedad y simplicidad del dise\u00f1o web plano captura la atenci\u00f3n del usuario. Pero el dise\u00f1o web plano carece de significantes clicables (por ejemplo, los usuarios no saben lo que es clicable y lo que no). Este a\u00f1o, los dise\u00f1adores web est\u00e1n solucionando los problemas del dise\u00f1o web plano con el dise\u00f1o plano 2.0 o dise\u00f1o web semiplano. Esta variaci\u00f3n del dise\u00f1o plano usa sutiles sombras y gradientes, lo que mejora la UX.<\/p>\n

      El dise\u00f1o web semiplano mantiene la simplicidad visual sin sacrificar la usabilidad. El calendario de Google realiza un buen trabajo de clicabilidad al usar una sombra sutil en la barra superior, al igual que el bot\u00f3n a\u00f1adir.<\/p>\n

        \n
      1. Gestos naturales<\/strong><\/li>\n<\/ol>\n

        \"tendencia-diseno-web-movil-experiencia-usuario-1-1\"<\/a><\/p>\n

        La facilidad de interfaz de usuario es esencial. Los gestos naturales, como tocar y deslizar, est\u00e1n en tendencia ahora mismo en el dise\u00f1o web m\u00f3vil, y por una buena raz\u00f3n. Los usuarios prefieren estos tipos de gestos simples que son f\u00e1ciles de ejecutar y su interrumpen su navegaci\u00f3n. No desean pasar por varios y complejos movimientos para ejecutar o iniciar una tarea. Con los gestos, la navegaci\u00f3n intuitiva y simplicidad est\u00e1n en boga este 2016. Para asegurar que los usuarios se mantengan en su zona de confort, considera usar deslizamientos o toque por encima de gestos complejos como tocar con dos dedos y hacer acercamientos.<\/p>\n

          \n
        1. Consideraciones de tama\u00f1o de pantalla<\/strong><\/li>\n<\/ol>\n

          \"tendencia-diseno-web-movil-experiencia-usuario-2-1\"<\/a><\/p>\n

          Los dispositivos m\u00f3viles<\/a> se est\u00e1n agrandando y reduciendo. Tenemos el surgimiento de las phablets<\/em> y otros dispositivos muy grandes y, por otro lado, la revoluci\u00f3n de los microdispositivos. Esta variaci\u00f3n ha creado algunas dificultades dentro de la UX. Lo que funciona para un iPhone 6 Plus, obviamente, no funcionar\u00e1 para un reloj inteligente Garmin GPS.<\/p>\n

          Para mantenerse en vanguardia y crear interfaces c\u00f3modas, es importante dar prioridad a las UI personalizadas y responsive<\/em>. Esto est\u00e1 ganando m\u00e1s importancia para dise\u00f1adores, quienes est\u00e1n considerando los tama\u00f1os de pantalla m\u00e1s importantes al momento de crear dise\u00f1os de p\u00e1ginas web y aplicaciones m\u00f3viles.<\/p>\n

            \n
          1. Fuentes sencillas y limpias<\/strong><\/li>\n<\/ol>\n

            \"tendencia-diseno-web-movil-experiencia-usuario-3\"<\/a><\/p>\n

            La tipograf\u00eda es una faceta importante, pero, con frecuencia, pasada desapercibida. Los dise\u00f1adores deben balancear una est\u00e9tica y estilo llamativo con legilidad. Las fuentes muy urbanas, los colores atrevidos van y vienen. El contraste alto tambi\u00e9n ha pasado de moda. Aseg\u00farate de que tus fuentes sean minimalista, legibles y escalabes.<\/p>\n

            Las t\u00e9cnicas de moda de este a\u00f1o incluyen bordes suaves, estilos de fuente uniformes y pinceladas medianas y anchas. Los estilos tipogr\u00e1ficos tambi\u00e9n est\u00e1n presentando textos de color gris, blanco o negro.<\/p>\n

            Cuando hablamos de mejorar la UX, aseg\u00farate de considerar estas tendencias y presentar una experiencia de usuario simple y memorable.<\/p>\n

            Art\u00edculo cortes\u00eda de Staff Creativa<\/a>, agencia de marketing digital en Lima, Per\u00fa.<\/p>\n","protected":false},"excerpt":{"rendered":"

            La hora ha llegado: el uso de dispositivos m\u00f3viles ahora ha superado el uso de computadoras. Esto, al menos, en los Estados Unidos. Las consecuencias de este cambios son obvias: si deseas atraer, enganchar y retener usuarios, necesitar\u00e1s hacer que … Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":50545,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[64,51],"tags":[107],"class_list":["post-50544","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-informacion","category-web-20","tag-internet"],"_links":{"self":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/posts\/50544","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/comments?post=50544"}],"version-history":[{"count":0,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/posts\/50544\/revisions"}],"wp:attachment":[{"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/media?parent=50544"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/categories?post=50544"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nerdilandia.com\/index.php\/wp-json\/wp\/v2\/tags?post=50544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}