https://dosideas.com/wiki/index.php?action=history&feed=atom&title=Dise%C3%B1o_De_Interfaces_De_Usuario 2026-05-06T17:26:02Z Historial de revisiones para esta página en el wiki MediaWiki 1.28.2 https://dosideas.com/wiki/index.php?title=Dise%C3%B1o_De_Interfaces_De_Usuario&diff=5039&oldid=prev 2010-05-05T13:24:56Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='es'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Revisión anterior</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revisión del 13:24 5 may 2010</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línea 1:</td> <td colspan="2" class="diff-lineno">Línea 1:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Diseño De Software]]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>[[Category:Diseño De Software]]</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>El diseño de interfaces es un campo sumamente amplio (y para muchos, interesante). De hecho, se <del class="diffchange diffchange-inline">deberíam </del>contar con personas dedicadas (y preparadas) para realizar exclusivamente estas tareas. Esto no siempre es factible, y recae sobre nosotros el armar la interfaz visual para el usuario... las cuales muchas veces pueden mejorarse.</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>El diseño de interfaces es un campo sumamente amplio (y para muchos, interesante). De hecho, se <ins class="diffchange diffchange-inline">deberían </ins>contar con personas dedicadas (y preparadas) para realizar exclusivamente estas tareas. Esto no siempre es factible, y recae sobre nosotros el armar la interfaz visual para el usuario... las cuales muchas veces pueden mejorarse.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==¿Qué es la interfaz de una aplicación?==</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>==¿Qué es la interfaz de una aplicación?==</div></td></tr> </table>

190.231.79.154 https://dosideas.com/wiki/index.php?title=Dise%C3%B1o_De_Interfaces_De_Usuario&diff=2968&oldid=prev 2009-08-26T17:57:40Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class='diff-marker' /> <col class='diff-content' /> <col class='diff-marker' /> <col class='diff-content' /> <tr style='vertical-align: top;' lang='es'> <td colspan='2' style="background-color: white; color:black; text-align: center;">← Revisión anterior</td> <td colspan='2' style="background-color: white; color:black; text-align: center;">Revisión del 17:57 26 ago 2009</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Línea 1:</td> <td colspan="2" class="diff-lineno">Línea 1:</td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Diseño De Software]]</ins></div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>El diseño de interfaces es un campo sumamente amplio (y para muchos, interesante). De hecho, se deberíam contar con personas dedicadas (y preparadas) para realizar exclusivamente estas tareas. Esto no siempre es factible, y recae sobre nosotros el armar la interfaz visual para el usuario... las cuales muchas veces pueden mejorarse.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>El diseño de interfaces es un campo sumamente amplio (y para muchos, interesante). De hecho, se deberíam contar con personas dedicadas (y preparadas) para realizar exclusivamente estas tareas. Esto no siempre es factible, y recae sobre nosotros el armar la interfaz visual para el usuario... las cuales muchas veces pueden mejorarse.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr> </table>

Admin https://dosideas.com/wiki/index.php?title=Dise%C3%B1o_De_Interfaces_De_Usuario&diff=49&oldid=prev 2008-07-21T19:41:19Z

<p>Página nueva: El diseño de interfaces es un campo sumamente amplio (y para muchos, interesante). De hecho, se deberíam contar con personas dedicadas (y preparadas) para realizar exclusivamente es...</p> <p><b>Página nueva</b></p><div>El diseño de interfaces es un campo sumamente amplio (y para muchos, interesante). De hecho, se deberíam contar con personas dedicadas (y preparadas) para realizar exclusivamente estas tareas. Esto no siempre es factible, y recae sobre nosotros el armar la interfaz visual para el usuario... las cuales muchas veces pueden mejorarse.<br /> <br /> ==¿Qué es la interfaz de una aplicación?==<br /> <br /> Para partir de una definición común, diremos que la interfaz es la &quot;cara visible&quot; de nuestra aplicación: el medio mediante el cual el usuario se comunica con nuestro sistema.<br /> <br /> Todos los sistemas tienen una interfaz, de diversa índole.<br /> <br /> Para un programador, la interfaz de una librería es justamente el API. Para un programa batch, la interfaz está dada por el modo de invocación en la línea de comandos. Para una aplicación Visual, la interfaz es un conjunto de formularios y ventanas. Y para un sistema web, la interfaz son justamente las páginas que conforman la aplicación.<br /> <br /> Todas estas interfaces merecen (y deben!) ser pensadas a consciencia, y cada una presenta desafios muy distintos.<br /> <br /> Igualmente, a continuación me voy a referir particularmente a las interfaces de nuestras aplicaciones web (esas páginas con formularios y colores verdes y azules).<br /> <br /> ==¿Qué es una buena interfaz?==<br /> <br /> Ligado al concepto de diseño de interfaces, aparece la palabra usabilidad, y hace referencia justamente a qué tan simple y cómodo de usar es nuestro sistema.<br /> <br /> El campo de la usabilidad de aplicaciones es muy amplio, y no solo se refiere al &quot;dibujo lindo de formularios&quot;, sino que abarca comportamientos de usuarios, modos de trabajo, etc.<br /> <br /> Debemos tomar como &quot;buena interfaz&quot; aquella que le brinde al usuario una mejor experiencia. Una buen interfaz deberá:<br /> <br /> * Contener información relevante para el usuario.<br /> * No mostrar información o mensajes que no aportan.<br /> * Minimizar las acciones del usuario para realizar su cometido<br /> * Facilitar la ubicación de información<br /> <br /> <br /> ==Importancia de una buena interfaz de usuario==<br /> <br /> Obviamente, mejorar las interfaces que hacemos implica un esfuerzo de nuestro lado. Siendo una actividad que no nos corresponde (pero que hacemos, no lo olviden), ¿de qué nos sirve mejorar las interfaces?<br /> <br /> Creo que básicamente podemos citar 3 mejoras concretas que nos impactan directamente:<br /> <br /> # Mejora la experiencia del usuario<br /> # Mejora el tiempo de desarrollo<br /> # Mejora el mantenimiento<br /> <br /> ===Mejorar la experiencia del usuario===<br /> <br /> Como ya lo hablamos bastantes veces, las aplicaciones que hacemos son nuestra &quot;cara visible&quot; para el resto del mundo: es justamente nuestro trabajo, y mediante el cual nos conocen. Si alguien habla bien de nuestras aplicaciones, habla bien de nosotros mismos.<br /> <br /> Si lo quieren ver de otra manera, esforzarnos en mejorar la experiencia del usuario es un acto egoista: no es por el usuario que lo hacemos, sino por nosotros mismos.<br /> <br /> ===Mejorar el tiempo de desarrollo===<br /> <br /> Si ya sabemos cómo se tienen que comportar los componentes, no tendremos que andar inventando &quot;comportamientos mágicos&quot; para cumplir con los requerimientos. Más aún, una vez incorporado en nosotros, no tendremos que &quot;pensar qué componente usar&quot;: simplemente usaremos el que es acorde a la necesidad, sin muchas alternativas.<br /> <br /> Por otro lado, y como mostré en uno de los ejemplos, usar los componentes indicados nos facilita la vida y simplifica significativamente el desarrollo.<br /> <br /> ===Mejorar el mantenimiento===<br /> <br /> No se olviden, los monstruos que creamos luego tenemos que mantenerlos. Si cada aplicación hace uso &quot;original&quot; de los componentes, será mucho más dificil de mantener cuando sea necesario realizar alguna modificación.<br /> <br /> Cada vez que se les ocurre una &quot;originalidad&quot;, no se olviden que alguien luego la va a padecer para mantener.<br /> <br /> <br /> ==Ver también==<br /> *[[Prototipado De Pantallas]]<br /> *[[Consejos Para El Diseño De Interfaces De Usuario]]<br /> *[[Interfaces De Usuario]]<br /> * [http://es.youtube.com/watch?v=EuELwq2ThJE Don't make me click (video - conferencia)]</div>

Admin