2. Fundamentos de Diseño Web 1 Introducción a WWW y Diseño Web. Herramientas de Comunicación en Internet. Puntos para definir nuestra Web. Análisis del Sitio Web. Introducción al Diseño Web. Elementos de un Website. Tipos de lenguajes. Herramientas para la creación de Webs. Brindar los conocimientos teóricos y prácticos orientados al proyecto, diseño y desarrollo de sitios web. Específicos Conocer los conceptos básicos de Internet. Conocer los medios de comunicación en internet. Conocer las limitaciones web, fundamentos y herramientas del diseño web. Dar a conocer los tipos de lenguajes empleados para la creación de páginas y aplicaciones web. Brindar los criterios para la planificación de Sitios Web.
9. 1992 nace la WorldWide Web como sistema de intercambio de información.
10.
11. Centros comerciales y empresas comercializan sus productos en Internet: Pizza Hut, Ciberbanco, Amazon.
12. Nace el buscador Yahoo.Internet en el Perú Internet llegó al Perú en 1991. Ha transcurrido más de una década de experiencias, anécdotas y descubrimientos fascinantes. En este tiempo, hemos utilizado la red de redes para buscar información, entretenernos, y en especial, para comunicarnos.
13. Fundamentos de Diseño Web Internet Conjunto de computadoras conectados en una red de redes mundial, que comparten un mismo protocolo de comunicación, y que prestan servicio a los ordenadores que se conectan a esa red. El territorio operativo de Internet es el ciberespacio y esta generosamente abierto a todos los que deseen participar dentro de él, Tanto pequeños protagonistas o grandes corporaciones. Internet hace posible una comunicación más sencilla, más rápida y más económica.
24. Multimedia, que hace referencia al tipo de contenidos que puede manejar (texto, gráficos, vídeo, sonido y otros).
25. Internet, la base sobre la que se transmite la información.El aspecto exterior de la WWW son las conocidas "páginas Web".
26. Fundamentos de Diseño Web Sitio Web Un sitio web es un conjunto de páginas Web relacionadas a través de una estructura de navegación, con el objetivo de hacer pública y universalmente accesible una cierta cantidad de información. Para alcanzar dicho objetivo, los sitios deben concebirse con un criterio arquitectónico y construirse desde los cimientos, con una visión sistémica y una lógica adecuada a su función específica. La unidad de información de la web es un documento (archivo) llamado página Web.
27. Fundamentos de Diseño Web Página Web Una página web, también conocida como página de Internet, es un documento adaptado para la Web y normalmente forma parte de un sitio web. Su principal característica son los hiperenlaces a otras páginas web, siendo esto el fundamento de la Web. Una página está compuesta principalmente por información (sólo texto o multimedia) e hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse o aplicaciones incrustadas para hacerla interactiva.
28. Fundamentos de Diseño Web La World Wide Web es parte de la Internet. En la Web consiste en una enorme colección de documentos de almacenados en la computadora en todo el mundo La World Wide Web se llama también en la Web, WWW o w3 Una página Web es un documento de la Web. Páginas Web pueden incluir texto, imágenes y sonido de vídeo Un Web Server es una computadora conectado a Internet que hace que las páginas Web estén a disposición del mundo Un sitio Web es una colección de páginas Web en una computador central, de una universidad, organismo público, empresa o persona
29. Fundamentos de Diseño Web W3C El WorldWide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la WorldWide Web y establece directivas con la intención de normalizar el diseño para facilitar y simplificar la visualización e interpretación del contenido. Está dirigida por Tim Berners-Lee, el creador original de URL (UniformResourceLocator, Localizador Uniforme de Recursos), HTTP (HyperText Transfer Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Lenguaje de Marcado de HiperTexto) que son las principales tecnologías sobre las que se basa la Web.
30. Fundamentos de Diseño Web Herramientas de Comunicación en Internet Sitio Web. Correo electrónico y boletines electrónicos. Buscadores Marketing viral.
31.
32. El tiempo del usuario es el elemento crítico: los usuarios no dan una segunda oportunidad. Según un estudio de K&R, como media, tras hacer 5 clicks y no encontrar la información que buscaban, los usuarios se sienten frustrados y en ese caso, un 83% se va a otro sitio Web.
33. Fundamentos de Diseño Web Según IFOCCOM las razones por las que un usuario abandona un site es:
34.
35. Marketing directo a segmentos definidos: Uniendo la inteligencia de clientes con el correo electrónico, se pueden hacer llegar ofertas concretas para segmentos determinados muy ajustadas a sus características y expectativas.
39. Fundamentos de Diseño Web 4. Marketing Viral El marketing viral consiste en fenómenos en los que se busca expandir un mensaje de forma en la que cada persona que lo recibe, lo transmite a su vez a x personas más y así sucesivamente se produce una comunicación que se extiende de forma piramidal.
40. Fundamentos de Diseño Web Puntos para definir nuestra web 1 ¿Por qué la creación de una página Web favorece mis emprendimientos?Estar presente en la Web equivale a tener un espacio para decir lo que usted es, lo que piensa, lo que hace, a una audiencia casi incalculable. La historia de Internet reúne relatos acerca de éxitos inmediatos, crecimientos vertiginosos y reconocimientos de alcances inusitados para aquellos que publicaron sus páginas en la Red de redes. La Web es la herramienta privilegiada en Internet, debido a la posibilidad que ofrece de mostrar, vender, anunciar, cualquier cosa, durante las 24 horas, los 365 días del año, pudiendo acceder a la misma desde cualquier lugar del mundo al costo de una llamada local. Ninguna herramienta hasta el presente ha logrado, a tan bajo costo, estos objetivos.
41. Fundamentos de Diseño Web Puntos para definir nuestra web 2 Algunas recomendaciones para organizar y realizar su Web con más comodidad.Cuando usted se propone estar en la Web, debe encarar el diseño de un sitio. Es decir, crear documentos o archivos que se encuentran relacionados entre sí. Aunque tenga propósitos concretos y haya pensado exponerlos en sus páginas de manera más o menos agradable y clara, será conveniente que evalúe otros elementos que son ineludibles al construir un sitio. Por eso bien vale la pena que se detenga unos minutos para considerar algunas ideas claves que facilitarán su posterior realización.
50. Fundamentos de Diseño Web Análisis del Sitio Web ¿El sitio Web está desarrollado pensando en el usuario? El sitio web ha de tener contenidos interesantes gratuitos para los potenciales usuarios. Si el sitio web simplemente tiene la información corporativa y una tienda, difícilmente se conseguirá fidelizar a los usuarios. ¿Tiene una serie de indicadores (cuantos visitantes) y objetivos para su sitio Web? Indicadores como el número de páginas vistas, el ratio de conversión, el número de usuarios únicos, la duración de las visitas, etc. Son parámetros que deberían ser controlados teniendo objetivos para ellos. Con las sucesivas comparaciones y evolución de estos parámetros se podrán tomar decisiones que afecten a cada uno de ellos. 3. ¿Tiene su sitio Web más de 40 Kb en alguna página? El tiempo de carga es un elemento crítico como ya ha sido comentado. Si su sitio web tiene páginas de más de 40Kb tiene un serio problema. La solución es rediseñar esas páginas.
51. Fundamentos de Diseño Web Análisis del Sitio Web 4. ¿Está creando una lista de correo pidiéndole a sus visitantes su correo electrónico? Como se ha comentado en el área de correo electrónico, es muy importante crear un boletín electrónico a partir de los usuarios del Sitio Web. ¿Tiene su propio nombre de dominio y es de fácil recuerdo? Es sencillo, el nombre de dominio es la dirección de su empresa en Internet y cuanto más fácil sea asociarlo a su nombre, mejores resultados obtendrá. ¿Invita a los usuarios a que se comuniquen con usted (INTERACTIVO) para contactos comerciales, sugerencias, comentar alguna información, artículos, novedades, etc.? Se debe aprovechar la interactividad del medio dando todas las posibilidades: correo electrónico, correo, teléfono, fax, etc. Esta información de contacto debe estar en todas las páginas de una manera clara.
52. Fundamentos de Diseño Web Análisis del Sitio Web ¿Abusa del flash? El uso de flash es muy "goloso“ pero es muy fácil hacerlo mal debido a los tiempos de carga y a los problemas de navegación. Sólo está justificado para casos muy concretos. ¿Emplea una solución escalable? Es importante que se haya planteado que la solución tecnológica que emplee, pueda crecer a medida que crezcan los requerimientos de los clientes en cuanto a visitas, información descargada, ancho de banda necesario, etc. 9. ¿Se ha planteado quién y cómo va a hacer el mantenimiento del sitio Web? Es usual hacer sitios web con muchos contenidos y valor añadido y luego dejarlos en un cajón porque no se les ha dado la continuidad necesaria. Un proyecto ambicioso requiere de recursos tras su lanzamiento.
53. Fundamentos de Diseño Web Análisis del Sitio Web ¿Es coherente el Sitio Web con el resto de acciones de comunicación desarrolladas en otros medios? El Sitio Web debe tener los mismos objetivos de comunicación que el resto de acciones, aspecto que muchas veces no se cumple debido a que el Sitio Web no es supervisado por los coordinadores de marketing. ¿Analiza el comportamiento de sus usuarios en la Web? Si no conoce cuántos visitantes tiene su Sitio Web, ni cómo se comportan, ni cuál es la duración de su visita, cuántas páginas ven, etc. Está desperdiciando una de las posibilidades más importantes de Internet. Está claramente definido en cada una de sus páginas cuál es la misión de su empresa? Los usuarios no siempre sabrán a qué se dedica. Tenga en cuenta que sólo un 40% de sus usuarios harán el esfuerzo de ir a ver el texto que se encuentra debajo de la pantalla que están viendo. Deje claro desde un principio quién es, qué hace y qué ofrece.
54. Fundamentos de Diseño Web Análisis del Sitio Web 13. ¿Es su sitio Web fácil de usar y aprender a navegar en él? Piense en sus usuarios. Pregúnteles. Piense "¿encuentran fácilmente lo que buscan?", "¿tienen dificultades de navegación?“ 14. ¿Tiene su sitio Web un "toque" de humanidad? A los usuarios les gusta comunicarse con personas, no con máquinas. Por ello, unas fotos del equipo, un mensaje del presidente, fotos de las personas en el organigrama, etc. Son elementos interesantes. 15. ¿Son claros sus contenidos (en tamaño, estructura y mensaje)? Los dos consejos para los contenidos en la web son: ser claros en cuanto a redacción y breves, ya que los textos largos no son leídos. Si es necesario, se pueden emplear enlaces para ampliar los conceptos.
55. Fundamentos de Diseño Web Análisis del Sitio Web ¿Tiene un diseño sencillo? Como ya ha sido comentado, en muchos sitios se emplean diseños complejos pero poco funcionales. Los sitios de más éxito en Internet tienen sencillos diseños (como por ejemplo Yahoo!). ¿Ha definido el proceso deseado del usuario a través del sitio Web? Todos los sitios web tienen distintos objetivos: aportar información a los clientes, suscripción a un boletín electrónico, venta, etc. Para conseguir estos objetivos, los usuarios deben comportarse de una determinada manera y el sitio web ha de ser definido para ello. Esto significa también que los contenidos deben ser realizados para incitar al usuario a la acción. Realmente este test es sólo un comienzo, pero si tiene fallos en más de 3 de estos aspectos, no dude en solucionarlos lo antes posible. Está perdiendo oportunidades de negocio.
56. Fundamentos de Diseño Web Introducción al Diseño Web El Diseño Web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las páginas: Internet. El diseño gráfico de una página Web es tan solo una parte del diseño de la misma, ya que, además, hay que considerar un conjunto más o menos extenso de condicionantes que van a limitar la libre creatividad del diseñador. En primer lugar, las páginas Web se deben descargar de un servidor Web remoto por medio de Internet, por lo que el ancho de banda de las conexiones de los usuarios va a ser un factor clave en la velocidad de visualización. La mayoría de los usuarios se conectan todavía a Internet con un módem, con velocidades teóricas que oscilan entre 1 Mbps a 10 Mbps.
57. Fundamentos de Diseño Web Introducción al Diseño Web Otro aspecto a tener en cuenta es que las páginas Web son visualizadas en unas aplicaciones específicas, los navegadores Web, que imponen grandes limitaciones al diseño de las mismas. Los navegadores existentes en el mercado tienen una forma particular de presentar el contenido de las páginas. Internet Explorer interpreta en muchas ocasiones una página Web de forma muy diferente a Netscape Navigator. La importancia de la resolución de pantalla sobre la forma de ser visualizadas las páginas Web en la ventana del navegador es muy importante. A mayor resolución se dispone de más puntos de información para presentar los elementos en pantalla, pero estos puntos son más pequeños, con lo que los elementos de la interfaz (textos, imágenes, objetos de formulario, etc.) se ven más pequeños.
66. Fundamentos de Diseño Web Elementos de un Web Site Anticipación, el sitio Web debe anticiparse a las necesidades del usuario. Autonomía, los usuarios deben tener el control sobre el sitio Web. Los colores han de utilizarse con precaución para no dificultar el acceso a los usuarios. Consistencia, las aplicaciones deben ser consistentes con las expectativas de los usuarios, es decir, con su aprendizaje previo. Eficiencia, los sitios Web se deben centrar en la productividad del usuario, no en la del propio sitio Web. Reversibilidad, un sitio Web ha de permitir deshacer las acciones realizadas.
67. Fundamentos de Diseño Web Elementos de un Web Site Ley de Fitts indica que el tiempo para alcanzar un objetivo con el ratón esta en función de la distancia y el tamaño del objetivo. A menor distancia y mayor tamaño más facilidad para usar un mecanismo de interacción. Reducción del tiempo. Optimizar el tiempo de espera del usuario, informando del tiempo pendiente para la finalización de la tarea. Aprendizaje, los sitios Web deben requerir un mínimo proceso de aprendizaje. El uso adecuado de metáforas facilita el aprendizaje de un sitio Web, pero un uso inadecuado de estas puede dificultar enormemente el aprendizaje.
68. Fundamentos de Diseño Web Elementos de un Web Site La protección del trabajo de los usuarios es prioritario, se debe asegurar que los usuarios nunca pierden su trabajo como consecuencia de un error. Legibilidad, el color de los textos debe contrastar con el del fondo, y el tamaño de fuente debe ser suficientemente grande. Seguimiento de las acciones del usuario. Conociendo y almacenando información sobre su comportamiento. Interfaz visible. Se deben evitar elementos invisibles de navegación que han de ser inferidos por los usuarios, menús desplegables, indicaciones ocultas, etc.
81. Adobe Illustrator. Programa de diseño vectorial con él se pueden crear y diseñar logotipos, anuncios, ilustraciones para libros, revistas o páginas web.
82. CorelDraw. Es una aplicación completa de diseño gráfico que facilita la creación de trabajos gráficos profesionales.
