• Save
Elementos de una interfaz Gráfica
Upcoming SlideShare
Loading in...5
×
 

Elementos de una interfaz Gráfica

on

  • 10,959 views

Documento sobre los elementos que debe contener una interfaz.

Documento sobre los elementos que debe contener una interfaz.

Statistics

Views

Total Views
10,959
Views on SlideShare
10,959
Embed Views
0

Actions

Likes
2
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Elementos de una interfaz Gráfica Elementos de una interfaz Gráfica Document Transcript

  • LOS ELEMENTOS DE DISEÑO DE UNA INTERFAZLos 7 Elementos de DiseñoELEMENTOS CARACTERISTICAContexto 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. CONTEXTOEs la percepción de la interfaz del cliente ante la pantalla, y se puede clasificar deacuerdo a dos criterios:- Funcionalmente, que se refiere a la distribución y al desempeño. Lasdimensiones funcionales son división de la sección, estructura de vínculos,herramientas de navegación, velocidad, confiabilidad, independencia dePlataforma, acceso a los medios, valor práctico- Estéticamente, que analiza el esquema de colores y los temas visualesutilizados.Existen 3 arquetipos (Modelo o prototipo ideal ) de contexto:Dominio Estético: Enfocado altamente a la forma o estética, aunque sea bajo enfunción; se enfatiza en la percepción del sitio web y contiene muchos elementosvisuales o de multimedia. www.sanpatrick.com, www.bimbo.com.mx/flash.htmDominio Funcional: Enfocado a la funcionalidad aunque sea pobre estéticamente;y se orienta a usuarios que no les preocupa los elementos visuales, sino en lainformación que pueden acceder.www.brint.com, www.ceoexpress.comDominio Integrado: Se busca el equilibrio entre estética y función.www.patagonia.com, www.bluefly.com
  • 2. CONTENIDOEl 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óno servicios.- Mezcla de atracción, que se refiere a los mensajes de promoción ycomunicació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 dereferencia.Existen 2 arquetipos de contenido:El mejor en su categoría: Proporciona de manera exclusiva productos yServicios a través de una categoría de productos específicos o necesidadesdel cliente. www.petsmart.com, www.dowjones.com, www.schwab.comTienda de Especialidades: Se enfoca en la calidad excepcional y exclusividad entanto vende una sola o múltiples categorías de productos. www.frontgate.com,www.tradex.com, www.winespectator.com
  • 3. COMUNIDADLa comunidad se basa en una comunicación de usuario a usuario, generando unasensación de membresía a un grupo junto con un sentido fuerte de participación eintereses 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 lacomunicación entre los usuarios:. Comunicación Interactiva donde los clientes pueden intercambiar respuestas demanera directa y continua (plática electrónica, mensajería instantánea, tableros demensajes, correo electrónico entre miembros).. Comunicación No Interactiva que no involucra el intercambio directo y continuode respuestas; esta forma de comunicación tiene como base una estructura queda al usuario un sentido de permanencia y ubicación más que un flujo continuo deconversación (páginas web públicas de miembros, contenido generado por losmiembros).Ejemplos:www.mexbox.com.mx/mexbox/,http://es.catholic.net/gillettecancerconnect.org,www.atomix.vgwww.bolt.comhttp://forums.ifilm.com/forums/list.page
  • 4. CONVERSIONEs la capacidad de un sitio para adaptarse a cada usuario o para que cada usuariolo modifique. Existen dos dimensiones:. Personalización, donde el sitio web permite que el usuario especifique suspreferencias en selección de contenido, selección de contexto y herramientas; ycon esta información, el sitio se redefine para ser congruente a estos datoscuando el usuario regresa. Entre los elementos principales de personalizaciónestán el registro de entrada, cookies, cuentas de correo personalizadas,configuración de contenido y disposición, almacenamiento, agentes (usuario iniciala conversión).. Adaptación, donde el sitio tiene la capacidad de publicar en forma dinámicadiferentes versiones únicas de si mismo para satisfacer los intereses, hábitos ynecesidades del usuario (sitio inicia la conversión).Existen 2 arquetipos de conversión:Personalización por usuario: Permite al usuario modificar el contenido y elcontexto del sitio de acuerdo con sus preferencias articuladas y conscientes.www.hotmail.com, mylook.comAdaptación del sitio: El sitio se reconfigura según el comportamiento anterior delusuario o de otros usuarios con perfil similar. Se hacen recomendaciones deacuerdo a compras anteriores, se filtran mensajes publicitarios y se generanofertas y promociones con base en el perfil de los usuarios. www.amazon.com5. comunicaciónSe refiere al diálogo que inicia una organización, el cuál puede ser de formaunilateral o bilateral, con menor omayor grado de interactividad. Se dan tresdimensiones de comunicación:. Transmisión, cuando se proporciona información en un solo sentido, de laorganización al usuario, sin proveer al usuario de mecanismo alguno pararesponder, dándose como una relación “uno a muchos” entre el sitio web y sususuarios (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 laorganización (diálogo de comercio electrónico, servicio a clientes, aportación delusuario).. 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 através de correos masivos dirigidos a un público definido. Las comunicaciones sedan en forma de correo electrónico o espectáculos de transmisión. Los usuariosno tienen que responder, y normalmente, el sitio no ofrece medios
  • - Uno a muchos, usuario responde: La comunicación se realiza masivamentecon 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 algunoscasos, 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 usuariosinteractuar con el sitio en vivo, con intercambio de información en tiempo real (Tipode procesamiento en cual una transacción es ejecutada y procesada sin esperaalguna), que normalmente se realiza con el esquema de sala de plática Electrónicaen vivo. Foro- Uno a uno, usuario no responde: Este sitio envía mensajes personalizados ausuarios para abordar intereses o necesidades específicas de los mismos. Puededarse en la forma de recordatorios o actualizaciones en tiempo real. El usuario notiene necesidad de responder e incluso el sitio no ofrece formas de hacerlo.- Uno a uno, usuario responde: Este sitio envía mensajes personalizados ausuarios para abordar intereses o necesidades específicas de los mismos. Puededarse en la forma de recordatorios o actualizaciones en tiempo real. El usuarioresponde 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 mensajespersonalizados del usuario o lleva a cabo sesiones de plática electrónica queabordan intereses o necesidades específicas de los usuarios. Estos últimosinteractúan en vivo en el sitio con información que intercambian en tiempo real.www.liveperson.com6. CONEXIÓNEs el grado en el que un sitio puede enlazarse con otros sitios a través de un saltode 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 deun 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 lafuente de ese contenido claramente especificada. . Porcentaje de contenido del sitio principal, referente a la proporción de contenidoque 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 sitiooriginal, como un “camino de entrada”.
  • A continuación los arquetipos de conexión:Sitio de destino: Proporciona en forma casi exclusiva el contenido generado porel sitio con muy pocos vínculos a otros sitios. Es considerado por los usuarioscomo sitios valiosos por su integridad y confiabilidad de su contenido, del cuálnormalmente revelan información extensa sobre el proveedor del contenido.www.reforma.com.mx,www.nytimes.comSitio de cubo: Ofrece una combinación de contenido generado por ellos yvínculos selectos de intereses relacionados, siendo muchas veces estos vínculosa sitios de “expertos” o relacionados con temas de interés específico.www.fmdiabetes.com www.industrycentral.netSitio de portal: Contiene casi exclusivamente vínculos absolutos con grancantidad de sitios. Por lo general, estos sitios ofrecen gran variedad de vínculos afin de proporcionar el alcance más extenso posible para otros sitios, presentandopocoo ningún contenido generado por ellos.www.google.com www.yahoo.comProgramas de afiliados: Se dirige al usuario a sitios web afiliados a través deví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 otrositio, permanecen en el sitio original y regresan con facilidad a él.www.onhealth.comContenido 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. Elcontenido puede estar bien integrado al sitio y el proveedor se despliega conclaridad dentro del sitio web. www.dell.com, www.realplayer.comMeta software: Consiste en aplicaciones software de utilerías y agregados paraayudar a los usuarios con tareas muy definidas. Estas aplicaciones pueden residircomo “independientes” en el escritorio o como agregados en el visualizador deinternet.
  • 7. COMERCIOTodas las capacidades del sitio reflejadas en las características de la interfaz querespaldan la forma de cómo realizar la transacción comercial. Dichascaracterísticas se reflejan en herramientas funcionales, y el sitio debe tenerpresente 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 guardarartículos durante su proceso de compra.. Seguridad, que busca garantizar la seguridad de la transacción y la informaciónrelacionada 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 tarjetasde crédito como herramienta de compra.. Compras con un clic, que simplifica el proceso de compra permitiéndole alusuario contar con valores de entrega predeterminados para pedir productos conun solo clic.. Pedidos a través de afiliados, que deben poder registrar los pedidos que seoriginan en sitios afiliados, así como determinar las tarifas de éstos para lageneración de negocios.. Tecnología de configuración, software que permite al usuario hacer análisis decomercio, precios, productos genéricos con productos de marca, etc.. Registro de pedidos, donde los usuarios tienen la capacidad de verificar el statusde la entrega de los productos que pidieron.. Opciones de entrega, el usuario tiene una variedad de opciones para especificarla 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 preciosindicados. Normalmente se ofrece información detallada de los artículos conimágenes. No se dan negociaciones, y el cliente solo cambia el total de su compraal seleccionar la velocidad y el costo de la entrega. www.thinkgeek.comPrecio de subasta: Los compradores licitan entre ellos, y la oferta más alta ganalos productos o servicios del proveedor. Se ofrece información detallada sobre elproducto subastado, así como el precio inicial y las condiciones de la subasta.www.mexico.deremate.comPrecios de subasta inversa: Los vendedores licitan entre sí, y la oferta más bajagana el negocio del cliente. Normalmente, los proveedores deben calificar antesparticipar. www.freemarkets.comPrecios en agregado de demanda: La demanda de los compradores deproductos específicos se agrega a fin de lograr economías a escala. Loscompradores en prospecto presentan órdenes de productos en un momentodeterminado y en ese punto se negocia los precios. Las herramientas decomunidad permiten que los usuarios que hacen pedidos motiven a otros a hacerlo mismo. www.mercata.com
  • Precios de regateo: Aquí los usuarios y el sitio pueden negociar el precio. Losusuarios seleccionan el producto e intercambian ofertas y contraofertas con elsitio, hasta que llegan a un acuerdo son rechazados. www.hagglezone.com