Embed Size (px)
DESCRIPTION
Manual explicativo con propuesta para la creación de un sistema de navegación entre páginas web para la red global de sitios de la Iglesia Adventista del Séptimo Día
Citation preview
Escenario actual y problema Actualmente el internet cuenta con más de 2.4 mil millones de usuarios que transitan en un universo de 634 millones de páginas compuestas por diversos tamaños y contenidos, según el sitio web worldwidewebsize.com (datos de diciembre de 2012). Además de eso, cada día nacen 139.344 nuevas webs y a cada segundo 8 personas comienzan a usar la Red. En ese escenario, una de las principales características de muchos de los usuarios de internet es la falta de tiempo para buscar información y navegar entre las páginas. A eso se agrega el hecho de que las personas están mas preocupadas en saber las noticias de su círculo cercano, lo que lleva las personas a no tener tiempo para conocer otras páginas web, si no son estimuladas a eso. Aunque pasemos mucho tiempo conectados, apenas dedicamos unos minutos a comunicarnos con personas de otros países. Es más, en la mayoría de los casos, no ‘conectamos’ con personas de otras localidades por nosotros mismos, más bien nos limitamos a responder requerimientos que nos han hecho de fuera. En ese escenario donde se agrega el hecho de que la Iglesia Adventista en el mundo virtual es una institución que muestra su presencia internacional, sin fronteras, surgen algunas preguntas:
1. ¿Cómo, en la páginas web de la Iglesia Adventista del Séptimo Día (IASD), una institución con presencia mundial, se puede contrarrestar una realidad de incomunibilidad entres sitios web y hacer con que los usuarios puedan interactuar rápidamente y tener información de otros sitios de la iglesia a nivel mundial?
2. ¿Cómo podemos, para el internauta promedio que se importa más con su círculo cercano, crear los medios que le permitan, conocer información adicional, de otros lugares, en el contexto del entorno virtual de la misma institución adventista?
3. ¿Cómo mantener la unidad en la diversidad en un tema tan particular como lo son las webpages de la Iglesia Adventista?
Para los sitios institucionales de la iglesia ofrecer una respuesta práctica a esas preguntas en forma de un sistema de navegación es un desafío enorme, ya que los propios sitios están desconectados entre sí y no presentan elementos que refuercen la marca institucional como un todo o cuenten con elementos comunes entre sí independiente del nivel en el sistema. A eses elementos de integración a través del diseño, aplicaciones, plataforma y contenidos, se puede agregar un elemento estructural que tenga el propósito de unificar la navegación entre páginas del sistema de sitios web puede ser una solución. A ese sistema de sitios web podemos nombrar por la iniciales SAPW – Sistema Adventista de Páginas Web que es compuesto de forma desasociada de miles de páginas web institucionales pertenecientes a la IASD en sus diferentes niveles que son la iglesia, asociaciones, misiones, uniones, divisiones, hasta la asociación general. El elementos estructural, que puede minimizar ese problema de falta de asociación, es la implementación de una sistema de navegación entre páginas web a través de una barra de navegación institucional (navbar), en todos los sitios oficiales que compongan el sistema web de la Iglesia Adventista del Séptimo Día permitiendo al usuario, que navega y busca información, permanecer dentro del mismo sistema y para el usuario que no conoce, descubrir y familiarizarse un poco mas con la información y aplicaciones que ofrecen las distintas páginas del sistema en varias partes del mundo. La barra de navegación institucional se caracteriza por ser un grupo de botones que ofrece vínculos a otras áreas de un sitio Web. Normalmente, no cambia de aspecto en el sitio, de modo que ofrece un método coherente de navegación sin importar el lugar en que se encuentre el usuario en el sitio web. La barra de navegación tiene el mismo aspecto de una página web a otra, pero los enlaces pueden ser específicos para el funcionamiento de cada página donde esté aplicada.
Eficiencia del menú de salto como medio de navegación Dentro de la barra de navegación institucional se encuentran opciones para los usuarios, representados por el menú de salto (jumpmenu) que es un método de navegación fácil y conveniente que permite guiar los visitantes hacia diversas página webs del sistema que se aplica. Eso permite que, aunque no estén en el mismo lugar, hacer con que las páginas se integren y hagan parte de un sistema siempre y cuando sigan las reglas de aplicación de uso de ese sistema (menú de salto). La mayoría de sitios web utilizan botones de ayuda al visitante para que pueda navegar a través de las distintas páginas, sin embargo, con el menú de salto es posible, usando un simple elemento, establecer una navegación mas uniforme y predecible que se repite a lo largo de los sitios visitados pertenecientes al sistema. Para eso, el menú de salto utiliza un objeto para crear una serie de opciones de menú visualizando rápidamente en una lista todas las opciones de páginas disponibles en un solo menú, haciendo con que la navegación a través de un sitio complejo sea mucho más fácil y eficiente para sus visitantes y demuestre la organización de ese mismo sistema. Juntamente a esa eficiencia que agrega rapidez, fluidez y coherencia a la navegación dentro del sistema, se puede agregar algunas ventajas adicionales en la implementación de una navbar en las páginas web de la Iglesia Adventista. Ventajas de parte del usuario:
• Ahorrar tiempo en la navegación entre los sitios del sistema. • “Saltar” rápidamente de una página a otra a través de las barras
institucionales aplicadas en los sitios. • Navegar y leer información de otros sitios del sistema de forma directa. • Tener la sensación de estar en un sistema web jerarquizado e integrado y
organizado. • Mantenerse orientado dentro de las diversas páginas del sistema web
adventista, sabiendo exactamente donde se encuentra. Ventajas de parte del administrador:
• Implementar una jerarquización clara y visible de los sitios web de la IASD. • Ofrecer al usuario de cada sitio que visite, una lista de otros destinos
posibles constituida sobre la base de la recopilación de los sitios a los que se han dirigido otros usuarios a partir de la página en la que se encuentra.
• Integrar visualmente en la navegación entre sitios dentro del sistema de páginas web de la IASD.
• Homogeneizar la imagen del sistema de navegación en los sitios web de la IASD.
• Reconocer al sitio que lleve la barra institucional de que pertenece a red oficial de sitios de la IASD.
• Ofrecer un complemento que ayuda a los usuarios a encontrar caminos útiles y muchas veces inesperados.
• Ayudar a direccionar los usuarios intencionalmente a donde quieres que vayan.
• Ahorrar el espacio en el sitio para mostrar opciones de menú mas genérico y común a todos los sitios.
• Brindar un sentido del entorno y dar flexibilidad al movimiento dentro de los sitios.
Características de la barra de navegación institucional Para su perfecta utilización la navbar propuesta que pasaremos a llamar IASD NavBar debe tener el tamaño horizontal de 100% de la pantalla y ubicado en la parte superior de la página, de forma fija, con 3 menús de salto independientes para selección del usuario en la extrema derecha y el logo de adventist.org en la extremidad izquierda. Regla general de aplicación de la barra de navegación institucional (IASD navbar) en sitios webs de la IASD La forma de navegación estructurada a través de la IASD NavBar debe ser contextual a la ubicación de la página en que se aplica y con el siguiente esquema de jerarquía:
1. Un link que lleve a un nivel arriba (verde) 2. Links que lleven a páginas del mismo nivel (azul) 3. Links que lleven a páginas un nivel abajo (rojo) 4. Links varios relacionados con el entorno de la página (ocre)
Esa jerarquía de links en la IASD navbar así se explica:
En el lado izquierdo va el link hacia la página web que esté a un nivel arriba de la página a la que se aplique la barra de navegación institucional (navbar). En el primer menú de salto van los links hacia las páginas que estén en el mismo
nivel de la página a la que se aplique la barra de navegación institucional (navbar). En el segundo menú de salto van los links hacia las páginas que estén en un
nivel abajo de la página a la que se aplique la barra de navegación institucional (navbar) En el tercero menú de salto van los links que tienen referencia al entorno de la
página a la cual se aplica. Pueden ser ligas rápidas variadas que necesitan un acceso rápido (Quick links) y links a las redes sociales relacionadas a la página que se aplique. Forma de instalación de la IASD NavBar La instalación de la IASD NavBar será a través de aplicaciones programadas para cada plataforma, el usuario instala directamente en el CMS de la página colocando la información que desee que aparezca según la interface del administrador del plugin.
La interface de instalación/administración del plugin/componte/extensión (dependiendo del CMS) luego después de instalado luciría así conforme abajo: Elementos que se configurarán en el plugin de administración:
Interface de administración del plugin IASD NavBar (ejemplo en Wordpress aplicado a la página web de una unión):
Obs.: Esas extensiones/plugins/componente son propuestas para que sean desarrolladas para cada plataforma. El desarrollo de la aplicación tiene como objetivo evitar que la implementación de la IASD NavBar salga equivocada por cualquier motivo. De esa forma se evita problemas locales al momento de instalarla y proporciona una segura interfaz de implementación a través del seguimiento de unos breves y sencillos pasos. El concepto de navegación hacia arriba, hacia abajo (vertical) y horizontal en la IASD NavBar en los sitios webs de la IASD La forma como se estructura la IASD NavBar permite al usuario una navegación que le da la opción de volver a la página de inicio rápidamente e ir al punto de partida y volver a ese lugar cuando desee o se sienta perdido. También se torna
sencillo para el usuario ir a este punto desde cualquier parte del sitio, brindando la posibilidad de navegación tanto a lo profundo como a lo largo de los sitios del sistema de páginas web de la IASD (navegación vertical y horizontal).
Ejemplo de aplicación de la IASD NavBar en la página web de la ASOCIACIÓN GENERAL -‐ adventist.org Para la página de Asociación General (AG) y los departamentos que son dependientes directos de la AG, la barra tendrá en el lado derecho links para los departamentos de la sede central de la AG, links para todas las divisiones mundiales y grupo de links para ligas rápidas de la AG que pueden ser las organizaciones directamente dependientes de la AG http://www.adventist.org/directory-‐of-‐organizations.html, conforme abajo:
Ejemplo de la aplicación (AG) con los 3 menús de salto en la página web actual de la Asociación General:
Ejemplo de aplicación de la IASD NavBar en las páginas web de las DIVISIONES En las páginas web de las divisiones se mantendrá del lado izquierdo el link hacia el sitio adventist.org que es el nivel inmediatamente superior a la página de la división. En el lado izquierdo entran los links para las demás divisiones mundiales (World Divisions), luego las sedes regionales de la división (Regional Headquaters) y ligas rápidas de esa división (Quick links). En esas ligas rápidas se pueden incluir las redes sociales de esa división, conforme ejemplo abajo:
En las aplicaciones para las páginas web de la divisiones, las barras tendrán un color específico que identificará las demás páginas inmediatamente inferiores a la división que pertenecen. Así todas las páginas que están relacionadas a ella o son inmediatamente inferiores, tendrán el mismo color en la barra superior. De esa forma el usuario podrán saber en que página de cuál división navega, teniendo la idea de estar en una subsede o subsitio del sistema. El sistema de colores El uso de los colores en el sistema de navegación de la IASD NavBar permite que el usuario sepa también, en todo momento, dónde se encuentra, hacia donde puede ir y diferenciando la navegación global, la navegación local o subsecciones y la navegación contextual. Los colores siguen el patrón adoptado en el mapa de las divisiones en el sitio web de la Asociación General de tal forma que el sistema de colores identifique claramente el conjunto de páginas de una división en sus diferentes niveles.
De acuerdo a ese mapa la IASD NavBar de cada división los colores serían: EAST-‐CENTRAL ÁFRICA (ECD) -‐ http://www.ecd.adventist.org
Color de fondo: #4DA336, color de fondo de los menús de salto #83BF73, color de la tipografía del menú de salto #428731, color de fondo de submenú #83BF73, color de la tipografía del submenú #3E832D, font del menú de salto: Helvética
EURO-‐ASIA (ESD) -‐ http://adventist.ru
Color de fondo: #359C9B, color de fondo de los menús de salto #72BAB9, color de la tipografía del menú de salto #2C8484, color de fondo de submenú #72BAB9, color de la tipografía del submenú #2C8484, font del menú de salto: Helvética.
GREATER MIDDLE EAST (GMEUM)
Color de fondo: #6893BE, color de fondo de los menús de salto #96B4D2, color de la tipografía del menú de salto #4D6F8F, color de fondo de submenú #96B4D2, color de la tipografía del submenú #4D6F8F, font del menú de salto: Helvética. INTER-‐AMERICAN (IAD) -‐ http://www.interamerica.org
Color de fondo: #D06D2C, color de fondo de los menús de salto #DE996C, color de la tipografía del menú de salto #9F5221, color de fondo de submenú #DE996C, color de la tipografía del submenú #9F5221, font del menú de salto: Helvética.
INTER-‐EUROPEAN (EUD) -‐ http://eud.adventist.org
Color de fondo: #30339A, color de fondo de los menús de salto #6F71B8, color de la tipografía del menú de salto #30339A, color de fondo de submenú #6F71B8, color de la tipografía del submenú #30339A, font del menú de salto: Helvética
ISRAEL FIELD (IF) -‐ http://www.sdaisrael.org
Color de fondo: #E62528, color de fondo de los menús de salto #EE6769, color de la tipografía del menú de salto #A11B1F, color de fondo de submenú #EE6769, color de la tipografía del submenú #A11B1F, font del menú de salto: Helvética.
NORTH AMERICAN (NAD) -‐ http://www.nadadventist.org
Color de fondo: #A1BB95, color de fondo de los menús de salto #BDD0B5, color de la tipografía del menú de salto #71836A, color de fondo de submenú #BDD0B5, color de la tipografía del submenú #71836A, font del menú de salto: Helvética.
NORTHERN ASIA-‐PACIFIC (NSD) -‐ http://www.nsdadventist.org
Color de fondo: #C798C2, color de fondo de los menús de salto #D8B7D4, color de la tipografía del menú de salto #8B6A89, color de fondo de submenú #D8B7D4, color de la tipografía del submenú #8B6A89, font del menú de salto: Helvética.
SOUTHERN AFRICA-‐INDIAN OCEAN (SID) -‐ http://www.sidadventist.org
Color de fondo: #A0B320, color de fondo de los menús de salto #BDCA63, color de la tipografía del menú de salto #788718, color de fondo de submenú #BDCA63, color de la tipografía del submenú #788718, font del menú de salto: Helvética.
SOUTH AMERICAN (SAD) -‐ http://www.portaladventista.org
Color de fondo: #EEBA1F, color de fondo de los menús de salto #F3CF63, color de la tipografía del menú de salto #A48015, color de fondo de submenú #F3CF63, color de la tipografía del submenú #A48015, font del menú de salto: Helvética.
South Pacific (SPD) -‐ http://spd.adventist.org
Color de fondo: #FF9737, color de fondo de los menús de salto #FFB673, color de la tipografía del menú de salto #D17D2F, color de fondo de submenú #FFB673, color de la tipografía del submenú #D17D2F, font del menú de salto: Helvética.
SOUTHERN ASIA (SUD) -‐ http://sudadventist.org
Color de fondo: #911C63, color de fondo de los menús de salto #B25F91, color de la tipografía del menú de salto #911C63, color de fondo de submenú #B25F91, color de la tipografía del submenú #911C63, font del menú de salto: Helvética.
SOUTHERN ASIA-‐PACIFIC (SSD) -‐ http://www.ssd.org
Color de fondo: #F06666, color de fondo de los menús de salto #F59494, color de la tipografía del menú de salto #AB4949, color de fondo de submenú #F59494, color de la tipografía del submenú #AB4949, font del menú de salto: Helvética.
TRANS-‐EUROPEAN (TED) -‐ http://www.ted-‐adventist.org
Color de fondo: #65652F, color de fondo de los menús de salto #94946E, color de la tipografía del menú de salto #59592A, color de fondo de submenú #59592A, color de la tipografía del submenú #94946E, font del menú de salto: Helvética.
WEST-‐CENTRAL AFRICA (WAD) -‐ http://www.wad-‐adventist.org
Color de fondo: #215F36, color de fondo de los menús de salto #648F73, color de la tipografía del menú de salto #215F36, color de fondo de submenú #648F73, color de la tipografía del submenú #215F36, font del menú de salto: Helvética.
Ejemplo de aplicación de la IASD NavBar en las páginas web de las UNIONES En las páginas web de las uniones se mantendrá del lado izquierdo el link hacia el sitio de la división que se encuentra, que es el nivel inmediatamente superior. En el lado izquierdo entran los links para las demás uniones de esa misma división (Regional Headquaters), luego las sedes regionales de la unión (Asociaciones, conferences) y ligas rápidas de esa unión (Quick links). En esas ligas rápidas también se pueden incluir las redes sociales de esa unión, conforme ejemplo abajo:
Muestra de aplicación del IASD NavBar en las páginas de uniones:
Ejemplo de aplicación de la IASD NavBar en las páginas web de las ASOCIACIONES En las páginas web de las asociaciones (conferences) se mantendrá del lado izquierdo el link hacia el sitio de la unión que se encuentra, que es el nivel inmediatamente superior. En el lado izquierdo entran los links para las demás
asociaciones de la misma unión (Asociaciones/misiones), luego los departamentos de esa asociación y ligas rápidas de esa asociación (Quick links). En esas ligas rápidas también se pueden incluir las redes sociales de esa asociación, conforme ejemplo abajo:
Muestra de aplicación de la IASD NavBar en las páginas de asociaciones (conferences):
Ejemplo de aplicación de la IASD NavBar en la página web de una iglesia En la página web de una iglesia, primeramente se debe identificar a cual asociación y unión pertenece. Luego instalar la aplicación, de acuerdo al CMS que se utilice, luego poner los datos que se piden y listo.
Bibliografía
• Royal Pingdom Blog “Internet 2012 in numbers” Disponible en: http://royal.pingdom.com/2013/01/16/internet-‐2012-‐in-‐numbers/ Recuperado el 06 de junio de 2013.
• Mordecki, Daniel. “Interfaces e Intuición” Disponible en: http://www.revistafaz.org/numero1/interfaces_intuicion.pdf. Recuperado el 19 de junio de 2013.
• L. Francois “The Social Media World's Not Flat: Consequences for Measuring Engagement. Disponible en: http://socialmediatoday.com/laurentfrancois/1346241/social-‐media-‐worlds-‐not-‐flat-‐deep-‐consequences-‐measuring-‐engagement. Recuperado el 06 de junio de 2013.
• http://www.redusers.com/noticias/los-impresionantes-numeros-de-internet-durante-2012/
• http://clearsantodomingo.wordpress.com/glosario/ • http://www.internetworldstats.com/stats3.htm • http://www.worldwidewebsize.com/ • http://www.visualinformation.info
Sobre el autor: Matheus Nascimento es periodista graduado por la Universidad Federal do Espírito Santo (UFES), y maestro en la Universidad de Montemorelos NL. Actualmente es doctorando en Comunicación Aplicada en la Universidad Anahuác en la Ciudad de México. Email: [email protected]
