SlideShare una empresa de Scribd logo
ARQUITECTURA DE LA INFORMACIÓN
estructura jerárquica
1.Identificar los objetivos principales de la web o app.
¿Qué es lo que se quiere lograr con ella?
2.Identificar las secciones principales de la web o app.
Por ejemplo, si se trata de una tienda en línea, se pueden
identificar las secciones principales como: productos,
carrito de compras, registro, inicio de sesión, entre otras.
3.Crear una estructura jerárquica a partir de las
secciones principales. Esto se puede hacer mediante un
diagrama de árbol, en el que se coloca la sección
principal en la parte superior y se van agregando las
subsecciones debajo de ella. Por ejemplo, si se tiene la
sección de productos, debajo de ella se pueden colocar
las subsecciones de ropa, zapatos, accesorios, etc.
Para crear una estructura jerárquica de
una web o app en gráfica, se pueden
seguir los siguientes pasos:
4. agregando subsecciones y niveles a
medida que sea necesario, creando una
estructura jerárquica que sea fácil de seguir
y entender para los usuarios.
5. Es recomendable etiquetar cada sección
y subsección con nombres claros y
descriptivos para que los usuarios puedan
entender de qué se trata cada sección.
6. Finalmente, se puede representar la
estructura jerárquica en un diagrama o
gráfico que muestre la relación entre las
diferentes secciones y subsecciones de la
web o app.
Es importante recordar que la estructura
jerárquica debe ser intuitiva y fácil de seguir
para los usuarios, lo que puede mejorar la
experiencia de usuario y aumentar la eficacia
de la web o app.
•Usabilidad: el objetivo del diseño web es que el usuario pueda moverse de manera fácil,
sencilla e intuitiva por los distintos rincones de la web, satisfaga sus deseos y
necesidades, y cumpla sus -y nuestros- objetivos.
•Fiabilidad y estabilidad: un diseño web tiene que inspirar confianza, parecer solvente y
contar con un rendimiento consistente.
Funcionalidad: el sitio web ha de satisfacer los requerimientos de diseño más básicos y
cumplir la función para la que fue creado.
•Creatividad: después de satisfacer las
demás necesidades, el diseño de la web se
utiliza para crear y explorar las distintas
áreas de manera innovadora y a través de
distintos repertorios visuales, como
imágenes, tipografías, colores… En otras
palabras, consiste en hacer que todo encaje
en el sitio web, atraer al usuario y conectar
con él.
•Competencia: que el usuario lleve a cabo
en nuestra página web distintas acciones
mejor de lo que podía anteriormente.

Más contenido relacionado

Similar a jerarquia web.pptx

PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
juanancka
 
tic
tictic
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
Raymond Marquina
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Elsa Canto
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
Elsa Canto
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicoslopzrobrt
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
Workshop Digital
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
Víctor Mayans Asián
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
Angelito Maik
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVERAntonio Galicia
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
handy.ale
 
Arquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webArquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad web
Interlat
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3FRISLY5
 
Kingston team final - Venta de Casas
Kingston team final - Venta de CasasKingston team final - Venta de Casas
Kingston team final - Venta de Casas
LupitaOMG Garmendia
 
Usabilidad en la web
Usabilidad en la webUsabilidad en la web
Usabilidad en la web
hectorium
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
IsaacToxic15
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas webCesar Salazar
 

Similar a jerarquia web.pptx (20)

PLANIFICACION WEB.pptx
PLANIFICACION WEB.pptxPLANIFICACION WEB.pptx
PLANIFICACION WEB.pptx
 
tic
tictic
tic
 
Fundamentos DiseñO Web
Fundamentos DiseñO WebFundamentos DiseñO Web
Fundamentos DiseñO Web
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Usabilidad en Aplicaciones Web
Usabilidad en Aplicaciones WebUsabilidad en Aplicaciones Web
Usabilidad en Aplicaciones Web
 
Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
 
Usabilidad y Experiencia de Usuario
Usabilidad y Experiencia de UsuarioUsabilidad y Experiencia de Usuario
Usabilidad y Experiencia de Usuario
 
Marketing On Line II
Marketing On Line IIMarketing On Line II
Marketing On Line II
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Arquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad webArquitectura del negocio en Internet y usabilidad web
Arquitectura del negocio en Internet y usabilidad web
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3
 
Kingston team final - Venta de Casas
Kingston team final - Venta de CasasKingston team final - Venta de Casas
Kingston team final - Venta de Casas
 
Usabilidad en la web
Usabilidad en la webUsabilidad en la web
Usabilidad en la web
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Tecnico En Sistemas
Tecnico En SistemasTecnico En Sistemas
Tecnico En Sistemas
 
Guía para la creación de páginas web
Guía para la creación de páginas webGuía para la creación de páginas web
Guía para la creación de páginas web
 

Más de ClaudiaGarcia206400

evaluación diagnostico grado noveno.docx
evaluación diagnostico grado noveno.docxevaluación diagnostico grado noveno.docx
evaluación diagnostico grado noveno.docx
ClaudiaGarcia206400
 
7272_aaaataller-de-etica.docx
7272_aaaataller-de-etica.docx7272_aaaataller-de-etica.docx
7272_aaaataller-de-etica.docx
ClaudiaGarcia206400
 
Título.docx
Título.docxTítulo.docx
Título.docx
ClaudiaGarcia206400
 
obra intercampo (1).docx
obra intercampo (1).docxobra intercampo (1).docx
obra intercampo (1).docx
ClaudiaGarcia206400
 
2003_Pedagogia_y_epistemologia.docx
2003_Pedagogia_y_epistemologia.docx2003_Pedagogia_y_epistemologia.docx
2003_Pedagogia_y_epistemologia.docx
ClaudiaGarcia206400
 
Como cree usted.docx
Como cree usted.docxComo cree usted.docx
Como cree usted.docx
ClaudiaGarcia206400
 

Más de ClaudiaGarcia206400 (6)

evaluación diagnostico grado noveno.docx
evaluación diagnostico grado noveno.docxevaluación diagnostico grado noveno.docx
evaluación diagnostico grado noveno.docx
 
7272_aaaataller-de-etica.docx
7272_aaaataller-de-etica.docx7272_aaaataller-de-etica.docx
7272_aaaataller-de-etica.docx
 
Título.docx
Título.docxTítulo.docx
Título.docx
 
obra intercampo (1).docx
obra intercampo (1).docxobra intercampo (1).docx
obra intercampo (1).docx
 
2003_Pedagogia_y_epistemologia.docx
2003_Pedagogia_y_epistemologia.docx2003_Pedagogia_y_epistemologia.docx
2003_Pedagogia_y_epistemologia.docx
 
Como cree usted.docx
Como cree usted.docxComo cree usted.docx
Como cree usted.docx
 

Último

D Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfD Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdf
gersonroman5
 
Tanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEFTanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEF
ntraverso1
 
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptxPortafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
ivandavidalarconcata
 
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotxCUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
nicolaspea55
 
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
DayanaVsquezReyes
 
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
EduardoBalbi3
 
Artistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadoraArtistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadora
martinez012tm
 
imagenes cultura paracas para exposicion
imagenes cultura paracas para exposicionimagenes cultura paracas para exposicion
imagenes cultura paracas para exposicion
SedeBelisario
 
Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.
CamilaIsabelaRodrigu
 
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
andrea Varela
 
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arteUnidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
fusiongalaxial333
 
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
Universidad de Ciencias Aplicadas y Ambientales U.D.C.A
 
Actividad de Educación Física Unidad2 Tarea1
Actividad de Educación Física Unidad2 Tarea1Actividad de Educación Física Unidad2 Tarea1
Actividad de Educación Física Unidad2 Tarea1
MarwinSuarez
 
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jkZona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
MonicaCatan
 
11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf
AColman97
 
Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.
Luis Martínez
 
5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf
5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf
5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf
ntraverso1
 
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
elizabethaldaz60
 
diagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxdiagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptx
gabriel guaicara
 
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOSFICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
ClaudiaCastro129845
 

Último (20)

D Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfD Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdf
 
Tanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEFTanatologia y Tanatopraxia Instituto CEF
Tanatologia y Tanatopraxia Instituto CEF
 
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptxPortafolio final comunicación y expresión ll - ivan alarcon .pptx
Portafolio final comunicación y expresión ll - ivan alarcon .pptx
 
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotxCUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
CUADERNO GRUPAL wbigxvmdhishlsgksmhdhkdkhskgskgsglzkgKgsgkzkhpotx
 
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
9. GEOGRAFÍA FÍSICA DEL PERÚFFFFFFFF.pdf
 
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
 
Artistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadoraArtistic Experience - Una idea innovadora
Artistic Experience - Una idea innovadora
 
imagenes cultura paracas para exposicion
imagenes cultura paracas para exposicionimagenes cultura paracas para exposicion
imagenes cultura paracas para exposicion
 
Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.
 
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
 
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arteUnidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
 
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
 
Actividad de Educación Física Unidad2 Tarea1
Actividad de Educación Física Unidad2 Tarea1Actividad de Educación Física Unidad2 Tarea1
Actividad de Educación Física Unidad2 Tarea1
 
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jkZona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
Zona_Sur_ODONTOLOGIA pdf 2024 mayo kin jk
 
11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf
 
Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.Mapa de historia, arquitectura bizantina y paleocristiana.
Mapa de historia, arquitectura bizantina y paleocristiana.
 
5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf
5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf
5.2 MODULO DE FOTOGRAFIA Medico Legal.pdf
 
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
 
diagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxdiagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptx
 
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOSFICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
FICHASNUMEROSDEPAGINASDEUNO A CINCO AÑOS
 

jerarquia web.pptx

  • 1. ARQUITECTURA DE LA INFORMACIÓN estructura jerárquica
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9. 1.Identificar los objetivos principales de la web o app. ¿Qué es lo que se quiere lograr con ella? 2.Identificar las secciones principales de la web o app. Por ejemplo, si se trata de una tienda en línea, se pueden identificar las secciones principales como: productos, carrito de compras, registro, inicio de sesión, entre otras. 3.Crear una estructura jerárquica a partir de las secciones principales. Esto se puede hacer mediante un diagrama de árbol, en el que se coloca la sección principal en la parte superior y se van agregando las subsecciones debajo de ella. Por ejemplo, si se tiene la sección de productos, debajo de ella se pueden colocar las subsecciones de ropa, zapatos, accesorios, etc. Para crear una estructura jerárquica de una web o app en gráfica, se pueden seguir los siguientes pasos:
  • 10. 4. agregando subsecciones y niveles a medida que sea necesario, creando una estructura jerárquica que sea fácil de seguir y entender para los usuarios. 5. Es recomendable etiquetar cada sección y subsección con nombres claros y descriptivos para que los usuarios puedan entender de qué se trata cada sección. 6. Finalmente, se puede representar la estructura jerárquica en un diagrama o gráfico que muestre la relación entre las diferentes secciones y subsecciones de la web o app. Es importante recordar que la estructura jerárquica debe ser intuitiva y fácil de seguir para los usuarios, lo que puede mejorar la experiencia de usuario y aumentar la eficacia de la web o app.
  • 11. •Usabilidad: el objetivo del diseño web es que el usuario pueda moverse de manera fácil, sencilla e intuitiva por los distintos rincones de la web, satisfaga sus deseos y necesidades, y cumpla sus -y nuestros- objetivos. •Fiabilidad y estabilidad: un diseño web tiene que inspirar confianza, parecer solvente y contar con un rendimiento consistente. Funcionalidad: el sitio web ha de satisfacer los requerimientos de diseño más básicos y cumplir la función para la que fue creado. •Creatividad: después de satisfacer las demás necesidades, el diseño de la web se utiliza para crear y explorar las distintas áreas de manera innovadora y a través de distintos repertorios visuales, como imágenes, tipografías, colores… En otras palabras, consiste en hacer que todo encaje en el sitio web, atraer al usuario y conectar con él. •Competencia: que el usuario lleve a cabo en nuestra página web distintas acciones mejor de lo que podía anteriormente.