SlideShare una empresa de Scribd logo
1 de 14
Descargar para leer sin conexión
ARQUITECTURA DE LA
INFORMACIÓN
EL CONTENIDO ES EL REY
El diseño debe adecuarse al contenido y no al revés
La distribución es la reina
Lo dice wikipedia…
Estudio

Análisis

Organización

Disposición

Estructuración
De la información
Lo dice wikipedia…
La elección y presentación de estos datos en los
sistemas de información interactivos y no
interactivo
Arquitectura de la
Información
Es una disciplina que organiza conjuntos de
información, permitiendo que cualquier persona
los entienda y los integre a su propio
conocimiento, de manera simple.
Tienes 5 segundos

Juan Carlos Camus
Arquitectura de la
Información
Para quienes la utilizan para la construcción de
sitios web, la Arquitectura de Información es el
conjunto de prácticas y técnicas que, entendiendo
el objetivo de un sitio web, organiza el contenido
en subconjuntos de nombres comprensibles para
el usuario final, facilitando las operaciones de
búsqueda y uso de la información que contienen.
Tienes 5 segundos

Juan Carlos Camus
Arquitectura de la
Información
La Arquitectura de información permite que los
usuarios de un sitio web entiendan grandes
cantidades de información; busquen y encuentren
la información que necesitan de manera simple y
realicen acciones mediante el computador.
Tienes 5 segundos

Juan Carlos Camus
Arquitectura de la
Información
Permite a los creadores de un sitio web 

Aclarar la misión y la visión del sitio, centrándose en las
necesidades de sus audiencias; 

Generar estructuras que soporten el cambio y el
crecimiento en el tiempo; 

Determinar qué contenidos y funcionalidades deberá
contener el sitio; 

Rotular de modo comprensible las áreas de información y
crear sistemas de navegación intuitivos.
Tienes 5 segundos

Juan Carlos Camus
Diagrama inicial
Trabajar un diagrama de flujo para:

Extraer toda la información que deberá colocarse
en el sitio.

Jerarquizar la información más importante.

Agrupar la información en donde sea necesario.
Tienes 5 segundos

Juan Carlos Camus
Herramientas
Descargables o en línea
Freemind

Omnigraffle

Mindnode

Text 2 mindmap

entre otras
Descargables desde la Appstore o en línea
Actividad
Extraer el diagrama de contenido de diferentes
sitios web con diferentes cantidades de contenido
Adriana Atzimba Tienda Martínez
atzimbatm@gmail.com

Más contenido relacionado

Similar a Arq Info sitios web

Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidaddsolanes
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la InformaciónUPTAEB
 
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 webInterlat
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la InformaciónXimena Tabares
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónnatalymoreno08
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Informaciónsullinsan
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónCesar Salazar
 
Clase5 Pdigital2008 II
Clase5 Pdigital2008 IIClase5 Pdigital2008 II
Clase5 Pdigital2008 IIedgarcajun
 
PROYECTOFINAL_NRQM,ORAO.pdf
PROYECTOFINAL_NRQM,ORAO.pdfPROYECTOFINAL_NRQM,ORAO.pdf
PROYECTOFINAL_NRQM,ORAO.pdfRebeca Ortega
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3Miguel Tortello
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la informaciónTIC0002
 
Introducción a la Arquitectura de Información
Introducción a la Arquitectura de InformaciónIntroducción a la Arquitectura de Información
Introducción a la Arquitectura de Informaciónwww.usarte.co
 
Arquitectura de la información y Recuperación de Información
Arquitectura de la información y Recuperación de InformaciónArquitectura de la información y Recuperación de Información
Arquitectura de la información y Recuperación de Informaciónisabelre
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)guest640607
 

Similar a Arq Info sitios web (20)

Seminario Usabilidad
Seminario UsabilidadSeminario Usabilidad
Seminario Usabilidad
 
Clase 4. La Arquitectura y el Arquitecto de la Información
Clase 4. La Arquitectura  y el Arquitecto de la InformaciónClase 4. La Arquitectura  y el Arquitecto de la Información
Clase 4. La Arquitectura y el Arquitecto de la Información
 
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
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Arquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementaciónArquitectura de la información diseño e implementación
Arquitectura de la información diseño e implementación
 
Arquitectura de la Información
Arquitectura de la InformaciónArquitectura de la Información
Arquitectura de la Información
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Arquitectura
ArquitecturaArquitectura
Arquitectura
 
computación
computación computación
computación
 
Arquitectura de la Información (para sitios web profesionales)
Arquitectura de la Información (para sitios web profesionales)Arquitectura de la Información (para sitios web profesionales)
Arquitectura de la Información (para sitios web profesionales)
 
Clase5 Pdigital2008 II
Clase5 Pdigital2008 IIClase5 Pdigital2008 II
Clase5 Pdigital2008 II
 
AI clase 1 definición
AI clase 1 definiciónAI clase 1 definición
AI clase 1 definición
 
Ai1 definicion
Ai1 definicionAi1 definicion
Ai1 definicion
 
PROYECTOFINAL_NRQM,ORAO.pdf
PROYECTOFINAL_NRQM,ORAO.pdfPROYECTOFINAL_NRQM,ORAO.pdf
PROYECTOFINAL_NRQM,ORAO.pdf
 
Cms
CmsCms
Cms
 
Arquitectura de la informacion3
Arquitectura de la informacion3Arquitectura de la informacion3
Arquitectura de la informacion3
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Introducción a la Arquitectura de Información
Introducción a la Arquitectura de InformaciónIntroducción a la Arquitectura de Información
Introducción a la Arquitectura de Información
 
Arquitectura de la información y Recuperación de Información
Arquitectura de la información y Recuperación de InformaciónArquitectura de la información y Recuperación de Información
Arquitectura de la información y Recuperación de Información
 
Modulo 3 (Parte 1)
Modulo 3 (Parte 1)Modulo 3 (Parte 1)
Modulo 3 (Parte 1)
 

Más de Adriana Tienda

Historia y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesHistoria y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesAdriana Tienda
 
Tendencias diseño web 2016 2017
Tendencias diseño web 2016   2017Tendencias diseño web 2016   2017
Tendencias diseño web 2016 2017Adriana Tienda
 
Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Adriana Tienda
 
Tipografía en diseño web
Tipografía en diseño webTipografía en diseño web
Tipografía en diseño webAdriana Tienda
 
Uso de imágenes en diseño web
Uso de imágenes en diseño webUso de imágenes en diseño web
Uso de imágenes en diseño webAdriana Tienda
 
Historia y evolución del diseño web
Historia y evolución del diseño webHistoria y evolución del diseño web
Historia y evolución del diseño webAdriana Tienda
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSSAdriana Tienda
 
Equipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back endEquipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back endAdriana Tienda
 
Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Adriana Tienda
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadAdriana Tienda
 

Más de Adriana Tienda (19)

Historia y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visualesHistoria y evolución del diseño de interfaces visuales
Historia y evolución del diseño de interfaces visuales
 
Tendencias diseño web 2016 2017
Tendencias diseño web 2016   2017Tendencias diseño web 2016   2017
Tendencias diseño web 2016 2017
 
Brief digital
Brief digitalBrief digital
Brief digital
 
Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016Tendencias de diseño web 2015 - 2016
Tendencias de diseño web 2015 - 2016
 
Flat design
Flat designFlat design
Flat design
 
Tipografía en diseño web
Tipografía en diseño webTipografía en diseño web
Tipografía en diseño web
 
Uso de imágenes en diseño web
Uso de imágenes en diseño webUso de imágenes en diseño web
Uso de imágenes en diseño web
 
Historia y evolución del diseño web
Historia y evolución del diseño webHistoria y evolución del diseño web
Historia y evolución del diseño web
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Wireframing
WireframingWireframing
Wireframing
 
Color en diseño web
Color en diseño webColor en diseño web
Color en diseño web
 
Hospedaje web
Hospedaje webHospedaje web
Hospedaje web
 
Nombre de dominio
Nombre de dominioNombre de dominio
Nombre de dominio
 
Maquetación web
Maquetación webMaquetación web
Maquetación web
 
Introducción a HTML y CSS
Introducción a HTML y CSSIntroducción a HTML y CSS
Introducción a HTML y CSS
 
Equipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back endEquipos de trabajo // Front end - Back end
Equipos de trabajo // Front end - Back end
 
Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015Tendencias de diseño web 2014 - 2015
Tendencias de diseño web 2014 - 2015
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 

Último

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptxadso2024sena
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minasMirkaCBauer
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx241532171
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfYuriFuentesMartinez2
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellajuancamilo3111391
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.ayalayenifer617
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfOscarBlas6
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxRodriguezLucero
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdfFAUSTODANILOCRUZCAST
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdfFernandaHernandez312615
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx241518192
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxssuser61dda7
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx46828205
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.imejia2411
 

Último (18)

Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx3Mayo2023 Taller construcción de Prototipos.pptx
3Mayo2023 Taller construcción de Prototipos.pptx
 
locomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minaslocomotas v siclo.ppt de ingenieria de minas
locomotas v siclo.ppt de ingenieria de minas
 
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsxactividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
actividad.06_crea_un_recurso_multimedia_M01_S03_M01.ppsx
 
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdfFLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
FLUIDEZ-Teatro-Leido-4to-Grado-El-leon-y-el-raton- (1).pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Historia de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ellaHistoria de la Medicina y bases para desarrollo de ella
Historia de la Medicina y bases para desarrollo de ella
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 
El uso de las tic en la vida continúa , ambiente positivo y negativo.
El uso de las tic  en la vida continúa , ambiente positivo y negativo.El uso de las tic  en la vida continúa , ambiente positivo y negativo.
El uso de las tic en la vida continúa , ambiente positivo y negativo.
 
COMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdfCOMPETENCIAS CIUDADANASadadadadadadada .pdf
COMPETENCIAS CIUDADANASadadadadadadada .pdf
 
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptxPRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
PRIMARIA 1. RESUELVE PROBLEMAS DE FORMA MOVIMIENTO Y LOCALIZACIÓN 2 (2).pptx
 
libro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdflibro de Ciencias Sociales_6to grado.pdf
libro de Ciencias Sociales_6to grado.pdf
 
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf2º SOY LECTOR PART 2- MD  EDUCATIVO (6).pdf
2º SOY LECTOR PART 2- MD EDUCATIVO (6).pdf
 
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptxCamposGarcia_MariaMagdalena_M1S3AI6.pptx
CamposGarcia_MariaMagdalena_M1S3AI6.pptx
 
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptxrodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
rodriguez_DelAngel_MariaGPE_M1S3AL6.pptx
 
Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
Producto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptxProducto académico 03 - Habilidades Comunicativas.pptx
Producto académico 03 - Habilidades Comunicativas.pptx
 
MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.MODELO CARACTERIZACION DE PROCESOS SENA.
MODELO CARACTERIZACION DE PROCESOS SENA.
 

Arq Info sitios web

  • 2. EL CONTENIDO ES EL REY El diseño debe adecuarse al contenido y no al revés La distribución es la reina
  • 4. Lo dice wikipedia… La elección y presentación de estos datos en los sistemas de información interactivos y no interactivo
  • 5. Arquitectura de la Información Es una disciplina que organiza conjuntos de información, permitiendo que cualquier persona los entienda y los integre a su propio conocimiento, de manera simple. Tienes 5 segundos Juan Carlos Camus
  • 6. Arquitectura de la Información Para quienes la utilizan para la construcción de sitios web, la Arquitectura de Información es el conjunto de prácticas y técnicas que, entendiendo el objetivo de un sitio web, organiza el contenido en subconjuntos de nombres comprensibles para el usuario final, facilitando las operaciones de búsqueda y uso de la información que contienen. Tienes 5 segundos Juan Carlos Camus
  • 7. Arquitectura de la Información La Arquitectura de información permite que los usuarios de un sitio web entiendan grandes cantidades de información; busquen y encuentren la información que necesitan de manera simple y realicen acciones mediante el computador. Tienes 5 segundos Juan Carlos Camus
  • 8. Arquitectura de la Información Permite a los creadores de un sitio web Aclarar la misión y la visión del sitio, centrándose en las necesidades de sus audiencias; Generar estructuras que soporten el cambio y el crecimiento en el tiempo; Determinar qué contenidos y funcionalidades deberá contener el sitio; Rotular de modo comprensible las áreas de información y crear sistemas de navegación intuitivos. Tienes 5 segundos Juan Carlos Camus
  • 9.
  • 10.
  • 11. Diagrama inicial Trabajar un diagrama de flujo para: Extraer toda la información que deberá colocarse en el sitio. Jerarquizar la información más importante. Agrupar la información en donde sea necesario. Tienes 5 segundos Juan Carlos Camus
  • 12. Herramientas Descargables o en línea Freemind Omnigraffle Mindnode Text 2 mindmap entre otras Descargables desde la Appstore o en línea
  • 13. Actividad Extraer el diagrama de contenido de diferentes sitios web con diferentes cantidades de contenido
  • 14. Adriana Atzimba Tienda Martínez atzimbatm@gmail.com