Conecta tu negocio
Anuncio
CREIX AMB INTERNET Qué hay que tener en cuenta para hacer la web de mi negocio Índice de contenidos Conceptos imprescindibles ......................................................................................................... 4 Dominio de Internet..................................................................................................... 4 Servidor ......................................................................................................................... 6 Hosting .......................................................................................................................... 7 Housing y otros servicios ............................................................................................. 9 Aplicación web ........................................................................................................... 10 Redes sociales ........................................................................................................... 11 Ventajas de tener presencia en Internet ................................................................................. 12 Qué tipo de presencia necesito ................................................................................ 13 Una ficha en Google Maps ................................................................................ 13 Facebook corporativo ........................................................................................ 16 Web corporatiu................................................................................................... 19 Estratègia: objectius del web i necessitats de l’usuari ........................................................... 21 Continenido del web: web informativa, transaccional, comercio electrónico... ... 23 Actualización de los contenidos (frecuencia, persona encargada, criterios...)..... 24 Mantenimiento del sitio web (interno o externo) .................................................... 25 Escalabilidad del sitio web ........................................................................................ 25 Los gestores de contenidos ...................................................................................................... 26 Web estática vs web dinámica ................................................................................. 26 Qué son i para qué sirven.......................................................................................... 27 Criterios básicos de usabilidad ................................................................................................. 29 La facilidad de uso es lo más importante ............................................................... 29 Ideas clave de usabilidad .......................................................................................... 32 ¿Quién puede implementar mi web?....................................................................................... 33 Empresas y profesionales ......................................................................................... 33 Criterios para valorar un presupuesto y precios ..................................................... 34 Tiempo de implementación de un sitio web ........................................................... 36 Guía de Recursos ....................................................................................................................... 38 2 Introducción Tienes un pequeño negocio? Quieres tener presencia a Internet pero dispones de pocos recursos? Aprende a poner en marcha una web que se ajuste a tus necesidades y requerimientos con un presupuesto bajo: qué hace falta saber para liderar el proceso de creación de la propia web. En la actualidad existen muchos productos y servicios que permiten plantearse la presencia en la red, pero hace falta conocer las ventajas y desventajas de la oferta existente en cuanto a coste, prestaciones, tecnología, escalabilidad, mantenimiento, etcétera, para ser capaces de liderar el proceso de creación del propio sitio web. El 99% de las empresas españolas son PYMES, y únicamente un 23% de ellas tienen presencia online. Las PYME pero son conscientes de que Internet es un buen canal para darse a conocer, lanzar nuevos productos o servicios, captar nuevos clientes o fidelizar los existentes. A parte de que tener presencia en la web permite diferenciarse de la competencia. Objetivos generales de la cápsula Conocer las preguntas que hace falta hacerse y los pasos a seguir para liderar el proceso de creación del propio sitio web. Objetivos específicos - Conocer los conceptos básicos propios del ámbito del desarrollo web. - Conocer las diferentes opciones existentes y sus características a la hora de hacer una web. - Resolver las dudas sobre desarrollo web con las que vengan los asistentes y enseñarlos algunos de los recursos disponibles para ampliar conocimientos. Aprender de una manera práctica a realizar un briefing. Adquirir los conocimientos necesarios para poder contratar la creación de una web que se ajuste a lo que se necesita y hacer un seguimiento proactivo del proceso. 3 Conceptos imprescindibles Dominio de Internet Según la Wiquipedia, los dominios de Internet son nombres de servidores que pueden ser fácilmente recordados y se asignan paralelamente a una o más direcciones IP. Pero la asignación no es fija: los nombres pueden moverse a otra localización de la topología de Internet con otra dirección IP. Últimamente se han cambiado las normas en algunos subdominios y se aceptan caracteres fuera del alfabeto latino estricto, pero son simplemente redirecciones a direcciones estándar que los codifican. En los nombres de dominio las mayúsculas y minúsculas son consideradas iguales. Mediante los servidores de nombre de dominio DNS (Domain Name System), un nombre de dominio se corresponde a una dirección de Internet que se identifica por secuencias numéricas del tipo 222.222.222.222. (notación de cuatro cifras con valores que pueden ir de 000 al 255 y separadas por un punto) que responde a la situación física del ordenador donde residen y desde donde se facilitan los contenidos vinculados al dominio. Por ejemplo en lugar de recordar la dirección IP "145.97.39.155", es más fácil recordar el dominio: www.wikipedia.org. Un nombre de dominio puede corresponder a varias direcciones IP (propiedad a menudo usada para balancear cargas) y varios nombres de dominio pueden corresponder a una única dirección IP. Las últimas letras, tras el último "punto" del dominio de Internet se denominan "dominios dominios de primer nivel" nivel (top-level domains). Los dominios de primer nivel se dividen en dos grupos: dominios de primer nivel genéricos y dominios de primer nivel territoriales. Los dominios de primer nivel genéricos identifican el tipo de contenido de las páginas vinculadas al dominio o las características de la organización o la empresa que ha comprado el dominio. Los principales dominios genéricos son: .cat .com .net .org .edu .info .int .biz .mil Para la lengua y la cultura catalanas Organizaciones comerciales Estructuras de la red Internet Organizaciones de otro tipo (a menudo sin ánimo de lucro o religiosas) Educación Agencias de información Organizaciones internacionales (ej. ONU) Negocios Militar 4 Los dominios territoriales identifican la localización donde se ha contratado el dominio, generalmente asignado a estados independientes aunque no necesariamente deben coincidir con la ubicación del propietario que los contrata. Los dominios territoriales se refieren a paises (formado por dos letras, según el código ISO). Algunos ejemplos: .es .it .fr .de España Italia Francia Alemania Dónde comprar un dominio de Internet Para comprar un dominio de Internet hay que dirigirse a una empresa de registro de dominios o a un proveedor de alojamiento web que registre. Los proveedores de alojamiento web suelen ofrecer mejores precios de dominio para captar clientes, pues su negocio es el alojamiento web, de esta manera captan nuevos clientes que además de comprar un dominio necesitarán, muy probablemente, un alojamiento web. Si se introduce las palabras “registrar dominio” en un buscador, os contestará con un listado muy extenso de empresas donde adquirirlo. Es importante saber que el dominio es propiedad del titular del mismo, que siempre debe ser la empresa o persona que quiere registrar el dominio, de forma que si decide cambiar de proveedor de alojamiento se lleva el dominio con nosotros. El dominio es nuestra identidad en la red 5 Servidor Según la Wiquipedia, un servidor es un sistema que proporciona servicios a otros sistemas informáticos (denominados clientes) dentro de una red informática, usando la arquitectura cliente servidor. El término puede hacer referencia a una máquina (por ejemplo un ordenador que contiene una web) o a un tipo de software (como por ejemplo un software de base de datos). Esta aplicación informática o programa, realiza algunas tareas en beneficio de otras aplicaciones denominadas clientes. Algunos servicios habituales son los servicios de archivos, que permiten a los usuarios almacenar y acceder a los archivos de un ordenador. Otro tipo de servicios son los de aplicaciones, que realizan tareas en beneficio directo del usuario final. Esta es la definición de 'servidor'. Todos los lugares web, servicios de correo electrónico, IRC, etc., son almacenados en servidores web. Para hacernos una idea, cada página web es un archivo que hay en un disco duro local del servidor, y a la que cualquier persona autorizada que esté conectada a la red (Internet) puede acceder. Autor: Photo by Gregory Maxwell, converted to Mercator projection and cropped by Ilmari Karonen. Font: http://commons.wikimedia.org/wiki/File:Datacenter-telecom_mercator_cropped.jpg 6 Hosting La palabra inglesa hosting significa alojamiento web, y hace referencia al servicio que provee a los usuarios de Internet de un sistema para almacenar cualquier tipo tipo de información (una web, correo, archivos, aplicaciones, vídeos, etcétera) que sea accesible a través de la web. web Existen muchas empresas cuya actividad es proporcionar un espacio físico en sus servidores de Internet porque los usuarios de Internet puedan poner información y hacerla accesible a través de la red. Un servidor normalmente aloja la información de muchos usuarios, en este caso se habla de hosting compartido. compartido Si queréis encontrar empresas de hosting que ofrecen este servicio, lo mejor que podéis hacer es introducir las palabras “alojamiento web” a Google y consultar la página de resultados. También existen webs que ofrecen alojamiento gratuito, gratuito pero en este caso se financian mediante publicidad que aparece en las páginas web de los usuarios alojados en ellas y el servicio de atención al cliente no existe o es muy deficiente. Los precios del alojamiento web hoy en día son suficientemente económicos como para contratar este servicio con una empresa que proporcione un servicio adecuado: atención al cliente, velocidad en la carga de la página, ausencia de publicidad indeseada, etcétera. Algunas de las empresas más conocidas que ofrecen alojamiento web son: - 1&1 (www.1and1.es) Cdmon (www.cdmon.com) Hostalia (www.hostalia.com) Arsys (www.arsys.es) Nominalia (www.nominalia.com) Strato (www.strato-alojamiento.es) 7 Precios de alojamiento web Las empresas de alojamiento web disponen de una amplia oferta de productos que intenta cubrir las necesidades de los diferentes tipos de clientes: particulares, pymes, grandes empresas. El precio del alojamiento web siempre dependerá de lo que necesitamos contratar, es decir, de los requerimientos de servidor que tenga la web o aplicación que vamos a alojar en la máquina del proveedor de hosting. Esta información nos la proporcionará la empresa o profesional que esté desarrollando nuestra web, y muy probablemente también nos aconsejará un servicio de alojamiento determinado. Un artículo que explica como escoger un buen alojamiento web se puede encontrar en la revista Hosting Review: http://hosting-review.com/hosting-directory/articles/elija- un-host-web-espana 8 Housing y otros servicios El housing es una modalidad de alojamiento web pensada para empresas de desarrollo web y grandes empresas, pues consiste a alquilar un espacio físico en el centro de datos para que el cliente coloque un ordenador suyo. suyo La empresa de alojamiento proporciona el espacio físico, la electricidad y la conexión a Internet, y el cliente se encarga de gestionar remotamente su servidor. Las empresas de alojamiento web no paran de ofertar nuevos servicios porque la competencia es muy dura en su segmento, y hoy en día también es posible alquilar un servidor a medida para uso exclusivo del cliente. Esta modalidad se denomina Servidor dedicado. dedicado Y si lo que quieres es administrar un servidor propio pero no te hace falta una máquina sola para ti, el servicio que estás buscando se denomina Servidor virtual. virtual Uno de los últimos servicios que se ha añadido al catálogo de las empresas de alojamiento web es el Cloud Hosting o Servidor Cloud. Este nuevo modelo de negocio se apunta a una de las últimas tendencias del sector del software: el cloud computing o computación en la nube; lo que significa tener en Internet todo el software de una empresa y acceder a través de la red. Las principales ventajas de estos servicios de Cloud Hosting son: pagar por los recursos de servidor consumidos, fácil escalabilidad de los recursos, hardware siempre al día sin pagar más y otras ventajas que las propias empresas de alojamiento web ya se encargan de explicarnos cómo se puede ver en la siguiente captura de pantalla: 9 Aplicación web Una aplicación web es un software al que que se accede vía web, web ya sea a través de Internet o de una intranet. Las principales ventajas de las aplicaciones web son que el usuario no ha de instalar nada para usarla, puede acceder desde cualquier lugar con conexión Internet y son multiplataforma. Ejemplos de aplicaciones web: - Gestores de contenidos Catálogo de productos Tienda electrónica Gestores de incidencias Gestor documental Etcètera. 10 Redes sociales Según la Wiquipedia, una red social es una estructura social compuesta por individuos (u organizaciones) denominados "nodos" que están enlazados (conectados) por uno o más tipos de interdependencia como por ejemplo amistad, parentesco, intereses comunes, intercambios financieros, relaciones sexuales, creencias, conocimientos o prestigio. Genís Roca, socio director de la consultora Roca Salvatella y blogger, tiene un interesante artículo titulado Servicios vs Redes Sociales donde hace una clasificación de las redes sociales: “Lo que hoy conocemos como redes sociales responde básicamente a cuatro tipos de servicios basados en compartir y colaborar (unas intentan atender los cuatro como Facebook y Google+, y otras tan solo uno de ellos): - Directorio de contactos: Linkedin, Xing, Viadeo… Conversación: Twitter, Tumblr, Yammer… Contenidos compartidos: Flickr, Picasa, YouTube, Vimeo, Slideshare, Dropbox… Trabajo colaborativo: Basecamp, Google Docs, Wikispaces… Para consultar el artículo entero podéis visitar este enlace: http://www.genisroca.cat/2011/07/14/serveis-vs-xarxes-socials/ Fuente: http://www.genisroca.cat/2011/07/14/serveis-vs-xarxes-socials/ 11 Ventajas de tener presencia en Internet A la pregunta “Me hace falta realmente estar a la red?” se puede contestar con otra pregunta: ¿Me interesa no estar presente en un mercado con 27 millones de españoles (y 2.000 millones en el mundo) que no para de crecer? ¿Me puedo permitir el lujo de no estar en el mercado más grande del mundo? Internet s’ha convertido en la fuente d’información principal cuando s’está buscando algún producto o servicio local Un 68% de los usuarios de Internet busca productos en la red antes de comprarlos en la tienda. Y el 70% de los usuarios están conectados a Internet fuera del horario comercial. Otros datos a tener en cuenta: - Los internautas pasan más horas a la semana delante de la pantalla del ordenador (13,6 horas) que delante de la televisión (13 horas). - El comercio electrónico en la red no para de crecer desde hace unos años, y todavía no ha encontrado su techo. El último año creció en España un 17,4%. Tener presencia en Internet tiene las siguientes ventajas: ventajas - Acceder a un mercado de clientes potenciales enorme Ofrecer información actualizada en tiempo real Disponer de un escaparate abierto las 24 horas del día Mejorar la comunicación con los clientes Las promociones y publicidad impactan a mucha gente por el mismo precio Incrementar la productividad Nuevas oportunidades de negocio Diferenciación de la competencia Un negocio global Medición de resultados en tiempo real Proyecta profesionalidad La innovación es una de las estrategias posibles para salir de la crisis, y una empresa innovadora debe tener presencia en Internet para poder mostrar sus productos y servicios a los clientes potenciales y al mundo. 12 Qué tipo de presencia necesito Disponer de presencia en la red puede ser muy económico y sencillo. Todo depende de lo que se quiera, pero siempre se puede empezar por un tipo de presencia gratuita y rápida de implementar e ir ampliando la información y servicios que tenemos en la red en función de las necesidades, o directamente lanzarnos a un tipo de presencia más completa como la que puede ofrecer una web corporativa. Hoy en día las opciones son numerosas y el espectro de precios muy amplio. Vamos a revisar las más importantes. Una ficha en Google Maps La opción de crear una página del negocio a Google Places para que los usuarios nos puedan encontrar a través de Google Maps es muy sencilla d’implementar y gratuita. gratuita Sería lo primero que habría que hacer con independencia de si pensamos hacer una página corporativa en Facebook o una web corporativa, pues son complementarios. Icono característico de Google Maps y logo de la aplicación. Estar en Google Maps permite llegar a más de once millones de usuarios de Internet en España que utilizan este servicio de localización geográfica para buscar información local. Cuando los usuarios de Internet hagan búsquedas locales en Google.es o Google Maps saldrán las fichas de los negocios que respondan a la búsqueda del usuario. En la ficha del negocio se incluye aquella información de interés para el cliente: dirección, horario, descripción, fotos, promociones, vídeos... Google Places permite consultar mensualmente las estadísticas de acceso a tu ficha así como gestionar en tiempo real la información existente en la ficha. También puedes permitir que los usuarios hagan comentarios sobre tu producto o servicio para que sean visibles a tu ficha. 13 Resultados de Google Maps Ficha de un negocio, en este caso un restaurante. 14 Para crear la página de nuestro negocio debemos darnos de alta en www.google.se/places y llenar el formulario que servirá para generar la ficha de nuestro negocio. El resultado final será nuestra inclusión en Google Maps después de unos meses y la comprobación de la existencia del negocio por parte de Google. Formulario de Google Places para rellenar por parte de la empresa. Un par de enlaces que os pueden resultar de interés con consejos para posicionarse en Google Places: • • http://www.webayunate.com/haz-que-tu-empresa-tenga-mas-presencia-webutilizando-google-maps/ http://www.qweb.es/noticias/aprende-a-destacar-tu-empresa-en-los-mapas-degoogle.html 15 Facebook corporativo Esta popular red social permite crear páginas públicas a las empresas de manera gratuita. Las empresas disponen d’un perfil propio con unas funcionalidades pensadas para ellas. La página corporativa de Facebook incluso puede tener una URL propia como la página del Cibernàrium: www.facebook.com/ElCibernarium Entre la oferta formativa del Cibernarium disponéis de una cápsula donde se explica “Como usar Facebook desde una perspectiva de negocio”. Magalí Benítez, experta en comunicación que imparte esta cápsula, explica las razones por las que una empresa puede querer tener una presencia corporativa a Facebook: - Ser encontrados por personas que buscan productos y servicios. Conectar con los clientes actuales y potenciales. Crear una comunidad vinculada al negocio. Promover contenidos de valor añadido que, indirectamente, contribuyen a mejorar la visibilidad de la empresa. 16 Para crear una página corporativa se deben seguir los siguientes pasos: 1. Tener un perfil de usuario. 2. Ir a la parte inferior derecha de la pàgina personal y seleccionar “Create a Page”. 3. Escoger una de les 6 categories de Facebook: 4. Subir la foto de tu perfil corporativo que suele ser el logotipo o una imagen representativa de la empresa. 5. Importar los contactos y invitar a tus amigos de Facebook a que visiten la pàgina. 6. Añadir información básica sobre la actividad de la empresa: 17 Ahora ya disponemos de nuestra página corporativa en Facebook. Para gestionarla disponéis del menú izquierdo en vuestro perfil corporativo, pero para sacarle el máximo provecho hace falta asistir a la cápsula “Como usar Facebook desde una perspectiva de negocio” o consultar los apuntes que tenéis disponibles en la web del Cibernàrium (www.cibernarium.cat) dentro de la ficha de la cápsula. Vista del panel de administración de un perfil corporativo. 18 Web corporatiu Un sitio web corporativa es un escaparate de nuestros productos o servicios y de la actividad de nuestra empresa. empresa En la web explicaremos cuál es nuestra oferta, cuáles son nuestras fortalezas, novedades... Todo aquello que consideramos que deben saber los usuarios de Internet sobre nuestro negocio. Es nuestro lugar en Internet, además de un canal de comunicación imprescindible para vehicular o apoyar cualquier acción publicitaria. En una web corporativa se pueden generar tantas pantallas como sea necesario para explicar todo aquello que se quiere comunicar. Existen básicamente dos opciones a la hora de hacer una web corporativa: usar una aplicación para crear webs corporativas o encargar su realización a una empresa o profesional del sector del desarrollo web. La diferencia es de precio y resultados: si usamos una aplicación web creada para generar webs corporativas (editor web) como las que ofrecen las empresas de alojamiento web en uno de sus paquetes básicos, dentro el precio mensual que pagamos tenemos derecho a usar la aplicación para crear y gestionar nuestra web corporativa. El resultado es una web corporativa muy económica pero limitada a nivel gráfico y funcional, ya que habrá que ajustarse a una estructura y gráfica predeterminada que responde a las plantillas con las que cuenta la aplicación. ¿Cómo escoger entre las diferentes herramientas que las empresas de alojamiento web ofrecen? Lo primero es tener claro cómo será nuestra web corporativa, luego hay que analizar los ejemplos que se proporcionan para observar si vemos alguno que sea como lo que estamos buscando tanto a nivel de diseño como de estructura. En la mayoría de casos se pone una demo o unos días de prueba a disposición de los potenciales clientes para que prueben la herramienta: - Conecta tu negocio es una iniciativa de Google y Arsys para ayudar a las PYME a disponer de presencia online: www.conectatunegocio.es. Existe un seminario en el Cibernàrium sobre esta herramienta: ”Conecta tu negocio: crea un web corporativo, un sistema de reserves o una tienda electrónica”. - Strato y su herramienta LivePages: http://www.strato-alojamiento.es/creador-web/ Arsys y su WebMaker: http://www.arsys.es/hosting/webmaker.html Nominalia y su herramienta WebSite: http://www.nominalia.com/website/product-comparison.html - 1and1 Mi Web: http://miweb.1and1.es/?__reuse=1327852667102&__lf=Static 19 Explicación de los pasos a seguir con la herramienta de 1and1 Desde hace unos meses también existe la posibilitado de adquirir un pack de alojamiento web donde hay aplicaciones que se pueden autoinstalar, la mayoría de las cuales son gestores de contenidos de software libre como WordPress, Joomla, Drupal... En estos casos hay que aprender a usar estos gestores de contenidos, que son aplicaciones más complejas que las herramientas antes mencionadas. La otra opción es encargar la realización de una web a una empresa o profesional del sector del desarrollo web. En este caso el resultado final será un sitio web hecho a medida para el cliente con un diseño exclusivo y con aquellas funcionalidades que haya pedido el cliente. Aquí no hay límites impuestos por una herramienta, pero el precio es otro: todo depende de lo que finalmente se acabe construyendo, pues en este caso se contrata un servicio y en función de las horas que tenga que invertir un equipo de profesionales para crear aquello que quiere el cliente, será más o menos caro. 20 Estratègia: objectius del web i necessitats de l’usuari Las necesidades del usuario y los objetivos del producto/servicio son los dos elementos que conforman la estrategia, y determinarán la toma de decisiones a lo largo de todo el proceso de diseño del producto/servicio. En esta etapa lo más importante es definir y formular con claridad y concisión qué quiere conseguir la empresa y qué querrán los usuarios. El briefing es el documento que define los objetivos de un producto o servicio. En ocasiones el briefing lo proporciona el propio cliente pero, si no es así, la empresa desarrolladora debe elaborarlo conjuntamente con el cliente en una primera toma de contacto. Sin el briefing difícilmente se puede hacer un presupuesto porque no se sabe qué quiere el cliente. A continuación se indican las preguntas a contestar en el briefing para que contenga la información necesaria para empezar uno proyecto web. Si la web se encarga a una empresa desarrolladora, sería interesante contestar todas las preguntas posibles, pero si la web se la hace la misma empresa, hay que responder únicamente las preguntas relativas al sitio web: Información sobre la empresa Nombre de la empresa: Personas de contacto, cargo, teléfono y correo: Actividad de la empresa: Sector: Mercado: Productos/servicios Descripción de los productos o servicios de la empresa: ¿Cuál es el producto estrella? ¿Por què lo prefieren los clientes ante los de la competencia? ¿Qué competidores tiene la empresa? Fortalezas y debilidades ante la competencia Imagen corporativa Logotipo: Eslogan: 21 Colores corporativos: Tipografías corporativas: Manual de identidad corporativa: ¿Fotografías de productos/servicios? ¿Vídeo corporativo? ¿Algún otro material disponible? Comunicación y márqueting ¿Cuál es la misión de la empresa? ¿Cuáles sus objectivos de comunicación? ¿Quién es su público objectivo? Perfil de su público objectivo: ¿Hace publicidad en algun medio? ¿Cuáles? Información sobre el sitio web ¿Qué objetivos busca conseguir el sitio web? Priorzarlos Responsabilidades: qué hará la empresa desarrolladora y qué se hará en la empresa ¿Cuál será su público objectivo? ¿Qué necesidades tienen? ¿Qué objetivos buscará conseguir el usuario en nuestro sitio web ¿Qué mensaje se le quiere hacer llegar al usuario? ¿Cómo se medirá el éxito del producto? ¿Dispone de algún tipo de presencia online? ¿Qué webs le gustan desde un punto de vista estético? ¿Por qué? ¿Y desde un punto de vista de navegación y organización? Dispone del contenido que quiere incorporar en su sitio web? Textos, imágenes... Estructura: ¿El web debe incluir alguna sección determinada? Servicios: Herramientas que debe contener el sitio web (un cercador, RSS, estadístiques...) Plazo de entrega del presupuesto y del sitio web Requerimientos tecnológicos: - ¿Dispone de dominio? - ¿Poder crear y modificar los contenidos del web de manera fácil y autónoma? ¿ Dispone de alojamiento web? Características del mismo Compatibilidad con qué navegadores: Internet Explorer, Firefox, Google Chrome, Opera… ¿Indexable en buscadores? Nivel de accesibilidad del web ¿Accesible desde dispositivos móviles? Ha de permitir la participación de los usuarios? Fuentes: - Masticable: http://www.masticable.org/2010/04/07/ideas-para-preparar-el- briefing-de-una-web - Bloc de Wocom: http://wocon.es/gl/blog/como-hacer-un-brief-para-pagina-web 22 Continenido del web: web informativa, transaccional, comercio electrónico... Internet es la fuente de información más grande que existe, pero también es una herramienta que sirve para resolver las necesidades de los usuarios: trámites, gestiones, compras, etcétera. Cada vez llevamos a término más transacciones a través de Internet con empresas, particulares o con la administración. En este contexto en el que nos encontramos, la naturaleza de muchossitios web ya no es únicamente informativa, sino que incorporan sistemas para atender clientes, resolver problemas, gestionar pedidos y pagos, hacer un seguimiento del pedido... es decir, son webs transaccionals porque en ellas se produce un intercambio de recursos entre el usuario y el sistema. Web de una empresa de tejidos desde donde se pueden hacer pedidos, consultas, homologarse... Si el objetivo es hacer una web informativa hay que preparar un árbol de contenidos o índice de contenidos para no dejarnos nada, transmitir nuestro mensaje al usuario y poder empezar a buscar la información que debe ir en cada una de las pantallas: textos, imágenes, gráficos, vídeos, mapa... En el caso de una web transaccional, a parte de hacer el árbol de contenidos y buscar la información para las pantallas, hay que analizar cómo funcionará la aplicación: qué debe hacer y qué características tendrá. En el caso del comercio electrónico, electrónico que es un tipo de web transaccional, también se deben tener en consideración otros aspectos relacionados con la logística como: Medios de pago, formas de envío, plazos de entrega de los productos y garantía, devoluciones, protección de los datos. 23 Actualización de los contenidos (frecuencia, persona encargada, criterios...) Los usuarios consultan las páginas web corporativas buscando contenido útil, por este motivo es muy importante mantener actualizado el sitio web eliminando el contenido obsoleto y añadiendo de nuevo. Por otra parte, tampoco hay que perder de vista que los buscadores de Internet lo que indexan es el texto de nuestra web. En Internet el contenido es el rey Una buena estrategia si queremos tener una web viva y que los usuarios no dejen de visitarla es actualizar con cierta frecuencia el contenido. En esta línea tenéis a vuestra disposición una cápsula al Cibernarium que se llama “Marketing de contenidos: dialoga con tus clientes ofreciéndoles materiales útiles”. Puntos a tener en cuenta a la hora de actualizar los contenidos del web: - ¿Quién será la persona encargada de actualizar el contenido del sitio web? - ¿Es necesario hacer una formación previa a la persona encargada de la actualización? ¿De qué tipo? - Frecuencia de actualización. La frecuencia de actualización de contenidos depende del tipo de web que tengas y los servicios que ofrezcas. Ex: un sitio web con valores bursatiles. - Criterios a la hora de actualizar el contenido: ¿Existe algún manual de estilo para la redacción de contenidos? - Recordar siempre hacer una copia de seguridad antes de empezar a trabajar y una vez publicado el contenido hay que comprobar su correcta publicación en el navegador. ¿Cuáles serán sus responsabilidades? ¿Publicará el contenido que le pasarán otras personas o lo deberá generar? ¿De dónde sacará las imágenes? ¿Alguien debe supervisar su trabajo antes de la publicación? 24 Mantenimiento del sitio web (interno o externo) El mantenimiento de un sitio web es fundamental para que todo funcione correctamente. Hablamos de mantenimiento desde un punto de vista técnico, es decir, mejoras a realizar en el sitio web desde un punto de vista de diseño, navegación, funcionalidades, errores, etcétera. Las estadísticas de la web son el indicador de qué funciona y qué no funciona en un sitio web. ¿Tenemos alguna persona dentro de la empresa que pueda hacer este trabajo de mantenimiento técnico de la web? Si no la tenemos debemos plantearnos la subcontratación de esta tarea. En este caso es interesante trabajar siempre con la misma persona o empresa porque ya conocerá nuestro sitio web y será más productivo. Este tipo de servicios se contratan puntualmente o como un mantenimiento periódico. El precio hora está alrededor de los 30 euros. Escalabilidad del sitio web “La escalabilidad es la habilidad de un sitio web de poder hacerse mas grande sin perder llegar a perder calidad, en la gran mayoría de casos la pérdida de calidad viene dada por la ralentización de los tiempos de acceso y la perdida de funcionalidades.”. Fuente: Manuel Gutiérrez (http://www.tufuncion.com/escalabilidad-web) Cuando se diseña un sitio web se debe tener en cuenta que el volumen de contenidos puede incrementarse considerablemente, entonces necesitaremos espacio para almacenarlos en el servidor y espacio en el menú para nuevas secciones o apartados. Con respecto a los accesos por parte de los usuarios, hay sitios web que tienen una demanda no prevista de accesos por parte de los usuarios y el servidor queda colapsado o cae. Hay que planificar desde el principio los recursos que serán necesarios tanto a nivel de contenido como a nivel de incremento de usuarios. 25 Los gestores de contenidos Web estática vs web dinámica La diferencia fundamental entre una web estática y una dinámica es que la estática tiene el contenido dentro de archivos HTML alojados en el servidor web, mientras que la web dinámica genera la página HTML que pide el usuario en tiempo real cogiendo la plantilla gráfica que corresponde a la página web en cuestión y volcando el contenido pertinente que se encuentra en una base de datos. Pero las webs se pueden dividir en tres tipos si nos fijamos en la manera como se gestiona su contenido: contenido 1. Web estática La característica fundamental de este tipo de web es que sus contenidos no se pueden gestionar a través de ninguna aplicación: se debe modificar el HTML y las hojas de estilo; es decir, cualquier cambio lo debe hacer una empresa o persona que conozca estos lenguajes. Es un tipo de web corporativa cada vez menos demandada, ya que las empresas quieren poderse gestionar ellas mismas los contenidos. La ventaja principal es que ofrece mucha libertad gráfica. Ejemplo: Espacios Naturales del Delta del Llobregat (www.deltallobregat.cat) 2. Web dinámica La característica fundamental de este tipo de web es que son autogestionables. Le empresa puede realizar ella misma los cambios de contenido mediante un gestor de contenidos. La persona encargada de la actualización de los contenidos trabajará con el gestor de contenidos a través de su interfaz, es decir, únicamente hace falta tener conocimientos de ofimática y familiarizarse con la aplicación web que gestiona los contenidos para llevar a término esta tarea. La desventaja es que gráficamente existen o se desarrollan unos modelos de pantalla y todas las pantallas que se generan deben responder a uno de estos modelos por razones económicas, puesto que si se generan muchos modelos de pantalla sube considerablemente el precio. Ejemplos: AcciónNatura (www.accionatura.org) o Ecomon (www.ecomon.cat) 3. Web mixta Sitios web que disponen de un gestor de contenidos a medida para algunas secciones de la web, y el resto no se gestionan mediante gestor sino que son páginas estáticas. Aquellas pantallas que necesitan ser actualizadas con más o menos frecuencia (actualidad, documentación...) son las que disponen de gestor de contenidos, y las que no se prevé que cambien (quienes somos, historia...) serán estáticas. De esta manera se dispone de libertad gráfica para diseñar la web y posibilidad de autogestionarse aquellas secciones que necesitan ser actualizadas con cierta frecuencia. Ejemplos: Nylstar (www.nylstar.com) o Pardines (www.pardines.cat). 26 Qué son i para qué sirven Los gestores de contenidos (CMS, siglas de Content Management System) son aplicaciones informáticas programadas para crear, gestionar y publicar contenidos web de manera fácil. fácil Los objetivos de los CMS son muy variados: webs corporativas, intranets, blocs, portales de noticias... Los gestores de contenidos generan páginas web dinámicas y siempre están instalados en el servidor web donde está alojada la web. El usuario o usuarios acceden al gestor mediante un navegador web y, a través de la interfaz del gestor pueden crear, editar, gestionar y publicar contenido multimedia de manera fácil. Esta es la razón de ser de los gestores de contenido: permitir la publicación de contenido en Internet de manera sencilla, sin necesidad de dominar el lenguaje HTML o un software de edición de HTML. El sistema permite gestionar el contenido por una parte y el diseño por otra. De esta manera se puede cambiar el diseño en un momento determinado sin que afecte el contenido, que está estructurado y almacenado en bases de datos. Captura interfaz del gestor de contenidos WordPress 27 Gestores de software libre (WordPress, Drupal...) y gestores de contenidos a medida Hoy en día existen sistemas de gestión de contenidos tanto de software libre como propietario. En los dos casos es necesario instalar el CMS en el servidor e implantarle el esquema gráfico y las funcionalidades deseadas por el cliente. Los sistemas de gestión de contenidos más populares en la actualidad son los de software libre. Y algunos de ellos como WordPress, Drupal o Joomla disponen de muchas plantillas que facilitan la implantación de la gráfica del sitio web por parte de un usuario sin conocimientos técnicos, sobre todo en el caso de WordPress. Y lo mismo sucede con respecto a las funcionalidades, que se implantan mediante extensiones ya programadas. Entre los sistemas propietarios podemos diferenciar una aplicación estándar como podría ser Vignette o IBM Web Content Manager (sistemas que suelen estar pensados para grandes empresas) de los gestores propietarios de empresas de desarrollo web pensados para adaptarse a las funcionalidades especificadas por cada cliente, o de los gestores más sencillos de las empresas de alojamiento web que hemos comentado con anterioridad. Es difícil que los gestores de contenidos propietarios puedan llegar al nivel de las opciones libres (a excepción de aquellos CMS de grandes empresas para proyectos de gran escalera). Herramientas como WordPress cuentan con una comunidad gigante que ofrece opciones de personalización que pueden hacer que un WordPress sea capaz de gestionar casi cualquier tipo de web. Joomla y Drupal también son muy potentes en este aspecto, aunque Joomla está quedando un tanto atrás respeto a la competencia en las últimas versiones, y Drupal requiere de más conocimientos y una curva de aprendizaje más acusada para dominar el gestor. Logotipos de Drupal, Joomla y WordPress (por este orden) 28 Criterios básicos de usabilidad La facilidad de uso es lo más importante La usabilidad hace referencia a la facilidad de uso de un producto por parte del usuario. Su funcionamiento debe ser claro, intuitivo y transparente, lo que facilita que el usuario consiga sus objetivos de una manera rápida y sencilla. La usabilitat es un aspecto básico del diseño de las interfaces. La mejor forma de crear un producto usable es realizar un diseño centrado en el usuario, es decir, diseñar para el usuario. El producto se debe adaptar al usuario y no al revés. La usabilidad es un atributo de calidad y un elemento clave para la supervivencia en el mercado Algunas de las consecuencias de la existencia de productos poco usables: - Web: Si una aplicación o web es difícil de usar el usuario la abandona - Intranet: Si un usuario no puede trabajar bién con una aplicación determinada disminuye su productividad. E-commerce: Si un usuario no encuentra el producto que está buscando no lo puede comprar ¿Cóm se evalua la usabilidad? Probar, probar y probar mediante test de usuarios o herramientas automatizadas de seguimiento visual como el eyetracking o los logs del servidor que indican los itinerarios que hacen los usuarios y el tiempo destinado a cada pantalla (Google Analytics es una buena herramienta gratuita que permite saber qué hacen los usuarios en nuestro sitio web). A continuación se puede ver una muestra de diferentes tipos de mapas visuales que son resultado de la aplicación de la técnica del eyetracking en un sitio web. 29 Mapa de calor Mapa de zones cegues Hay que tener en cuenta que los productos interactivos que se consideran intuitivos y de funcionamiento fácil han sido estudiados a fondo en el proceso de definición de los objetivos o briefing. Una interfaz es intuitiva sólo si se comporta de la manera que el usuario espera, y sólo puede hacerlo si el diseñador tuvo el tiempo necesario para anticipar, comprender y dirigir las expectativas de los usuarios hacia el producto. Captura de la interfaz del programa de correo de Google GMAIL 30 Principios del diseño centrado en el usuario (usabilidad): - El control de la situación debe estar en manos del usuario: inicia las acciones, controla las tareas, personaliza la interfaz. La interactividad ha de ser lo más adaptable posible. - La navegación ha de ser fácil y ha de estar bien estructurada: el acceso intuitivo a la información y a las diversas opciones es fundamental. - Es indispensable que el diseño de todas las partes del producto y sus elementos sea consistente. - El diseño de un producto multimedia ha de permitir enmendar los errores. - Los mensajes que el sistema ofrece al usuario (feedback) han ser rápidos y claros. - El entorno gráfico o la interfaz debe ayudar a la comprensión de la información presentada. - El diseño visual es comunicación, por tanto ha de ser sencillo y efectivo. - Los textos deben ser breves, concisos y directos. Deben evitarse largas instrucciones de uso. - Las páginas (en el caso de un web site) deben descargarse rápidamente, evitando interminables esperas. Para ello se aconseja utilizar pocos gráficos, pequeños y comprimidos. - Contener un buen servicio de búsqueda, que ofrezca resultados rápidos y precisos. Deben evitarse los resultados exhaustivos e irrelevantes. - En el caso de que el producto multimedia sea una página web, la resolución ha de ser la apropiada para que la mayoría de los usuarios las visualicen correctamente. - Evitar los errores de programación y enlaces o vínculos erróneos. - Evitar el uso de tecnologías demasiado novedosas, ya que la mayoría de usuarios no dispondrá de ellas. 31 Ideas clave de usabilidad - Regla del 7 x 3: recomendable no más de 7 opciones por pantalla y nunca más de 3 niveles de profundidad. - Respetar las convenciones de facto (enlaces, elementos activos, iconografía...) que son los que conoce el usuario y le sirven para orientarse rápidamente en una interfaz nueva. - La home ha de informar claramente sobre qué ofrece el sitio web. Es la pantalla más importante de la web, la que tiene más visitas y la targeta de presentación de la empresa. - Buscar siempre la interacción mas natural, intuitiva y sencilla posible. - Utilización de estandares (gran triunfo de la web 2.0) para poder hacer una única versión y para permitir el acceso a más usuarios desde más dispositivos. Jerarquizar la información para transmetir el mensaje con claridad. No poner más elementos de los necesarios. Eliminar presentaciones y pantallas intermedias (integrarlas a la home o en la cabecera). Las webs hechas con flash no son accesibles para muchos ni para kis spiders de los buscadores. Un buen ejemplo es el web de Dell (www.dell.es) 32 ¿Quién puede implementar mi web? La implementación o desarrollo de una web la puede realizar una empresa, un profesional freelance o un pariente/amigo con conocimientos sobre la materia. El precio cambia pero también los resultados, ya que hay que saber que son necesarios diferentes perfiles laborales (diseñador/a y programador/a son el equipo mínimo) para desarrollar un sitio web, y una persona no los reúne todos. También deberemos ser conscientes de que existe un mínimo de calidad a nivel de diseño y de funcionamiento que se le pide a un sitio web y, si no los tiene, no genera confianza entre los usuarios que lo visitan. Por este motivo y porque existen muchas soluciones para hacerse una web corporativa con muy pocos recursos, tal y como se ha explicado al principio de estos apuntes, si decidís tener presencia en Internet fijaros que se cumplan unos mínimos de calidad. Empresas y profesionales En el mercado del desarrollo web existe mucha competencia porque es fácil acceder, puesto que todo lo que se necesita es un ordenador y los conocimientos técnicos necesarios para diseñar, maquetar y programar un sitio web. En el mercado nos encontramos proveedores de naturaleza muy diferente (grandes empresas, pymes, microempresas, autónomos) que evidentemente ofrecen precios muy desiguales. Además, este mercado está internacionalizado pero, sobre todo, el precio cambia mucho en función de la solución propuesta. Las empresas y los profesionales del desarrollo web se pueden encontrar en directorios del sector o simplemente buscando en cualquier buscador con las palabras clave: diseño web, creación web, desarrollo web... Algunos directorios: - MapaTIC: http://www.mapatic.cat/Barcelona/Navegaciocategoria - En Google Maps (maps.google.es) buscar con las palabras clave “diseño web” Interactiva digital: http://www.interactivadigital.com/interactiva/directory Páginas Amarillas: http://telefonia-comunicacion.paginasamarillas.es/web/barcelona/21356/8 Conecta tu negocio: http://www.conectatunegocio.es/partners A la hora de contratar un profesional o una empresa para que desarrollen nuestro web corporativo es importante: - que estén cerca de nuestra ciudad y que nos podamos reunir con ellos frente a frente tantas veces como sea necesario y que nos generen confianza. - que el cliente tenga una idea aproximada de lo que quiere y se deje asesorar por el proveedor - poder ver otros proyectos similares al nuestro que haya desarrollado la empresa/profesional y que funcionen en la actualidad. 33 Criterios para valorar un presupuesto y precios Ponerle precio a una web sin saber el volumen del que estamos hablando, la complejidad técnica del mismo (funcionalidades o servicios que se quieran desarrollar) o la solución con la que se implementará es imposible. Lo que sí podemos es dar una pequeña orientación económica que se debería revisar en cada caso: el precio/hora medio del sector ronda los 20-40 euros, y una web corporativa pequeña hecha a medida con un gestor de contenidos adaptado para las pantallas de actualidad y documentación, un formulario de contacto, una interfaz con unas 4 pantallas modelo y un total de unas 8 puede rondar los 2.000 euros. Si esta web corporativa la realizamos con un gestor de contenidos de software libre sin adaptar ninguna funcionalidad, personalizamos la gráfica, añadimos algún plugin y el cliente es el que se encarga de introducir los contenidos, podemos disponer de ella por unos 1.000 euros. Web del Consorci dels Espais Naturals del Delta del Llobregat: www.deltallobregat.cat Un presupuesto está integrado por diferentes partidas, las más comunes son: - Diseño: Diseño Una interfaz con unas 4 pantallas modelo (formulario, 2 pantallas genéricas, ficha producto) puede costar de 400 a 1200 euros. - Maquetación: Maquetación Esta partida depende de la cantidad de pantallas a maquetar. Las pantallas modelo son las que cuestan de maquetar, o las plantillas, en caso de que se use un gestor de contenidos. El precio dependerá de la cantidad de horas que se calcule que serán necesarias para maquetar el sitio web: cantidad de pantallas modelo existente + volumen total de pantallas. Aquí se aplica un precio/hora que será 34 más barato si hablamos de maquetación con HTML y CSS (unos 20-30 euros/hora) o maquetación de plantillas para un gestor de contenidos con HTML, CSS y PHP u otra tecnología web (30-50 euros/hora) que ya entraría dentro el terreno de la programación. - Programación: Programación Esta partida depende de la cantidad y, sobre todo, complejidad, de las funcionalidades o servicios a programar, y el lenguaje con que se deban crear, pues no es el mismo programar con PHP (que es bastante común), que programar con otros lenguajes para los que se requieren más conocimientos como Java. El precio hora será a partir de 30 euros. - Gestión o dirección del proyecto: proyecto Esta partida suele ser un 20-30% del presupuesto. Incluye las gestiones con el cliente, la coordinación del equipo y la generación de documentación del proyecto (calendario, árbol de contenidos...) - Documentación: Documentación esta partida aparece si hace falta desarrollar documentación específica como un estudio de arquitectura web o hacer un análisis de usabilitat de un sitio web existente. O en el caso de que los contenidos de la web no los proporcione el cliente sino que los deba desarrollar le empresa. Un presupuesto se puede elaborar calculando el precio/hora de cada profesional que participará en el proyecto, o contabilizando cada una de las partidas en global teniendo en consideración los días de desarrollo que serán necesarios y los perfiles profesionales que intervendrán. Pero como aquí estamos hablando en general, es más ajustado hablar de precios/hora. Cosas a tener en cuenta a la hora de pedir un presupuesto para la realización de un sitio web: - Pedir más de un presupuesto a diferentes empresas o profesionales - Pedir que el presupuesto esté desglosado en las diferentes partidas que integran el proyecto - Saber si hará falta un mantenimiento posterior del sitio web y su precio - Saber quién será nuestro interlocutor a lo largo de todo el proyecto y disponer de todos sus datos - Definir el tiempo de implementación del sitio web y cuándo se podrían poner a desarrollarlo 35 Tiempo de implementación de un sitio web El tiempo de implementación de una web depende de la complejidad técnica y el volumen del sitio. Una web corporativa pequeña con un formulario de contacto se puede hacer en un mes. A partir de aquí deberemos ir sumando semanas en función del volumen de contenidos, la disponibilidad de los mismos, las modificaciones que pueda querer introducir el cliente y la complejidad técnica del sitio. El documento que sirve para visualizar la temporalización de la implementación de una web es el timing o calendario del proyecto. A continuación se puede ver un ejemplo: Temporalización de la ejecución de un proyecto web con un programa de gestión de proyectos Documentación para realizar el seguimiento del proyecto Durante el desarrollo de un proyecto web se generan diferentes tipos de documentos, algunos de ellos se le proporcionan al cliente para que dé su visto bueno o introduzca las modificaciones que considere oportunas. En función de la complejidad y volumen del sitio hay que crearlos: - Briefing Presupuesto Árbol de contenidos Maqueta gráfica Temporalización o Plan de producción Si os hacéis vosotros mismos la web con algún gestor de contenidos, será necesario que generéis la siguiente documentación: - Briefing Árbol de contenidos Listado de material a recopilar 36 Si contratáis el desarrollo de vuestro sitio web la empresa o profesional encargado de hacerlo os hará llegar parte de la documentación generada para que le déis el visto bueno o introduzcáis las modificaciones que consideréis oportunas, pero pedidle que os mantenga informados sobre la evolución del proyecto para aseguraros de que el resultado final es satisfactorio. Guía de Recursos RECURSOS Nombre URL Observaciones Viquipèdia http://ca.wikipedia.org El mejor sitio para buscar definiciones Wikimèdia http://commons.wikimedia.org Buen sitio de recursos libres Hosting Review hosting-review.com/hosting-directory/articles/elija-unhost-web-espana Artículo sobre cómo elegir un buen alojamiento Servicios vs Redes Sociales www.genisroca.cat/2011/07/14/serveis-vs-xarxessocials/ Artículo de Genís Roca donde hace una clasificación de las redes sociales LivePages www.conectatunegocio.es Gestor de contenidos para webs sencillas WebMaker http://www.arsys.es/hosting/webmaker.html Gestor de contenidos para webs sencillas WebSite http://www.nominalia.com/website/productcomparison.html Gestor de contenidos para webs sencillas Mi Web http://miweb.1and1.es Gestor de contenidos para webs sencillas Masticable http://www.masticable.org Web del colectivo activista Masticable. WordPress Wordpress.org Gestor de contenidos de software libre Drupal drupal.org Gestor de contenidos de software libre Joomla http://www.joomla.org/ Gestor de contenidos de software libre 39
