Usanza
Web
Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Me presento
[email protected]
Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[2]
...¡Y nos Presentamos!
 Porque...


En Bellas Artes (que son aquéllas de las
que nos estamos ocupando :-) un taller
es “un conjunto de colaboradores de un
maestro” (DRAE).
Y, además... ¡Somos muy pocos!
 Para atisbar...


© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
¿Por qué estamos aquí?
¿Cuáles son las expectativas de este
Taller?
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[3]
Objetivos Generales
 En la Universidad de Deusto y en otros ámbitos
académicos he intentado insuflar criterios a los
plausibles arquitectos y diseñadores de
estrategias de negocio electrónico.

...para que diriman sobre opciones tecnológicas
adecuadas a distintos negocios objetivos.
 En este taller se trata de enseñarles a
discriminar sobre opciones Web [X-Net]
aplicables... ¡a su propio negocio!

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Se trata, pues, de aplicar e-lectrólisis para separar
lo esencial de lo accesorio o lo banal.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[4]
¿Micro-Cursos X-Net?
 Los Micro-Cursos se circunscriben a la política
formativa de B2B2K basada en muy cortas
actuaciones de impacto práctico en la inserción
y asunción empresarial de esquemas de
negocio electrónico.
 Un Micro-Curso X-Net es...


© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Una micro-acción formativa de altas densidad e
interacción con los asistentes.
Un compendio de tácticas profilácticas, en el
sentido de que pretenden evitar la generación de
estrategias electrónicas no deseadas o indeseables.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[5]
Micro-Curso: Usanza Web
 El objetivo es enseñar a los asistentes, que se
consideran insertos en el mundo empresarial,
reglas prácticas de “sentido común Web” para
que puedan...



© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Discriminar sobre opciones de contratación de
diseños e implantaciones Web
Utilizar las páginas Web como soporte y mejora de
sus procesos [prod-serv]uctivos
Apartarse de las tonterías, lugares comunes y
simples estafas adscritos a las tecnologías X-Net.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[6]
Pero Justo Antes de Empezar…
 …veamos un ejemplo característico:

HMV Engineers

La Entradilla Redundante-Moviente:


El Correo Inaccesible:


www.h-mv.com
www.h-mv.com/espanol/login/login.htm
Y el Problema de los Marcos Web Inasibles:

http://www.h-mv.com/intro.htm
 ...lloremos con un ejemplo hiriente:

www.thequestionis.com
 …y comencemos a hornear un raro pastel:

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Iberia: www.iberia.es
 …al que volveremos en unos minutos
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[7]
La Web
Difuminada
Conceptos y Lindes
Páginas, Sitios y Portales
Reflexión y Penitencia
Ante todo... ¿Qué es la Web?
 Pues... es como una línea telefónica:




El navegador es el “teléfono”
La conexión es el “tono”
Un sitio Web es un “contestador”
Las interacciones de usuarios son
“conversaciones”
 ...y
por debajo de todo esto se dan
transmisiones, protocolos, intercambio de
paquetes y la necesidad de tupidas redes,
operadoras, etc.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...¡que no nos interesan en absoluto!
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[9]
¿Qué es una Página Web?
 El escenario o paisaje (texto y gráficos)
que se puede ver a través de una
ventana (navegador Web)

...que dependerá del ángulo de visión del
observador (scroll) y de su posición
(tamaño de la ventana del navegador).
 Las páginas Web no tienen longitud o
tamaño/peso

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
(¿Cuál es la diferencia?)
...¿pero sí una posición inicial?
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
dados,
(¡Debatir!)
[10]
¿Qué es un Sitio Web? (I)
 Un conjunto de páginas...



...¿sueltas?
...¿enlazadas?
...¿hiper-enlazadas?
 Pero...

¿no define esto a TODO Internet?
...porque una página puede “enlazarse” con
cualquier otra, y ésta a su vez con otras...
 Así que la pregunta importante es...

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
¿A quién le importa?
(¡Debatir!)
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[11]
¿Qué es un Sitio Web? (II)
 Definición práctica:

“Conjunto de páginas Web que generan en
el usuario la percepción de una causa y
táctica de construcción comunes”
 ...lo
que implica la necesidad de que el
“constructor/diseñador” haga patente una
conexión que genere con facilidad tal
percepción.


© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...quizás con un logotipo o una cabecera Web
común a todas las páginas Web.
...tal vez mediante el establecimiento de
barreras : ¡Intranets! (¡Debatir!)
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[12]
¿Qué es un Portal Web?
 “El punto de entrada a un sitio Web” (!?)
 ...¿obligatorio?
 Y,


en tal caso, ¿es realmente posible?
¿No existen técnicas para todo?
...¿ordenado?
(¡Debatir!)
(¡Debatir!)
 En el ámbito económico supone la convergencia
de esfuerzos y recursos para generar un sitio
Web homogéneo con un índice razonable.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
O sea: se cobra más por realizar un Portal que por
un conjunto deslavazado de páginas Web; y
además también viste más.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[13]
Reflexión: ¿Portales Vascos?
 CEBEK (www.cebek.es)
 CONFEBASK (www.confebask.es)
 EJIE (www.ejie.es)
 Universidad de Deusto (www.deusto.es)
 Gobierno Vasco (www.ej-gv.com)
 Euskadi.net (www.euskadi.net)
 Lanbide (www.lanbide.net)
 Tecnalia (www.tecnalia.info)
 Irizar (www.irizar.com)
 Metro Bilbao (www.metrobilbao.net)
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[14]
La Web
Diseñada y La
Web Usitada
Diseño y Diseño Web
Diferencia y Repetición
Lo Apolíneo y lo Dionisíaco
Lo que NO es Diseño Web
 Diseño es (DRAE):
 “Disposición de manchas, colores o dibujos que
caracterizan exteriormente a diversos animales y
plantas”
 Así que Diseño Web resultaría lo mismo aplicado a
tal raro animal (o planta)
 “Proyecto, plan”
 Que en los sitios Web se plasma en los inefables
Mapas Web.
 “Concepción original de un objeto u obra
destinados a la producción en serie”
 Se diseña una Web y se aplica en miles
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[16]
Lo que persigue el Diseño Web
 Las páginas Web no han de reflejar la postura
del emisor

sino la de sus usuarios (común o
fragmentadamente)
 Se trata de reducir la distancia intelectual y
emocional entre la máquina y la persona (IPO)

...para generar el contexto en el que se pueda dar
“mercadeo del conocimiento” (Davenport & Prusak)
 El objetivo es promover el uso muy frecuente
de las páginas Web.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[17]
La Web Usitada
 El destino de una página Web no es el impacto
casual, sino ser usitada. Así que

Cualquier aspecto del diseño Web es malo si
 Al repetirse más de siete veces genera frustración
y odio atroz hacia el diseñador...

...que suele asimilarse al emisor del sitio Web.
Distrae al usuario de su objetivo principal, cuya
consecución facilitaría nuevas visitas.
 La navegación, publicidad o identificación prima
sobre el contenido.
Por lo que los elementos de atracción habrán de
darse desde fuera del sitio Web en sí.


© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[18]
De lo Dionisíaco y de la Web
 La Web Dionisíaca (WD) es “impulsiva,
instintiva, orgiástica” (DRAE),

en contraposición a la Web Apolínea (WA), cuya
“serenidad y elegante equilibrio” (DRAE) permiten
admirarla pero no disfrutarla ni compartirla.
 Esto no significa que el diseño y disposición de
colores y tipos de letras sea orgiástico y brutal

...pues ya dijimos que eso no es Diseño Web
 ...sino que implica que se busca el vínculo
emocional con los usuarios.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...pues la Web, es, ante todo, personal.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[19]
La Web Personal
Personas por ueb-os
La Ecuación Persona = Web
Comunidades on-Line
La Web y las Personas
 Las páginas Web no son “tecnología auto-
informática”, sino un medio para conectar
máquinas con personas y, sobre todo, personas
entre sí.


Empleados de la Organización
Empleados de Clientes y Proveedores
 La Web se usará, por tanto, para aumentar la
productividad de tales personas, así que las
páginas Web deberán ser...

...“utilizables” por personas de distinta condición
 O sea, “usables”

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
…pues en otro caso devendrán inútiles.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[21]
Pero, ¿la Web no es un Medio?
 ¡No! La Web ha cambiado la concepción,
implementación y evolución de la tecnología.

Y es que la tecnología no es un fin, sino la deseada
mínima distancia intelectual entre el mundo real y su
concepción mecanicista.
 La diferencia entre una red informática y “La
Red (Web)” es que esta última está constituida,
gobernada e influida por... ¡personas!
 El cambio tecnológico deviene... ¡sociológico!

...¡Y viceversa!
 Las personas necesitan encontrar en la Web lo
que desearían encontrar en las personas que la
Web representa (¡emociones!).
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[22]
The Media Equation
 El libro:

The Media Equation: How People Treat Computers,
Television, and New Media Like Real People and
Places, by Byron Reeves & Clifford Nass, 1998,
Cambridge University Press, ISBN 1575860538.
 La Tesis:

Los elogios y reprobaciones de un sistema
informático interactivo influyen emocionalmente en
los usuarios, como si de personas se tratase.
 La Comprobación:

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...¡Empírica! Asociada al método científico.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[23]
Convergencias Personales
 La Web debe unir a las personas en pos
de objetivos comunes, para lo que debe





Convertir la tecnología en “invisible”
Generar beneficios tangibles o asumibles.
Difundir los esfuerzos personales de
participación (mercadeo del conocimiento)
Publicar los ritos de tránsito de las
personas implicadas o afectadas.
Ser fácil de usar (el uso será evidente)
 Ha
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
de resultar intuitiva, no formativa.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[24]
Comunidades on-Line
 Una comunidad on-line consiste (Jenny




© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Preece) en:
Gente, que interactúa socialmente parra satisfacer
sus necesidades o ejecutar roles especiales, como
liderazgo o moderación.
Un propósito compartido, tal como un interés,
necesidad, intercambio de información o servicio que
procuren una razón para la comunidad.
Políticas, en la forma de asunciones tácitas, rituales,
protocolos, reglas y leyes que guían las interacciones
entre la gente.
Sistemas Informáticos, que soportan y median en
la interacción social y facilitan un “sentido de
agrupamiento”.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[25]
Brochure-ware
[Folleto-ware]
Raíces y Síntomas
Consecuencias
Alicia tras el Espejo
Folleto-Ware
 Representa la compulsión –“Inclinación, pasión
vehemente y contumaz” (DRAE)– del promotor
de un sitio Web hacia la presentación
intimidante de información sobre su empresa.

...convencido de que a más información... ¡más
negocio!
 El problema es que los folletos en papel (como
los anuncios en prensa y televisión) generan
percepción de solidez cuánto más grandes,
costosos y caros parezcan,

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...pero en la Web (dada la esencial gratuidad
asociada al medio) indica... ¡Ausencia de
Contenidos!
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[27]
Folleto-Síntomas
 Asignación a la Web de lo que quiso
ponerse sobre papel y el medio no
permitía:

Vídeos del presidente, musiquilla irritante,
animaciones hostiles, etc.
 Transposición a la Web del formato de
otros medios de publicidad

Grandes espacios en blanco, diseños
atractivos (de “atracción”), etc.
 Encaje de la “Regla del Lupanar”
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[28]
Folleto-Consecuencias
 “Visto un edificio de titanio... ¡Vistos todos!”

Reflexión de un crítico arquitectónico ante las
últimas obras de Gehry
 No hay nada que moleste más al usuario Web
que la información no solicitada

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Bueno sí, la información no solicitada que explique
lo bueno, productivo y servicial que es quien te la
proporciona.
 ...así que no se asimila valor sustantivo a los
textos-folleto y, por la deseable repetición,
finalmente lo pierden.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[29]
Folleto-Remedios
 Un sitio Web no debe ser un “Escaparate de
Ventas”, sino un “Sitio de Compras”.
 El enfoque ha de ser siempre el del usuario
que, no lo olvidemos, acude al sitio Web en
demanda de información o servicios concretos.
 La información de la empresa debe aparecer,
pero no a ultranza.

Quizás en una sección lateral no esencial
 El usuario no lee: escudriña; no observa:
atisba; no resiste: zapea.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
No intentemos sujetarle ni cambiarle
 ...porque no funciona ni con nuestros hijos
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[30]
Diseño Web:
Reos y Actores
Actores
Reos y Castigos
Usurarios y Cómplices
Actores... ¿Protagonistas?
 Se dan dos tipos preponderantes de
proveedores técnico-tecnológicos Web:



© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Empresas de Diseño que se suben al carro Web
 Ideario: lo importante es el diseño, pues la
tecnología es una mera herramienta.
Empresas de Informática que se aplican a nuevos
mercados
 Ideario: lo importante es la tecnología (el núcleo),
pues el diseño es un vestido que puede cambiar a
voluntad y discreción.
Ambos se irrogan la capacidad divina de poder
abordar cualquier actividad dentro de sus
respectivos campos.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[32]
El Usuario como Reo Web
 Los clientes de tales ProTecs son en realidad
reos (“personas que por haber cometido una
culpa merecen castigo”) Web, así que son
castigados con:




© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
El logotipo prominente de la empresa de diseño en
sus sitios Web.
Inflexibilidad de los contenidos debida a la rigidez
de los continentes.
Mapas Web usados como armas arrojadizas y, peor,
como elementos de extorsión contractual.
...
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[33]
La Web Usuraria
 ¿Son las cuitas Web de una empresa iguales a
las de cualquier otra?

No, tanto en la consideración de la Web como
canal o en la de mercado.
 El diseño Web supone el análisis previo de fuerzas
en colisión técnico-negociales

...y el diseño posterior de las fuerzas resultantes.
 Y entonces, ¿cómo hay empresas
especializadas en todo-tipo-de-diseños-Web?

¡Porque no lo están!
 Simplemente cobran usuras ...

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
por la experiencia adquirida en el uso de los
artefactos básicos Web.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[34]
De la
Contratación de
Páginas y Sitios
Web
De la Tecnología Invisible
Algunas Reglas y Avisos
Citas Concitadas
Tecnología = Electrodoméstico
 La esencia de la tecnología útil es,
precisamente, su utilidad independiente de la
tecnología utilizada.

No se compra un vídeo (a no ser por compulsión
técnica, ajena a esta ponencia) por su relés,
rotores, lubricantes o sus circuitos integrados, sino
por su utilidad, y después por su “usabilidad”
 En la negociación de compra Web debe primar,
por tanto, su “usabilidad”

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...y las cuitas tecnológicas no son material
vendible, sino que deben someterse y supeditarse
al uso del resultado final y a sus proyecciones.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[36]
Tecnología Invisible
 La Tecnología debiera ser, para los clientes y
empresas, como la electricidad en el hogar:
¡Invisible! (al menos cuando funciona)


© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Sus beneficios han de ser tangibles y su presencia
inadvertida.
Las aberturas Internet de las Empresas habrían de
ser como interruptores eléctricos
 Pequeños artefactos que hacen “visible” y “útil” la
electricidad de forma estrictamente localizada.
 ...y su ubicación y utilidad dependen del usuariocliente.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[37]
¿Precios-por-Página? ¡No!
 Las páginas no son anuncios, sino estructuras de
longitud variable cuyo contenido depende de su
finalidad.

La disposición de páginas representa una estructura
jerárquica en la que cada página supone un diferencial
inferior al 0,02%
 Cuando se cuente con el presupuesto por página,
plantéese un escenario de cambio radical y evalúese
de nuevo el precio y la razón de su diferencia.

Debe pagarse tan sólo por la adecuación de la idea Web
a la especificidad del negocio y a sus plausibles cambios.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
¡Rechacen soluciones genéricas a sus problemas
concretos! ¡Paguen por la posibilidad de cambio!
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[38]
¿Diseño? ¡Sí, pero Después!
 Un equipo de creativos suele ayudar a
materializar de forma atractiva un concepto de
negocio o servicio

...pero la Web trata más de contenidos que de
continentes.
 Exijan que las propuestas de sitios Web
soporten páginas de contenido variable

...porque el diseño periodístico-televisivo tiene
poco que ver con el diseño Web.
 Deben conseguir que el precio del diseño Web
esté estrictamente separado del de la
construcción de su infraestructura tecnológica.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[39]
Pero... ¿Diseño, al fin? Mmmm
 La regla básica de la Web es...
 Un buen diseño ha de ser habitable
 ...entendiendo que la belleza formal es adecuada
al sitio Web de un museo, pero en un negocio ha
de poseer simplicidad práctica.
 La presentación de la información debe residir
en una capa distinta de la información misma.

...y la tecnología usada no debe importarles
 ...siempre que puedan certificar su sujeción a
estándares tecnológicos

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...pues “Diseño no implica automáticamente Diseño
Web”.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[40]
¿Publicidad? ¡No! ¡Ubicuidad!
 ubicuo, cua. (Del lat.
partes).


ubīque, en todas
1. adj. Dicho principalmente de Dios: Que está
presente a un mismo tiempo en todas partes.
2. adj. Dicho de una persona: Que todo lo quiere
presenciar y vive en continuo movimiento.
 La empresa Web necesita ser
ubicua (estar
disponible para el e-negocio en todos los
lugares)

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
pero usualmente tan sólo consigue ser conspicua y
longincua (ilustre y distante).
 ...debido a una publicidad equivocada.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[41]
Pero... ¿Publicidad? Mmmm
 La publicidad de sitios Web funciona
verdaderamente en entornos tradicionales
(prensa, televisión)

...pues la percepción de publicidad en la Web se
asocia (erróneamente) a gratuidad accesible por
cualquiera y, por tanto, desprovista de valor
diferencial real.
 En planes de viabilidad Web, los modelos de
negocio basados en publicidad deben ser, en
todo caso, marginales.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...pues la publicidad suele enmascararlos.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[42]
¿Folletos? ¡Vade Retro!
 Resistan la tentación del Brochureware (Folleto-
ware)

...que consiste en la traslación a la Web de los
(posibles) folletos en papel que ponderan tan
benignamente a las empresas.
 No inunden de fotos o dibujos los sitios Web
 Pero incluyan una opción para examinar
visualmente cada uno de los productos que se
incluyan en cualquier iniciativa B2B
 No intenten superar el papel llenando la Web
de animaciones, colores llamativos o
funcionalidades espectaculares.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Reserven el ingenio para el negocio.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[43]
¿Hosting? ¡No! ¡Integración!
 La explotación de aquello que se sitúa fuera del
ámbito operativo de la empresa...

...será aprovechado plenamente sólo por terceros
 Pese a que parezca más práctico traspasar la
gestión de sus datos sobre productos y precios
a una iniciativa externa...

...lo más eficaz es forzar la comunicación continua
de la iniciativa B2B con la empresa, facilitando así
el cambio hacia el negocio electrónico de ésta.
 La Web es tan sólo la parte visible (opcional) de
un enfoque B2B, pero nunca la esencial.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[44]
Algunas Citas Comentadas

No manager ever got fired for buying IBM (IBM
advertising slogan)


Science finds, industry applies, man conforms
(Anonymous)


...pero esto no se aplica, en ningún caso, cuando
hayan de participar en una iniciativa Web externa.
No acepten, sin más, “Best Practices” ni “Métodos
Sectoriales Probados”. El Cliente son ustedes.
All you need in this life is ignorance and
confidence; then success is sure (Mark Twain)

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Si no les gusta... ¡rechácenlo!
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[45]
To-dos &
To-not-dos
Todo lo que siempre quiso
saber sobre la Web y nunca
se atrevió a preguntar. ¿O
sí?
Lecciones Web Aprendidas (I)
 La Web es un espacio “Público”
 No se pueden poner puertas al campo.
 El “Zapping” es sustancial al Web
 Hay que “direccionar” enérgicamente
 Se debe estar en la “puerta principal”
 El “brochureware” no es suficiente
 La Web no es un fin, sólo un camino.
 El diseño debe integrarse en el dominio de la
solución (Interaction Design)
 No deben dejarse cabos sueltos
 Nada peor que el e-mail no contestado
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[47]
Lecciones Web Aprendidas (II)
 No te aventures solo... ¡a ultranza!

El Web es “sinergístico” por naturaleza
 Examinar la coopetition sin prejuicios
 Mejora en marcha



© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
“Launch and learn” (Chuck Martin)
Hay que lanzarse ahora e intentar asumir los retos
conforme se generan
Las “Páginas en Construcción” señalan incapacidad
patente o negligencia comercial (a elegir)
 Pues todas las páginas están siempre en
construcción
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[48]
La Regla Básica: DMMT
 El usuario no quiere
opciones: desea soluciones.
 El diseño sólo debe ser creativo
cuando vaya destinado a
usuarios con ilimitado tiempo
para experimentar y errar (o a
masoquistas o informáticos)
 Cuando una opción en una
página Web necesite ser
“pensada” es que... ¡está mal!
 ¿Acostumbrar al usuario? ¡Si no
lo conseguimos con nuestros
propios hijos!
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[49]
Clickitis
“Un usuario no permanecerá en
un sitio Web si le lleva más de
3 clicks de ratón acceder a la
información que necesita”
Thomas Siebel
¿Es esto una tontería? ¿O un síntoma?
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[50]
Antesalitis (o Introduccionitis)
 Muchos sitios Web comienzan mostrando un
pre-inicio (antesala) del contenido:



© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Animaciones
 Lesivas: requieren la instalación de... ¡cancelar!
 Compulsivas: fuerzan al usuario a encontrar y
pulsar rápidamente... ¡skip intro!
Túneles de Idioma
 Todo es oscuridad en la mente del diseñador
Disparadores
 Se queda una pantalla sin información y aparecen
otras, típicamente cercenadas en tamaño o
funcionalidad.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[51]
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[52]
Busquitis (I)
 El 50% de los usuarios van directamente a la




búsqueda.
El 5% utiliza la navegación.
El 45% restante usa ambos métodos
indistintamente dependiendo del site.
Los que no utilizan la búsqueda inicialmente
acaban utilizándola si con la navegación ven
que no avanzan.
Así que la búsqueda es fundamental, pero sus
interfaces suelen promover el abuso, en lugar
del uso.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[53]
Busquitis (2)
 La primera opción es... pues eso, una opción
que hace pensar:

¿quick? ¿Es que hay búsquedas lentas? ¿He de
seleccionar bajo en qué he de buscar?

Y menos mal que no aparece “buscar en Internet,
buscar en Google” u otras barbaridades. (¡Debatir!)
 La segunda es... ¡Inmediata!
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[54]
Perfiles de Usuario
 La Web... ¿ha de personalizarse?
 ¡No! Tan sólo ha de filtrarse
 ...y sólo si la información es excesiva
 Pero... ¿no hay información privada?
 ¡No! (¡Debatir!)
 Y si la hay que siga las reglas del teléfono: que no
aparezca en directorios públicos
 La única regla es la observancia de la LSSI
 Para saber si un proyecto Web está bien
diseñado, obliguen a que no haya perfiles y
luego, al final, introduzcan unos cuantos.

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Si no se pueden añadir, rechacen el proyecto.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[55]
Lo que el Usuario Ve (o No)
 Los usuarios no ven:

Exploran y escudriñan
 Se trata de una vista
selectiva similar al oído
selectivo de una madre
respecto de su bebé

...o de un padre, en el
sentido negativo.
 Y, además, cada
exploración es distinta

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...para cada usuario
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[56]
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[57]
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[58]
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[59]
Exploración de Portales
 Al explorar una página, el
usuario intenta categorizar
las distintas áreas que
observa



Publicidad
Navegación
Etc.
 ...buscando
desesperadamente el

© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
¡Contenido!
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[60]
Resumen Inquisitivo
 Si a un usuario le presentan cualquier página
del sitio Web debería responder
inmediatamente a las siguiente preguntas:







© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
¿En qué sitio Web estoy?
¿Qué página es ésta?
¿Qué secciones hay en este sitio Web?
¿Qué opciones tengo en este nivel?
¿En qué parte del sitio Web estoy?
¿Dónde puedo preguntar?
¿Qué encontraré en esta página?
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[61]
Portales y
Estrategia Web
en Empresas
La Web en el ámbito
corporativo
Estrategias y culturas
Hacia las Extranets
¿De qué va todo esto?
 ¿Internet? ¿Intranets? ¿Extranets?
¿HTML? ¿e-Mail? ¿Portales?

No, no, no y... ¡definitivamente no!
 No se trata de “tecnología”
 Se trata de establecer “learning
relationships” con clientes, proveedores
y usuarios, incrementando su fidelidad.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[63]
¡Inter-Intra-Extra-net!
 ¿Se necesitan diferentes estrategias,
tácticas y esfuerzos de desarrollo para



© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
...Internet, Intranet, Extranet?
...la integración con sistemas heredados
corporativos (legacy systems)?
...mantener la sincronización entre
diferentes repositorios de datos?
¡No, no y... naturalmente que no!
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[64]
Así que... ¿La Web?
 No exactamente “la Web” sino “por la
Web”
 La Web es un nuevo medio que actúa, a
la vez, de receptor y emisor de nuevas
tendencias culturales.
 Las compañías han de acomodar sus
estructuras “completas” para ajustarse al
“way-of-browsing” de sus clientes.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[65]
2B or not 2B... ¡en Internet!
 Los clientes impelen a la empresa a usar
Internet y sus tecnologías normalizadas
asociadas.
 Lo que las empresas desean es mejorar
sus relaciones con proveedores y
clientes, e Internet parece ser el medio y
método de comunicación preferido.
 Hay que “escuchar” al mercado
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[66]
Lo que cuesta “estar ahí”
 Es más barato estar que no estar

La competencia –hágalo bien o mal- puede
generar una ventaja estratégica intuitiva
 Si se aborda el mercado Internet, el
público no puede ser “seleccionado”


© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Internet no es sólo el medio para alcanzar
objetivos, sino una cultura a observar, y
esta cultura no admite la discriminación
“Estar ahí” significa “exponerse a todo el
mundo”
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[67]
Estado “Web” habitual
 Brochureware (se muestra información
comercial y corporativa en formato Web)
 Ni multi-lenguaje ni multi-cultura
 Diseños no apropiados al medio (ora
periodísticos, ora artísticos)
 Sin posibilidades de personalización
 “Profiling” inexistente
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[68]
¿Sitio Web o Portal?
 WYSIWYG (What-You-See-Is-What-You-
Get) se troca en WYSIAYG (What-YouSee-Is-All-You-Get)

Sólo se obtiene lo que se ve, limitando así
el ámbito Web a la interacción “manual”
 Debido a que la interacción con los
usuarios Web se establece únicamente
con interacciones manuales y visuales, el
Brochureware viene de seguido.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[69]
Ante todo... ¡Sinergia!
 Clientes, delegaciones, proveedores e
“infomediadores” han de poder
conectarse directamente a un Portal, ora
visual ora automáticamente (integrando
sus sistemas)
 Los proveedores y agentes necesitan
acceder –y poseer- cuentas y vistas
específicas.
 Hay que tender hacia... ¡Extranets!
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[70]
Portales: enfoque e-Business
 El Portal ha de comunicar con sus usuarios de
varias maneras (no sólo visualmente), de forma
que



Las páginas Web no son suficiente (se trata del uso
de lenguajes de presentación/paginación)
La integración con dispositivos móviles y dedicados
(Teléfonos, PDAs) es obligada (aunque... ¡No ya!)
La Integración de Sistemas es inevitable
 ¡Olvídense de la Tecnología!
 Y apuesten por el exacto ajuste con sus objetivos
de negocio y, sobre todo, por no desarrollar
estrategias electrónicas aisladas: ¡Integración!
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[71]
Aspectos de Sincronización
 Usualmente la “parte Web” de
“empresa.com” requiere herramientas
Web específicas, pero no se deben crear
“dominios de desarrollo Web”
 Las islas de desarrollo y mantenimiento
de información han de evitarse
 La mejor manera de solucionar la
sincronización es evitarla (con las islas)
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[72]
Reflexiones
Finales
Taller : Foro de Discusión
Cuestión de Adaptación
Algunos Libros Útiles
 “Usabilidad: Diseño de Sitios Web”, por
Jakob Nielsen, 2000, Prentice-Hall, 84-205-
3008-5.
 “No Me Hagas Pensar”, de Steve Krug, 2000,
Prentice-Hall, 84-205-3252-5.
 “Presos de la Tecnología: Por qué los
productos tecnológicos nos vuelven locos
y cómo recuperar la cordura”, de Alan
Cooper, 2001, Prentice-Hall, 968-444-464-8.
 “El Ordenador Invisible”, Donald Norman,
2001, Paidos Odin, 84-493-0923-9.
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[74]
Cuestión de Adaptación
“Los primeros días
en el infierno son
muy duros”
Enrique Jardiel Poncela
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[75]
Adaptarse o...
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[76]
Fin de la e-Arenga
<Gracias/>
© 2003 Ricardo Devis
Comercio Electrónico B2B 2000, S.A.
Usanza Web
Micro-Curso X-Net · Miramon Enpresa Digitala
[77]
Descargar

Document