SlideShare una empresa de Scribd logo
1 de 11
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

Principios bsicos
Principios bsicosPrincipios bsicos
Principios bsicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 
Principios básicos
Principios básicosPrincipios básicos
Principios básicos
lopzrobrt
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
Antonio Galicia
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3
FRISLY5
 
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
Cesar 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 (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

441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf
441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf
441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf
MIGUEL733142
 
Presentación Proyecto Creativo Moderno Azul.pptx
Presentación Proyecto Creativo Moderno Azul.pptxPresentación Proyecto Creativo Moderno Azul.pptx
Presentación Proyecto Creativo Moderno Azul.pptx
marlongeovx2008
 
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdfTAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
markasisclo
 

Último (20)

Byung Chul han historia de como abarcó la filosofía
Byung Chul han historia de como abarcó la filosofíaByung Chul han historia de como abarcó la filosofía
Byung Chul han historia de como abarcó la filosofía
 
441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf
441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf
441339938-Descripciones-descriptivas-de-3ro-y-4to-grado-primaria.pdf
 
Curso de Fotografia digital. Unidad 1. 2024
Curso de Fotografia digital. Unidad 1. 2024Curso de Fotografia digital. Unidad 1. 2024
Curso de Fotografia digital. Unidad 1. 2024
 
TRIPTICO 2024 ANIVERSARIO................
TRIPTICO 2024 ANIVERSARIO................TRIPTICO 2024 ANIVERSARIO................
TRIPTICO 2024 ANIVERSARIO................
 
infografia lugares para visitar en Colombia fotografico beige.pdf
infografia lugares para visitar en Colombia fotografico beige.pdfinfografia lugares para visitar en Colombia fotografico beige.pdf
infografia lugares para visitar en Colombia fotografico beige.pdf
 
Vincent-Van-Gogh-y-el-poder-de-la-sinestesia-en-el-arte.pptx
Vincent-Van-Gogh-y-el-poder-de-la-sinestesia-en-el-arte.pptxVincent-Van-Gogh-y-el-poder-de-la-sinestesia-en-el-arte.pptx
Vincent-Van-Gogh-y-el-poder-de-la-sinestesia-en-el-arte.pptx
 
Documentacion de indicios balisticos.pdf
Documentacion de indicios balisticos.pdfDocumentacion de indicios balisticos.pdf
Documentacion de indicios balisticos.pdf
 
Modulo_1_Fundamentos_de_la_Criminalistica.pdf
Modulo_1_Fundamentos_de_la_Criminalistica.pdfModulo_1_Fundamentos_de_la_Criminalistica.pdf
Modulo_1_Fundamentos_de_la_Criminalistica.pdf
 
La fotografía en accidentes de tránsito.pdf
La fotografía en accidentes de tránsito.pdfLa fotografía en accidentes de tránsito.pdf
La fotografía en accidentes de tránsito.pdf
 
Convenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
Convenio para la Ronda Sur de Elche firmado entre Generalitat y AyuntamientoConvenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
Convenio para la Ronda Sur de Elche firmado entre Generalitat y Ayuntamiento
 
ENCUENTRO DE DIBUJOS - PROGRAMA RED LOCAL DE APOYOS Y CUIDADOS HUALQUI
ENCUENTRO DE DIBUJOS - PROGRAMA RED LOCAL DE APOYOS Y CUIDADOS HUALQUIENCUENTRO DE DIBUJOS - PROGRAMA RED LOCAL DE APOYOS Y CUIDADOS HUALQUI
ENCUENTRO DE DIBUJOS - PROGRAMA RED LOCAL DE APOYOS Y CUIDADOS HUALQUI
 
El rol de las Mujeres en la Música de México.pdf
El rol de las Mujeres en la Música de México.pdfEl rol de las Mujeres en la Música de México.pdf
El rol de las Mujeres en la Música de México.pdf
 
La fotografia en accidentes de tránsito.
La fotografia en accidentes de tránsito.La fotografia en accidentes de tránsito.
La fotografia en accidentes de tránsito.
 
Presentación Proyecto Creativo Moderno Azul.pptx
Presentación Proyecto Creativo Moderno Azul.pptxPresentación Proyecto Creativo Moderno Azul.pptx
Presentación Proyecto Creativo Moderno Azul.pptx
 
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdfTAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
TAREA - LINEA DE TIEMPO DEL INTERNET - ANTONY ASISCLO - CICLO 1 - CONTA-1.pdf
 
3.7 Teoria General de la Fotografia de Manchas de Sangre.pdf
3.7 Teoria General de la Fotografia de Manchas de Sangre.pdf3.7 Teoria General de la Fotografia de Manchas de Sangre.pdf
3.7 Teoria General de la Fotografia de Manchas de Sangre.pdf
 
exposicion2024 dia 13 mayo Videoteca CRMNPCVT
exposicion2024 dia 13 mayo Videoteca CRMNPCVTexposicion2024 dia 13 mayo Videoteca CRMNPCVT
exposicion2024 dia 13 mayo Videoteca CRMNPCVT
 
428926353-Conclusiones-Descriptivas-Por-Areas-v-Ciclo.pdf
428926353-Conclusiones-Descriptivas-Por-Areas-v-Ciclo.pdf428926353-Conclusiones-Descriptivas-Por-Areas-v-Ciclo.pdf
428926353-Conclusiones-Descriptivas-Por-Areas-v-Ciclo.pdf
 
SESIÓN 02 - 1° - CONOCIENDO LA MITOLOGÍA ANDINA.docx
SESIÓN 02 - 1° - CONOCIENDO LA MITOLOGÍA ANDINA.docxSESIÓN 02 - 1° - CONOCIENDO LA MITOLOGÍA ANDINA.docx
SESIÓN 02 - 1° - CONOCIENDO LA MITOLOGÍA ANDINA.docx
 
3.3 Conceptos previos sobre Lugar de Hecho.pdf
3.3 Conceptos previos sobre Lugar de Hecho.pdf3.3 Conceptos previos sobre Lugar de Hecho.pdf
3.3 Conceptos previos sobre Lugar de Hecho.pdf
 

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.