{"id":201,"date":"2016-03-18T19:29:51","date_gmt":"2016-03-18T23:59:51","guid":{"rendered":"https:\/\/malpicaquintero.com\/web\/?p=201"},"modified":"2016-06-14T08:39:53","modified_gmt":"2016-06-14T12:39:53","slug":"principios-del-diseno-de-interaccion","status":"publish","type":"post","link":"https:\/\/malpicaquintero.com\/web\/principios-del-diseno-de-interaccion\/","title":{"rendered":"Principios del dise\u00f1o de interacci\u00f3n, de Bruce Tognazzini"},"content":{"rendered":"

Bruce Tognazzini es un reconocido consultor de usabilidad asociado con Donald Norman y Jakob Nielsen, en el Nielsen Norman Group, se ha especializado en interacci\u00f3n hombre-m\u00e1quina (human computer interaction), adem\u00e1s de haber sido\u00a0consultor de Apple Computers por mas de 40 a\u00f1os y de Sun Microsistems por lapso de 4, entre otras empresas. Ha escrito 2 reconocidos libros Tog on Interface<\/em>\u00a0y Tog on Software Design<\/em>, publicados por\u00a0Addison-Wesley.<\/p>\n

A lo largo de muchos a\u00f1os de investigaci\u00f3n y asesor\u00eda, estableci\u00f3 una serie principios los cuales\u00a0son considerados como fundamentales para el dise\u00f1o e implementaci\u00f3n de \u00abinterfaces gr\u00e1ficas efectivas\u00bb<\/em> (Como Tog las llama), bien se trate de interfaces GUI de escritorio o web.<\/p>\n

<\/p>\n

Las \u00abinterfaces efectivas\u00bb son visualmente comprensibles y permiten errores por parte del usuario, d\u00e1ndole una sensaci\u00f3n de control. Los usuarios ven r\u00e1pidamente el alcance de las opciones, comprenden como alcanzar sus metas y realizar su trabajo.\u00a0Ocultan al usuario el funcionamiento interno del sistema y son capaces de guardar la informaci\u00f3n continuamente, manteniendo\u00a0la opci\u00f3n de deshacer en todo momento, permiti\u00e9ndole al usuario revertir cualquier paso que se haya dado.<\/p>\n

\n

Las aplicaciones y servicios efectivos realizan el m\u00e1ximo trabajo requiriendo la m\u00ednima informaci\u00f3n del usuario.<\/p>\n<\/blockquote>\n

Sus principios se describen a continuaci\u00f3n:<\/p>\n

Anticipaci\u00f3n<\/h4>\n

Las aplicaciones deber\u00edan intentar anticiparse a las necesidades y deseos del usuario. No esperes que el usuario busque o recuerde informaci\u00f3n o herramientas. Muestra al usuario toda la informaci\u00f3n y herramientas necesarias para cada etapa en su trabajo.<\/p>\n

Autonom\u00eda<\/h4>\n
\n

El ordenador, la interfaz y el entorno de la tarea pertenecen al usuario, pero esto no significa que abandonemos todas las reglas.<\/p>\n<\/blockquote>\n

Dale al usuario algo de \u00abcancha\u00bb. Los usuarios aprenden r\u00e1pido y ganan confianza cuando se sienten que tienen el control del sistema.<\/p>\n

Pese a lo que pueda parecer, sin fronteras o restricciones el usuario no se siente libre (Yallum, 1980); es como un ni\u00f1o peque\u00f1o que llora cuando se le mantiene muy atado o se le deja en un edificio grande y vac\u00edo. Los adultos tambi\u00e9n se sienten m\u00e1s c\u00f3modos en un entorno ni muy restrictivo ni demasiado grande, un entorno explorable pero no peligroso.<\/p>\n

Mant\u00e9n informado al usuario del estado del sistema.<\/p><\/blockquote>\n

No existe autonom\u00eda en ausencia de control; y el control no se puede tener sin informaci\u00f3n suficiente. Comunicar el estado es fundamental para que el usuario responda apropiadamente con la informaci\u00f3n disponible.<\/p>\n

Ejemplo: los trabajadores sin informaci\u00f3n del estado del sistema, tienden a mantenerse bajo presi\u00f3n durante cortos periodos de tiempo hasta que el trabajo se termina. Un estr\u00e9s y fatiga innecesarios por lo que cuando venga la siguiente carga de trabajo, puede que los trabajadores no est\u00e9n en las mejores condiciones f\u00edsicas y mentales.<\/p>\n

\n

Mant\u00e9n la informaci\u00f3n de estado f\u00e1cilmente visible y actualizada.<\/p>\n<\/blockquote>\n

Los usuarios no tienen que buscar la informaci\u00f3n de estado. De un vistazo deber\u00edan ser capaces de hacerse una idea aproximada del estado del sistema. La informaci\u00f3n de estado pude ser bastante sutil: el icono de la bandeja de entrada puede mostrarse vac\u00eda, medio llena o hasta los topes, por ejemplo. Sin embargo, no es conveniente abusar: el Macintosh utiliz\u00f3 durante a\u00f1os un icono de la papelera que parec\u00eda que iba a estallar en cualquier momento, aunque s\u00f3lo tuviese un documento. Los usuarios adquirieron la costumbre de vaciar la papelera apenas contuviese un documento, convirtieron un proceso de un paso en uno de dos (primero llevamos el documento a la papelera, luego lo vaciamos). Esto tuvo el efecto negativo de reducir una de las funciones b\u00e1sicas de la papelera: la posibilidad de deshacer la acci\u00f3n.<\/p>\n

Otro ejemplo posible de informaci\u00f3n de estado ser\u00eda el de un una caja de b\u00fasquedas que cambiase de color para indicar si la b\u00fasqueda est\u00e1 todav\u00eda en marcha o si ya ha terminado, con demasiados resultados, con muy pocos o justos con lo necesario.<\/p>\n

Daltonismo<\/h4>\n

Si utilizas el color para transmitir informaci\u00f3n debes utilizar otros elementos complementarios para la gente con daltonismo.<\/p>\n

Aproximadamente un 10% de los hombres adultos sufren daltonismo.<\/p>\n

Las pistas secundarias pueden consistir en distintos tonos de gris, gr\u00e1ficos complementarios o etiquetas de texto.<\/p>\n

Consistencia<\/h4>\n

Los siguientes principios, vistos en su conjunto, dan al dise\u00f1ador de interacci\u00f3n mucho margen para la evoluci\u00f3n de un producto sin perjudicar los aspectos m\u00e1s importantes para el usuario.<\/p>\n

Niveles de consistencia:<\/strong> mantener una consistencia estricta depende del caso. En la siguiente lista aparecen los elementos de la interfaz ordenados por su necesidad de consistencia, de mayor a menor. Mucha gente asume que el orden de los cinco primeros elementos es justo el contrario, dando lugar a aplicaciones que se parecen pero que se comportan de forma impredecible y totalmente distinta.<\/p>\n

    \n
  • Interpretaci\u00f3n del comportamiento del usuario. Ejemplo: los atajos de teclado deben funcionar siempre igual.<\/li>\n
  • Estructuras invisibles.<\/li>\n
  • Estructuras visibles peque\u00f1as.<\/li>\n
  • El aspecto general de una aplicaci\u00f3n o servicio (presentaci\u00f3n, elementos de dise\u00f1o).<\/li>\n
  • Una suite de productos.<\/li>\n
  • Consistencia interna.<\/li>\n
  • Consistencia con la plataforma.<\/li>\n<\/ul>\n

    Las estructuras invisibles se refieren a objetos como al bot\u00f3n izquierdo de Word, que tiene toda clase de propiedades y comportamientos, si es que alguna vez los descubres. A veces aparece y otras no, depende de tu versi\u00f3n de Windows; y si no aparece, nunca estar\u00e1s seguro de si est\u00e1 o no, dado que es invisible. Por eso es tan importante la consistencia en los objetos invisibles.<\/p>\n

    Otros objetos en la interfaz se consideran visibles, pero muchas veces no parecen controles: es posible que el usuario nunca descubra que se pueden interactuar con ellos. Su significado, si decides utilizarlos, deber\u00eda ser muy claro. \u00abPor ejemplo, podemos hacer clic y arrastrar en una esquina de un ventana activa para cambiar su tama\u00f1o\u00bb pero no \u00aba veces podemos hacer clic y arrastrar pero otras veces no\u00bb.<\/p>\n

    Las peque\u00f1as estructuras visibles se refiere a iconos, flechas de desplazamiento, etc. Es necesario mantener su consistencia si no queremos que la gente se pase el d\u00eda averiguando c\u00f3mo se hace qu\u00e9 con estos objetos. Su posici\u00f3n en pantalla es ligeramente menos importante. Si tiene sentido estandarizar la posici\u00f3n, hazlo.<\/p>\n

    Inconsistencia:<\/strong> es tan importante ser visualmente incosistente con los objetos que se comportan de forma distinta, como ser consistente con los que se comportan de igual manera.<\/p>\n

    Evita la uniformidad. Haz que los objetos que se comportan distinto parezcan distintos.<\/p>\n

    La consistencia m\u00e1s importante es aquella que espera el usuario. La \u00fanica manera de comprobar las expectativas del usuario es hacer pruebas con ellos.<\/p>\n

    Valores por defecto<\/h4>\n

    Los valores por defecto deber\u00edan ser poder descartados con facilidad y rapidez. Los campos de texto con valores por defecto deben aparecer seleccionados, para que el usuario s\u00f3lo tenga que teclear y no seleccionar todo, borrar y escribir.<\/p>\n

    Los valores por defecto deben tener sentido.<\/p>\n

    No uses la palabra \u00abpor defecto\u00bb en una aplicaci\u00f3n o servicio. Utiliza \u00abest\u00e1ndar\u00bb, \u00abUsar valores habituales\u00bb, \u00abRestablecer valores iniciales\u00bb o t\u00e9rminos m\u00e1s espec\u00edficos que describan lo que suceder\u00e1.<\/p>\n

    Eficacia del usuario<\/h4>\n
    \n

    Busca la productividad del usuario, no del ordenador<\/p>\n<\/blockquote>\n

    La gente cuesta mucho m\u00e1s dinero que los ordenadores, y aunque parezca que aumentando la productividad de la m\u00e1quina aumentamos la del humano, lo habitual suele ser lo contrario. Cuando juzgues la eficacia de un sistema, vete m\u00e1s all\u00e1 de la simple eficacia de la m\u00e1quina.<\/p>\n

    Por ejemplo \u00bfqu\u00e9 lleva menos tiempo, calentar agua en un microondas durante un minuto y diez segundos o durante un minuto y once segundos?<\/p>\n

    Desde el punto de vista del microondas, la primera opci\u00f3n es la respuesta obvia. Pero desde el punto de vista del usuario es m\u00e1s r\u00e1pida la segunda: s\u00f3lo tiene que pulsar tres veces la tecla con el 1; de la otra forma tiene que cambiar de tecla, pulsando un cero, que suele quedar al otro lado del teclado. \u00a1El agua se calienta antes si la cocinamos un segundo m\u00e1s!<\/p>\n

    El usuario que decide repetir d\u00edgitos en el microoondas tiene que tomar menos decisiones. Dejan de decidir si las lentejas tiene que calentarse durante 2 minutos o 2 minutos 20 segundos. Hacen una estimaci\u00f3n r\u00e1pida y acaban con un resultado satisfactorio sin tanta decisi\u00f3n, incrementando la eficacia humana.<\/p>\n

    Mant\u00e9n ocupado al usuario<\/p><\/blockquote>\n

    El gasto m\u00e1s alto en un negocio es el trabajo humano. Cada vez que el usuario tiene que esperar la respuesta del sistema, es dinero perdido.<\/p>\n

    \n

    Para maximizar la eficacia de un negocio u organizaci\u00f3n debes maximizar la eficacia de todos y no s\u00f3lo de un grupo<\/p>\n<\/blockquote>\n

    Las grandes organizaciones tienden a estar segmentadas, con cada grupo mirando por sus intereses, a veces en detrimento de la organizaci\u00f3n.<\/p>\n

    \n

    Los saltos cualitativos en eficacia se encuentran en la arquitectura del sistema, no en su superficie, en el dise\u00f1o visual de la interfaz.<\/p>\n<\/blockquote>\n

    Esta es la raz\u00f3n por la que es tan importante que todo el mundo involucrado en un proyecto de software aprecie la importancia de hacer de la productividad del usuario el objetivo principal y entender la diferencia entre dise\u00f1ar un sistema eficaz o potenciar la productividad del usuario. Esto implica que es fundamental la colaboraci\u00f3n, comunicaci\u00f3n y complicidad entre ingenieros y dise\u00f1adores de interacci\u00f3n si se quiere conseguir este objetivo.<\/p>\n

    \n

    Escribe mensajes de ayuda concisos y que ayuden a resolver el problema: un buen texto ayuda mucho en comprensi\u00f3n y eficacia.<\/p>\n

    Men\u00fas y etiquetas de botones deben comenzar con la palabra m\u00e1s importante.<\/p>\n<\/blockquote>\n

    Ejemplo de un procesador de texto ficticio:<\/p>\n

    Mal:<\/strong><\/p>\n

      \n
    • Insertar salto de p\u00e1gina<\/li>\n
    • A\u00f1adir nota al pie de p\u00e1gina<\/li>\n
    • Actualizar \u00edndice<\/li>\n<\/ul>\n

      Bien:<\/strong><\/p>\n

      insertar:<\/p>\n

        \n
      • Salto de p\u00e1gina<\/li>\n
      • Nota al pie de p\u00e1gina<\/li>\n
      • \u00cdndice<\/li>\n<\/ul>\n

        Este ejemplo puede parecer contradictorio. El primero ofrece informaci\u00f3n m\u00e1s precisa: uno no inserta un \u00edndice si ya existe uno, o no inserta una nota a pie de p\u00e1gina. A\u00fan as\u00ed, en el segundo ejemplo ser\u00e1 mucho m\u00e1s efectivo. La raz\u00f3n es que la informaci\u00f3n extra del primer ejemplo no compensa la rapidez con que se escanea las palabras m\u00e1s importantes del segundo.<\/p>\n

        Interfaces explorables<\/h4>\n
        \n

        Dale al usuario caminos bien se\u00f1alizados; luego deja que se metan monte a trav\u00e9s.<\/p>\n<\/blockquote>\n

        Imita la seguridad, suavidad y consistencia del medio natural. No encierres al usuario en un \u00fanico camino, pero ofr\u00e9cele la ruta de menos resistencia. Esto facilita a los nuevos usuarios o a aquellos que s\u00f3lo quieren hacer acabar la tarea, hacerlo r\u00e1pidamente y sin esfuerzo; pero tambi\u00e9n hay que dejar posibilidades abiertas a aquellos que quieran explorar.<\/p>\n

        \n

        A veces es necesario ofrecer caminos bien profundos y marcados.<\/p>\n<\/blockquote>\n

        Una interaz para una tarea poco habitual y desconocida tiene que ser mucho m\u00e1s directa que las interfaces para usuarios habituales.<\/p>\n

        \n

        Da a los usuarios nociones estables para saber como llegar al inicio<\/p>\n<\/blockquote>\n

        Los elementos visuales estables no s\u00f3lo ayudan a navegar m\u00e1s r\u00e1pido, si no que tambi\u00e9n act\u00faan como una referencia necesaria para sentirse seguro.<\/p>\n

        \n

        Haz que las acciones sean reversibles<\/p>\n<\/blockquote>\n

        La gente explora. A veces quieren saber que pasar\u00eda si hiciesen una acci\u00f3n potencialmente peligrosa; otras veces lo hacen por accidente.<\/p>\n

        Si las acciones son reversibles, los usuarios pueden experimentar o equivocarse sin problemas.<\/p>\n

        \n

        Siempre permite el \u00abdeshacer\u00bb<\/p>\n<\/blockquote>\n

        Si no lo haces, tendr\u00e1s que recurrir a los inevitables cuadros de di\u00e1logo \u00ab\u00bfEst\u00e1s realmente, pero realmente seguro de que quieres hacer esto?\u00bb. Esto ralentiza el trabajo de los usuarios.<\/p>\n

        Sin estos cuadros de di\u00e1logo, la gente se ralentiza incluso m\u00e1s. Un estudio de hace unos a\u00f1os demostr\u00f3 que la gente trabajando en un entorno peligroso no comete m\u00e1s errores que en un entorno c\u00f3modo y que permita errores, pero si que disminuyen mucho el ritmo para evitar errores.<\/p>\n

        \n

        Siempre deja una salida abierta<\/p>\n<\/blockquote>\n

        Los usuarios nunca deben sentirse atrapados. Siempre hay que tener una salida clara.<\/p>\n

        \n

        De todas formas, haz que sea f\u00e1cil quedarse.<\/p>\n<\/blockquote>\n

        Al principio era dif\u00edcil salir de los programas, pero con la aparici\u00f3n de la web ahora tenemos software en el que es dif\u00edcil quedarse.<\/p>\n

        Los navegadores est\u00e1n abarrotados de men\u00fas con elementos que poco tienen que ver con nuestro trabajo. Por ejemplo, ser\u00eda muy dif\u00edcil dise\u00f1ar un procesador de texto con el men\u00fa de Photoshop.<\/p>\n

        Tener muchas opciones que llevan directamente a la destrucci\u00f3n del trabajo del usuario junto con algunas que tambi\u00e9n lo hacen un poco m\u00e1s f\u00e1cil es una interfaz.<\/p>\n

        Si trabajas con transacciones delicadas, inhabilita la barra de men\u00fas y ofrece una forma clara de salir de ella.<\/p>\n

        \n

        Ley de Fitt<\/p>\n<\/blockquote>\n

        El tiempo necesario para alcanzar un objeto es funci\u00f3n de la distancia y del tama\u00f1o del objeto.<\/p>\n

        Aunque a primera vista pueda parecer obvio, es uno de los principios a los que menos caso se le hace. Como ejemplo, esta ley nos dice que los men\u00fas del Mac son aproximadamente 5 veces m\u00e1s r\u00e1pidos de accionar que los de Windows, como as\u00ed resulta. Tambi\u00e9n nos dice las zonas de la pantalla m\u00e1s f\u00e1cilmente accesibles son las cuatro esquinas, y siguen estando infrautilizadas por la mayor\u00eda de dise\u00f1adores.<\/p>\n

        Utiliza objetos grandes para las funciones importantes.<\/p>\n

        Utiliza las esquinas y bordes de la pantalla. Una lista de iconos en los que hacer clic que cuelguen de los bordes ser\u00e1 mucho m\u00e1s efectiva que una paleta con una doble fila de iconos separados cuidadosamente por borde de p\u00edxeles no \u00abclicables\u00bb.<\/p>\n

        Objetos humanos<\/h4>\n

        Los objetos humanos de la interfaz se pueden ver, escuchar, tocar o percibir de otra manera.<\/p>\n

        Los objetos humanos visibles de la interfaz son bastante familiares. Aquellos que utilizan otros sentidos lo son menos.<\/p>\n

        Los objetos humanos de la interfaz se comportan de manera est\u00e1ndar.<\/p>\n

        Los objetos humanos de la interfaz deben ser comprensibles, consistentes y estables.<\/p>\n

        Reducci\u00f3n de latencia<\/h4>\n

        Cuando sea posible, utiliza el multihilo para dejar la latencia en un segundo plano.<\/p>\n

        Reduzca la percepci\u00f3n de latencia con:<\/p>\n

          \n
        • Comunica el clic de los botones mediante un feedback visual en los primeros 50 milisegundos.<\/li>\n
        • Muestra un reloj de arena para cualquier acci\u00f3n que dure entre 1\/2 y 2 segundos. Que est\u00e9 animado, para que el usuario sepa que el sistema sigue trabajando.<\/li>\n
        • Muestra un mensaje comunicando la duraci\u00f3n estimada para cualquier proceso que pueda durar m\u00e1s de 2 segundos.<\/li>\n
        • Comunica el tama\u00f1o y el progreso con un barra de estado.<\/li>\n
        • Muestra mensajes de textos agradables y procura mantener entretenido al usuario mientras espera a que el ordenador termine.<\/li>\n
        • Indica con pitidos e indicaciones visuales muy claras cuando el usuario puede volver al trabajo con el sistema.<\/li>\n
        • Indentifica los m\u00faltiples clics en un mismo objeto.<\/li>\n
        • Haz que vaya m\u00e1s r\u00e1pido. Elimina de la aplicaci\u00f3n cualquier cosa que no est\u00e9 ayudando.<\/li>\n<\/ul>\n

          Aprendizaje<\/h4>\n

          Lo ideal ser\u00eda que no hubiese periodo de aprendizaje: los usuarios se sentar\u00edan delante del sistema por primera vez y sabr\u00edan c\u00f3mo utilizarlo. Esto, sin embargo, nunca pasa.<\/p>\n

          Limita las limitaciones<\/h4>\n

          La usabilidad y la facilidad de uso no son mutuamente excluyentes. Primero decide cu\u00e1l es la m\u00e1s importante y luego aborda ambas con decisi\u00f3n. Es un mito que la facilidad de uso se consiga a costa de la facilidad de aprendizaje.<\/p>\n

          Uso de met\u00e1foras<\/h4>\n

          Escoge aquellas met\u00e1foras que permitan al usuario comprender los detalles del modelo conceptual.
          \nLas buenas met\u00e1foras son historias que crean im\u00e1genes mentales.<\/p>\n

          \n

          Dale vida a las met\u00e1foras apoy\u00e1ndote en su percepci\u00f3n -vista, sonido, tacto, kinestesia- y en sus recuerdos.<\/p>\n<\/blockquote>\n

          Las met\u00e1foras evocan lo familiar, pero generalmente con un nuevo punto de vista. Ejemplo, en Windows 95 existe un objeto que se llama Mi Malet\u00edn. Sirve para llevarse consigo todos los archivos que se coloquen en el. Sin embargo, no act\u00faa como transportador si no como sincronizador.<\/p>\n

          Protege el trabajo del usuario<\/h4>\n

          Aseg\u00farate de que el usuario nunca pierde su trabajo como resultado de un error suyo, los problemas de internet u otro tipo de problemas inevitables, como un apag\u00f3n.<\/p>\n

          Legibilidad<\/h4>\n

          Utiliza texto con alto contraste. Procura utilizar negro sobre blanco o amarillo p\u00e1lido. Evita fondos grises cuando haya texto.<\/p>\n

          Utiliza tama\u00f1os de letra que se lean bien en los monitores m\u00e1s comunes. Da mayor importancia a los datos e informaci\u00f3n que quieres presentar, m\u00e1s que a instrucciones y etiquetas.<\/p>\n

          Ten en cuenta a los mayores, cuya visi\u00f3n suele ser peor que la de los j\u00f3venes.<\/p>\n

          Guardar el estado<\/h4>\n

          Debido a que la web utiliza un protocolo sin estado, nosotros debemos guardarlo en su lugar.<\/p>\n

          Probablemente necesitemos saber:<\/p>\n

            \n
          • Si es la primera vez que un usuario utiliza el sistema.<\/li>\n
          • D\u00f3nde est\u00e1 el usuario.<\/li>\n
          • A d\u00f3nde quiere ir el usuario.<\/li>\n
          • En d\u00f3nde ha estado el usuario en su sesi\u00f3n.<\/li>\n
          • D\u00f3nde abandon\u00f3 el usuario la \u00faltima sesi\u00f3n.<\/li>\n
          • Adem\u00e1s de saber en d\u00f3nde han estado, podemos aprovechar saber qu\u00e9 han hecho.<\/li>\n<\/ul>\n
            \n

            La informaci\u00f3n de estado debe almacenarse en una cookie durante la sesi\u00f3n en el ordenador cliente. Luego se almacena en un servidor.<\/p>\n<\/blockquote>\n

            Los usuarios deber\u00edan ser capaces de desconectar, volver a conectarse desde cualquier otro sitio y seguir con su trabajo en donde lo dejaron.<\/p>\n

            Navegaci\u00f3n Visible<\/h4>\n

            Evita la navegaci\u00f3n invisible<\/p>\n

            La mayor\u00eda de los usuarios no pueden mantener mapas mentales complejos. Si tienen que hacerlo, se cansar\u00e1n o se perder\u00e1n.<\/p>\n

            La web es, de hecho, un espacio de navegaci\u00f3n invisible. Nunca puedes ver del vast\u00edsimo panorama entre p\u00e1ginas. Una vez que el usuario llega a tu p\u00e1gina, debemos procurar reducir la navegaci\u00f3n al m\u00e1ximo y ofrecer la m\u00ednima imprescindible de forma clara y natural. Procura que parezca que el usuario est\u00e1 siempre en el mismo sitio, con el trabajo apareci\u00e9ndosele a medida que avanza. Esto, adem\u00e1s de evitar el uso de mapas y herramientas para la navegaci\u00f3n, da una sensaci\u00f3n de seguridad y control.<\/p>\n

            Lo mismo que con la web es no guardar el estado, nuestro trabajo no es aceptar a ciegas lo que dictan los arquitectos, si no a\u00f1adir una capa que proteja al usuario y haga su navegaci\u00f3n m\u00e1s c\u00f3moda. Que la navegaci\u00f3n en la web sea invisible es un reto, no una caracter\u00edstica.<\/p>\n","protected":false},"excerpt":{"rendered":"

            Bruce Tognazzini es un reconocido consultor de usabilidad asociado con Donald Norman y Jakob Nielsen, en el Nielsen Norman Group, se ha especializado en interacci\u00f3n hombre-m\u00e1quina [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":222,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[11],"tags":[14,17,13,15,12],"class_list":["post-201","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-usabilidad","tag-diseno-grafico","tag-diseno-movil","tag-diseno-web","tag-pruebas-con-usuarios","tag-usabilidad"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/malpicaquintero.com\/web\/wp-content\/uploads\/2016\/03\/bruce_tognazzini.jpg","jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/comments?post=201"}],"version-history":[{"count":0,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/posts\/201\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media\/222"}],"wp:attachment":[{"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/media?parent=201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/categories?post=201"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/malpicaquintero.com\/web\/wp-json\/wp\/v2\/tags?post=201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}