Diferencia entre Internet y  la web

  

     Internet

el Internet es una red masiva de redes, una infraestructura de red. conecta a millones de computadores en todo el mundo, formando una red en la que cualquier computadora se pueda comunicar con cualquier otro equipo, siempre y cuando ambos están conectados a internet. la información que viaja por la Internet lo hace a través de una variedad de lenguas conocidas como protocolos.

La web

 

la world wide web, o simplemente web, es una forma de acceder a la información sobre el medio de la internet. se trata de un modelo de intercambio de información que se construye en la parte superior de la internet. la web utiliza el protocolo http, sólo uno de los idiomas que se hablan a través de internet, para transmitir datos. los servicios web que utilizan http para permitir que las aplicaciones se comuniquen con el fin de compartir información. la web también utiliza los navegadores, como internet explorer o firefox, para acceder a los documentos web llamados páginas web que están vinculados entre sí mediante hipervínculos. documentos web también contienen gráficos, sonidos, texto y vídeo.

SERVICIOS DE difusión EN LA WEb

El servicio de Internet. Un nuevo servicio de difusión y contratación civil y comercial

Internet está configurado hoy en día como un auténtico servicio de comunicación de correo electrónico y de transacción comercial universal, así como de difusión universal de información, educación, cultura y esparcimiento, este servicio a merita analizarse con sumo cuidado a los fines de orientar y precisar su verdadera naturaleza jurídica y su marco legal.

elementos de diseño de pagina web

Vamos a recorrer todos los factores que influyen en el aspecto de una página web, herramienta que muy rápidamente revolucionó la forma de relacionarnos con nuestros clientes y amigos (incluso con la misma competencia).

1.- Contenido:

La página no debe ser atractiva solamente en su parte visual, debe tener un contenido interesante que atraiga lectores. Ninguna página puede considerarse exitosa si no cuenta con un contenido apropiado y actualizado frecuentemente. El contenido da la posibilidad real de aumentar el número de visitas y hacer que los viejos visitantes consulten la página a menudo (porque encuentran siempre algo nuevo).

2.- Imágenes:

Deben usarse buenas fotografías, preferiblemente tomadas por un profesional. Es importante presentar imágenes que no estén pixeladas (baja resolución) o desenfocadas, esto da una idea sobre la calidad misma del sitio. También se pueden utilizar ilustraciones sencillas (imágenes vectoriales).

3.- Tipografía:

Es importante utilizar fuentes llamativas pero que conserven una fácil legibilidad. La tipografía debe llamar la atención del usuario pero debe conservar la línea de diseño del sitio. También es importante variar el tamaño de una misma fuente para resaltar secciones interesantes del texto.

4.- Botones e iconos:

Utilizar botones prácticos y representativos, así como iconos grandes y vistosos aumenta la facilidad de navegación en la página y se dan una guía clara a los usuarios, no es necesario colocar accesorios que no van a brindar un valor real, por ejemplo un reloj para clientes que se encuentran en el mismo uso horario.

5.- Animaciones y movimiento:

Para generar una sensación de dinamismo, es bueno utilizar elementos animados. Pero es importante no excederse con los elementos móviles, la cuota del 20% del total de la pagina es suficiente, porque pueden causar saturación, distraer la atención de las cosas importantes que se quieren decir y por ultimo sacar al usuario del sitio.

6.- Fondos claros y sencillos:

Los fondos claros o totalmente blancos facilitan la visualización, también dan un aspecto despejado a la página resaltando las imágenes, existe la tendencia a utilizar fondos negros para lecturas largas, para no cansar al lector con la luz del monitor.

7.- Enlaces a redes:

Es de gran ayuda para los usuarios incluir enlaces a redes sociales con las cuales se tiene familiaridad y se interactúa con regularidad, también a sitios de interés. Esto con el fin de generar comunidad y crear lazos de mutuo intercambio con sitios que pueden apalancar la oferta, como proveedores y clientes actuales.

8.-Sobriedad:

Una página debe permitir una fácil visualización de los contenidos (videos, imágenes, textos), saturar al cibernauta es contraproducente, si la información o contenido tarda en ser cargado es una visita menos y un potencial cliente o negocio que no conoció la oferta que se propone, tener un diseño sencillo con botones o enlaces en el lugar adecuado, genera un fácil reconocimiento y navegación que en posteriores visitas se traduce en una identificación con los usuarios.

Cada día nacen muchas páginas, por lo tanto cada vez existen más opciones en la red, no olvide que un sistema de contenido dinámico atrae y que es necesario actualizar la información de acuerdo al ritmo que determine la organización, no se recomienda actualizaciones con más de un mes calendario.

En freelancefolder nos comentan que para diseñar y desarrollar un sitio web hay que tener en cuenta una gran cantidad de detalles; pero de todos estos hay ciertos elementos que son más importantes que otros. Son los elementos que se utilizan constantemente entre los sitios más exitosos.

Con esto en mente, aquí les dejo los 15 elementos claves que siempre deben ser tomados en cuenta en cualquier página web...

1. Buen diseño visual

Primero lo primero... el diseño Visual. No sé usted, pero si llego a un sitio web que no es visualmente agradable, mi visita es muy rápida.

Esto no quiere decir que todo sitio web deba tener un diseño visual increíble, pero si un sitio parece que no se ha actualizado desde 1994, difícilmente lo catalogaremos como uno de los grandes sitios webs.

Un diseño limpio y sencillo, por lo general, es todo lo que se necesita. Yo soy uno de los que está de acuerdo con la teoría “menos es más”.

Las primeras impresiones son fundamentales. Y si bien, un buen diseño no es suficiente para mantener a alguien en su sitio, un diseño llamativo lo es, por lo menos, para llamar su atención el tiempo suficiente como para que eche un vistazo al contenido.

2. Interfaz de usuario bien pensada

Junto con un buen diseño se requiere una buena interfaz de usuario. La interfaz de usuario es la base funcional de cualquier buen sitio web. Al diseñar un sitio web, tendrá que tener en cuenta el promedio de los usuarios. ¿Quién va a visitar su sitio web? ¿Quién es su cliente ideal? ¿Se trata de un tech-savy? ¿Un analfabeto de la PC?

Esto es útil para crear una imagen ideal de su visitante y tenerla en cuenta a la hora de planificar el diseño de su sitio. Asegúrese de que usted ofrece en su sitio web todo lo que sus visitante quiere encontrar, antes de que realice una compra o se convierta en un suscriptor.

Usted deberá estar seguro de que su navegación es sencilla de comprender y coherente con los demás elementos de su web. Que sea evidente que el usuario debe hacer clic en términos de navegación primaria, así como en enlaces para acceder a ciertas áreas de su contenido.

3. Navegación primaria desde el primer pantallazo

Parte de tener una navegación sencilla es asegurarse de que el menú principal del sitio este en la parte superior y/o sea visible desde el primer pantallazo de la web. En la actualidad, los monitores son cada vez más grandes y con mayor resolución. Por lo general, se considera que el menú debe estar entre los 500-600 pixeles superiores de la página web.

Dentro de este espacio, debe incluirse el logotipo (con un enlace a la página de inicio), así como enlaces a las secciones principales de su sitio. Si se quisiera enlazar a sub-páginas podría hacerlo; aunque, en la mayoría de casos, esto incrementaría el desorden en su diseño. (Ver CSS: Colección de menús de navegación web 2.0)

Por ejemplo el menú podría ser "Home | Acerca de | Servicios | FAQ | Contacto" y estar ubicado en la parte superior de su sitio web. Además puede colocar sub-links, tales como Acerca del autor/ Curriculum, en algún otro lugar, como en su barra lateral o como un sub-menú bajo el título de la página principal de esa sección, etc.

La consistencia es la clave. Debe estar seguro de que el menú primario como secundario este en el mismo lugar en las distintas páginas de su sitio web.

4. Repita la navegación en el pie de página

Si utiliza imágenes (o incluso flash) en su menú de navegación principal, es importante ofrecer un duplicado de enlaces de navegación en su pie de página. Incluso si utiliza enlaces de texto en la parte superior, la duplicación todavía es útil. ¿No le gustaría que sus visitantes encuentren el contenido que están buscando fácilmente?

Muchas veces el pie de página puede contener enlaces a información adicional, como Los términos y condiciones. Debemos enlazar cosas que queremos que sean fácilmente ubicables, pero que no queremos aparezcan en el menú de navegación de la parte superior.

5. Contenido significativo

¿Conoces el dicho... "El Contenido es el Rey"? Usted podría tener una bonita página web que capture el ojo de la gente; pero, si el contenido no es bueno, puede apostar a que no van a regresar.

Al escribir en su sitio web, es importante que proporcione ayuda, información sobre los conocimientos de su empresa, productos, servicios, etc. Utilizar un blog y artículos informativos relacionados con el área de su especialización, sería increíblemente útil.

Si bien es importante que usted se venda a sí mismo como a su empresa, tampoco hay que sobre promocionarse. En especial en los blogs, las personas que nos leen no quieren escuchar a cada rato “yo yo yo”, sino saber los puntos en que usted puede ayudarlos.

6. Una sólida página Acerca de

Entre las 10 páginas más populares de mi propio sitio (después de la portada, el blog, 3 páginas específicas del blog y mi cartera) está la de Acerca de. Tengo más clicks hacia mi página Acerca de que a mi cartera de clientes o a páginas de servicios, ¡pueden creer esto!

Esto es simplemente porque la gente es curiosa. Ellos quieren saber quién está detrás de una empresa o un blog. Yo tengo una página Acerca de… muy tímida, sería bueno incluir una foto propia y una resumida biografía. Es increíble la curiosidad, uno siempre para haciendo clic en las páginas de Acerca de…, tratando de obtener más información sobre el autor o escritor, etc.

Sería bueno también, incluir información sobre su vida, estudios, su propio negocio, etc. La página Acerca de… ayuda a crear un vínculo más personal con sus posibles clientes. Si ellos leen lo que usted ha escrito y con ello pueden conocerlo un poco más, serán capaces de dirigirse a usted en otro nivel de afinidad.

7. Información de Contacto

Siguiendo estos consejos, nada podrá alejarlo de un potencial cliente, a menos que no sea capaz de ponerse en contacto con usted. Si el cliente está interesado en sus servicios y no puede encontrar una simple página de contacto donde contratarlo, pues terminará yéndose a la competencia.

Lo ideal sería que usted ofrezca más de un método de contacto. Por lo menos una dirección de correo electrónico y unformulario de contacto. Para hacerlo más "real", usted debería tratar de incluir un número de teléfono (y, si es posible una dirección). Sé que muchos trabajadores independientes trabajan desde una oficina en casa. Una rápida solución sería tener una línea telefónica para llamadas de negocios, así como un buzón de correspondencias.

Si bien es cierto, todos estos detalles son más costosos, también lo es que se ve mucho más profesional que alguien que sólo incluye una dirección de correo electrónico. Todo depende del tipo de clientes a los que se está dirigido. Por ejemplo, si uno trabaja con clientes corporativos, que vean una dirección y teléfono es signo de estabilidad y confianza.

8. Búsqueda

Si usted tiene un gran sitio web o blog, un buscador es realmente útil. No hay nada como atravesar cientos de páginas y encontrar el contenido específico que uno necesita. Si un potencial cliente no puede encontrar algo fácilmente, es muy posible que se vaya donde encuentre ese contenido.

Utilizar el buscador de Google en su sitio, o la herramienta de búsqueda de WordPress (o cualquier otra plataforma de blogs o CMS) es bastante sencillo. No es tan fácil de lograrlo con un sitio en HTML, pero aún hay servicios que permiten incorporar un formulario de búsqueda en su sitio.

9. Registro / Suscripción

Si su sitio web ofrece contenido nuevo constantemente, como con un blog, usted debe tratar de ofrecerlo de la manera más fácil y cómoda posible.

Si tenemos un blog con WordPress, por defecto proporcionamos un feed RSS. Pero, si deseamos ampliar nuestra oferta podríamos hacerlo utilizando FeedBurner, y mejor aún, activando el plugin Feedburner Feedsmith, para mostrar el número de nuestros suscriptores actuales.

Si no tenemos un blog, pero deseamos ofrecer suscripciones a un boletín informativo por correo electrónico, hay muchas empresas que permiten la configuración y gestión de una lista de correo. Ellos nos proporcionan un código a pegar en nuestro sitio, a fin de que los visitantes puedan suscribirse para obtener actualizaciones en sus correos electrónicos..

10. Mapa del sitio

Existen dos tipos de sitemaps - uno para los seres humanos y uno de los motores de búsqueda. Un mapa del sitio (html o php, etc.) es para los visitantes de su sitio una valiosa herramienta para encontrar justo lo que están buscando.

Crear un mapa de la web -una lista estructurada de todas las páginas de su sitio web- es especialmente útil si usted no puede añadir una herramienta de búsqueda a su sitio. Un enlace al mapa del sitio es otro tema, sería recomendable colocarlo en el pie de página de su todo sitio. Un buen mapa del sitio, muestra una lista a todas las páginas de su sitio en formato jerárquico.

11. Separar el diseño del contenido

Ha pasado mucho tiempo desde los días en que se utilizaban tablas para el diseño HTML. Los mejores sitios utilizan una combinación de XHTML y CSS, creando la separación del diseño respecto al contenido. (Lectura recomendada: XHTML vs. HTML.- Sus Principales diferencias)

Con el uso de las etiquetas se puede crear elementos que engloben texto e imágenes en sus páginas. Sin un archivo CSS sólo se verían los elementos básicos - el texto -, que es lo que los motores de búsqueda quieren ver.

El archivo CSS externo es el que especifica las fuentes, colores, imágenes de fondo, etc. para el diseño de su sitio web. Lo que supone un ahorro de trabajo, ya que no hay que ingresar y modificar cada página web estática a fin de cambiar el color de un texto.

Con esta separación, los motores de búsqueda ya no tienen que recorrer a través de todo el exceso de código a fin de averiguar su contenido. Y con archivos separados, el contenido puede cargar más rápido, lo que es positivo desde el punto de vista del visitante.

12. Validación XHTML / CSS

No es suficiente desarrollar su sitio web con XHTML y CSS, también tiene que tener un código preciso. Dos instrumentos de incalculable valor para supervisar su código fuente son ofrecidos por la W3C:

·         W3C Markup Validation Service

·         W3C CSS Validation Service

Hay muchas razones para escribir código válido... Una de las principales es estar seguros de que nuestro sitio se verá bien en la mayoría de navegadores y serán accesibles a los motores de búsqueda.

13. Compatibilidad del navegador

Aunque usted puede vivir y respirar dentro de Firefox, su cliente puede que no. Hay muchas posibilidades de que su cliente este utilizando Internet Explorer… y peor aún, hay una mayor posibilidad de que estén usando Internet Explorer 6.

Es importante crear una página web accesible a tantos navegadores como sea posible, y si podemos hacerlo compatible con las distintas plataformas, sería ideal. La mayoría de usuarios finales utilizan una PC, por lo que esta debería ser nuestra principal plataforma. Sin embargo, muchas personas podrían utilizar Mac, por lo que sería bueno prestarles atención, también.

En internet existen herramientas que nos ofrecen capturas de pantalla de nuestra página web en distintos navegadores, a fin de comprobar su correcto funcionamiento. Por ejemplo, Browser Shots.

14. Imágenes Web optimizadas

Al diseñar la web, es importante guardar todas las imágenes en un formato comprimido. No tanto como para que sus imágenes se vean pixeladas; pero comprimiendo todo lo que sea posible, al mismo tiempo que mantenemos la calidad.

Si estás acostumbrado a hacer trabajos de impresión, sabrá que 300 ppp es la norma. No es el caso con los sitios web. Al guardar sus imágenes en 72dpi obtendremos un mucho menor tamaño del archivo (o lo que es lo mismo, el tiempo de carga será más rápido para sus visitantes).

Programas como Adobe Photoshop tiene una opción "Guardar para Web" que convierte automáticamente los archivos de imagen a 72dpi si se le olvidó, así como una variedad de ajustes de compresión al guardar sus imágenes. Para la web, los formatos pueden ser png, jpg o gif en función de su uso. (Lectura recomendada: Photoshop: Optimizar imágenes para la web)

15. Estadísticas, seguimiento y análisis

Aunque este elemento está detrás de escena y es poco probable que un visitante lo sepa, es fundamental. Hay muchos servicios que ofrecen seguimiento de estadísticas web, incluyendo información relevante como:

·         ¿Cuál es el número de hits recibidos?

·         ¿Cuántos de los visitantes son únicos?

·         ¿Cómo llegan las personas a mi sitio Web?

·         ¿Cuáles son los términos de búsqueda con el que encuentran mi sitio?

·         ¿Qué sitios web me enlazan?

·         ¿Cuáles son las páginas más populares de mi sitio?

·         ¿Cuál es mi media de visitantes (plataforma / navegador / resolución de pantalla)?

La herramienta más popular para realizar un seguimiento es Google Analytics, ya que ofrece una solución muy sólida y gratuita.

Si desea supervisar el rendimiento de su sitio web y como poder mejorarlo, tener un buen sistema de estadísticas es la clave!