MERCADOTECNIA ELECTRÓNICA

T1-A2 Diseño Web

Investigación del diseño, elementos básicos y la funcionalidad de:
Página web, Sitio web, Blog, Foro, App móvil, e-commerce, e-
business. E investigación de: UX (user experience) UI (user interface)

PRESENTADO POR:
MARÍA DE FÁTIMA SÁNCHEZ RAMOS

DOCENTE:
LUIS GILBERTO RAMOS VALENCIA

SEPTIEMBRE 2024
 DISEÑO ELEMENTOS BÁSICOS FUNCIONALIDAD

PÁGINA Es un documento electrónico accesible a URL, HTML, CSS, contenido (texto, imágenes, multimedia) Proporciona información específica, representación gráfica y
WEB través de internet que contiene información enlaces a otras páginas
organizada y presentada de forma visual; es  Encabezado: incluye el logotipo, el menú de navegación e
un documento único que se accede a través incluso un buscador. Tiene como propósitos: Proporcionar información; promover
de Internet y se centra en contenido  Cuerpo del contenido: sección en la que se presenta la productos o servicios, compartir contenido multimedia,
específico. información, por lo que puede incluir textos, imágenes y otros interactuar con usuarios, facilitar la comunicación y
medios. colaboración en línea.
 Páginas web estáticas: contienen  Imágenes y gráficos: ayudan a mejorar la estética y la
información que no cambia frecuentemente Debe ofrecer una experiencia de navegación sencilla y permitir
comprensión del contenido.
a los usuarios encontrar rápidamente lo que buscan; su diseño
y se presenta de manera constante.  Enlaces y navegación: permiten al usuario moverse dentro de
 Páginas web dinámicas: generan debe ser responsive para poder adaptarse a los tamaños de
la página o hacia otras páginas de interés.
direrentes dispositivos y garantizar así una buena experiencia
contenido en tiempo real y se adaptan a las  Pie de página: donde encontrarán información de contracto,
interacciones del usuario. en celulares, tabletas y computadoras; debe cargar
enlaces a políticas de privacidad y otros recursos importantes.
rápidamente para mantener la atención del usuario y mejorar el
 Páginas web de comercio  Frecuencia de actualización: suelen ser contenido más
SEO; debe implementar elementos de seguridad como
electrónico: permiten la compra y venta de estático y se actualizan con poca frecuencia.
certificados SSL, y debe estar optimizada para los motores de
productos o servicios en línea.  Interacción con los usuarios: pueden tener formularios de
búsqueda, lo que requiere de un uso adecuado de palabras
 Páginas web de medios de contacto u otras formas de interacción, pero no suelen fomentar
clave y links internos.
comunicación: ofrecen noticias, artículos y tanto la participación del usuario.
contenido multimedia. Para el usuario, la página web debe ofrecer contenido de
 Páginas web de redes sociales: Requiere de dos partes principales:
interés, así como ser fácil de encontrar y de navegar.
facilitan la interacción y la conexión entre
personas.  Nombre el dominio: texto que elige el propietario de la web Desde el punto de vista del administrador, las principales
 Páginas web corporativas. para representar su marca, negocio o contenido. “ejemplo.com- funciones son la actualización del contenido, el monitoreo del
-- ejemplo es el nombre del dominio” tráfico web y la gestión de la seguridad de la página para
Representan a la empresa y
organizaciones, proporcionando  La Extensión del dominio: segmento que sigue al nombre del proteger los datos y poder mantener la confianza de los
información sobre ellas y sus actividades. dominio, como “.com”, “.org”, “.net”. La extensión del dominio usuarios.
 Páginas web interactivas: indica el tipo de organización o propósito de la web. Por
ejemplo, “.com” se utiliza generalmente para web comerciales,
permiten a los usuarios interactuar a través
“.org” para organizaciones sin fines de lucro y “.net” para
de formularios, encuestas o compras en
empresas relacionadas con redes y tecnología.
línea.
  Páginas web de portafolios.
Diseñadas con el objetivo de mostrar el
trabajo de artistas, diseñadores o
freelancers, destacando proyectos y
habilidades y facilitando el acceso a nuevas
oportunidades.

SITIO WEB Conjunto de páginas web relacionadas y Múltiples páginas web, navegación (menú, enlaces), diseño coherente Ofrece información estructurada, permite la navegación entre
accesibles en una misma dirección URL. diferentes páginas, y puede incluir multimedia y formularios.
 Elementos de diseño: Bloques, Texto, imágenes y videos,
Colección de varias páginas web espacios. Organiza y presenta la información de forma completa, conecta
interconectadas. varias páginas puede abarcar varios temas diferentes.
 Elementos técnicos: hosting (servidor, es donde se aloja el
Este espacio virtual es accesible para sitio web), dominio (nombre del sitio web+extensión), Sirve para tener presencia en la red. Sirve para informar, vender
cualquier persona con conexión a internet, plataforma. productos o servicios, crear una comunidad o impulsar una
que lo visite por medio de un navegador causa, interactuar, capacitar o educar, ofrecer soporte o
 Elementos de estructura: Home page (cara que todos ven
web. Se compone de diferentes tipos de atención, o divertirse.
desde el principio), Header (o cabezal), Body (cuerpo de la
contenido, como texto, imágenes, videos y
página web), Footer (pie, es la parte baja del sitio web), Menú, Reforzar la presencia digital; atraer a una audiencia de interés,
elementos interactivos.
Secciones. brindar información relevante, ayudar a los demás, lanzar
Es un espacio con contenido textual y visual; diferentes campañas, impulsar ventas, generar embajadores de
se aloja en un servidor o hosting y viven en  Elementos de conectividad: Hipervínculos, Call to Action marca.
la red; está disponible en un dominio único (CTA-es un hipervínculo incrustado en una frase que pide al
para que los internautas lo consulten. usuario realice una acción), Barra de búsqueda, Mapa de
navegación, Formas de contacto.
BLOG Tipo de sitio web donde se publican Entradas (posts), secciones (categorías, etiquetas), comentarios, RSS. Se centra en la publicación de contenido actualizado
entradas periódicas (artículos) en formato  Estructura y organización: presenta el contenido en orden regularmente en forma de artículos o entradas.
cronológico. cronológico inverso, con las publicaciones más reciente en la parte Facilita la publicación de contenido, fomenta la interacción
Cuando los blogs aparecieron por primera superior. mediante comentarios y permite la suscripción a
vez en la World Wide Web, su objetivo  Frecuencia de actualización: regularmente, a menudo varias actualizaciones. y puede incluir multimedia y formularios.
principal era de uso personal, como veces por semana e incluso diariamente, para mantener a los Se utilizan para compartir conocimientos, experiencias
compartir historias, intereses y lectores informados sobre temas actuales. personales o establecer una autoridad en un campo específico.
pensamientos. Actualmente la función de un  Interacción con los usuarios: suelen permitir comentarios y
blog sigue siendo la misma, el tipo de permiten una mayor interacción entre los lectores y el autor. 1. Compartir Información y Conocimientos: Los blogs son
contenido es más diverso. Aunque muchos  Enfoque de contenido: suelen centrarse en un tema en específico plataformas ideales para compartir conocimientos sobre temas
blogs siguen funcionando como diarios en o una serie de temas relacionados, con publicaciones que exploran específicos, permitiendo a los autores educar a sus lectores y
línea, algunos han empezado a bloguear diferentes aspectos de esos temas. establecerse como expertos en su campo.
para educar a otros sobre un tema  Contenido de alta calidad. El contenido debe demostrar 2. Crear Comunidad: Los blogs pueden fomentar la
específico o para construir una presencia experiencia, autoridad y fiabilidad (EAT). También es importante interacción y el diálogo entre los autores y sus lectores, creando
profesional en línea. utilizar un lenguaje y un formato fáciles de entender para que la una comunidad en torno de intereses comunes.
entrada del blog sea entendible. 3. Promoción de Productos y Servicios: Muchas empresas
Tipos comunes de Blog:  Títulos atractivos. Éstos revelan de qué trata el contenido y utilizan blogs para promocionar sus productos o servicios,
ayudan a atraer visitantes al contenido, ya que alrededor del 80%
 de las personas harán clic en los resultados de los motores de aportando valor a sus clientes potenciales mediante contenido
 Blog personal. Este tipo de blog búsqueda si los titulares son convincentes. útil y relevante.
suele funcionar como una bitácora en  Contenido actualizado regularmente. Un calendario de 4. Expresión Personal: Para muchos, los blogs son un medio
línea en el que el bloguero comparte publicación regular ayuda a la gente a saber cuándo visitar el de expresión personal, donde pueden compartir experiencias,
opiniones, a menudo sin pretender llegar blog para ver nuevos contenidos. Los motores de búsqueda opiniones y reflexiones sobre diversos temas.
a un público objetivo, ni vender un también dan prioridad a los contenidos frescos y actualizados, lo 5. Mejorar el SEO (Optimización para Motores de
artículo. Los blogs personales pueden que ayuda a aumentar la clasificación y el tráfico del sitio web. Búsqueda): Tener un blog activo puede ayudar a mejorar el
tratar diversos temas, desde  Experiencia de usuario (UX) fluida. Aparte de un diseño posicionamiento en buscadores, ya que el contenido fresco y
acontecimientos familiares y atractivo, los grandes blogs suelen tener una experiencia de relevante puede atraer más tráfico a un sitio web.
autorreflexión, hasta proyectos de página fluida, ya que es un elemento importante en 6. Generar Ingresos: Algunos blogs son monetizados
trabajo. la optimización de blogs para motores de búsqueda (SEO). La mediante publicidad, marketing de afiliación, venta de
 Blog de nicho. Este proporciona UX Incluye la compatibilidad con móviles, HTTPS y la velocidad productos o servicios, lo que permite a los autores ganar dinero
información sobre un tema concreto, de carga, abarcando la mejora de Core Web Vitals, la métrica de a partir de su contenido.
normalmente relacionado con las rendimiento que evalúa la calidad de experiencia del usuario. 7. Documentación y Registro: Los blogs pueden servir como
pasiones, habilidades y conocimientos un diario o registro de experiencias, proyectos o ideas,
del bloguero. Algunos ejemplos de este permitiendo a los autores y a los lectores seguir el desarrollo de
tipo de blog son los blogs de libros, de ciertas temáticas a lo largo del tiempo.
comida y de estilo de vida. 8. Inspirar y Motivar: Muchos blogs se centran en temas de
 Blog multimedia. Acá se utiliza un desarrollo personal, motivación o estilo de vida, ofreciendo
formato de blog, pero se publican inspiración y apoyo a sus lectores.
contenidos multimedia, como vídeos y
podcasts, en lugar de entradas escritas.
También suele incluir el resumen del
vídeo o podcast, el índice y las citas
esenciales.
 Blog de noticias. El contenido de
este blog se centra en los últimos
acontecimientos y novedades de un
sector específico. A diferencia de otros
blogs, los blogs de noticias no suelen
incluir opiniones, ni contenido personal.
 Blog de empresa o negocio. Su
objetivo principal es publicar contenido
 relevante para el sector de una empresa
o actualizar al mercado objetivo sobre
cualquier cambio en su negocio. Puede
ser una sección del sitio web de una
empresa o una página web
independiente.
 Blog de afiliados. Es un blog basado
en el marketing de afiliación, es decir, la
práctica de promocionar los productos y
servicios de un tercero. Los propietarios
de blogs de afiliados recibirán una
comisión cuando alguien compre a través
de sus enlaces personalizados. Los
artículos típicos de este blog incluyen
reseñas de productos y listas de “Los
mejores”.
 Blog inverso. También conocidos
como blogs de grupo donde varios
autores crean entradas de blog sobre
temas relacionados y el propietario del
blog es quien revisa y publica el
contenido.

FORO Plataforma en línea que permite la discusión Temas, subtemas, hilos de discusión, usuarios registrados, moderación Permite a los usuarios hacer preguntas, compartir respuestas y
y el intercambio de ideas entre usuarios fomentar la comunicación y la comunidad en torno a temas
Es un sitio de discusión en línea donde se Características técnicas: específicos
publican mensajes sobre un tema, creando
Para ser un foro de Internet, una web debe incluir la posibilidad de
de esta forma un hilo de conversación 1. Categorías y Temas: Los foros suelen estar organizados
publicar hilos y respuestas.
jerárquico. en categorías y subcategorías que facilitan la navegación y la
localización de temas de interés.
Hay tres tipos de foros:
 Mensajería privada: Los mensajes privados (comúnmente 2. Publicación de Mensajes: Los usuarios pueden crear
conocidos como MP o PM en inglés, abreviación de "private message") nuevos hilos (temas de discusión) o responder a hilos
es un sistema incorporado en los foros modernos que permiten el existentes, permitiendo un diálogo en cadena.
 intercambio de mensajes o de debates entre los usuarios sin que otros 3. Moderación: Muchos foros tienen moderadores que
 Foro Público: El foro público es aquel puedan conocer lo hablado. La forma de funcionamiento del sistema de supervisan las discusiones, aseguran que se respeten las
donde todos pueden participar sin tener mensajería privada funciona de forma semejante a un sistema de normas de la comunidad y manejan conflictos entre usuarios.
que registrarse. Todos pueden leer y correo electrónico: existen distintas bandejas (de entrada, de salida, 4. Notificaciones: Los usuarios pueden recibir notificaciones
enviar mensajes.4 borradores, etcétera) en las que se conservan los mensajes. En la sobre respuestas a sus temas, menciones o actividad general
 Foro Protegido: El foro protegido es bandeja de entrada llegan los mensajes que se reciben, en la de salida en el foro.
inalterable para usuarios no aquellos que se han enviado y en borradores los que aún no se han 5. Perfil de Usuario: Los participantes suelen tener perfiles
registrados. Es decir, si usted quiere enviado y que aun se siguen editando. donde pueden personalizar su información, ver su historial de
enviar mensajes, primero debe publicaciones y gestionar su actividad.
 Jerga: La popularidad de los foros permitió darlos a conocer a una
registrarse. 6. Búsqueda: Los foros suelen contar con funciones de
gran variedad de personas que acabaron formando una comunidad.
 Foro Privado: El foro privado es solo Esta comunidad utiliza términos que provienen de la comunidad inglesa
búsqueda para que los usuarios puedan encontrar fácilmente
accesible para usuarios registrados en información o discusiones anteriores sobre temas de interés.
de foros. Algunos términos son: thread (tema, argumento, hilo) post
uno de los siguientes grupos: 7. Archivos y Recursos: Algunos foros permiten compartir
(mensaje respondido a un tema), forum (cada uno de los foros dentro
administrador, moderador, y miembro. documentos, imágenes u otros recursos, enriqueciendo el
de un sistema de foros). Algunos usuarios defienden el uso de los
Para tener acceso a este tipo de foro, contenido de las discusiones.
términos en castellano, aunque es más común verlos en inglés.
no obstante, el administrador debe aún 8. Sistema de Reputación: Muchos foros implementan
permitirle la entrada. sistemas de puntos o "karma" que permiten a los usuarios
ganar reputación según su participación y calidad de sus
aportes.
9. Interacción Social: Permite crear comunidades en torno a
intereses comunes, promoviendo la interacción social entre sus
miembros.

APP MÓVIL Son programas diseñados para ser Interfaz de usuario, funcionalidades específicas (notificaciones, GPS), Proporciona acceso a servicios, contenido o funcionalidades
ejecutados en teléfonos, tablets y otros conexión a Internet adaptadas al uso móvil y a menudo permite interacciones en
dispositivos móviles, que permiten al tiempo real.
usuario realizar actividades profesionales, Los elementos básicos de una aplicación móvil suelen incluir:
acceder a servicios, mantenerse informado, 1. Interfaz de Usuario (UI): Todo lo que el usuario ve y con lo que Las aplicaciones móviles (o apps) tienen una amplia variedad
entre otro universo de posibilidades. interactúa. Incluye elementos como botones, menús, iconos y de funcionalidades que pueden abarcar diferentes áreas y
pantallas. La UI debe ser intuitiva y atractiva. propósitos. Algunas de las principales funcionalidades son:
2. Experiencia de Usuario (UX): Se refiere a cómo se siente el
usuario al utilizar la aplicación. Esto abarca la usabilidad, la
navegación y la accesibilidad. Un buen diseño de UX mejora la 1. Comunicación: Facilitan la interacción entre usuarios a
satisfacción del usuario. través de mensajería, videollamadas, redes sociales, etc.
3. Funcionalidades: Las características y funciones específicas que Ejemplos incluyen WhatsApp, Messenger y Twitter.
ofrece la app, como chat, notificaciones, GPS, integración con redes 2. Entretenimiento: Ofrecen contenido multimedia como
sociales, entre otras. juegos, videos, música y libros. Ejemplos son Spotify, Netflix y
4. Código Fuente: El backend (servidores, bases de datos) y el juegos como Candy Crush.
frontend (código que se ejecuta en el dispositivo del usuario). Este 3. Redes sociales: Permiten a los usuarios compartir
código permite que la app funcione y realice las tareas para las que contenido, interactuar y conectarse con amigos y comunidades.
fue diseñada. Ejemplos son Facebook, Instagram y TikTok.
5. Base de Datos: Un sistema para almacenar y gestionar los datos 4. Productividad: Ayudan a gestionar tareas, calendarios,
de la aplicación, como usuarios, contenido y preferencias. notas y documentos. Ejemplos incluyen Trello, Microsoft Office
6. API (Interfaz de Programación de Aplicaciones): Herramientas y Google Drive.
que permiten que la aplicación se comunique con otros servicios y 5. Compras: Facilitan la compra de productos y servicios en
aplicaciones, como servicios en la nube, sistemas externos y otras línea. Ejemplos son Amazon, eBay y aplicaciones de
aplicaciones. supermercados.
7. Sistema de Autenticación: Mecanismos para gestionar el acceso 6. Salud y bienestar: Permiten a los usuarios rastrear su
del usuario, como registro, inicio de sesión y recuperación de actividad física, sueño y hábitos alimenticios, como
contraseñas. MyFitnessPal y Fitbit.
8. Notificaciones Push: Mensajes enviados a los usuarios para 7. Educación: Ofrecen cursos, tutoriales y recursos de
mantenerlos informados sobre actualizaciones, eventos o aprendizaje. Ejemplos son Duolingo, Khan Academy y
recordatorios. Coursera.
9. Configuraciones y Preferencias: Opciones que permiten al 8. Navegación y transporte: Ayudan a los usuarios a
usuario personalizar su experiencia, como ajustes de cuenta, encontrar rutas, transportar bienes y localizar lugares.
notificaciones y temas. Ejemplos incluyen Google Maps y Uber.
10. Integración con Sensores y Hardware: Utilización de 9. Finanzas: Permiten a los usuarios gestionar su dinero,
capacidades del dispositivo, como la cámara, el GPS, el acelerómetro realizar transacciones y llevar un control de sus gastos e
y otros sensores. ingresos. Ejemplos son aplicaciones bancarias y de inversión.
10. Personalización: Muchas apps permiten a los usuarios
personalizar la experiencia según sus preferencias, como
configuraciones de notificaciones, temas y cuentas.
11. Notificaciones y actualizaciones: Mantienen a los
usuarios informados sobre novedades, promociones y otras
alertas relevantes.
 12. Integración de servicios: Muchas apps pueden integrarse
con otros servicios y aplicaciones para ofrecer una experiencia
más completa, como la conexión con dispositivos inteligentes
(IoT).

E- También conocido como comercio Catálogo de productos, carrito de compras, pasarela de pago, seguridad Facilita la transacción de bienes y servicios, manejo de
COMMERCE electrónico, es una estrategia de negocios en transacciones. inventarios y atención al cliente en línea.
que consiste del uso de una plataforma que 1. Accesibilidad: Permite a los consumidores comprar
permite la compra y venta de bienes o 1. Navegación intuitiva: La estructura de tu sitio debe ser clara y fácil productos y servicios desde cualquier lugar y en cualquier
servicios a través de Internet. de seguir. Menús bien organizados, categorías lógicas y una barra de momento, siempre que tengan acceso a internet.
búsqueda efectiva son esenciales. 2. Variedad de productos: Facilita la oferta de una amplia
Tipos de e-commerce: 2. Diseño responsive: Tu tienda debe verse y funcionar bien en todos gama de productos y servicios, a menudo más que una tienda
los dispositivos, incluidos móviles y tabletas. Un diseño responsive física, dado que no hay limitaciones de espacio.
 B2C: Business to Consumer, cuando asegura una buena experiencia de usuario independientemente del 3. Facilidad de comparación: Los consumidores pueden
las empresas hacen negocios con personas dispositivo. comparar precios, características y reseñas de productos de
físicas (consumidores finales). 3. Imágenes de alta calidad: Las fotos de los productos deben ser diferentes proveedores de manera rápida y sencilla.
 B2B: Business to Business, cuando una claras y de alta resolución. Ofrecer múltiples vistas y opciones de zoom 4. Personalización: Las plataformas de e-commerce utilizan
empresa hace negocios con otra. Por lo puede ayudar a los clientes a tomar decisiones informadas. datos de usuarios para personalizar la experiencia de compra,
general, estamos hablando de proveedores 4. Velocidad de carga: Un sitio web rápido mejora la experiencia del ofreciendo recomendaciones de productos basadas en
o socios. usuario y reduce la tasa de abandono. Optimiza las imágenes y utiliza comportamientos anteriores.
 C2C: Consumer to Consumer, es decir, una infraestructura de hosting robusta. 5. Métodos de pago: Ofrecen múltiples opciones de pago,
un consumidor vende a otro. En el caso del 5. Proceso de pago simplificado: Un proceso de compra sencillo y como tarjetas de crédito, débito, billeteras digitales y
comercio electrónico, vale la pena destacar sin complicaciones reduce el abandono del carrito. Ofrece múltiples transferencias bancarias, lo que facilita la transacción para los
las tiendas de artículos usados, donde un opciones de pago y un proceso en pocos pasos. consumidores.
cliente final vende a otra persona. 6. Diseño coherente con la marca: Utiliza colores, tipografías y 6. Automatización de procesos: A través de sistemas de
 D2C: Direct to Consumer, cuando una elementos visuales que reflejen tu identidad de marca. La coherencia gestión de inventario, procesamiento de pedidos y envíos
industria negocia directamente con el en el diseño fortalece el reconocimiento de tu marca. automatizados, el e-commerce puede eficientizar las
consumidor final. operaciones comerciales.
 H2H: Human to Human. Aquí se 7. Marketing digital: Permite a las empresas utilizar técnicas
consideran las personas detrás de la de marketing en línea, como SEO, SEM, redes sociales y email
marketing, para llegar a un público más amplio y dirigir tráfico
hacia sus plataformas de venta.
 transacción, humanizando al máximo la 8. Análisis de datos: Las plataformas de comercio
operación. electrónico ofrecen herramientas para analizar el
comportamiento del consumidor, lo que ayuda a las empresas
a tomar decisiones informadas sobre productos, precios y
estrategias de marketing.
9. Atención al cliente: Muchas plataformas ofrecen opciones
de atención al cliente en línea, como chat en vivo, correo
electrónico y soporte en redes sociales, mejorando la
experiencia del usuario.
10. Escalabilidad: Las empresas pueden expandir su
presencia en el e-commerce sin la necesidad de abrir más
tiendas físicas, lo que reduce costos y facilita el crecimiento.

E- Abarca todas las actividades comerciales en Infraestructura de tecnología, estrategias de marketing digital, CRM, Optimiza y transforma.
BUSINESS línea, incluyendo e-commerce y procesos ERP
internos. 1. Infraestructura tecnológica: Incluye hardware y software, como
servidores, computadoras, redes, y plataformas de comercio  Ampliación de alcance y audiencia: Al establecer una
También conocido como negocio electrónico. Es esencial para operar y gestionar cualquier negocio en presencia online, las organizaciones pueden llegar a clientes
electrónico, se caracteriza por ser línea. potenciales en todo el mundo, superando las limitaciones
un enfoque empresarial que utiliza las 2. Página web: Una presencia en línea sólida es crucial. Esto incluye geográficas y expandiendo su base de clientes.
tecnologías de la información y la no solo el diseño y la usabilidad del sitio, sino también su optimización  Optimización de procesos comerciales: Desde la gestión
comunicación (TIC) para llevar a cabo para motores de búsqueda (SEO) y la capacidad de interactuar con los de inventario hasta la facturación y el seguimiento de pedidos,
todas las operaciones comerciales en el visitantes. las empresas pueden mejorar la eficiencia operativa, reducir
entorno digital, abarcando no sólo la 3. Plataformas de e-commerce: Herramientas y soluciones que costos y proporcionar servicios más rápidos y precisos.
transacción de bienes y servicios online, permiten a las empresas vender productos o servicios en línea.
 Interacción personalizada con clientes (CRM): La gestión
sino que abarca también la gestión de Ejemplos incluyen Shopify, WooCommerce y Magento.
de relaciones con el cliente (CRM) en el e-business permite a
relaciones con los clientes, la 4. Métodos de pago: La integración de soluciones de pago seguras y
las compañías comprender mejor las necesidades y
automatización de procesos comerciales y confiables (como tarjetas de crédito, PayPal, criptomonedas, etc.) es
preferencias de sus clientes. Esto lleva a una interacción más
la participación en plataformas digitales. fundamental para facilitar las transacciones en línea.
personalizada, la capacidad de anticipar las demandas del
5. Logística y cadena de suministro: Incluye la gestión de
mercado y la construcción de relaciones sólidas a largo plazo.
Esencialmente, el e-business aprovecha inventarios, el almacenamiento, el cumplimiento de pedidos y la
las tecnologías e Internet para facilitar y  Globalización de mercados: facilita la globalización de
entrega. Una logística eficiente es crucial para garantizar la satisfacción
potenciar las actividades comerciales, mercados, permitiendo que incluso las empresas más
del cliente.
permitiendo a las empresas expandir su 6. Marketing digital: Estrategias para atraer y retener clientes, pequeñas alcancen audiencias internacionales. Esto no
alcance, mejorar la eficiencia operativa y incluyendo SEO, marketing en redes sociales, marketing por correo solo amplía las oportunidades de venta, sino que
participar de manera efectiva en un electrónico y publicidad en línea. también contribuye a la diversificación y estabilidad en un
mercado global. 7. Atención al cliente: Canales y sistemas para atender consultas, entorno comercial cada vez más competitivo.
quejas y soporte post-venta, como chat en vivo, correo electrónico y  Mejora de la experiencia de usuario (UX): Ofrecer una
líneas telefónicas. experiencia de usuario excepcional es esencial en el e-
8. Análisis de datos: Herramientas y técnicas para recoger y analizar business. La mejora de la experiencia del usuario (UX) a través
datos sobre el comportamiento del cliente, las ventas, y el rendimiento de interfaces intuitivas y diseños atractivos garantiza que los
del negocio, lo que permite tomar decisiones informadas. visitantes del sitio web se conviertan en clientes satisfechos.
9. Seguridad cibernética: Medidas y protocolos para proteger la La facilidad de navegación y la rapidez en las operaciones son
información sensible y garantizar la seguridad de las transacciones, aspectos clave de esta función.
fundamental para fomentar la confianza del cliente.  Recopilación y análisis de datos: proporciona acceso a una
10. Cumplimiento legal y normativo: Conocimiento y aplicación de cantidad masiva de datos sobre el comportamiento del cliente
las leyes y regulaciones que afectan el comercio electrónico, como la y las tendencias del mercado. La recopilación y análisis de
protección de datos, derechos del consumidor y legislación fiscal. datos permiten a las compañías tomar decisiones informadas,
ajustar estrategias y adaptarse rápidamente a los cambios en
el entorno empresarial.
 Innovación continua: Al aprovechar las herramientas
digitales, el e-business fomenta la innovación continua. Las
empresas pueden probar y lanzar nuevos productos o servicios
más rápidamente, responder a las demandas del mercado y
mantenerse a la vanguardia de las tendencias emergentes.
 UX (user experience) UI (user interface)

¿Qué es el diseño UX?

El término UX viene de User Experience, o Experiencia del Usuario = cómo una

persona se siente mientras usa cualquier producto o servicio digital que una empresa
ofrece.

Tiene que ver también con la sensación de esta persona después de usar el
producto; incluye su experiencia con el sitio web y blog, el sistema online o la aplicación,
incluso, si el negocio no es 100% digital también aplica.

¿Qué es el diseño UI?

La expresión UI viene de User Interface, que significa Interfaz del Usuario. La idea
del UI es guiar al usuario por la aplicación durante el tiempo que él la usa.

Un buen trabajo de diseño UI permitirá guiar a los usuarios por la navegación y los
llevará a tomar dichas acciones de manera natural. Si el objetivo es que la persona pida el
contacto de un vendedor, todo en la página (contenidos, menús de navegación, CTAs,
imágenes, etc.) debe colaborar para que ella sienta esta necesidad.

Si el sitio web no direcciona a los usuarios de la manera correcta por la interfaz, ellos
difícilmente tomarán las acciones correctas. Con eso, este canal de ventas fracasará en
los objetivos del negocio.

UI mal hecho cuesta mucho, ya que la reacción casi inmediata de los visitantes será
volver al buscador y cambiar a otro sitio web que ofrezca una mejor experiencia.

El UI afecta directamente al UX, ya que si la navegación del sitio es mala, es

bastante difícil proporcionar una buena experiencia.

3 diferencias fundamentales entre diseño UI y UX

Existen algunas diferencias importantes entre UI y UX que necesitan ser

consideradas para comprender bien lo que hace cada uno de ellos. Unas de las principales
son:

1. UI solo existe con un interfaz visual, UX no

Como el propio nombre dice, UI tiene todo que ver con las interfaces visuales de tu
sitio o aplicación. Sin una pantalla, no existe UI. Pero no se puede decir lo mismo de UX,
porque, en muchos casos, la sensación del usuario en relación a la experiencia de
navegación no tiene que ver con una pantalla. Es capaz de que esta experiencia se ponga
hasta más agradable si el diseñador consigue eliminar algunas etapas en el proceso de uso
del producto, lo que significa menos pantallas para interaccionar.

2. UI direcciona al usuario, UX hace la navegación valer la pena

Si por un lado el UI direcciona al usuario y a lo que debe hacer mientras usa el sitio
o aplicación, el papel del UX es hacer que la navegación sea agradable.

El UI permite que la navegación sea fácil de comprender y las acciones simples de

realizar, sin embargo, ni el sitio más agradable del mundo dejará a los visitantes satisfechos
si no tiene la información que esperan y de la manera que desean consumirlas.

3. UI es sobre razón, UX es sobre emoción

A pesar de que ambos están direccionados hacia diferentes lados, para evocar una
reacción positiva en el usuario (tanto con UI como con UX) se tiene que tomar en cuenta
quién es su público, cuál es el contexto en que él usa la aplicación y qué quiere encontrar.

4 beneficios de utilizar el diseño UI y UX en conjunto

De manera separada, cada uno puede traer buenos resultados para tu empresa,
pero solo si utilizas los dos en conjunto se obtendrán los siguientes beneficios:

1. Generación de alto valor para el público

Con ambos, una interfaz bien proyectada y conocimiento profundo sobre cómo
su buyer persona se comporta, es posible generar mucho más valor para su público que si
solo tuvieras a uno de los elementos en su estrategia.

Se debe recordar que generar valor para su público nunca es demasiado. Al final,
aunque no todos los visitantes estén listos para tomar una acción inmediata, es probable
que vuelvan si el trabajo del UI y el UX está bien realizado.

2. Altas posibilidades de retener y encantar a los usuarios

Muchos sitios y aplicaciones tienen como una de las principales métricas de éxito el
tiempo que los usuarios han estado en el sitio web. Este indicador es utilizado cuando
el engagement es importante para el éxito del proyecto.

Esta pareja es responsable por la retención y encantamiento de los usuarios, lo que

genera tráfico y más engagement que viene de recomendaciones.

3. Fortalecimiento de la marca
 Las marcas que se preocupan por la experiencia completa que los clientes tienen
en sus canales digitales logran el fortalecimiento de la relación con los usuarios.

En el mundo digital todo es compartido, lo que involucra las alegrías y frustraciones

de las personas con sus marcas favoritas. Por lo que, de una manera o de otra, las personas
comentarán sobre su marca. La calidad del trabajo de UI y UX es lo que determina si eso
será una noticia buena o mala para la empresa.

4. Aumento de conversiones

Al final de todo, nada es más importante que las conversiones en una estrategia
digital. Es para eso que cualquier empresa invierte en Marketing Digital y empeñarse en el
diseño de las interfaces, así como de la experiencia completa, es lo que garantiza el retorno
sobre esta inversión.

Lo mejor es que después de ver resultados positivos, es posible continuar

optimizando los esfuerzos y alcanzar objetivos todavía mayores de manera regular.

CONCLUSIÓN.

Una página web es la unidad más básica y puede ser parte de un sitio web; un blog es un tipo
específico de sitio web que se actualiza regularmente; un foro permite discusiones documentadas y
de larga duración en torno a uno o varios temas; las apps móviles están diseñadas para un uso más
interactivo y accesibilidad desde dispositivos portátiles; mientras que el e-commerce se enfoca
directamente en las transacciones comerciales, el e-business es más amplio y considera también
procesos internos, marketing y la gestión global del negocio.

SITIOS ANALIZADOS:

https://www.godaddy.com/resources/latam/stories/pagina-web-que-es-tipos

https://blog.hubspot.es/website/que-es-sitio-
web#:~:text=Un%20sitio%20web%20sirve%20para,soporte%20o%20atenci%C3%B3n%2C%20o%
20divertirse.

https://www.hostinger.mx/tutoriales/que-es-un-
blog#:~:text=Un%20blog%20(o%20weblog)%20es,un%20estilo%20conversacional%20o%20inform
al.

https://servisoftcorp.com/definicion-y-como-funcionan-las-aplicaciones-moviles/

https://www.sydle.com/es/blog/que-es-e-commerce-6101ad385378ca509b26212c