<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-1462917099457751999</id><updated>2011-04-22T06:18:25.616+02:00</updated><category term='Affordance'/><category term='Norman'/><category term='Definiciones'/><title type='text'>Affordance</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://affordance-web.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://affordance-web.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>Lu</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>5</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-1462917099457751999.post-1008989194027965242</id><published>2008-01-31T17:39:00.000+01:00</published><updated>2008-01-31T17:40:05.078+01:00</updated><title type='text'>Requisitos de las Affordances</title><content type='html'>&lt;strong&gt;Forma funcional&lt;/strong&gt;: La correspondencia entre la forma del objeto y su función debe ser lo más transparente posible. Ejemplo: Para que un objeto presente la affordance de "ser presionado" debe estar representado de tal forma que dé la sensación de tener volumen sobre una superficie. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Visibilidad al usuario&lt;/strong&gt;: Elementos como los “links emergentes” que tan sólo aparecen cuando el usuario sitúa encima de los mismos el puntero del ratón, no son aconsejables en la medida en que no hacen visible su función a primera vista.&lt;br /&gt; &lt;br /&gt;&lt;strong&gt;Acción coherente&lt;/strong&gt;: La acción que siga al accionamiento de un objeto debe ser coherente con su affordance para facilitar su aprendizaje y uso. Ejemplo: Un botón para acceder a un menú oculto que se identifique con una flecha señalando hacia abajo, deberá presentar el menú desde ese punto y hacia abajo. &lt;br /&gt;&lt;br /&gt;&lt;strong&gt;Relatividad del observador&lt;/strong&gt;: Un problema de las affordances es que no suscitan la misma función a todo tipo de población. Ejemplo: Un banco en un parque puede presentar el affordance “sentarse en él” para un anciano, y “escalarlo” para un niño pequeño.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1462917099457751999-1008989194027965242?l=affordance-web.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://affordance-web.blogspot.com/feeds/1008989194027965242/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1462917099457751999&amp;postID=1008989194027965242&amp;isPopup=true' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/1008989194027965242'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/1008989194027965242'/><link rel='alternate' type='text/html' href='http://affordance-web.blogspot.com/2008/01/requisitos-de-las-affordances.html' title='Requisitos de las Affordances'/><author><name>Lu</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1462917099457751999.post-4599065813634560280</id><published>2008-01-30T19:11:00.000+01:00</published><updated>2008-02-01T10:05:23.739+01:00</updated><title type='text'>El aprendiz intuitivo</title><content type='html'>Como comenta &lt;a href="http://es.wikipedia.org/wiki/Howard_Gardner"&gt;Gardner H&lt;/a&gt; en su libro "La mente no escolarizada", el aprendiz intuitivo o aprendiz natural, universal o ingenuo: es el niño pequeño que, bien dotado para aprender el lenguaje y otros sistemas simbólicos, desarrolla teorías prácticas sobre el mundo físico y social durante los primeros años de vida.&lt;br /&gt;&lt;br /&gt;Tradicionalmente se ha pensado que las personas únicamente percibimos la función de un objeto a partir de lo que se podría llamar una inferencia: Primero se reconoce el objeto (ejemplo: la barra espaciadora), a continuación se categoriza (ejemplo: elemento de un teclado) para acabar accediendo al conocimiento de su función (ejemplo: pulsarlo para obtener un espacio en blanco en el texto).&lt;br /&gt;Pero ésta, aunque cierta en muchos casos, no es la única forma de acceder a la información de la función de un elemento. &lt;br /&gt;&lt;br /&gt;Ante los elementos de una interfaz, el usuario debe poder ser &lt;strong&gt;aprendiz intuitivo&lt;/strong&gt;. Estos elementos nos deben transmitir la sensación de poder utilizarse adecuadamente.&lt;br /&gt;&lt;br /&gt;Como diseñadores transmitiremos la función de cada uno de estos elementos a partir de su imagen, de manera casi inmediata (de manera intuitiva); un hipervínculo no servirá de nada si el usuario no sabe que puede pincharlo.&lt;br /&gt;&lt;br /&gt;De esta manera, el objeto no tiene que ser ni reconocido ni categorizado para que su función se haga manifiesta.&lt;br /&gt;&lt;br /&gt;Así, el usuario, la primera vez que vea nuestro hipervínculo sabrá que debe "pinchar".&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1462917099457751999-4599065813634560280?l=affordance-web.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://affordance-web.blogspot.com/feeds/4599065813634560280/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1462917099457751999&amp;postID=4599065813634560280&amp;isPopup=true' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/4599065813634560280'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/4599065813634560280'/><link rel='alternate' type='text/html' href='http://affordance-web.blogspot.com/2008/01/el-aprendiz-intuitivo.html' title='El aprendiz intuitivo'/><author><name>Lu</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1462917099457751999.post-2488532799930850736</id><published>2008-01-02T12:00:00.001+01:00</published><updated>2008-02-01T10:03:41.396+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Norman'/><category scheme='http://www.blogger.com/atom/ns#' term='Affordance'/><title type='text'>Donald Norman</title><content type='html'>&lt;span style="font-weight:bold;"&gt;Donald Norman&lt;/span&gt; ha dedicado sus investigaciones a cómo mejorar el diseño de las cosas que utilizamos cada día.&lt;br /&gt;&lt;br /&gt;Para eso, estudió ingeniería eléctrica y se interesó en cómo funciona la mente humana estudiando Psicología Matemática. Así aunó esas dos ramas y empezó aplicando sus conocimientos en nuevas tecnologías. Pero con el tiempo, se dio cuenta de que podría aplicar estos conocimientos en todas partes y objetos (puertas, interruptores, vasos, estufas…).&lt;br /&gt;&lt;br /&gt;Con todas esas observaciones a objetos comunes escribió el libro &lt;span style="font-weight:bold;"&gt;“The Design of Everyday Things”&lt;/span&gt;. Así, intentó comprender el proceso de comunicación entre el objeto y la persona. Encontró que los objetos que resultaban difíciles de manejar podían ser mejorados enseñándoles a los diseñadores unos simples pero poderosos principios que tendrían que tener siempre en cuenta. Cómo sus productos podían ser usados, quién los usaría y porqué; es decir, necesitaban comprender el contexto en el cual ese objeto iba a ser empleado.&lt;br /&gt;&lt;br /&gt;El problema que tienen los diseñadores e ingenieros para Norman, es que son demasiado lógicos, y en muchas ocasiones la lógica no describe el verdadero comportamiento de las personas.&lt;br /&gt;&lt;br /&gt;Norman descubrió que las emociones juegan un papel importantísimo en el buen diseño. Las emociones pueden hacer que adoremos u odiemos ese objeto que usamos. (“Emotional Design”, “Why we love (or hate) everyday things").&lt;br /&gt;&lt;br /&gt;Tendremos un buen diseño si conseguimos que su funcionamiento se comprenda con tan sólo una explicación. Podemos aplicar este concepto de diseño a prácticamente cualquier tecnología imaginable. Es la tecnología “usable”.&lt;br /&gt;&lt;br /&gt;&lt;object align="middle" height="355" width="425"&gt;&lt;param name="movie" value="http://www.youtube.com/v/ldDYSxSbcy4&amp;amp;rel=1"&gt;&lt;param name="wmode" value="transparent"&gt;&lt;embed src="http://www.youtube.com/v/ldDYSxSbcy4&amp;amp;rel=1" type="application/x-shockwave-flash" wmode="transparent" height="355" width="425"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1462917099457751999-2488532799930850736?l=affordance-web.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://affordance-web.blogspot.com/feeds/2488532799930850736/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1462917099457751999&amp;postID=2488532799930850736&amp;isPopup=true' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/2488532799930850736'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/2488532799930850736'/><link rel='alternate' type='text/html' href='http://affordance-web.blogspot.com/2008/01/donald-norman.html' title='Donald Norman'/><author><name>Lu</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1462917099457751999.post-7899017796000077410</id><published>2007-12-29T14:24:00.000+01:00</published><updated>2008-02-01T10:02:51.666+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Norman'/><category scheme='http://www.blogger.com/atom/ns#' term='Definiciones'/><category scheme='http://www.blogger.com/atom/ns#' term='Affordance'/><title type='text'>¿Qué es Affordance?</title><content type='html'>&lt;strong&gt;Affordance&lt;/strong&gt; es la cualidad de un objeto o ambiente que permite a un individuo realizar una acción. El término se utiliza en varios campos: psicología perceptual, cognitiva, diseño industrial, HCI (Human-Computer Interaction), inteligencia artificial,  diseño de interacción (la disciplina que define el comportamiento de un producto, sistema o aplicación con los cuales un usuario interactúa).&lt;br /&gt;&lt;br /&gt;Hay dos diferentes vías de definición del término. La definición original, introducida por el psicólogo  &lt;strong&gt;James J. Gibson&lt;/strong&gt; en su artículo “Teoria de Affordances” en 1977, describe todas las posibilidades de acción que son materialmente posibles. La segunda definición, una depuración de la anterior define el término como las posibilidades de acción que el usuario es consciente de poder realizar.&lt;br /&gt;&lt;br /&gt;En 1988, &lt;strong&gt;Donald Norman&lt;/strong&gt; utilizó el término Affordances en el contexto HCI para referirse a esas posibilidades de acción que son inmediatamente percibidas por el usuario. Esta es la definición que nos interesa.&lt;br /&gt;&lt;br /&gt;En su libro “The Design of Everyday Things” establece el concepto Affordances no solo dentro de las capacidades físicas del usuario, sino también en la capacidad de éste de nutrirse de experiencias pasadas, metas, planes, estimaciones comparando otro tipo de vivencias, etc.&lt;br /&gt;&lt;br /&gt;Pongamos un ejemplo práctico. Según la primera definición, si una persona entra a una habitación en la que hay una pelota y un sillón, la persona podría lanzar el sillón y sentarse sobre la pelota porque es objetivamente posible.&lt;br /&gt;Pero según &lt;strong&gt;Norman&lt;/strong&gt;, la Affordance entre objetos y persona que interactúa con ellos hace muy probable que el sujeto se siente en el sillón y lance la pelota. Esta persona acumula experiencias, como la forma de los objetos, textura, etc. La pelota tiene unas características perfectas para ser lanzada y nuestro sujeto lo ha visto hacer en otras ocasiones (televisión, campo de juego, experiencia vivida en la infancia).&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1462917099457751999-7899017796000077410?l=affordance-web.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://affordance-web.blogspot.com/feeds/7899017796000077410/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1462917099457751999&amp;postID=7899017796000077410&amp;isPopup=true' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/7899017796000077410'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/7899017796000077410'/><link rel='alternate' type='text/html' href='http://affordance-web.blogspot.com/2007/12/qu-es-una-affordance.html' title='¿Qué es Affordance?'/><author><name>Lu</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry><entry><id>tag:blogger.com,1999:blog-1462917099457751999.post-4444904573434906321</id><published>2007-12-26T20:01:00.000+01:00</published><updated>2007-12-26T20:44:58.774+01:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Affordance'/><title type='text'>La affordance o comprensión intuitiva</title><content type='html'>Elegir el elemento que mejor se adapte al contexto que estamos desarrollando es importante. En palabras de &lt;a href="http://en.wikipedia.org/wiki/Donald_Norman" target="blank"&gt;Don Norman&lt;/a&gt;, estos elementos deben dar una idea de la acción que provocan antes de interactuar con él: lo que él denomina Affordance.&lt;br /&gt;&lt;br /&gt;He elegido este tema para mi blog porque creo que es fundamental que el diseño web se adapte al mayor número posible de usuarios.&lt;br /&gt;Si utilizamos objetos fácilmente reconocibles, la navegación será fluida y amena. Debemos centrar la originalidad de nuestra web en conceptos que no dificulten la comprensión y navegabilidad.&lt;br /&gt;&lt;br /&gt;De hecho, la palabra affordance se puede traducir como "comprensión intuitiva".&lt;br /&gt;&lt;br /&gt;Haciendo clic &lt;a href="http://www.seisdeagosto.com/indica/affordance-un-boton-es-un-boton/" target="blank"&gt;aquí&lt;/a&gt; podéis leer un artículo escrito por Juan Leal sobre este tema.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/1462917099457751999-4444904573434906321?l=affordance-web.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://affordance-web.blogspot.com/feeds/4444904573434906321/comments/default' title='Enviar comentarios'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=1462917099457751999&amp;postID=4444904573434906321&amp;isPopup=true' title='0 comentarios'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/4444904573434906321'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/1462917099457751999/posts/default/4444904573434906321'/><link rel='alternate' type='text/html' href='http://affordance-web.blogspot.com/2007/12/la-affordance-o-comprensin-intuitiva.html' title='La affordance o comprensión intuitiva'/><author><name>Lu</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='16' height='16' src='http://img2.blogblog.com/img/b16-rounded.gif'/></author><thr:total>0</thr:total></entry></feed>
