• MERCEDES CEPEDA

• MAYRA GUZMÁN
PRESENTADO POR:
• CAMILO MARTINEZ
• PATRICIA REYES
• LEONARDO CABRAL
DISEÑO DE LA INTERFAZ EN EL
COMERCIO ELECTRONICO
 DISEÑO DE LA INTERFAZ EN EL
COMERCIO ELECTRONICO
Aspectos Generales
– Conceptos
– Importancia
– Objetivos

MERCEDES CEPEDA
Importancia de un buen diseño de
interfaz en el Comercio Electrónico
De acuerdo con Fabricio Teixeira, director de
diseño de la agencia R/GA, una buena usabilidad
es indispensable para que un sitio arroje
resultados financieros.
“Primero, por un motivo
un tanto obvio: las
Personas deben llegar
hasta el final del flujo
de compra para que
la transacción finalice”
OBJETIVOS
DISEÑO DE INTERFACES
MAYRA GUZMÁN
DISEÑO DE INTERFACES
Es el diseño de computadoras,
aplicaciones, máquinas, dispositivos
de comunicación móvil, aplicaciones
de software, y sitios web enfocado
en la experiencia de usuario y la
interacción
Normalmente es una actividad
multidisciplinar que involucra a varias
ramas del diseño y el conocimiento como
el diseño gráfico, industrial, web, de
software y la ergonomía; y está
implicado en un amplio rango de
proyectos, desde sistemas para
computadoras, vehículos hasta aviones
comerciales.
 Principios relevantes para
el diseño e implementación
de Interfaz de Usuario
• Familiaridad del usuario
• Consistencia
• Mínima sorpresa
• Recuperabilidad:
La interfaz debe incluir mecanismos para
permitir a los usuarios recuperarse de
los errores. Esto puede ser de dos
formas:
1. Confirmación de acciones destructivas.
Proveer de un recurso para deshacer
Guía al usuario: Cuando los errores
ocurren, la interfaz debe proveer
retroalimentación significativa y
características de ayuda sensible al
contexto.

2. Diversidad de usuarios: La interfaz debe

proveer características de interacción
apropiada para los diferentes tipos de
usuarios.
 Tipos De Interfaces De Usuario
• Interfaces hardware. Se trata de un
conjunto de controles o dispositivos que
permiten la interacción hombre-máquina,
de modo que permiten introducir o leer
datos del equipo, mediante pulsadores,
reguladores e instrumentos.

• Interfaces software. Son programas o

parte de ellos, que permiten expresar.
 Simplicidad y coherencia
en el diseño de la interfaz
para el comercio electrónico
• La simplicidad con que se desarrolle esta
interfaz es crucial para determinar que un
usuario se sienta satisfecho y desee
regresar a un sitio.
• La simplicidad está dada por varios factores
a tener en cuenta. El primer concepto
importante es que los elementos gráficos o
textuales que componen la interfaz deben
ser claros y de fácil identificación.
LOS SIETE ELEMENTOS EN EL DISEÑO DE LA
INTERFAZ PARA EL COMERCIO ELECTRÓNICO

MÁXIMO CAMILO MARTÍNEZ

 • Es la estructura de
la plantilla, el
diseño y la forma
Contexto: en que se
presenta la
información del
sitio web.
• Funcionalidades: permitir que se lleven a
cabo las funcionalidades técnicas con un
alto nivel de usabilidad y fluidez en el sitio
web.
• Estética: el "look-and-feel" o aspecto
estético de las páginas tiene una
importancia prioritaria (colores,
visualización, tipografía, fotografías,..)
• Híbrido: el sitio de ecommerce debe ser
agradable y placentero estéticamente, pero
también eficiente desde el punto de vista
funcional
 Todo el material digital
del sitio como el texto,
fotos, sonidos, video,
Contenidos voz, juegos, podcasting,
etc.. Todos de acuerdo
en que los contenidos
deben ser originales y
de calidad.
 La forma en que los
usuarios se
Comunidad interrelacionan con
el sitio y entre si.
 • (personalización o
conveniencia): Es la
capacidad que tiene
Costumización el sitio de adaptarse
a las necesidades de
comercio
electrónico de cada
usuario.
 • Un sitio web se
comunica con los
Comunicación usuarios de tres
formas
• Emisión: el sitio comunica el mismo
mensaje para todos, a través de listas de
correo electrónico, feeds de noticas,
material de marketing o notificaciones de
actualización de contenidos.
• Interacción: implica una comunicación
uno-a-uno, en comercio electrónico es un
diálogo entre la tienda online o sitio de
venta y el cliente
• Sistema híbrido: es una combinación de
ambos, el diálogo se inicia por una
emisión.
 • Grado en que el sitio
está enlazado
formalmente o
Conexión interconectado con
otros sitios y redes
sociales.
 • (comercialización):
La capacidad para
convertir el tráfico
en transacciones
Conversión comerciales o
cumplimiento
exacto de los
objetivos del sitio.
Patricia Reyes
EL SITIO WEB, MECANISMOS, MEDIOS
Y FORMAS
Concepto
Un sitio web es un conjunto de archivos
electrónicos y páginas web referentes a un
tema en particular, que incluye una página
inicial de bienvenida, generalmente
denominada home page, bajo un nombre
de dominio y dirección en Internet
específicos.
 Utilidad de los Sitios Web
Oferta de bienes
• Instituciones y servicios
• Empresas
• individuos Mercadotecnia
Dirección del • URLs Uniform
Sitio Web Resource Locator
ELEMENTOS BÁSICOS
DE UN SITIO WEB
HERRAMIENTAS PARA CREAR
SITIOS WEB
Editores online
WIX
 Wix
• Cada vez surgen más sitios que te permiten
crear tu página web usando editores
visuales sin necesidad de escribir ni una
sola etiqueta de código.
• Su editor visual es muy intuitivo y te
permite crear bloques y arrastrar
elementos para que los ubiques justo en el
sitio que tú quieras. Lo malo es que la
versión gratuita tiene opciones limitadas
Weebly
 Weebly
• Su interfaz se parece más a un editor
clásico de páginas web, aunque también
permite modificar los elementos de una
forma sencilla, pinchando y arrastrando o
modificando directamente los contenidos
dentro del editor visual.
• Es cómodo e intuitivo el editor de Weebly
que el de Wix,
Editores HTML
Adobe Dreamweaver
 Adobe Dreamweaver
Forma parte de la suite Creative Cloud de
Adobe y, por tanto, es perfectamente
compatible con otras herramientas de
diseño gráfico de la misma suite,
como Photoshop o Illustrator, lo que
convierte a Dreamweaver en una opción
más que recomendable si quieres invertir
en una herramienta de pago.
 Kompozer
• Es un editor de HTML gratuito
• Es una herramienta muy versátil, ideal si
se utiliza como complemento de otras
aplicaciones,
• Es muy útil para ahorrar tiempo a la hora
de crear elementos en HTML como barras
de navegación, listas de enlaces, botones
personalizados o galerías de imágenes.
Sistemas CMS
Los sistemas CMS permiten separar
diseño y contenido, de forma que
ahorran mucho tiempo y esfuerzo al
usuario.
Con ellos se pueden confeccionar sitios
web aparentemente complejos sin
necesidad de utilizar código, pues ellos
generan el código de manera automática
CMS más populares según los datos
estadísticos del W3C:
 Joomla
• Es un CMS gratuito basado en PHP que
permite generar sitios web dinámicos.
• Su panel de administración permite,
entre otras cosas, instalar plantillas y
personalizar el sitio web por módulos.
• Es una herramienta muy utilizada sobre
todo para desarrollar sitios web de
comercio electrónico,
Joomla
Drupal
• Drupal es otro sistema CMS basado en
PHP y combinable con MySQL que puede
utilizarse para múltiples propósitos,
aunque curiosamente se ha estandarizado
para desarrollar comunidades y sitios web
participativos. Permite confeccionar sitios
web utilizando plantillas y módulos (hay
miles disponibles).
Su curva de aprendizaje es bastante alta,
dado que es una herramienta creada
por programadores y para
programadores
WordPress
WordPress es el sistema CMS más utilizado
por los usuarios de Internet y el que tiene
una mayor cuota de mercado (un dato
importante).
Su interfaz es mucho más intuitiva, por lo
que la mayoría de usuarios medios que
quieren utilizar un CMS para desarrollar un
sitio web suelen recurrir a esta
herramienta.
EFECTO EN LA RENTABILIDAD Y LOS COSTOS DE UN
NEGOCIO VRTUAL VERSUS UNO CONVENCIONAL
LEONARDO CABRAL