Dark Patterns
El diseño centrado en el usuario intenta crear páginas web y aplicaciones de ordenador fáciles de utilizar, y especialmente adaptadas a las necesidades de sus usuarios
El lado oscuro del diseño aparece cuando las mismas técnicas de facilidad de uso se utilizan para persuadir al usuario de una web comercial, no a encontrar la información que más le conviene como comprador, sino la que más le conviene al vendedor.
Se llama diseño persuasivo a las técnicas profesionales que intentan cambiar el comportamiento de las personas de forma no coercitiva, sólo con influencia basada en principios psicológicos conocidos.
La página DarkPatterns nos muestra una selección de estas técnicas utilizadas cuidadosamente para obtener un diseño que deliberadamente perjudica al usuario. Un usuario cuidadoso será capaz de detectarlas y evitar el efecto pernicioso (a costa de que el proceso resulta innecesariamente más complicado de completar con éxito). Pero como técnica comercial efectiva, es suficiente que unos pocos caigan en la trampa para que sea rentable; un comprador con prisas, con problemas de comprensión lectora o con dificultades de visión es un buen candidato para ser víctima de estos patrones oscuros.
Muchas de estas técnicas no son exclusivas a los ordenadores, pero el medio digital las hace especialmente efectivas. Veamos algunos ejemplos.
Cesta de la compra sigilosa
http://darkpatterns.org/sneak-into-basket/
En el proceso de compra de un producto, aparecen como sugerencia algunos complementos y accesorios. El truco en este caso es que el checkbox para añadir el accesorio aparece marcado por defecto. "Puntos malignos" extra cuanto más escondido y más pequeño.
Es especialmente efectivo si se introduce en la pantalla de revisión final de la compra, donde el botón "Continuar" realiza directamente el cargo en la tarjeta:
Impedir comparar precios
http://darkpatterns.org/price-comparison-prevention/
El precio final calculado no se muestra directamente, sino que requiere activar y desactivar varias opciones, o cambiar alante y atrás entre varias páginas (la navegación llamada de "palo saltarín"). Esta es una forma deliberada de impedir que el usuario compare el precio real de varios de los productos, especialmente frente a sitios de la competencia.
"Desnudo por defecto"
http://darkpatterns.org/privacy-zuckering/
Dedicado a las opciones de privacidad de Facebook, diseñadas para compartir mucha más información de la que el usuario tenía intención.
El nuevo diseño de la interfaz de configuración de privacidad promete que el usuario podrá gestionar fácilmente la información que quiere compartir. Sin embargo, algunas opciones (las más rentables para Facebook como las listas de amigos, aplicaciones, y "me gusta/no me gusta") no se pueden configurar en este sitio, requieren localizar algun botón escondido en rincones poco accesibles.
¿Me dejas tus llaves?
http://adactio.com/journal/1357
Muchos sitios sociales son culpables de este comportamiento. Para facilitarte cargar tu lista de contactos, te piden la contraseña de tu cuenta de correo, en principio sólo para hacer esta lectura inicial de tus conocidos. Esto tiene dos problemas:
- Algunos sitios, en un abuso de confianza, aprovechan para mandar "spam amigo" a todos estos contactos, con contenido promocional del sitio.
- Aún más grave, este diseño habitúa a los usuarios que es habitual proporcionar tus contraseñas a quien la pida para facilitar este tipo de pequeños servicios. En realidad están entrenando al usuario para ser víctima de la estafa del phishing. Por este motivo no se debe nunca, nunca proporcionar en una web tu contraseña de un tercer sitio.
Cargo secreto a la tarjeta de crédito
http://darkpatterns.org/silent-credit-card-roll-over/
Otro clásico. Un servicio te ofrece un periodo de prueba gratuito, y solicita una tarjeta de crédito para comprobar tu identidad. Tras entregarte el producto prometido ("completamente gratuito") te registran al servicio sin mayor aviso. Por supuesto, no hay ninguna notificación adicional al terminar el periodo de prueba; la siguiente notificación que se tiene de la empresa es el cobro del primer plazo del servicio en su phttp://darkpatterns.org/anti-scan-trick-questions/eriodo de pago.
Anti lectura rápida
http://darkpatterns.org/anti-scan-trick-questions/
Para terminar, uno de los más insidiosos. Se introducen elementos en un lenguaje redactado para que a primera vista parezcan inofensivos, pero que en realidad significan lo contrario de lo que aparentan. Especialmente diseñado de acuerdo al principio demostrado de que la gente no lee realmente las páginas web, sólo las ojea.
Especialmente malvados son los checks de suscripción a notificaciones comerciales o cesión de datos escritos de forma deliberadamente ambigua, en los que resulta imposible adivinar cuál de las dos posiciones es la que respeta tu privacidad.
Como vuelta de tuerca adicional, en este ejemplo algunos de los checks tienen significados opuestos en cada línea respecto a la anterior: para evitar suscribirse a ninguna opción, hay que marcarlos en los estados desmarcado-marcado-desmarcado-marcado.
En este último ejemplo, una web de viajes utiliza el truco para lograr el efecto de la cesta de la compra silenciosa. ¿Puedes ver qué se va a añadir a tu factura, salvo si desvías tu atención de rellenar los datos de compra y la dedicas a descifrar las instrucciones ofuscadas?
Descubrimientos de una inteligencia artificial que supera el test de Turing
On the Internet, everybody knows you're a chatbot.
Buscar en Mind w/o Soul
Mostrando entradas con la etiqueta design patterns. Mostrar todas las entradas
Mostrando entradas con la etiqueta design patterns. Mostrar todas las entradas
martes, septiembre 07, 2010
jueves, julio 08, 2010
HCI social Design patterns
Design patterns for social sites:
http://designingsocialinterfaces.com/patterns/Main_Page
A good example of user badges:
http://stackoverflow.com/badges
A rating algorithm for popularity in forums:
http://www.vbulletin.org/forum/showthread.php?t=199556
http://designingsocialinterfaces.com/patterns/Main_Page
A good example of user badges:
http://stackoverflow.com/badges
A rating algorithm for popularity in forums:
http://www.vbulletin.org/forum/showthread.php?t=199556
sábado, febrero 13, 2010
Presentación vista detalle en RAD RIA
Dos ejemplos de arquitectura para aplicaciones web, con el design pattern de master-detail
http://www.tracked.com/company/microsoft/financials/income
http://designingwebinterfaces.com/ria-screen-layouts
http://www.tracked.com/company/microsoft/financials/income
http://designingwebinterfaces.com/ria-screen-layouts
lunes, agosto 10, 2009
Patrones y antipatrones de webs sociales
Una colección de design patterns y antipatterns para diseño de redes sociales.
http://designingsocialinterfaces.com/patterns.wiki/index.php?title=Main_Page#Social_Patterns_.26_Best_Practices
martes, agosto 04, 2009
Color wheel - pickers palette scheme
Consejos para escoger paletas de color
http://www.color-wheel-pro.com/color-schemes.html
Ruedas de color
http://www.math.yorku.ca/SCS/Gallery/colorpick.html
http://www.personal.psu.edu/cab38/ColorBrewer/ColorBrewer_intro.html
Color blind test
http://www.metafilter.com/85432/Patterns-for-the-Color-Blind
http://www.opticien-lentilles.com/daltonien_beta/new_test_daltonien.php
Color blind web design patterns
http://wearecolorblind.com/
http://www.color-wheel-pro.com/color-schemes.html
Ruedas de color
http://www.math.yorku.ca/SCS/Gallery/colorpick.html
http://www.personal.psu.edu/cab38/ColorBrewer/ColorBrewer_intro.html
Color blind test
http://www.metafilter.com/85432/Patterns-for-the-Color-Blind
http://www.opticien-lentilles.com/daltonien_beta/new_test_daltonien.php
Color blind web design patterns
http://wearecolorblind.com/
martes, julio 07, 2009
martes, junio 23, 2009
jueves, junio 18, 2009
UI patterns for Learnability gallery
Patrones de diseño para facilitar el aprendizaje de una aplicación
http://www.usabilityinstitute.com/resources/learnabilityGallery.htm
http://www.usabilityinstitute.com/resources/learnabilityGallery.htm
viernes, julio 18, 2008
Usability patterns
Varios enlaces a páginas con design patterns sobre interfaces
http://designinginterfaces.com/ book
Game Interaction Design Pattern Library: Accessibility
http://designinginterfaces.com/ book
Game Interaction Design Pattern Library: Accessibility
Welcome to the Interaction Design Patterns for Games Library. With this collection we aim to provide game developers with proven solutions to frequent usability and accessibility problems in games.Interaction Design Patterns -- maintained by Tom Erickson
This page contains information about resources related to pattern languages for interaction design (of which user interface design is a subset), and a few links to more general papersUsability First: Usability Glossary
UI-patterns.com
Usability Glossary
User Interface Design PatternsYahoo! Design Pattern Library
It has long been common practice to use recurring solutions to solve common problems. Such solutions are also called design patterns. Collections of software design patterns are standard reference points for the experienced user interface designer. This website seeks to better the situation for the UI designer, who struggles with the same problems as many other UI designers have struggled with before him.
Welcome to the Yahoo! Design Pattern Library. We're thrilled to be sharing patterns and code with the web design and development community, we hope it's useful, and we look forward to your feedback.
http://quince.infragistics.com/
A Mono Moonlight interface showing related patterns and implementation details
Suscribirse a:
Entradas (Atom)