{"id":5072,"date":"2015-02-23T07:59:50","date_gmt":"2015-02-23T13:59:50","guid":{"rendered":"https:\/\/www.uv.mx\/universo\/?p=5072"},"modified":"2015-10-28T16:58:26","modified_gmt":"2015-10-28T22:58:26","slug":"consideraciones-para-el-diseno-grafico-de-aplicaciones-moviles","status":"publish","type":"post","link":"https:\/\/www.uv.mx\/universo\/general\/consideraciones-para-el-diseno-grafico-de-aplicaciones-moviles\/","title":{"rendered":"Consideraciones para el dise\u00f1o gr\u00e1fico de aplicaciones m\u00f3viles"},"content":{"rendered":"
Esta entrada es parte 10 de 47 en la serie 591<\/a><\/div><\/div><\/div>

Ang\u00e9lica Aquino Lozano<\/strong><\/span><\/p>\n

Hoy en d\u00eda los dispositivos m\u00f3viles son la tecnolog\u00eda de comunicaci\u00f3n y consumo de informaci\u00f3n con m\u00e1s usuarios a nivel mundial.<\/p>\n

Su uso y aplicaciones han evolucionado y diversificado en \u00e1mbitos como el profesional o el personal. A partir de esta incursi\u00f3n en \u00e1reas at\u00edpicas a su funci\u00f3n original, el uso de los dispositivos m\u00f3viles y la experiencia del usuario han evolucionado con el paso de los a\u00f1os.<\/p>\n

Los dispositivos m\u00f3viles se convirtieron en un nuevo medio de comunicaci\u00f3n, creaci\u00f3n y consumo de contenido de car\u00e1cter personal, lo cual empez\u00f3 a generar un apego emocional que se alimenta y crece a partir del dise\u00f1o de la interfaz de usuario.<\/p>\n

El dise\u00f1o de la interfaz de una aplicaci\u00f3n, que abarca el \u201cc\u00f3mo se ve\u201d y el \u201cc\u00f3mo funciona\u201d, es de vital importancia al momento de proporcionar una experiencia de uso agradable e intuitiva.<\/p>\n

Antes de definir el look and feel de una aplicaci\u00f3n, es necesario considerar aspectos importantes que impactan por completo el dise\u00f1o. El primer aspecto a tomar en cuenta es el tama\u00f1o de la pantalla del dispositivo; usualmente una aplicaci\u00f3n m\u00f3vil es mostrada en una \u00fanica pantalla y una acci\u00f3n a la vez. Esta limitante de espacio nos debe impulsar a priorizar contenidos de manera sencilla, obvia, intuitiva y centrada en el usuario, proporcionando siempre retroalimentaci\u00f3n visual.<\/p>\n

Otro aspecto fundamental es el sistema operativo que ser\u00e1 el anfitri\u00f3n de la aplicaci\u00f3n, pues cada uno cuenta con lineamientos para el desarrollo de interfaces e interacci\u00f3n.<\/p>\n

Estas gu\u00edas usualmente dictan el tama\u00f1o, posici\u00f3n y colores de los elementos gr\u00e1ficos m\u00e1s comunes encontrados en las aplicaciones m\u00f3viles tales como cajas de texto, botones o listas de elementos. De esta forma tenemos la pauta que nos indica qu\u00e9 estilo visual seguir, ya que es sustancial tener cierta coherencia visual entre las distintas aplicaciones. En caso de no ofrecer este nivel de coherencia visual es posible que los usuarios rechacen la aplicaci\u00f3n porque no se ve ni funciona como esperaban.<\/p>\n

Actualmente existen tres plataformas m\u00f3viles l\u00edderes y cada una cuenta con su propio estilo visual y gu\u00edas que definen claramente la interacci\u00f3n del usuario.<\/p>\n

Android basa su dise\u00f1o en una simplicidad controlada, pero no por eso deja de ser llamativo por su limpieza visual, se basa en la tendencia del Material Design que asemeja ser hojas de papel superpuestas.<\/p>\n

iOS, inspir\u00e1ndose en el Flat Design, basa su dise\u00f1o en el minimalismo, eliminando elementos innecesarios y a\u00f1adiendo un toque difuminado para dar una sensaci\u00f3n de profundidad.<\/p>\n

Windows Phone, pionero de las interfaces planas en dispositivos m\u00f3viles, propone un lenguaje visual llamado Modern UI donde los colores, la tipograf\u00eda y el contenido pasan a ser los actores principales.<\/p>\n

Una vez que se conoce la plataforma sobre la cual se va a implementar el dise\u00f1o de la aplicaci\u00f3n es importante tomar en cuenta las siguientes recomendaciones:<\/p>\n

Dotar de identidad a la aplicaci\u00f3n con un uso adecuado de la marca sin que \u00e9sta afecte la ubicaci\u00f3n de la informaci\u00f3n y la experiencia del usuario, por ejemplo incluirla en la secci\u00f3n \u201cAcerca de\u201d.<\/p>\n

Brindar un agradable primer vistazo con un icono de lanzamiento f\u00e1cil de reconocer, distintivo, simple y representativo.<\/p>\n

Tener especial cuidado con los iconos dentro de la aplicaci\u00f3n, \u00e9stos funcionan como ayuda visual para reforzar informaci\u00f3n y act\u00faan como complementos de elementos interactivos; muy pocos iconos transmiten claramente la funci\u00f3n que realizan, por lo que siempre se deben acompa\u00f1ar de un texto descriptivo.<\/p>\n

Los colores deben escogerse con base en el \u00e1mbito de la aplicaci\u00f3n, ya que de \u00e9ste depende que el usuario relacione el color con la aplicaci\u00f3n. Para garantizar una experiencia de usuario agradable siempre es necesario hacer pruebas de contraste y accesibilidad para los colores elegidos de fondo y los textos dentro la aplicaci\u00f3n.<\/p>\n

La tipograf\u00eda que se utilice debe ser legible, por lo tanto hay que consultar los lineamientos de cada plataforma donde se indique el tama\u00f1o m\u00ednimo que puede tener un texto. Es recomendable elegir fuentes de formas simples; dando espaciado entre caracteres, l\u00edneas y m\u00e1rgenes para que el aire visual facilite la lectura. Lo ideal es hacer uso de las fuentes propias de la plataforma para tener coherencia con el resto de las aplicaciones.<\/p>\n

Por \u00faltimo, siempre se debe considerar incluir peque\u00f1os detalles como animaciones, sin abusar de ellas, que dar\u00e1n un plus a las aplicaciones ofreciendo al usuario una experiencia diferente, llena de vida y agradable al momento de interactuar con la aplicaci\u00f3n m\u00f3vil.<\/p>\n

Gran parte del \u00e9xito de una aplicaci\u00f3n depende del dise\u00f1o y la aplicaci\u00f3n correcta de las gu\u00edas de dise\u00f1o de cada plataforma, adem\u00e1s de nuestro toque personal, nos permitir\u00e1 ofrecerle al usuario una experiencia coherente, intuitiva y agradable.<\/p>\n","protected":false},"excerpt":{"rendered":"

Esta entrada es parte 10 de 47 en la serie 591<\/a><\/div><\/div><\/div>

Hoy en d\u00eda los dispositivos m\u00f3viles son la tecnolog\u00eda de comunicaci\u00f3n y consumo de informaci\u00f3n con m\u00e1s usuarios a nivel mundial.<\/p>\n","protected":false},"author":1664,"featured_media":4918,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"series":[329],"class_list":["post-5072","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","series-329"],"_links":{"self":[{"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/posts\/5072","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/users\/1664"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/comments?post=5072"}],"version-history":[{"count":0,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/posts\/5072\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/media\/4918"}],"wp:attachment":[{"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/media?parent=5072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/categories?post=5072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/tags?post=5072"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.uv.mx\/universo\/wp-json\/wp\/v2\/series?post=5072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}