{"id":10010,"date":"2022-07-14T08:50:38","date_gmt":"2022-07-14T06:50:38","guid":{"rendered":"https:\/\/www.distritok.com\/blog\/?p=10010"},"modified":"2022-07-01T12:49:44","modified_gmt":"2022-07-01T10:49:44","slug":"que-es-ui","status":"publish","type":"post","link":"https:\/\/www.distritok.com\/blog\/que-es-ui\/","title":{"rendered":"\u00bfQu\u00e9 es UI?"},"content":{"rendered":"\n<p>Una p\u00e1gina web tiene mucho m\u00e1s trabajo del que\npodemos creer, por supuesto existen todo tipo de webs y dise\u00f1adores, pero\ncuando una p\u00e1gina tiene ciertos matices y mucho trabajo hace que el navegante\nquiera permanecer en ella y, por lo tanto, el objetivo se haya logrado.<\/p>\n\n\n\n<p><strong>El UI o dise\u00f1o de interfaz, hace referencia a todo aquello que interact\u00faa con los usuarios, arquitectura, patrones, elementos visuales que permiten participar, es decir, la capa externa de un producto o servicio digital, pero adem\u00e1s de web tambi\u00e9n es el interfaz con el que interactuamos en nuestro smartphone, tablet, etc. <\/strong><\/p>\n\n\n\n<p>UI es la parte visible de la interface,\nmientras el UX es la oculta. <\/p>\n\n\n\n<p><strong>\u00bfPero en qu\u00e9 se basa UI?<\/strong><\/p>\n\n\n\n<p>Pues bien, este dise\u00f1o que siempre debe estar\nbasado en funcionalidad y eficacia va desde:<\/p>\n\n\n\n<ul><li>Colores<\/li><li>Iconos<\/li><li>Botones<\/li><li>Tipograf\u00edas<\/li><li>Formularios<\/li><li>Im\u00e1genes<\/li><li>Animaciones<\/li><li>Sonidos<\/li><\/ul>\n\n\n\n<p>Debemos tener en cuenta que todos estos\npar\u00e1metros son muy importantes para hacer que la experiencia del usuario sea\nmuy agradable, que desee permanecer y, por lo tanto, genere confianza y, para\nello, hay una serie reglas que debemos respetar como:<\/p>\n\n\n\n<ul><li><strong>El interfaz debe transmitir la informaci\u00f3n de manera muy clara<\/strong> y as\u00ed evitar erros por parte del usuario, la elecci\u00f3n de datos, im\u00e1genes, textos debe ser precisa. <\/li><li>Tambi\u00e9n <strong>debe ser flexible<\/strong> y permitir restaurar elementos y deshacer acciones.<\/li><li>Por supuesto <strong>debe ser atractiva visualmente<\/strong> y debemos cuidar al m\u00e1s m\u00ednimo detalle la calidad de los elementos que la componen.<\/li><\/ul>\n\n\n\n<p>Adem\u00e1s, en la actualidad hay nuevas tendencias que har\u00e1n nuestro interfaz m\u00e1s moderno y a la vanguardia como Glassmorphism, ilustraciones 3D, Neumorphism, etc\u2026 El dise\u00f1o de interfaz est\u00e1 en auge en estos momento, los usuarios son m\u00e1s exigentes que nunca, por ello los dise\u00f1adores deben tener estos par\u00e1metros y realizar que la experiencia sea lo m\u00e1s satisfactoria posible, ganando tr\u00e1fico y posicionamiento. <\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [{\n    \"@type\": \"Question\",\n    \"name\": \"\u00bfQu\u00e9 es UI?\",\n    \"acceptedAnswer\": {\n      \"@type\": \"Answer\",\n      \"text\": \"El UI o dise\u00f1o de interfaz, hace referencia a todo aquello que interact\u00faa con los usuarios, arquitectura, patrones, elementos visuales que permiten participar, es decir, la capa externa de un producto o servicio digital, pero adem\u00e1s de web tambi\u00e9n es el interfaz con el que interactuamos en nuestro smartphone, tablet...\"\n    }\n  }]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Una p\u00e1gina web tiene mucho m\u00e1s trabajo del que podemos creer, por supuesto existen todo tipo de webs y dise\u00f1adores, pero cuando una p\u00e1gina tiene ciertos matices y mucho trabajo hace que el navegante quiera permanecer en ella y, por lo tanto, el objetivo se haya logrado. El UI o dise\u00f1o de interfaz, hace referencia &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.distritok.com\/blog\/que-es-ui\/\"> <span class=\"screen-reader-text\">\u00bfQu\u00e9 es UI?<\/span> Leer m\u00e1s &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":10011,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[523],"tags":[36],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts\/10010"}],"collection":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/comments?post=10010"}],"version-history":[{"count":2,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts\/10010\/revisions"}],"predecessor-version":[{"id":10013,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/posts\/10010\/revisions\/10013"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/media\/10011"}],"wp:attachment":[{"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/media?parent=10010"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/categories?post=10010"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.distritok.com\/blog\/wp-json\/wp\/v2\/tags?post=10010"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}