SlideShare una empresa de Scribd logo
1 de 17
© 2012 IBM Corporation
Componentes fundamentales de la web
Enrique Anguix - IBM Global Services Webmanager
© 2012 IBM Corporation
Componentes fundamentales de la web
2
Agenda
 ¿Porqué una Entidad No Lucrativa necesita una web?
 Principios fundamentales de una web
 Ejemplo
© 2012 IBM Corporation
Componentes fundamentales de la web
3
¿Porqué una Entidad No Lucrativa necesita una web?
 Promocionar su trabajo: Una web permite no sólo mostrar su trabajo, sino también promoverlo a través
de internet mediante redes sociales, blogs, etc
 Construir Transparencia: Algunas veces, la credibilidad de una Entidad No Lucrativa está determinada
por el grado de su transparencia. Una web ofrece muchas posibilidades de este sentido: Publique su
situación financiera, informes de terminación de proyectos o informes anuales. La transparencia
genera confianza y respeto.
 Recaudar Fondos: Los fondos llevan la organización hacia adelante. La captación de fondos a través
de una web permite un método fácil para la recepción de donaciones. Tener presencia en la web
permite el lanzamiento de campañas de una forma eficiente y eficaz.
 Reducir gastos: La eficiencia de una Entidad No Lucrativa depende de una buena gestión de
costes. Un sitio web ofrece una forma barata de soporte a su organización y le ayudará a realizar su
labor.
 Organizar activos de conocimiento: documentos, fotos, vídeos - son algunos de sus activos de
conocimiento. Una web ofrece una forma perfecta para organizarlos de una forma adecuada. Guarde
estos activos y compártalos con sus miembros, socios, colaboradores, en redes sociales, ...
© 2012 IBM Corporation
Componentes fundamentales de la web
4
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y traducciones
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
© 2012 IBM Corporation
Componentes fundamentales de la web
5
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y traducciones
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
•No cree una web para todo el mundo, centresé en su audiencia
•Incluya sólo la información que necesita para comunicarse
eficazmente con su público
•Construya su web en etapas. Es mejor tener una web pequeña
completa que llena de partes "en construcción“
© 2012 IBM Corporation
Componentes fundamentales de la web
6
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y traducciones
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
Responda a las siguientes preguntas :
• ¿Quién necesita información acerca de mi Entidad
No Lucrativa?
Donantes potenciales
Miembros y/o personal de mi Entidad No Lucrativa
Destinatarios del servicio
Otros
• ¿Qué información será útil para ellos?
• ¿Qué lengua sería la mejor para comunicarse con
ellos?
• ¿Cultura, Zona horaria, etceteras?
© 2012 IBM Corporation
Componentes fundamentales de la web
7
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y traducciones
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
Tenga en cuenta sus necesidades lingüísticas:
• ¿Es suficiente el castellano para satisfacer
las necesidades de su sitio web y las de su
organización?
• Si es necesario el árabe, el portugués, …,
¿Quién realizará la traducción para la web?
• Cuando presente información para
donantes o socios que no utilicen el
castellano, ¡el profesionalismo es esencial!
• Encuentre un hablante nativo para que
revise ,si es posible, su web antes de
ponerla en funcionamiento.
• Las traducciones de nuevos materiales ha
de ser precisa y oportuna.
© 2012 IBM Corporation
Componentes fundamentales de la web
8
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y estrategias de traducción
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
• Trate de mantener la profundidad de su web en 3
niveles, de modo que el usuario puede navegar
en cualquier parte de la web con sólo dos '2
'clicks’
• Una barra de navegación ayuda a implementar
este tipo de diseño de web. Actualmente una
barra horizontal en la parte superior está
aceptada como norma
• Debe de existir un enlace hacia la página principal
en cada página
• Tenga un enlace al ‘mapa de la web’ en la página
de inicio y en cada página si es posible
© 2012 IBM Corporation
Componentes fundamentales de la web
9
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y estrategias de traducción
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
Tipos de letra
• Trate de mantener tipos de letra estándar de
fácil lectura
• Evite tipos de letra cursivas, mixtas y textos
parpadeantes
• Los textos en negrita son aceptables y eficaces
para poner de relieve los encabezamientos y
los títulos, pero “no abuse de su uso“
Esquemas de colores
• Mantenga esquemas de color simples, fáciles
de leer y agradables a los ojos.
• No utilice fondos de color negro, rojo, púrpura o
amarillos.
• Trate de utilizar colores suaves, grises, azules,
tonos tierra y verdes.
© 2012 IBM Corporation
Componentes fundamentales de la web
10
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y estrategias de traducción
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
• Su página inicial ha de considerar usuarios con
una velocidad de conexión baja.
• Si un usuario no ve la página inicial, no van a
esperar a ver el resto del sitio.
• 5 segundos debe ser el tiempo de carga
máximo para su página de inicio (1 - 2
segundos es la norma en Europa).
• Máximo de 5 a 8 segundos para otras páginas
en el sitio.
• Si usted no espera que muchos usuarios se
descarguen una información, no lo incluya.
© 2012 IBM Corporation
Componentes fundamentales de la web
11
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y estrategias de traducción
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
Pros
• Una imagen vale más que mil palabras
• Una imagen capta mejor la atención de
las personas
• Una imagen crea familiaridad
Contras
• Se reduce la velocidad de descarga de la
página
• Puede producirse una perdida o
confusión en el mensaje a transmitir
• Puede transmitir un mensaje poco
profesional
© 2012 IBM Corporation
Componentes fundamentales de la web
12
Principios fundamentales de una web
 Sencillez
 Identificación de la audiencia
 Opciones de idiomas y estrategias de traducción
 Principio de los 2 clicks
 Tipos de letra y color
 Atención a los tiempos de carga
 Fotografías – ¿Se han de incluir o no?
 Partes básicas de la página principal
© 2012 IBM Corporation
Componentes fundamentales de la web
13
Partes básicas de la página principal
Tendencias en 2012 - 2013

Usuarios no Técnicos gestionaran
la creación y ciclo de vida del
contenido web multicanal

Soporte para móviles y tablets

Gestión e integración de Social
Media

Mejoras continuas de usabilidad
© 2012 IBM Corporation
Componentes fundamentales de la web
14
Segurida
d
Móvil
Social
Contenido
y medios
Integración
Búsqueda
Analíticas
Comercio
Experiencia
Web
Excepcional
Personalización
Web ideal
© 2012 IBM Corporation
Componentes fundamentales de la web
15
– Misión y visión de su Entidad No Lucrativa
• Quién, Donde, Cuando, Cómo, Porqué
– Recaudación de fondos e información sobre donación
– Actividades
• Proyectos pasados, presentes y futuros
• Últimas noticias
• Informes (anuales u otros)
• ...
– Información para:
• Donantes
• Destinatarios de los servicios
– Contenidos especificos para socios o miembros
– Página o enlace para contactar con su Entidad No Lucrativa
– Enlaces con Redes sociales
Información importante y enlaces a incluir
© 2012 IBM Corporation
Componentes fundamentales de la web
16
Ejemplo - Partners in Health (http://www.pih.org/)
Barra de menú
Quién, Donde, Cuando,
Cómo, Porqué
Recaudación de fondos
Actividades
Proyectos
Actividades
Noticias
Actividades
Aparición en los
medios
Redes Sociales
Canal propio en Youtube
Información
Socios, miembros y
seguidores,etc
Contacto
Redes sociales
¿Qué se dice en Twitter?
Redes sociales
Fidelización
© 2012 IBM Corporation
Componentes fundamentales de la web
17
.
¿Preguntas?

Más contenido relacionado

Destacado

CRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNETCRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNETMaris
 
Herramienta de hotmail
Herramienta de hotmailHerramienta de hotmail
Herramienta de hotmailIgil24
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina webkatherinviviana
 
Criterios para analizar la informacion de internet
Criterios para analizar la informacion de internetCriterios para analizar la informacion de internet
Criterios para analizar la informacion de internetdenisita
 
Criterios búsqueda información Internet
Criterios búsqueda información InternetCriterios búsqueda información Internet
Criterios búsqueda información Internetlaurargonzalez
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web2012diego
 
Criterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiableCriterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiableEly Ayala
 
Sistema de complemento
Sistema de complementoSistema de complemento
Sistema de complementoAlee Delat
 

Destacado (9)

CRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNETCRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
CRITERIOS PARA VALORAR LA INFORMACION EN INTERNET
 
Herramienta de hotmail
Herramienta de hotmailHerramienta de hotmail
Herramienta de hotmail
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Criterios para analizar la informacion de internet
Criterios para analizar la informacion de internetCriterios para analizar la informacion de internet
Criterios para analizar la informacion de internet
 
Criterios búsqueda información Internet
Criterios búsqueda información InternetCriterios búsqueda información Internet
Criterios búsqueda información Internet
 
Cuales son los elementos de una pagina web
Cuales son los elementos de una pagina webCuales son los elementos de una pagina web
Cuales son los elementos de una pagina web
 
Plugin YOAST
Plugin YOASTPlugin YOAST
Plugin YOAST
 
Criterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiableCriterios que hacen que la información de la web sea fiable
Criterios que hacen que la información de la web sea fiable
 
Sistema de complemento
Sistema de complementoSistema de complemento
Sistema de complemento
 

Último

Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMidwarHenryLOZAFLORE
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son241514984
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 

Último (20)

Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
Mapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptxMapa-conceptual-del-Origen-del-Universo-3.pptx
Mapa-conceptual-del-Origen-del-Universo-3.pptx
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
El uso de las tic en la vida ,lo importante que son
El uso de las tic en la vida ,lo importante  que sonEl uso de las tic en la vida ,lo importante  que son
El uso de las tic en la vida ,lo importante que son
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 

ONGs - Componentes fundamentales de la web 2012-2013

  • 1. © 2012 IBM Corporation Componentes fundamentales de la web Enrique Anguix - IBM Global Services Webmanager
  • 2. © 2012 IBM Corporation Componentes fundamentales de la web 2 Agenda  ¿Porqué una Entidad No Lucrativa necesita una web?  Principios fundamentales de una web  Ejemplo
  • 3. © 2012 IBM Corporation Componentes fundamentales de la web 3 ¿Porqué una Entidad No Lucrativa necesita una web?  Promocionar su trabajo: Una web permite no sólo mostrar su trabajo, sino también promoverlo a través de internet mediante redes sociales, blogs, etc  Construir Transparencia: Algunas veces, la credibilidad de una Entidad No Lucrativa está determinada por el grado de su transparencia. Una web ofrece muchas posibilidades de este sentido: Publique su situación financiera, informes de terminación de proyectos o informes anuales. La transparencia genera confianza y respeto.  Recaudar Fondos: Los fondos llevan la organización hacia adelante. La captación de fondos a través de una web permite un método fácil para la recepción de donaciones. Tener presencia en la web permite el lanzamiento de campañas de una forma eficiente y eficaz.  Reducir gastos: La eficiencia de una Entidad No Lucrativa depende de una buena gestión de costes. Un sitio web ofrece una forma barata de soporte a su organización y le ayudará a realizar su labor.  Organizar activos de conocimiento: documentos, fotos, vídeos - son algunos de sus activos de conocimiento. Una web ofrece una forma perfecta para organizarlos de una forma adecuada. Guarde estos activos y compártalos con sus miembros, socios, colaboradores, en redes sociales, ...
  • 4. © 2012 IBM Corporation Componentes fundamentales de la web 4 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y traducciones  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal
  • 5. © 2012 IBM Corporation Componentes fundamentales de la web 5 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y traducciones  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal •No cree una web para todo el mundo, centresé en su audiencia •Incluya sólo la información que necesita para comunicarse eficazmente con su público •Construya su web en etapas. Es mejor tener una web pequeña completa que llena de partes "en construcción“
  • 6. © 2012 IBM Corporation Componentes fundamentales de la web 6 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y traducciones  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal Responda a las siguientes preguntas : • ¿Quién necesita información acerca de mi Entidad No Lucrativa? Donantes potenciales Miembros y/o personal de mi Entidad No Lucrativa Destinatarios del servicio Otros • ¿Qué información será útil para ellos? • ¿Qué lengua sería la mejor para comunicarse con ellos? • ¿Cultura, Zona horaria, etceteras?
  • 7. © 2012 IBM Corporation Componentes fundamentales de la web 7 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y traducciones  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal Tenga en cuenta sus necesidades lingüísticas: • ¿Es suficiente el castellano para satisfacer las necesidades de su sitio web y las de su organización? • Si es necesario el árabe, el portugués, …, ¿Quién realizará la traducción para la web? • Cuando presente información para donantes o socios que no utilicen el castellano, ¡el profesionalismo es esencial! • Encuentre un hablante nativo para que revise ,si es posible, su web antes de ponerla en funcionamiento. • Las traducciones de nuevos materiales ha de ser precisa y oportuna.
  • 8. © 2012 IBM Corporation Componentes fundamentales de la web 8 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y estrategias de traducción  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal • Trate de mantener la profundidad de su web en 3 niveles, de modo que el usuario puede navegar en cualquier parte de la web con sólo dos '2 'clicks’ • Una barra de navegación ayuda a implementar este tipo de diseño de web. Actualmente una barra horizontal en la parte superior está aceptada como norma • Debe de existir un enlace hacia la página principal en cada página • Tenga un enlace al ‘mapa de la web’ en la página de inicio y en cada página si es posible
  • 9. © 2012 IBM Corporation Componentes fundamentales de la web 9 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y estrategias de traducción  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal Tipos de letra • Trate de mantener tipos de letra estándar de fácil lectura • Evite tipos de letra cursivas, mixtas y textos parpadeantes • Los textos en negrita son aceptables y eficaces para poner de relieve los encabezamientos y los títulos, pero “no abuse de su uso“ Esquemas de colores • Mantenga esquemas de color simples, fáciles de leer y agradables a los ojos. • No utilice fondos de color negro, rojo, púrpura o amarillos. • Trate de utilizar colores suaves, grises, azules, tonos tierra y verdes.
  • 10. © 2012 IBM Corporation Componentes fundamentales de la web 10 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y estrategias de traducción  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal • Su página inicial ha de considerar usuarios con una velocidad de conexión baja. • Si un usuario no ve la página inicial, no van a esperar a ver el resto del sitio. • 5 segundos debe ser el tiempo de carga máximo para su página de inicio (1 - 2 segundos es la norma en Europa). • Máximo de 5 a 8 segundos para otras páginas en el sitio. • Si usted no espera que muchos usuarios se descarguen una información, no lo incluya.
  • 11. © 2012 IBM Corporation Componentes fundamentales de la web 11 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y estrategias de traducción  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal Pros • Una imagen vale más que mil palabras • Una imagen capta mejor la atención de las personas • Una imagen crea familiaridad Contras • Se reduce la velocidad de descarga de la página • Puede producirse una perdida o confusión en el mensaje a transmitir • Puede transmitir un mensaje poco profesional
  • 12. © 2012 IBM Corporation Componentes fundamentales de la web 12 Principios fundamentales de una web  Sencillez  Identificación de la audiencia  Opciones de idiomas y estrategias de traducción  Principio de los 2 clicks  Tipos de letra y color  Atención a los tiempos de carga  Fotografías – ¿Se han de incluir o no?  Partes básicas de la página principal
  • 13. © 2012 IBM Corporation Componentes fundamentales de la web 13 Partes básicas de la página principal Tendencias en 2012 - 2013  Usuarios no Técnicos gestionaran la creación y ciclo de vida del contenido web multicanal  Soporte para móviles y tablets  Gestión e integración de Social Media  Mejoras continuas de usabilidad
  • 14. © 2012 IBM Corporation Componentes fundamentales de la web 14 Segurida d Móvil Social Contenido y medios Integración Búsqueda Analíticas Comercio Experiencia Web Excepcional Personalización Web ideal
  • 15. © 2012 IBM Corporation Componentes fundamentales de la web 15 – Misión y visión de su Entidad No Lucrativa • Quién, Donde, Cuando, Cómo, Porqué – Recaudación de fondos e información sobre donación – Actividades • Proyectos pasados, presentes y futuros • Últimas noticias • Informes (anuales u otros) • ... – Información para: • Donantes • Destinatarios de los servicios – Contenidos especificos para socios o miembros – Página o enlace para contactar con su Entidad No Lucrativa – Enlaces con Redes sociales Información importante y enlaces a incluir
  • 16. © 2012 IBM Corporation Componentes fundamentales de la web 16 Ejemplo - Partners in Health (http://www.pih.org/) Barra de menú Quién, Donde, Cuando, Cómo, Porqué Recaudación de fondos Actividades Proyectos Actividades Noticias Actividades Aparición en los medios Redes Sociales Canal propio en Youtube Información Socios, miembros y seguidores,etc Contacto Redes sociales ¿Qué se dice en Twitter? Redes sociales Fidelización
  • 17. © 2012 IBM Corporation Componentes fundamentales de la web 17 . ¿Preguntas?

Notas del editor

  1. Sencillez No cree una para todo el mundo, centresé en su audiencia Incluya sólo la información que necesita para comunicarse eficazmente con su público Construya su web en etapas. Es mejor tener una web pequeña completa que llena de partes "en construcción“
  2. Identificación de la audiencia Responda a las siguientes preguntas : ¿Quién necesita información acerca de mi Entidad No Lucrativa? Donantes potenciales Miembros y/o personal de mi Entidad No Lucrativa Destinatarios del servicio Otros ¿Qué información será útil para ellos? ¿Qué lengua sería la mejor para comunicarse con ellos? ¿Cultura, Zona horaria, etceteras?
  3. Opciones de idiomas y traducciones Tenga en cuenta sus necesidades lingüísticas: ¿Es suficiente el castellano para satisfacer las necesidades de su sitio web y las de su organización? Si es necesario el árabe, el portugués, …, ¿quién realizará la traducción para la web? Cuando presente información para donantes o socios que no utilicen el castellano, ¡el profesionalismo es esencial! Encuentre un hablante nativo para que revise ,si es posible, su web antes de ponerla en funcionamiento. Las traducciones de nuevos materiales ha de ser precisa y oportuna.
  4. Principio de los 2 clicks Trate de mantener la profundidad de su web en 3 niveles, de modo que el usuario puede navegar en cualquier parte de la web con sólo dos '2 'clicks Una barra de navegación ayuda a implementar este tipo de diseño de web. Actualmente una barra horizontal en la parte superior está aceptada como norma Debe de existir un enlace hacia la página principal en cada página Tenga un enlace al ‘mapa de la web’ en la página de inicio y en cada página si es posible
  5. Tipos de letra Trate de mantener tipos de letra estándar de fácil lectura Evite tipos de letra cursivas, mixtas y textos parpadeantes Los textos en negrita son aceptables y eficaces para poner de relieve los encabezamientos y los títulos, pero “no abuse de su uso“ Esquemas de colores Mantenga esquemas de color simples, fáciles de leer y agradables a los ojos. No utilice fondos de color negro, rojo, púrpura o amarillos. Trate de utilizar colores suaves, grises, azules, tonos tierra y verdes.
  6. Atención a los tiempos de carga Su página inicial ha de considerar usuarios con una velocidad de conexión baja. Si un usuario no ve la página inicial, no van a esperar a ver el resto del sitio 5 segundos debe ser el tiempo de carga máximo para su página de inicio (1 - 2 segundos es la norma en Europa) Máximo de 5 a 8 segundos para otras páginas en el sitio Si usted no espera que muchos usuarios se descarguen una información, no lo incluya
  7. Fotografías Pros Una imagen vale más que mil palabras Una imagen capta mejor la atención de las personas Una imagen crea familiaridad Contras Se reduce la velocidad de descarga de la página Puede producirse una perdida o confusiuón en el mensaje a transmitir Puede transmitir un mensaje poco profesional