reglas básicas de diseño de sitios web

23
10 reglas básicas de diseño de sitios web El objetivo principal de cualquier sitio web es la comunicación. La comunicación a través de imágenes, palabras y del diseño en general, siendo clave para ayudarnos a ofrecer la información de una manera exitosa.

Upload: paula-andrea-correa-montano

Post on 13-Jun-2015

148 views

Category:

Design


4 download

DESCRIPTION

0 Reglas Basicas en el diseño web / Normatividad

TRANSCRIPT

Page 1: Reglas básicas de diseño de sitios web

10 reglas básicas de diseño de sitios web

El objetivo principal de cualquier sitio web es la comunicación. La comunicación a través de imágenes, palabras y del diseño en general, siendo clave para ayudarnos a ofrecer la información de una manera exitosa.

Page 2: Reglas básicas de diseño de sitios web

10 reglas básicas de diseño de sitios web

Para crear páginas web que se vean bien y entreguen el mensaje correcto, un diseñador gráfico / web debe seguir algunas reglas básicas que se resumen a continuación:

1. Usar imágenes de alta calidad. Elige cuidadosamente las mejores imágenes que va con el mensaje.

2. Sé valiente a la hora de diseñar. Los sitios web que se destacan entre la multitud son memorables para los clientes y lectores.

3. Diseño con un propósito. Cada elemento de una página web debe ser diseñado con un propósito. Siempre tiene que haber una razón para la creación de cualquier elemento de la página web.

Page 3: Reglas básicas de diseño de sitios web

10 reglas básicas de diseño de sitios web

4. Lo simple es mejor. Los diseños simples tienen un mayor impacto en lugar de los complicados. Una disposición de uno o dos-columnas es mucho mejor que un diseño de múltiples columnas.

5. Elija las fuentes sabiamente. La tipografía es una parte muy importante de un diseño.

6. Elija gráficos sobre el texto. Las imágenes entregan el mensaje de manera más directa y son más fáciles de entender que un bloque de texto. Recuerde siempre que los lectores tienen prisa y quieren encontrar la información lo más rápidamente posible.

Page 4: Reglas básicas de diseño de sitios web

10 reglas básicas de diseño de sitios web

7. Mejorar las partes importantes de una página. El lector debe saber de lo que trata su sitio web en los primeros 10 segundos de la primera visita, por lo que es muy importante destacar las características importantes.

8. Organización. Un sitio web organizado y optimizado es muy importante, no sólo porque el lector puede encontrar la información que necesita rápidamente, sino también porque de esta manera su sitio web atraerá más tráfico. Organizar el contenido, añadir etiquetas y categorías con el fin de hacerlo más fácil de usar es un punto importante a considerar.

Page 5: Reglas básicas de diseño de sitios web

10 reglas básicas de diseño de sitios web

9. Compatibilidad. La conectividad a través de todos los dispositivos actuales debe ser asegurada, por lo que es necesario que la página web esté codificada para que pueda ser visto en todos los dispositivos móviles.

10. Resumir. Los lectores son más propensos a leer frases cortas, párrafos y artículos escritos de una manera corta y directa.

Page 6: Reglas básicas de diseño de sitios web

NORMATIVIDAD

Page 7: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854

ACCESIBILIDAD A PAGINAS WEB

Page 8: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

PRINCIPIOS

Los requisitos de la Norma se alinean por principios:

• PRINCIPIO 1: PERCEPTIBLE

• PRINCIPIO 2: OPERABLE

• PRINCIPIO 3: COMPRENSIBLE

• PRINCIPIO 4. ROBUSTO

Page 9: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 1: PERCEPTIBLE:

La información y los componentes de la interfaz de usuario deben presentarse a los usuarios, de modo que ellos puedan percibirlos.

Page 10: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 1: PERCEPTIBLE:

Alternativas textuales

Se deben proporcionar alternativas textuales para todo contenido no textual de modo que se pueda convertir a otros formatos que las personas necesiten, tales como textos ampliados, braille, voz, símbolos o en un lenguaje más simple.

Page 11: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 1: PERCEPTIBLE:

Adaptable

Se debe crear contenido que pueda presentarse de diferentes formas (por ejemplo, con una disposición más simple), sin perder información o estructura.

Distinguible

Se debe facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo.

Page 12: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 2: OPERABLE

Accesible por teclado

Se debe proporcionar acceso a toda la funcionalidad mediante el teclado.

Tiempo suficiente

Se debe proporcionar a los usuarios el tiempo suficiente para leer y usar el contenido.

Page 13: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 3: COMPRENSIBLE

La información y el manejo de la interfaz de usuario deben ser comprensibles.

Page 14: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 3: COMPRENSIBLE

Legible

Se debe hacer que los contenidos textuales resulten legibles y comprensibles.

Predecible

Se debe hacer que las páginas web aparezcan y operen de manera predecible.

Page 15: Reglas básicas de diseño de sitios web

Norma Técnica ICONTEC 5854 ACCESIBILIDAD A PAGINAS WEB

• PRINCIPIO 4. ROBUSTO

El contenido debe ser suficientemente robusto como para ser interpretado de forma fiable por una amplia variedad de aplicaciones de usuario, incluyendo las

ayudas técnicas.

Compatible

Se debe maximizar la compatibilidad con las aplicaciones de usuario actuales y futuras, incluyendo las ayudas técnicas.

Page 16: Reglas básicas de diseño de sitios web

Accesibilidad al contenido web.

Page 17: Reglas básicas de diseño de sitios web

W3C

Page 18: Reglas básicas de diseño de sitios web

W3C

El World Wide Web Consortium, abreviado W3C, es un consorcio internacional que produce recomendaciones para la World Wide Web (www).

Está dirigida por Tim Berners-Lee, el creador original de URL, HTTP y HTML que son las principales tecnologías sobre las que se basa la Web.

Page 19: Reglas básicas de diseño de sitios web

W3C

OBJETIVO

El objetivo del W3C es guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas que aseguren el crecimiento futuro de la Web. Debajo tratamos importantes aspectos de este objetivo, los cuales promueven la visión del W3C de Web Única.

Page 20: Reglas básicas de diseño de sitios web

PRINCIPIOS DE LA W3C

Web para todo el mundo

El valor social que aporta la Web, es que ésta hace posible la comunicación humana, el comercio y las oportunidades para compartir conocimiento. Uno de los objetivos principales del W3C es hacer que estos beneficios estén disponibles para todo el mundo, independientemente del hardware, software, infraestructura de red, idioma, cultura, localización geográfica, o habilidad física o mental.

Page 21: Reglas básicas de diseño de sitios web

PRINCIPIOS DE LA W3C

Web desde cualquier dispositivo

La cantidad de dispositivos diferentes para acceder a la Web ha crecido exponencialmente. Actualmente, los teléfonos móviles, teléfonos inteligentes, PDAs, sistemas de televisión interactiva, sistemas de respuesta de voz, puntos de información e incluso algunos pequeños electrodomésticos pueden acceder a la Web.

Page 22: Reglas básicas de diseño de sitios web

PRINCIPIOS DE LA W3C

Visión

La visión del W3C para la Web incluye la Participación, compartir conocimiento y, de esta forma, construir confianza a gran escala.

Page 23: Reglas básicas de diseño de sitios web

PRINCIPIOS DE LA W3C