La \u00abinterfaz de usuario\u00bb <\/p>\n\n\n\n
La interfaz de usuario es una fase en la producci\u00f3n Web para crear el dise\u00f1o gr\u00e1fico y sobre todo los elementos de navegaci\u00f3n en p\u00e1ginas web<\/a> optimizadas para buscadores <\/strong>o una aplicaci\u00f3n.\u00a0Consiste en los botones en los que los usuarios hacen clic, el texto que leen, las im\u00e1genes, los controles deslizantes, los campos de entrada de texto y todos los dem\u00e1s elementos con los que interact\u00faa el usuario.\u00a0Esto incluye el dise\u00f1o de la pantalla, las transiciones, las animaciones de la interfaz y todas las micro interacciones.\u00a0Se debe dise\u00f1ar cualquier tipo de elemento visual, interacci\u00f3n o animaci\u00f3n.<\/p>\n\n\n\n Este trabajo recae en los dise\u00f1adores de UI. Ellos deciden c\u00f3mo se ver\u00e1 la aplicaci\u00f3n. Tienen que elegir esquemas de color y formas de botones: el ancho de las l\u00edneas y las fuentes utilizadas para el texto. Los dise\u00f1adores de UI crean la apariencia de la interfaz de usuario de una aplicaci\u00f3n. La investigaci\u00f3n es vital para los dise\u00f1adores de interfaz UI. Es importante la recopilaci\u00f3n tanta buena informaci\u00f3n como sea posible para ayudarlas a elaborar dise\u00f1os adecuados. <\/p>\n\n\n\n Generalmente la investigaci\u00f3n se centra en lo que quieren los usuarios. Qu\u00e9 esperan de las aplicaciones del tipo que se est\u00e1n desarrollando. Esta investigaci\u00f3n es a menudo iterativa e incluye sesiones de usabilidad, donde los usuarios reales interactuar\u00e1n con versiones escaladas de ciertas funciones o dise\u00f1os visuales que se est\u00e1n probando para determinar si los dise\u00f1adores est\u00e1n avanzando por el camino correcto. La retroalimentaci\u00f3n se integra con cada iteraci\u00f3n.<\/p>\n\n\n\n Este proceso implica generar prototipos de baja fidelidad, como representaciones al\u00e1mbricas de elementos de interfaz para medir la respuesta del usuario estrictamente a la funcionalidad que se est\u00e1 probando. Esto tambi\u00e9n puede implicar prototipos visuales r\u00e1pidos y pruebas A \/ B de diferentes versiones posibles de la apariencia de la interfaz para determinar cu\u00e1l prefieren los usuarios. La est\u00e9tica exacta que eligen depende de ellos, pero las \u00abreglas\u00bb b\u00e1sicas, o la necesidad de ajustarse a las expectativas del usuario, es algo que los dise\u00f1adores ignoran bajo su propio riesgo.<\/p>\n\n\n\n Por no decir que no se deben correr riesgos. Los dise\u00f1adores de UI quieren que sus dise\u00f1os de interfaz se destaquen y sean memorables. Pero esto debe equilibrarse con asegurarse de que las personas reconozcan el prop\u00f3sito de los elementos que est\u00e1 colocando en la pantalla.<\/p>\n\n\n\n El cambio fundamental al adaptar al proceso de producci\u00f3n Web es la importancia que toma el usuario en los momentos de la creaci\u00f3n de elementos gr\u00e1ficos, ya que generalmente poco o casi nada se tomaba en consideraci\u00f3n saber si le agrada un boton o un icono en la Web al usuario que navega en los contenidos. <\/p>\n","protected":false},"excerpt":{"rendered":" La \u00abinterfaz de usuario\u00bb La interfaz de usuario es una fase en la producci\u00f3n Web para crear el dise\u00f1o gr\u00e1fico y sobre todo los elementos de navegaci\u00f3n en p\u00e1ginas web optimizadas para buscadores o una aplicaci\u00f3n.\u00a0Consiste en los botones en los que los usuarios hacen clic, el texto que leen, las im\u00e1genes, los controles deslizantes, … Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":1236,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[8],"tags":[9,10],"class_list":["post-1235","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-diseno-ui","tag-ui-design"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts\/1235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/comments?post=1235"}],"version-history":[{"count":1,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts\/1235\/revisions"}],"predecessor-version":[{"id":11908,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/posts\/1235\/revisions\/11908"}],"wp:attachment":[{"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/media?parent=1235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/categories?post=1235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/topwebpuebla.com\/blog\/wp-json\/wp\/v2\/tags?post=1235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Aunque no necesaria mente los dise\u00f1adores de UI son dise\u00f1adores gr\u00e1ficos. El principal objetivo de la UI es la est\u00e9tica. Depende de ellos asegurarse de que la interfaz de la aplicaci\u00f3n sea atractiva, visualmente estimulante y con la tem\u00e1tica adecuada para coincidir con el prop\u00f3sito y \/ o personalidad de la aplicaci\u00f3n. Y necesitan asegurarse de que cada elemento visual se sienta unido, tanto est\u00e9ticamente como en funci\u00f3n.<\/p>\n\n\n\nLa investigaci\u00f3n es clave<\/h2>\n\n\n\n
Los principales resultados de una investigaci\u00f3n podr\u00eda indicar que las personas prefieren los \u00edconos contorneados en lugar de las formas en negrita. Esta es una taquigraf\u00eda visual con la que las personas se sienten c\u00f3modas y disfrutan. Los dise\u00f1adores de UI har\u00edan bien en incorporar esa lecci\u00f3n.<\/p>\n\n\n\n\u00bfCu\u00e1l es la diferencia al dise\u00f1o tradicional?<\/h2>\n\n\n\n