1 Usanza Web Ricardo Devis Comercio Electrónico B2B 2000, S.A.

2 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [2][2] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Me presento [email protected] Ricardo Devis Comercio Electrónico B2B 2000, S.A.

3 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [3][3] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A....¡Y nos Presentamos!  Porque... taller 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... ¿Por qué estamos aquí? ¿Cuáles son las expectativas de este Taller?

4 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [4][4] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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. ¡a su propio negocio!  En este taller se trata de enseñarles a discriminar sobre opciones Web [X-Net] aplicables... ¡a su propio negocio! e-lectrólisis Se trata, pues, de aplicar e-lectrólisis para separar lo esencial de lo accesorio o lo banal.

5 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [5][5] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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... 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 in- deseables.

6 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [6][6] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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... 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.

7 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [7][7] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Pero Justo Antes de Empezar…  …veamos un ejemplo característico: HMV Engineers  La Entradilla Redundante-Moviente: www.h-mv.com  El Correo Inaccesible: 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: Iberia: www.iberia.eswww.iberia.es  …al que volveremos en unos minutos

8 La Web Difuminada Conceptos y Lindes Páginas, Sitios y Portales Reflexión y Penitencia

9 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [9][9] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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....¡que no nos interesan en absoluto!

10 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [10] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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 (¿Cuál es la diferencia?) dados,...¿pero sí una posición inicial? (¡Debatir!)

11 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [11] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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... ¿A quién le importa? (¡Debatir!)

12 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [12] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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....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!)

13 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [13] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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? (¡Debatir!)...¿ordenado? (¡Debatir!)  En el ámbito económico supone la convergencia de esfuerzos y recursos para generar un sitio Web homogéneo con un índice razonable. 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.

14 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [14] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Reflexión: ¿Portales Vascos?  CEBEK (www.cebek.es)www.cebek.es  CONFEBASK (www.confebask.es)www.confebask.es  EJIE (www.ejie.es)www.ejie.es  Universidad de Deusto (www.deusto.es)www.deusto.es  Gobierno Vasco (www.ej-gv.com)www.ej-gv.com  Euskadi.net (www.euskadi.net)www.euskadi.net  Lanbide (www.lanbide.net)www.lanbide.net  Tecnalia (www.tecnalia.info)www.tecnalia.info  Irizar (www.irizar.com)www.irizar.com  Metro Bilbao (www.metrobilbao.net)www.metrobilbao.net

15 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

16 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [16] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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

17 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [17] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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.

18 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [18] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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í.

19 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [19] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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....pues la Web, es, ante todo, personal.

20 La Web Personal Personas por ueb-os La Ecuación Persona = Web Comunidades on-Line

21 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [21] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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” …pues en otro caso devendrán inútiles.

22 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [22] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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!).

23 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [23] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. The Media Equation  El libro: The Media Equation 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:...¡Empírica! Asociada al método científico.

24 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [24] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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 de resultar intuitiva, no formativa.

25 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [25] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Comunidades on-Line Jenny Preece  Una comunidad on-line consiste (Jenny 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”.

26 Brochure-ware [Folleto-ware] Raíces y Síntomas Consecuencias Alicia tras el Espejo

27 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [27] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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,...pero en la Web (dada la esencial gratuidad asociada al medio) indica... ¡Ausencia de Contenidos!

28 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [28] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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”

29 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [29] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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 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.

30 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [30] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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. No intentemos sujetarle ni cambiarle ...porque no funciona ni con nuestros hijos

31 Diseño Web: Reos y Actores Actores Reos y Castigos Usurarios y Cómplices

32 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [32] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Actores... ¿Protagonistas?  Se dan dos tipos preponderantes de proveedores técnico-tecnológicos Web: 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.

33 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [33] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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: 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....

34 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [34] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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! usuras  Simplemente cobran usuras... por la experiencia adquirida en el uso de los artefactos básicos Web.

35 De la Contratación de Páginas y Sitios Web De la Tecnología Invisible Algunas Reglas y Avisos Citas Concitadas

36 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [36] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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”...y las cuitas tecnológicas no son material vendible, sino que deben someterse y supeditarse al uso del resultado final y a sus proyecciones.

37 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [37] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Tecnología Invisible ¡Invisible!  La Tecnología debiera ser, para los clientes y empresas, como la electricidad en el hogar: ¡Invisible! (al menos cuando funciona) Sus beneficios han de ser tangibles y su presencia inadvertida. Las aberturas Internet de las Empresas habrían de ser como interruptores eléctricos 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 usuario- cliente.

38 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [38] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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.  ¡Rechacen soluciones genéricas a sus problemas concretos! ¡Paguen por la posibilidad de cambio!

39 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [39] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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.

40 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [40] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Pero... ¿Diseño, al fin? Mmmm  La regla básica de la Web es... Un buen diseño ha de ser habitable 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...pues “Diseño no implica automáticamente Diseño Web”.

41 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [41] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿Publicidad? ¡No! ¡Ubicuidad!  ubicuo, cua. (Del lat. ubīque, en todas partes). 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. ubicua  La empresa Web necesita ser ubicua (estar disponible para el e-negocio en todos los lugares) pero usualmente tan sólo consigue ser conspicua y longincua (ilustre y distante). ...debido a una publicidad equivocada.

42 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [42] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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....pues la publicidad suele enmascararlos.

43 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [43] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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. Reserven el ingenio para el negocio.

44 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [44] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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.

45 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [45] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Algunas Citas Comentadas  No manager ever got fired for buying IBM (IBM advertising slogan)...pero esto no se aplica, en ningún caso, cuando hayan de participar en una iniciativa Web externa.  Science finds, industry applies, man conforms (Anonymous) 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) Si no les gusta... ¡rechácenlo!

46 To-dos & To-not-dos Todo lo que siempre quiso saber sobre la Web y nunca se atrevió a preguntar. ¿O sí?

47 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [47] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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

48 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [48] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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 “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

49 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [49] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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!

50 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [50] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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?

51 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [51] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Antesalitis (o Introduccionitis)  Muchos sitios Web comienzan mostrando un pre-inicio (antesala) del contenido: 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.

52 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [52] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A.

53 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [53] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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.

54 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [54] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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!

55 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [55] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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. Si no se pueden añadir, rechacen el proyecto.

56 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [56] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Lo que el Usuario Ve (o No)  Los usuarios no ven: Exploran 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...para cada usuario

57 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [57] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A.

58 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [58] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A.

59 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [59] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A.

60 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [60] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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 ¡Contenido!

61 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [61] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Resumen Inquisitivo  Si a un usuario le presentan cualquier página del sitio Web debería responder inmediatamente a las siguiente preguntas: ¿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? encontraré ¿Qué encontraré en esta página?

62 Portales y Estrategia Web en Empresas La Web en el ámbito corporativo Estrategias y culturas Hacia las Extranets

63 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [63] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿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.

64 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [64] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¡Inter-Intra-Extra-net!  ¿Se necesitan diferentes estrategias, tácticas y esfuerzos de desarrollo para...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!

65 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [65] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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.

66 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [66] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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

67 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [67] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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” 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”

68 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [68] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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

69 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [69] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. ¿Sitio Web o Portal?  WYSIWYG WYSIAYG All  WYSIWYG (What-You-See-Is-What-You- Get) se troca en WYSIAYG (What-You- See-Is-All-You-Get) Sólo se obtiene lo que se ve, limitando así el ámbito Web a la interacción “manual” Brochureware  Debido a que la interacción con los usuarios Web se establece únicamente con interacciones manuales y visuales, el Brochureware viene de seguido.

70 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [70] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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!

71 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [71] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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!

72 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [72] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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)

73 Reflexiones Finales Taller : Foro de Discusión Cuestión de Adaptación

74 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [74] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. 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.

75 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [75] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Cuestión de Adaptación “Los primeros días en el infierno son muy duros” “Los primeros días en el infierno son muy duros” Enrique Jardiel Poncela

76 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [76] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Adaptarse o...

77 Usanza Web Micro-Curso X-Net · Miramon Enpresa Digitala [77] © 2003 Ricardo Devis Comercio Electrónico B2B 2000, S.A. Fin de la e-Arenga