{"id":18650,"date":"2021-11-23T06:24:59","date_gmt":"2021-11-23T04:24:59","guid":{"rendered":"https:\/\/changlonet.com\/blog\/?p=18650"},"modified":"2021-11-22T21:25:41","modified_gmt":"2021-11-22T19:25:41","slug":"diseno-de-interfaces-planos-la-plaga","status":"publish","type":"post","link":"https:\/\/changlonet.com\/blog\/diseno-de-interfaces-planos-la-plaga\/","title":{"rendered":"Dise\u00f1o de interfaces planos: la plaga"},"content":{"rendered":"<p>La semana pasada se coment\u00f3 mucho por Internet unos Tweets de <a href=\"https:\/\/twitter.com\/octothorpe\" target=\"_blank\" rel=\"noopener\">CM Harrington<\/a> en los que mostraba ejemplos de como el actual dise\u00f1o de interfaces de usuario hace m\u00e1s compleja la tarea de usarlos.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" src=\"https:\/\/changlonet.com\/blog\/wp-content\/uploads\/2021\/11\/112221_1924_Diseodeinte1.jpg\" alt=\"\" title=\"\"><\/p>\n<p>Pod\u00e9is <a href=\"https:\/\/www.genbeta.com\/windows\/estas-imagenes-demuestran-cuanto-han-perdido-windows-macos-diseno-usabilidad-versiones-viejas\" target=\"_blank\" rel=\"noopener\">leer m\u00e1s en esta entrada en Genbeta<\/a>.<\/p>\n<p>Yo siempre digo que en esto del dise\u00f1o vamos de extremo a extremo. Yo recuerdo cuando hace unos lustros todo eran botones e interfaces en 3D que hac\u00edan da\u00f1o a los ojos. Sobre todo los que ven\u00edan con acabado met\u00e1licos de colores. De ese extremo hemos pasado ahora a dise\u00f1os donde todo es plano y por no haber no hay ya ni l\u00edneas de separaci\u00f3n. Debes ir con el rat\u00f3n movi\u00e9ndote por toda la pantalla para ver que reacciona y que no. O haciendo bot\u00f3n derecho por todas partes buscando men\u00fas con acciones que no se ven a simple vista. Ya puestos prefiero el estilo barroco de los primeros a\u00f1os del siglo antes que esto. Entonces pod\u00edas quejarte de la sobrecarga de efectos 3D, pero por lo menos no pod\u00edas decir que no hab\u00edas visto bot\u00f3n que hac\u00eda lo que buscabas. Y si necesitabas moverte por una lista desplegable el ascensor estaba a la vista.<\/p>\n<p>Lo que me fastidia de esto es lo que siempre va asociado a las modas: que no hay forma de escapar de ellas. Salvo que vayas a algo a medida y hasta eso cada d\u00edas es m\u00e1s complicado. Hace unos a\u00f1os tuve que a\u00f1adir unas mejoras a un programa de gesti\u00f3n que ten\u00eda ya algunos a\u00f1os. Las librer\u00edas ten\u00edan el interfaz gr\u00e1fico de Windows 98. Al a\u00f1adir mejoras les ofrec\u00ed a los clientes pasar a un dise\u00f1o m\u00e1s moderno (m\u00e1s plano). Me dijeron que quer\u00edan las nuevas funciones, pero con el aspecto antiguo. Y al hacerlo a medida (y gracias a la retrocompatibilidad de Windows) no hubo problemas.<\/p>\n<p>Estos d\u00edas en mi trabajo de por las ma\u00f1anas estoy viendo los estragos provocados por los dise\u00f1os planos en el rendimiento. Nos han cambiado el paquete ofim\u00e1tico. Ten\u00edamos el Office 2010 y ahora nos han puesto el Office 365. Ahora mismo para nuestro trabajo es imprescindible usar el correo electr\u00f3nico. El cambio del Outlook 2010 al Outlook 365 est\u00e1 siendo traum\u00e1tico. Y solo es por el dise\u00f1o.<\/p>\n<p>El Outlook ten\u00eda un dise\u00f1o algo recargado. Pero se ven claramente diferenciadas las partes de la interfaz. Uno mira y sabe lo que son botones, lo que son carpetas, donde est\u00e1n los mensajes, si el mensaje tiene todav\u00eda texto por leer. En Outlook 365 todo es gris y azul.<\/p>\n<p>As\u00ed que all\u00ed tengo a mis compa\u00f1eros probando temas y combinaciones de color. Pero la final el problema siempre es el mismo: \u00bfeso es cuadro o un bot\u00f3n? Con otro agravante. En casa o en la tienda el Outlook 365 con monitores 4K modernos se ve mucho mejor que en un monitor de 15 a\u00f1os en HD Ready de 17&#8243; que apenas le queda color y contraste. Este es un problema en el que los administradores de sistemas de las grandes empresas no piensan: actualizar el software al a\u00f1o 2021 para verlo en hardware del a\u00f1o 2005. Por ejemplo en Word 365 en un monitor 4K el cuadro de di\u00e1logo de guardar como ocupa una parte peque\u00f1a de la pantalla (lo cual permite ver el documento) mientras que en el monitor que tengo en mi empresa de por las ma\u00f1anas ocupa el 90% de la pantalla.<\/p>\n<p>Y casi a la vez dos webs de empresas externas a mi empresa, pero que uso todos los d\u00edas han actualizado hacia la moda de colores pastel y dise\u00f1o plano\u2026 Me he pasado media hora tratando de encontrar unos datos que antes en 10 segundos encontraba. Y con el agravante de que yo estoy curado de modas y de dise\u00f1os\u2026 Aqu\u00ed adem\u00e1s la cosa era todav\u00eda peor porque se abr\u00edan en Microsoft Internet Explores (tenemos Edge y Chrome\u2026 pero all\u00ed no me puedo autenticar como usuario de pago de las webs..).<\/p>\n<p>Resumiendo: las modas que no dejan escapatoria son siempre malas. Me fastidia mucho que cuando se dise\u00f1a un interfaz no se piense en los gustos de los usuarios, solo en los de los dise\u00f1adores. Pero son los tiempos que nos han tocado vivir.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La semana pasada se coment\u00f3 mucho por Internet unos Tweets de CM Harrington en los que mostraba ejemplos de como el actual dise\u00f1o de interfaces de usuario hace m\u00e1s compleja la tarea de usarlos. Pod\u00e9is leer m\u00e1s en esta entrada en Genbeta. Yo siempre digo que en esto del dise\u00f1o vamos de extremo a extremo. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18649,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[13],"tags":[2859,3813,3814],"class_list":["post-18650","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software","tag-usabilidad","tag-diseno-plano","tag-interfaces-3d"],"_links":{"self":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/posts\/18650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/comments?post=18650"}],"version-history":[{"count":0,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/posts\/18650\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/media\/18649"}],"wp:attachment":[{"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/media?parent=18650"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/categories?post=18650"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/changlonet.com\/blog\/wp-json\/wp\/v2\/tags?post=18650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}