SlideShare una empresa de Scribd logo
1 de 20
Paginas Web
Sarah Castillo
Sujail Abdallah
HEADER O CABEZOTE
HAMBURGESA O MENUCONTROL DE SONIDO
COMPARTIR
LOGO
MENÚ SALIR DEL MENÚ
Cuando bajas tiene una forma diferente de presentar e contenido de acuerdo al orden del menú
Aquí esta el cursor, si das clic sostenido.
Te baja a la siguiente sesión, denominada CH.01
La pagina tiene música constante.
Cuando llega al texto.
En audio se escucha a la
autora leyendo el texto.
A medida que se va bajando, se ven imágenes o videos
Subtitulo de la unidad
Explicación
Imágenes
FOOTER O REMATE
Distribución del
contenido
Texto 25%
Imágenes 50%
Videos 25
Sonido ambiente siempre, incluso
lee automáticamente el texto en
voz fluida y natural
Anatomía y experiencia de
usuario.
La pagina web tiene un diseño muy innovador,
moderno y fluido, permite hacer scroll durante
mucho tiempo y juega con detalles como en el
cambio de sesión, dar clic y sostener y esto
hace que de manera muy ingeniosa sigamos a
la siguiente sesión.
Es importante reconocer que es una pagina
simple, que distribuye todo su contenido a lo
largo de su navegación pero que mantiene una
imagen fresca y jovial de visualizarla, el tipo de
letra, el color negro de fondo, la música, las
voces leyendo los textos y la interacción con el
usuario hace que para éste, sea una
experiencia única y diferente a las paginas
convencionales.
Responsive
Cabezote
Logo
Menú
Parte A
Información mas relevante
Parte B
Video Se
Puede
Seguir Bajando
Remate o Footer
Llamado a la acción
Responsive
Distribución
del contenido
• Texto 20%
• Imágenes 70%
• Videos 10%
Experiencia
de usuario
El sitio web de National Geographic tiene
una estructura simple y fácil de navegar,
solo es hacer scroll hacia abajo, van
apareciendo los diferentes contenidos y
en varios momentos de la navegación
hace invitaciones a suscribirse o ingresar
para disfrutar de mas contenido.
Anatomía
La experiencia del usuario es de fácil
navegación, muy intuitiva, la puede
utilizar desde un niño hasta una persona
adulta que de pronto no tenga muchos
conocimientos de navegación, permite
conocer todo su contenido solo con bajar
a través de ella.
Logo Redes sociales
HEADER
Animación
Parte B
Menú
Al entrar a una opción del
menú, abren pestañas con un
gran titulo e imagen de
portada por cada tema.
Responsive
Remate
Vuelve a
aparecer el
menú
Distribución
del contenido
• Texto 35%
• Imágenes 40%
• Videos 25%
Experiencia
de usuario
El sitio web Reuters investigate, organiza su
contenido de manera muy sencilla, se trata de
una pagina básica donde se hace un scroll hacia
abajo muy corto, hay una buena cantidad de
texto y un menú con icnos y texto donde
aparecen 4 opciones sobre los cuales las
personas al entrar en estos botones, son
dirigidos a una sesión donde explica cada
contenido.
Anatomía
La experiencia del usuario sencilla, no
tiene ningún nivel de complicación para
acceder a cualquier información en ella,
solo es deslizar hacia abajo y oprimir
cualquiera de las 5 opciones que ofrece el
menú, los colores e iconos hacen de esta
pagina que tenga un diseño muy sencillo
pero llamativo.
Distribución
del contenido
• Texto 35%
• Imágenes 40%
• Videos 25%

Más contenido relacionado

La actualidad más candente

La actualidad más candente (7)

Definit
DefinitDefinit
Definit
 
Cuestionario n2
Cuestionario n2Cuestionario n2
Cuestionario n2
 
Nnnnnnnn
NnnnnnnnNnnnnnnn
Nnnnnnnn
 
Imgur 2
Imgur 2Imgur 2
Imgur 2
 
Herramienta Imgur
Herramienta ImgurHerramienta Imgur
Herramienta Imgur
 
Manual Tumblr
Manual TumblrManual Tumblr
Manual Tumblr
 
Taller word
Taller wordTaller word
Taller word
 

Similar a Paginas web (20)

Taller 4 emi 2
Taller 4 emi 2Taller 4 emi 2
Taller 4 emi 2
 
Taller 4 emi
Taller 4 emiTaller 4 emi
Taller 4 emi
 
Anatomia de la web
Anatomia de la webAnatomia de la web
Anatomia de la web
 
Actividad #4. Webby awards.
Actividad #4. Webby awards.Actividad #4. Webby awards.
Actividad #4. Webby awards.
 
Elementos de la web
Elementos de la webElementos de la web
Elementos de la web
 
Grilla de analisis de sitios web 2
Grilla de analisis de sitios web 2Grilla de analisis de sitios web 2
Grilla de analisis de sitios web 2
 
Grilla de analisis de sitios web
Grilla de analisis de sitios web Grilla de analisis de sitios web
Grilla de analisis de sitios web
 
Grilla de analisis de sitios web
Grilla de analisis de sitios web Grilla de analisis de sitios web
Grilla de analisis de sitios web
 
Programas para crear lasmejores presentaciones- paola c solis lopez
Programas para crear lasmejores presentaciones- paola c solis lopezProgramas para crear lasmejores presentaciones- paola c solis lopez
Programas para crear lasmejores presentaciones- paola c solis lopez
 
User experience
User experienceUser experience
User experience
 
Webby awards
Webby awards Webby awards
Webby awards
 
Castañeda y chavez
Castañeda y chavezCastañeda y chavez
Castañeda y chavez
 
Presentacion sobre Ubuntu
Presentacion sobre UbuntuPresentacion sobre Ubuntu
Presentacion sobre Ubuntu
 
Tarea de youtobe
Tarea de youtobeTarea de youtobe
Tarea de youtobe
 
Tarea de youtobe
Tarea de youtobeTarea de youtobe
Tarea de youtobe
 
Integrantes nticsç
Integrantes nticsçIntegrantes nticsç
Integrantes nticsç
 
Integrantes nticsç
Integrantes nticsçIntegrantes nticsç
Integrantes nticsç
 
Taller
Taller Taller
Taller
 
Cuestionario para slideshare
Cuestionario para slideshareCuestionario para slideshare
Cuestionario para slideshare
 
Cuestionario para slideshare
Cuestionario para slideshareCuestionario para slideshare
Cuestionario para slideshare
 

Último

OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSYadi Campos
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfMercedes Gonzalez
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfUPTAIDELTACHIRA
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdfMiNeyi1
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONALMiNeyi1
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 

Último (20)

OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdfFeliz Día de la Madre - 5 de Mayo, 2024.pdf
Feliz Día de la Madre - 5 de Mayo, 2024.pdf
 
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdfNUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
NUEVAS DIAPOSITIVAS POSGRADO Gestion Publica.pdf
 
Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.Fe contra todo pronóstico. La fe es confianza.
Fe contra todo pronóstico. La fe es confianza.
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
6.-Como-Atraer-El-Amor-01-Lain-Garcia-Calvo.pdf
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
5.- Doerr-Mide-lo-que-importa-DESARROLLO PERSONAL
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 

Paginas web

  • 2. HEADER O CABEZOTE HAMBURGESA O MENUCONTROL DE SONIDO COMPARTIR LOGO
  • 4. Cuando bajas tiene una forma diferente de presentar e contenido de acuerdo al orden del menú Aquí esta el cursor, si das clic sostenido. Te baja a la siguiente sesión, denominada CH.01
  • 5. La pagina tiene música constante. Cuando llega al texto. En audio se escucha a la autora leyendo el texto.
  • 6. A medida que se va bajando, se ven imágenes o videos Subtitulo de la unidad Explicación Imágenes
  • 8. Distribución del contenido Texto 25% Imágenes 50% Videos 25 Sonido ambiente siempre, incluso lee automáticamente el texto en voz fluida y natural Anatomía y experiencia de usuario. La pagina web tiene un diseño muy innovador, moderno y fluido, permite hacer scroll durante mucho tiempo y juega con detalles como en el cambio de sesión, dar clic y sostener y esto hace que de manera muy ingeniosa sigamos a la siguiente sesión. Es importante reconocer que es una pagina simple, que distribuye todo su contenido a lo largo de su navegación pero que mantiene una imagen fresca y jovial de visualizarla, el tipo de letra, el color negro de fondo, la música, las voces leyendo los textos y la interacción con el usuario hace que para éste, sea una experiencia única y diferente a las paginas convencionales.
  • 12. Remate o Footer Llamado a la acción
  • 14. Distribución del contenido • Texto 20% • Imágenes 70% • Videos 10% Experiencia de usuario El sitio web de National Geographic tiene una estructura simple y fácil de navegar, solo es hacer scroll hacia abajo, van apareciendo los diferentes contenidos y en varios momentos de la navegación hace invitaciones a suscribirse o ingresar para disfrutar de mas contenido. Anatomía La experiencia del usuario es de fácil navegación, muy intuitiva, la puede utilizar desde un niño hasta una persona adulta que de pronto no tenga muchos conocimientos de navegación, permite conocer todo su contenido solo con bajar a través de ella.
  • 17. Al entrar a una opción del menú, abren pestañas con un gran titulo e imagen de portada por cada tema.
  • 20. Distribución del contenido • Texto 35% • Imágenes 40% • Videos 25% Experiencia de usuario El sitio web Reuters investigate, organiza su contenido de manera muy sencilla, se trata de una pagina básica donde se hace un scroll hacia abajo muy corto, hay una buena cantidad de texto y un menú con icnos y texto donde aparecen 4 opciones sobre los cuales las personas al entrar en estos botones, son dirigidos a una sesión donde explica cada contenido. Anatomía La experiencia del usuario sencilla, no tiene ningún nivel de complicación para acceder a cualquier información en ella, solo es deslizar hacia abajo y oprimir cualquiera de las 5 opciones que ofrece el menú, los colores e iconos hacen de esta pagina que tenga un diseño muy sencillo pero llamativo. Distribución del contenido • Texto 35% • Imágenes 40% • Videos 25%