Documento sobre los elementos que debe contener una interfaz.

1. LOS ELEMENTOS DE DISEÑO DE UNA INTERFAZ
Los 7 Elementos de Diseño
ELEMENTOS CARACTERISTICA
Contexto Distribución y diseño del sitio.
Contenido Texto, imágenes, sonido y video que
contiene el sitio.
Comercio Capacidades del sitio para permitir las
transacciones comerciales.
Comunidad Formas en que el sitio permite la
comunicación de usuario a usuario.
Comunicación Formas en que el sitio permite la
comunicación de sitio a usuario, de
usuario a sitio o en ambas direcciones.
Conversión Capacidad del sitio para adaptarse a
distintos usuarios o permitir que los
usuarios lo personalicen.
Conexión Grado en el que el sitio está vinculado a
otros.
1. CONTEXTO
Es la percepción de la interfaz del cliente ante la pantalla, y se puede clasificar de
acuerdo a dos criterios:
- Funcionalmente, que se refiere a la distribución y al desempeño. Las
dimensiones funcionales son división de la sección, estructura de vínculos,
herramientas de navegación, velocidad, confiabilidad, independencia de
Plataforma, acceso a los medios, valor práctico
- Estéticamente, que analiza el esquema de colores y los temas visuales
utilizados.
Existen 3 arquetipos (Modelo o prototipo ideal ) de contexto:
Dominio Estético: Enfocado altamente a la forma o estética, aunque sea bajo en
función; se enfatiza en la percepción del sitio web y contiene muchos elementos
visuales o de multimedia. www.sanpatrick.com, www.bimbo.com.mx/flash.htm
Dominio Funcional: Enfocado a la funcionalidad aunque sea pobre estéticamente;
y se orienta a usuarios que no les preocupa los elementos visuales, sino en la
información que pueden acceder.
www.brint.com, www.ceoexpress.com
Dominio Integrado: Se busca el equilibrio entre estética y función.
www.patagonia.com, www.bluefly.com

2. 2. CONTENIDO
El Contenido se refiere a toda la información digital incluida en el sitio: audio,
video, imagen y contenido de texto.
Existen cuatro dimensiones de contenido:
- Mezcla de ofertas, referente a cómo el contenido incluye productos, información
o servicios.
- Mezcla de atracción, que se refiere a los mensajes de promoción y
comunicación que proyecta la empresa (aspecto cognoscitivo y emocional).
- Mezcla de multimedia, relativo a las opciones de medio como texto, audio,
imagen, video y gráficos.
-Tipo de contenido, que especifica si utilizamos contenido de actualidad o de
referencia.
Existen 2 arquetipos de contenido:
El mejor en su categoría: Proporciona de manera exclusiva productos y
Servicios a través de una categoría de productos específicos o necesidades
del cliente. www.petsmart.com, www.dowjones.com, www.schwab.com
Tienda de Especialidades: Se enfoca en la calidad excepcional y exclusividad en
tanto vende una sola o múltiples categorías de productos. www.frontgate.com,
www.tradex.com, www.winespectator.com

3. 3. COMUNIDAD
La comunidad se basa en una comunicación de usuario a usuario, generando una
sensación de membresía a un grupo junto con un sentido fuerte de participación e
intereses comunes de dicho grupo. Existen diferentes aspectos de comunidad:
. Elementos que definen el nivel de formación de la comunidad (cohesión, eficacia,
ayuda, relaciones, lenguaje, autorregulación).
. Tipos (solo amigos, entusiastas, amigos en necesidad, jugadores, comerciantes).
. Nivel de participación (moderadores, motivadores, pasivos, activos).
. Beneficios para los miembros (satisfacción, inclusión, influencia mutua,
experiencias emocionales compartidas).
Hay dos dimensiones de la comunidad, con base en la forma como se da la
comunicación entre los usuarios:
. Comunicación Interactiva donde los clientes pueden intercambiar respuestas de
manera directa y continua (plática electrónica, mensajería instantánea, tableros de
mensajes, correo electrónico entre miembros).
. Comunicación No Interactiva que no involucra el intercambio directo y continuo
de respuestas; esta forma de comunicación tiene como base una estructura que
da al usuario un sentido de permanencia y ubicación más que un flujo continuo de
conversación (páginas web públicas de miembros, contenido generado por los
miembros).
Ejemplos:
www.mexbox.com.mx/mexbox/,
http://es.catholic.net/
gillettecancerconnect.org,
www.atomix.vg
www.bolt.com
http://forums.ifilm.com/forums/list.page

4. 4. CONVERSION
Es la capacidad de un sitio para adaptarse a cada usuario o para que cada usuario
lo modifique. Existen dos dimensiones:
. Personalización, donde el sitio web permite que el usuario especifique sus
preferencias en selección de contenido, selección de contexto y herramientas; y
con esta información, el sitio se redefine para ser congruente a estos datos
cuando el usuario regresa. Entre los elementos principales de personalización
están el registro de entrada, cookies, cuentas de correo personalizadas,
configuración de contenido y disposición, almacenamiento, agentes (usuario inicia
la conversión).
. Adaptación, donde el sitio tiene la capacidad de publicar en forma dinámica
diferentes versiones únicas de si mismo para satisfacer los intereses, hábitos y
necesidades del usuario (sitio inicia la conversión).
Existen 2 arquetipos de conversión:
Personalización por usuario: Permite al usuario modificar el contenido y el
contexto del sitio de acuerdo con sus preferencias articuladas y conscientes.
www.hotmail.com, mylook.com
Adaptación del sitio: El sitio se reconfigura según el comportamiento anterior del
usuario o de otros usuarios con perfil similar. Se hacen recomendaciones de
acuerdo a compras anteriores, se filtran mensajes publicitarios y se generan
ofertas y promociones con base en el perfil de los usuarios. www.amazon.com
5. comunicación
Se refiere al diálogo que inicia una organización, el cuál puede ser de forma
unilateral o bilateral, con menor omayor grado de interactividad. Se dan tres
dimensiones de comunicación:
. Transmisión, cuando se proporciona información en un solo sentido, de la
organización al usuario, sin proveer al usuario de mecanismo alguno para
responder, dándose como una relación “uno a muchos” entre el sitio web y sus
usuarios (correos masivos, preguntas frecuentes, boletines por correo electrónico,
recordatorios de actualización de contenido, transmisión de espectáculos).
. Interactiva, cuando la comunicación se da bilateralmente entre el usuario y la
organización (diálogo de comercio electrónico, servicio a clientes, aportación del
usuario).
. Híbrida, que se da como una combinación entre transmisión e interactividad
(marketing viral).
Existen 6 arquetipos de conversión:
- Uno a muchos, usuario no responde: El sitio se comunica con los usuarios a
través de correos masivos dirigidos a un público definido. Las comunicaciones se
dan en forma de correo electrónico o espectáculos de transmisión. Los usuarios
no tienen que responder, y normalmente, el sitio no ofrece medios

5. - Uno a muchos, usuario responde: La comunicación se realiza masivamente
con usuarios registrados o a través de correos electrónicos a usuarios específicos.
Los mensajes invitan al usuario a enviar comentarios y respuestas. En algunos
casos, el cliente puede calificar su experiencia con el sitio y evaluar el desempeño
- Uno a muchos, interacción en vivo: Este tipo de sitio permite a los usuarios
interactuar con el sitio en vivo, con intercambio de información en tiempo real (Tipo
de procesamiento en cual una transacción es ejecutada y procesada sin espera
alguna), que normalmente se realiza con el esquema de sala de plática Electrónica
en vivo. Foro
- Uno a uno, usuario no responde: Este sitio envía mensajes personalizados a
usuarios para abordar intereses o necesidades específicas de los mismos. Puede
darse en la forma de recordatorios o actualizaciones en tiempo real. El usuario no
tiene necesidad de responder e incluso el sitio no ofrece formas de hacerlo.
- Uno a uno, usuario responde: Este sitio envía mensajes personalizados a
usuarios para abordar intereses o necesidades específicas de los mismos. Puede
darse en la forma de recordatorios o actualizaciones en tiempo real. El usuario
responde al sitio enviando contenido de interés o especificando transacciones.
www.amazon.com
- Uno a uno, interacción en vivo: Este sitio envía y recibe mensajes
personalizados del usuario o lleva a cabo sesiones de plática electrónica que
abordan intereses o necesidades específicas de los usuarios. Estos últimos
interactúan en vivo en el sitio con información que intercambian en tiempo real.
www.liveperson.com
6. CONEXIÓN
Es el grado en el que un sitio puede enlazarse con otros sitios a través de un salto
de hipertexto o de un hipervínculo de una página web a otra.
Existen 5 dimensiones de la conexión:
. Vínculos con otros sitios, que llevan al usuario fuera del sitio principal y al sitio de
un tercero.
. Fondo del sitio principal, donde el vínculo lleva al usuario al sitio de un tercero,
pero el sitio principal se ve en el fondo.
. Contenido subcontratado, donde el contenido se deriva de terceros, con la
fuente de ese contenido claramente especificada.
. Porcentaje de contenido del sitio principal, referente a la proporción de contenido
que se origina en el sitio principal.
.Trayectoria de conexión, que lleva al usuario fuera del ambiente del sitio como un
“camino de salida”, o lo lleva a la recuperación de otros sitios, sin dejar el sitio
original, como un “camino de entrada”.

6. A continuación los arquetipos de conexión:
Sitio de destino: Proporciona en forma casi exclusiva el contenido generado por
el sitio con muy pocos vínculos a otros sitios. Es considerado por los usuarios
como sitios valiosos por su integridad y confiabilidad de su contenido, del cuál
normalmente revelan información extensa sobre el proveedor del contenido.
www.reforma.com.mx,www.nytimes.com
Sitio de cubo: Ofrece una combinación de contenido generado por ellos y
vínculos selectos de intereses relacionados, siendo muchas veces estos vínculos
a sitios de “expertos” o relacionados con temas de interés específico.
www.fmdiabetes.com www.industrycentral.net
Sitio de portal: Contiene casi exclusivamente vínculos absolutos con gran
cantidad de sitios. Por lo general, estos sitios ofrecen gran variedad de vínculos a
fin de proporcionar el alcance más extenso posible para otros sitios, presentando
poco
o ningún contenido generado por ellos.
www.google.com www.yahoo.com
Programas de afiliados: Se dirige al usuario a sitios web afiliados a través de
vínculos o vínculos integrados en íconos del sitio o algún otro material publicitario.
Normalmente, aunque el usuario puede transferirse al ambiente de compra de otro
sitio, permanecen en el sitio original y regresan con facilidad a él.
www.onhealth.com
Contenido subcontratado: Es cuando el contenido es generado en otros sitios.
En la mayoría de los casos, los proveedores crean contenido de más alta calidad,
más atractivo o a un precio más bajo que las operaciones del sitio web. El
contenido puede estar bien integrado al sitio y el proveedor se despliega con
claridad dentro del sitio web. www.dell.com, www.realplayer.com
Meta software: Consiste en aplicaciones software de utilerías y agregados para
ayudar a los usuarios con tareas muy definidas. Estas aplicaciones pueden residir
como “independientes” en el escritorio o como agregados en el visualizador de
internet.

7. 7. COMERCIO
Todas las capacidades del sitio reflejadas en las características de la interfaz que
respaldan la forma de cómo realizar la transacción comercial. Dichas
características se reflejan en herramientas funcionales, y el sitio debe tener
presente varios elementos:
. Registro, que permite al sitio guarde información acerca de tarjetas de crédito,
direcciones de envío y preferencias.
. Carrito de compras, herramienta que permite al usuario seleccionar y guardar
artículos durante su proceso de compra.
. Seguridad, que busca garantizar la seguridad de la transacción y la información
relacionada con esquemas de codificación (SSL) y tecnologías de autenticación
(SET).
. Aprobación de tarjetas de crédito, para recibir aprobación instantánea de tarjetas
de crédito como herramienta de compra.
. Compras con un clic, que simplifica el proceso de compra permitiéndole al
usuario contar con valores de entrega predeterminados para pedir productos con
un solo clic.
. Pedidos a través de afiliados, que deben poder registrar los pedidos que se
originan en sitios afiliados, así como determinar las tarifas de éstos para la
generación de negocios.
. Tecnología de configuración, software que permite al usuario hacer análisis de
comercio, precios, productos genéricos con productos de marca, etc.
. Registro de pedidos, donde los usuarios tienen la capacidad de verificar el status
de la entrega de los productos que pidieron.
. Opciones de entrega, el usuario tiene una variedad de opciones para especificar
la velocidad y el costo de la entrega deseados.
A continuación los arquetipos de comercio:
Catálogo de precios: El vendedor establece el precio de los bienes y servicios;
los usuarios seleccionan los artículos de los catálogos y pagan los precios
indicados. Normalmente se ofrece información detallada de los artículos con
imágenes. No se dan negociaciones, y el cliente solo cambia el total de su compra
al seleccionar la velocidad y el costo de la entrega. www.thinkgeek.com
Precio de subasta: Los compradores licitan entre ellos, y la oferta más alta gana
los productos o servicios del proveedor. Se ofrece información detallada sobre el
producto subastado, así como el precio inicial y las condiciones de la subasta.
www.mexico.deremate.com
Precios de subasta inversa: Los vendedores licitan entre sí, y la oferta más baja
gana el negocio del cliente. Normalmente, los proveedores deben calificar antes
participar. www.freemarkets.com
Precios en agregado de demanda: La demanda de los compradores de
productos específicos se agrega a fin de lograr economías a escala. Los
compradores en prospecto presentan órdenes de productos en un momento
determinado y en ese punto se negocia los precios. Las herramientas de
comunidad permiten que los usuarios que hacen pedidos motiven a otros a hacer
lo mismo. www.mercata.com

8. Precios de regateo: Aquí los usuarios y el sitio pueden negociar el precio. Los
usuarios seleccionan el producto e intercambian ofertas y contraofertas con el
sitio, hasta que llegan a un acuerdo son rechazados. www.hagglezone.com