Introducción al diseño web: Conceptos básicos

Nielsen Jakob, asegura que la web empezó a tener problemas a partir del año 2000, producto de su tamaño y rapidez de crecimiento, por lo tanto es inaceptable tener que vivir con páginas web mal diseñadas, ya que esto disminuiría su popularidad y dejaría de ser usable. Una página web con problemas de organización en su contenido, hace que el usuario decida no volver a consultarla y por lo tanto el objetivo del sitio no se cumple.

Nosotros como navegadores optamos por lo más sencillo y comprensible, donde podamos contar con la información que deseamos a una velocidad considerable que no nos haga perder tiempo. La elaboración de una página web es muy simple por medio del lenguaje HTML, y no es necesario tener amplios conocimientos de este mismo. ¿Que es HTML? HTML, siglas de HyperText Markup Language (Lenguaje de Marcas de Hipertexto), es el lenguaje marcado predominante para la construcción de páginas web. Básicamente los sitios no son usables, ya que presentan problemas de usabilidad.

La usabilidad es una serie de métodos y normas que buscan hacer un sitio web mucho más fácil de usar y de aprender, en pocas palabras, un sitio es usable cuando es fácil de encontrar ya sea en forma directa cuando ya conocemos el nombre de la página, navegando cuando te encuentras la página por medio de links que te llevan hacia ella ó a partir de buscadores.

Una vez que encontramos el sitio web, lo siguiente es la “visibilidad” y este punto incluye el contenido y la estética, aunque muchas veces este mismo llegue afectar la usabilidad, el contenido debe de tener elementos legibles y coherencia de la funcionalidad de la página, es por ello que lo primero que debemos hacer al crear un sitio web, es preguntarnos ¿A qué tipo de público va dirigido? Y una vez que nuestro sitio haya sido visitado, debemos hacer que el usuario vuelva a él, por esa razón debemos cambiar periódicamente la información que damos a conocer, esto con el fin de que siempre se quiera saber más y quien este navegando tenga la certeza que habrá cosas nuevas que explorar.

Conceptos básicos:

Página Web:
Documento realizado en HTML y que es parte de un sitio Web. Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP, ASP, JavaScript.

Sitio Web:
Página principal y sus otras páginas, gráficos, documentos, multimedia y otros archivos asociados que se almacenan en un servidor Web o en el disco duro de un equipo.

HTML:(Lenguaje de marcado de hipertexto)
Lenguaje estándar de marcas empleado para documentos del World Wide Web.

Hipervínculo:
Al hipervínculo se le suele llamar “enlace Web” o en su versión anglosajona “link”. Un hipervínculo es una conexión de una página a otro destino como, por ejemplo, otra página o una ubicación diferente en la misma página. El destino es con frecuencia otra página Web, pero también puede ser una imagen, una dirección de correo electrónico, un archivo o un programa. Un hipervínculo puede ser texto o una imagen.

Editor:
Programa utilizado para crear páginas web sin la necesidad de tener que aprender el lenguaje. Ejemplos: M. FrontPage 2000 y Macromedia Dreamweaver.

Servidor:
Máquina conectada a Internet que –entre otros servicios- ofrece albergue para páginas Web haciendo que estén accesibles desde cualquier punto de Internet.

Cliente FTP:
Programa que permite conectarse al servidor para publicar páginas Web.

Hosting:
Hospedaje Web.

Dominio:
Dirección web asociada a una página web.

ISP:
En el ámbito del desarrollo de sitios web, se puede decir que un ISP es un proveedor de servicios para web. Los diferentes servicios que pueden ofrecer son: conexión a Internet, registro de dominio, hospedaje de sitios web, servicios de contadores de servicios, libros de visitas gratuitos, estadísticas para web, entre otros.

URL:(Universal Resource Location / Localizador de recursos universal)
Cadena que proporciona la dirección de Internet de un sitio Web o un recurso del World Wide Web, junto con el protocolo mediante el cual se tiene acceso al sitio o al recurso. El tipo más común de dirección URL es http://, que proporciona la dirección de Internet de una página Web. Otros tipos de dirección URL son gopher://, que proporciona la dirección de Internet de un directorio Gopher, y ftp://, que proporciona la ubicación de red de un recurso FTP. Ejemplos: http://www.desenredate.com , http://www.google.com

Applets:
Programas desarrollados con Java para mejorar la presentación de las páginas Web que realizan animaciones, juegos e interacción con el usuario.

Frames (marcos):
Áreas rectangulares que subdividen las ventanas de algunas páginas Web, cada una de las cuales contiene un documento de hipertexto independiente de los demás.

Webmaster:
Un webmaster es el encargado de crear, diseñar, estructurar, maquetar, publicar, promocionar y mantener un sitio Web.

Tablas:
Elemento fundamental para la maquetación y distribución de contenidos de una página web.

Banner:
Elemento gráfico con forma rectangular, normalmente animado, cuyo contenido es publicidad. Imagen: Archivo gráfico que se puede insertar en una página Web y mostrar en un explorador de Web. Existen diferentes formatos: GIF, JPEG, BMP, TIFF, WMF y PNG, entre otros.

Propiedades:
Características de un elemento del Web actual, como el título y la dirección URL de un Web o el nombre y el valor inicial de un campo de formulario. También puede especificar propiedades para elementos de página como tablas, gráficos y elementos activos.

Aspectos básicos para un buen sitio web:

a) Debe ser rápido al momento de acceder.

b)Su diseño debe ser simple para mejor legibilidad y comprensión del usuario.

c)Ser investigable, estar posicionada en buscadores ó contar con links en distintas páginas que te lleven a su contenido.

d/e)Adecuarse a la pantalla con una buena resolución y mantenerlo en constante actualización.
En pocas palabras, lo que el autor quiere decir, es que el análisis de un sitio debe ser integral: el mejor diseño y el mejor contenido (interacción, navegación, servicios, etc).


Bibliografía:

http://www.dcc.uchile.cl/~rbaeza/inf/usabilidad.html