Conceptualización y Planificación de sitios web
-
Upload
francisco-berrizbeitia -
Category
Documents
-
view
1.412 -
download
0
Transcript of Conceptualización y Planificación de sitios web
![Page 1: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/1.jpg)
Conceptualización y Planificación de sitios web
http://ucab-informaticaii.blogspot.com
![Page 2: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/2.jpg)
Planificación de sitios web
Conceptualización Desarrollo Generación de contenidos Difusión
1. Idea2. Concepto3. Descripción4. Diseño de
contenidos5. Diseño gráfico
1. Escoger la plataforma de distribución
2. Personalización 3. Pruebas
• Puesta en marcha del plan de difusión. • Análisis y mejoras constantes a la estrategia
• Creación de los contenidos: Artículos, videos, animaciones, audios, etc..
![Page 3: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/3.jpg)
Planificación de sitios web
Todo comienza con
una idea
![Page 4: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/4.jpg)
Planificación de sitios web
![Page 5: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/5.jpg)
Para comenzar se debe elaborar un documento con el siguiente contenido:• Descripción Corta: Descripción en una o dos línea• Palabras clave: Palabras que definan el sitio, pueden ser conjuntos de palabras.• Descripción Larga: Escriba con detalle los temas que tratará su publicación en un máximo 20 líneas• Público objetivo: Defina las personas que usted cree se interesarán en su propuesta. Genero, edad, localización o intereses personales por ejemplo. Si es posible realizar una estimación del tamaño del público.• Referencias: Busque en Internet y de por lo menos 3 ejemplos (en Venezuela o en el mundo) de páginas que manejan contenido similar al suyo.• Diferenciación: Qué ofrece mi propuesta que la hace distinta y atractiva para el público objetivo.
Planificación de sitios web
![Page 6: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/6.jpg)
Diseño de contenidosArquitectura de la información
HOME
Sobre Nosotros ContactoProductos
Categoría 1 Categoría 2 Categoría 3
Producto 1
Producto 2
Además de definir la estructura también
debemos describir lo más detalladamente posible
cada sección del sitio
![Page 7: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/7.jpg)
Diseño de contenidosArquitectura de la información
Ejemplo: elearningvenezuela.com
HOME
Autoría LMS Diseño Instruccional Actualidad
Artículo 1
Artículo N
Artículo 1
Artículo N
Artículo 1
Artículo N
Artículo 1
Artículo N
Autores
![Page 8: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/8.jpg)
Conceptos básicos a tomar en cuenta
![Page 9: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/9.jpg)
Conceptos Básicos
UsabilidadEn interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web.http://es.wikipedia.org/wiki/Usabilidad
![Page 10: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/10.jpg)
"El usuario pasa la mayor parte del tiempo
en otros sitio web".
Jakob Nielsen
![Page 11: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/11.jpg)
Guías de diseño gráfico
Simplicidad• Menos es mejor: Utilice la menor cantidad de recursos para comunicar lo que desee.
• Para lograrlo es indispensable tener claro el objetivo comunicacional. ¿Qué quiero decir?.
• El visitante debe tener claro a primera vista y de manera muy sencilla de que se trata la página.
![Page 12: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/12.jpg)
Qué quiere hacer la persona que ingresa en twitter.com:
Saber de que se trata el servicioIngresar a su cuentaSuscribirse al servicio
![Page 13: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/13.jpg)
![Page 14: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/14.jpg)
![Page 15: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/15.jpg)
![Page 16: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/16.jpg)
Guías de diseño gráfico
Menos columnas• Por norma general no debemos usar más de tres columnas.
• Si el sitio no va a manejar demasiada información (ej.Página de noticias) lo recomendable es usar dos columnas
![Page 17: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/17.jpg)
![Page 18: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/18.jpg)
Guías de diseño gráfico
Lo más importante arriba• El visitante va a ver la página comenzado por la parte superior izquierda como si fuera un libro. Por esa razón se coloca el logo en ese lugar.• La información más importante debe estar situada en la parte superior
![Page 19: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/19.jpg)
![Page 20: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/20.jpg)
Diagrama General - Ejemplo
LOGO Explicación del sitio web en una frase
Barra de navegación si tiene varias secciones
Información destacada
Área para noticias / artículos Área para widgets
![Page 21: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/21.jpg)
![Page 22: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/22.jpg)
![Page 23: Conceptualización y Planificación de sitios web](https://reader035.fdocuments.co/reader035/viewer/2022062319/557b81ced8b42aff318b52ad/html5/thumbnails/23.jpg)