ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL  DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIB...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBU...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL  DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIB...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL       DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL   DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRI...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUT...
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Estudio Intranets 2008 carmenelizabeth.com
Upcoming SlideShare
Loading in …5
×

Estudio Intranets 2008 carmenelizabeth.com

4,557 views
4,520 views

Published on

Amigos, quiero compartir con ustedes una parte del "ESTUDIO DE MEJORES PRÁCTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS"
Realizado en el 2008 para el Centro Interamericano de Administraciones Tributarias, cuenta con la participación de 12 países a nivel mundial. Sirve como referencia a lo que ahora se está haciendo y que en esos años todavía era incipiente, sirve para darnos cuenta como la tecnología ha evolucionado, pero la base teórica sigue vigente. Espero les sea útil, y lo tomen como referencia para las futuras intranets a implementar.

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,557
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Estudio Intranets 2008 carmenelizabeth.com

  1. 1. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERASESTE ES SÓLO UN EXTRACTO DEL ESTUDIO ORIGINAL, EL ESTUDIO ORIGINALCONTIENE 231 PÁGINAS.AGRADECIMIENTOSLa recopilación de datos para la realización de este Estudio ha requerido de la colaboración decorresponsales del CIAT. Agradecimiento especial, por la ayuda brindada para tratar deestablecer contacto con funcionarios de otros países y de esta forma enriquecer el estudio.Gracias a todas las organizaciones que colaboraron respondiendo el Cuestionario yexponiendo sus casos en este Estudio.Gracias, a la persona que me dio la vida, mi querida madre, quien siempre ha soñado con unfuturo ideal para mí.Las gracias, también para alguien necesario en mi vida, como es, mi esposo Dante AntiportaPomacaja, en él, siempre encuentro un consejo y una palabra de aliento, gracias porapoyarme.2008 © Carmen Elizabeth Vásquez Dextre 2Consultoría CIAT - BID
  2. 2. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERASINDICE1. INTRODUCCION..................................................................................................................5 1.1. Beneficios Tangibles.....................................................................................................6 1.2. Beneficios Intangibles ...................................................................................................7 1.3. Diseño Visual Web .......................................................................................................72. ANTECEDENTES Y METODOLOGÍAS ...............................................................................9 2.1. Antecedentes................................................................................................................9 2.2. Ámbito del Estudio ......................................................................................................11 2.3. Metodología ................................................................................................................11 2.4. Objetivos del Estudio ..................................................................................................123. DOCE CASOS DE INTRANETS DE ADMINISTRACIONES TRIBUTARIAS YADUANERAS A NIVEL MUNDIAL .............................................................................................13 3.1. Participantes ...............................................................................................................13 3.2. Sobre el Enfoque Aplicado .........................................................................................14 3.3. Diseño Centrado al Cliente y/o Usuario ......................................................................17 3.4. Sugerencias y Recomendaciones ..............................................................................184. LAS DIEZ MEJORES INTRANETS DE GOBIERNO A NIVEL MUNDIAL ..........................19 4.1. Defense Finance and Accounting Services – Estados Unidos ...................................20 4.2. Department for Transport – Reino Unido ....................................................................21 4.3. Department for Victorian Communities – Australia .....................................................22 4.4. Department of Veterans Affairs Mid-Atlantic Health Care Network – Estados Unidos 23 4.5. Federal Reserve Bank of Richmond – Estados Unidos ..............................................24 4.6. London Undergroup – Reino Unido ............................................................................25 4.7. National Research Council of Canada – Industrial Research Assistance Program ....26 4.8. Senate Republican Conference – Estados Unidos .....................................................27 4.9. Workplace Safety and Insurance Board of Ontario – Canada ....................................28 4.10. Buenas Prácticas sugeridas para la Intranet de SUNAT extraídas del Reporte sobre las 10 mejores Intranets de Gobierno a nivel mundial. ...........................................................295. LAS DIEZ MEJORES INTRANETS A NIVEL MUNDIAL DEL 2007 ...................................30 5.1. American Electric Power – Estados Unidos................................................................30 5.2. Comcast – Estados Unidos ........................................................................................31 5.3. DaimlerChvsler AG – Alemania ..................................................................................32 5.4. The Dow Chemical Company – Estados Unidos ........................................................33 5.5. Infosys Technologies Limited – India..........................................................................34 5.6. JPMorgan Chase & Co. – Estados Unidos .................................................................35 5.7. Microsoft Corporation – Estados Unidos ....................................................................36 5.8. National Geographic Society – Estados Unidos .........................................................37 5.9. The Royal Society for the Protection of Birds – Reino Unido......................................38 5.10. Buenas Prácticas sugeridas para la Intranet de SUNAT extraídas de del Reporte sobre las 10 mejores intranets a nivel mundial del 2007 ........................................................396. BUENAS PRÁCTICAS EN LA CREACIÓN DE INTRANETS .............................................40 6.1. Antes de iniciar la creación de la Intranet ...................................................................40 6.2. Durante la creación de la Intranet ...............................................................................41 6.3. Después de creada la intranet ....................................................................................567. ERRORES COMUNES EN LAS INTRANETS ...................................................................57 7.1. Antes de iniciar la creación de la Intranet ...................................................................57 7.2. Durante la creación de la Intranet ...............................................................................578. LAS INTRANETS DEL FUTURO........................................................................................79 8.1. Elementos de la Intranet del Futuro – Modelo 1 .........................................................79 8.2. Elementos de la Intranet del Futuro – Modelo 2 .........................................................80 8.3. Elementos de la Intranet del Futuro. Modelo 3 ...........................................................819. CONCLUSIONES ...............................................................................................................82 9.1. Conclusiones del Estudio de Diseño Visual................................................................82 9.2. Conclusiones extraídas de las Buenas Prácticas de las Intranets ..............................822008 © Carmen Elizabeth Vásquez Dextre 3Consultoría CIAT - BID
  3. 3. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS 9.3. Conclusiones Específicas extraídas de los Doce Casos de Administraciones Tributarias y Aduaneras..........................................................................................................84 9.4. Conclusiones sobre el futuro de las Intranets .............................................................85 9.5. Conclusiones sobre el Diseño Visual de la Intranet de SUNAT ..................................85 9.6. Conclusiones Finales..................................................................................................8610. ANEXOS.........................................................................................................................87 10.1. CUADRO COMPARATIVO N° 1 DE LA APLICACIÓN DE BUENAS PRÁCTICAS ....87 10.2. VENTAJAS DEL USO DEL FORMATO SVG Y SUS POSIBILIDADES .....................91 10.3. EVOLUCIÓN DE LA WEB ..........................................................................................92 10.4. Estudio del Diseño Visual ...........................................................................................93 10.5. Buenas Prácticas en Intranets ....................................................................................96 10.6. Errores comunes en el Diseño Visual de Intranets ................................................... 100 10.7. DOCE CASOS DE INTRANETS DE ADMINISTRACIONES TRIBUTARIAS Y ADUANERAS A NIVEL MUNDIAL ........................................................................................ 101 10.8. LAS DIEZ MEJORES INTRANETS DE GOBIERNO A NIVEL MUNDIAL ................ 106 10.9. LAS DIEZ MEJORES INTRANETS A NIVEL MUNDIAL DEL 2007 ......................... 10711. BIBLIOGRAFÍA............................................................................................................. 10812. SOBRE LA AUTORA .................................................................................................... 1142008 © Carmen Elizabeth Vásquez Dextre 4Consultoría CIAT - BID
  4. 4. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS1. INTRODUCCIONLos cambios generados a nivel mundial a causa de la globalización han provocado lanecesidad de una mayor integración entre los distintos factores económicos de los países conel fin de hacer frente a los distintos retos que implica esta nueva realidad.El desarrollo tecnológico, las sociedades del conocimiento, la nueva competitividad entre laseconomías, entre otros factores, obligan a las organizaciones públicas y privadas a entrar enesta nueva dinámica económica, política y social.El día de hoy, los ciudadanos exigen a sus gobiernos más y mejores servicios, esta condiciónobliga a un mayor compromiso y dedicación en el quehacer público; para poder cumplirlo esnecesario innovar y dar mayor calidad a los productos y servicios que se ofrecen al ciudadano -cliente mediante el uso de herramientas y métodos que hagan eficiente y eficaz, la actividad delas organizaciones para el logro de objetivos y satisfacción plena de los ciudadanos. La Administración Pública es la acción del poder público al aplicar las leyes y cuidar de losintereses públicos; resulta, por lo tanto, un conjunto de órganos de que se sirve para talfinalidad.Tal como reza la teoría, la Administración Pública va a necesitar de todo instrumento que lepueda facilitar la relación con el ciudadano o aún con sus propias competencias deinterrelación con otras administraciones. La administración, como inmensa y compleja Intranetque supone, requiere de software que la impulsen y aligeren las tareas.A raíz de la modernización de la Administración Pública, se quiere obtener estos beneficiosutilizando las Tecnologías de Información disponibles a nivel mundial 1: Para los organismos públicos Para las empresas Para los ciudadanos Plazos de reacción más Agilización de los trámites con Más y mejores servicios rápidos la administración públicos Reducción de Costes Mejoras en su competitividad Agilización y facilitamiento de la burocracia Servicios más accesibles Mejoras en la relación sector Participación activa en las privado/público decisiones que le afectan Capacidad de cobertura a una Utilización de la Administración Servicios públicos accesibles amplia gama de necesidades como motor de incorporación 24 x 7 de las nuevas tecnologías de la EmpresaFuente: Redes & Telecomunicaciones. Nº 180, Mayo 2004, pág. 4. EspañaSe requieren de innovaciones que transformen la Administración Pública para hacerla máseficaz, eficiente y cercana a los ciudadanos. En este proceso el empleado público será suprincipal protagonista, para lo que necesita un entorno favorable para que dicha transformaciónpermita alcanzar los objetivos marcados.1 II Congreso Online del Observatorio para la CiberSociedad. Ponencia: Administración Pública del Futuroy Bienestar Social. 2004.2008 © Carmen Elizabeth Vásquez Dextre 5Consultoría CIAT - BID
  5. 5. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Es necesario recoger las necesidades y expectativas de los empleados, ofrecerles el ambiente y las herramientas necesarias para aprovechar la sabiduría individual y potenciar así el conocimiento colectivo de la organización. La comunicación interna permite darle una identidad a la organización y extender el conocimiento de la cultura corporativa, acercando unidades tradicionalmente estancas de la organización y promoviendo el conocimiento y la valoración recíprocos. En la filosofía del nuevo modelo de uso de Internet, el conocimiento debe estar accesible sin restricciones. De forma paralela, en el seno de una organización, el conocimiento corporativo generado en ella debe estar igualmente disponible en cualquier momento, por cualquier empleado y desde cualquier parte. Es un reto para los gestores de los espacios colaborativos hacer que el conocimiento tácito presente en foros de discusión, artículos de blogs, wikis o comentarios sea identificado, categorizado, mantenido y puesto a disposición (al menos) de la comunidad que lo generó2. De acuerdo a un estudio realizado por el Delphi Group®, el 98% de las instalaciones de intranets dan un Retorno Sobre la Inversión (RSI) favorable, siendo un indicador muy importante en comparación con otras aplicaciones, como por ejemplo CRM en donde éste valor alcanza solamente un 60%. Del mismo estudio se desprende que el 22% de las firmas encuestadas reportaron un RSI de entre el 22% y el 50%, mientras que un 18% reportaron un RSI superior al 100%. Otro estudio realizado el año pasado por la International Data Corporation (IDC) acerca del Retorno Sobre la Inversión (RSI) en proyectos de intranets corporativas revela el por qué las implementaciones comunes respaldadas por una decisión estratégica de la compañía están alcanzando un RSI mayor al 1000 por ciento. En el mismo estudio, se expone que un empleado promedio consume entre el 25% y 30% de su tiempo buscando información. Estos últimos valores son consistentes con otros estudios que afirman que el 80% de la información requerida por un empleado no está en lo sistemas de información, típicamente por tratarse de información no estructurada o documental. Una intranet pone juntos todos los recursos necesarios bajo un único Portal Corporativo, brindando estandarización y facilidad de uso, permitiendo a los usuarios interactuar con contenidos, aplicaciones, procesos de negocio y otras personas dentro de la Organización. La intranet es conducida por un sistema avanzado de herramientas que brinda a usuarios no técnicos la capacidad de capturar inmediatamente la información y entregarla al público objetivo en forma oportuna3.1.1. Beneficios Tangibles Los beneficios tangibles, aquellos que los directivos pueden tomar en sus manos, se resumen abajo. Un buen ejemplo de un beneficio tangible es la reducción de costo del papel debido al traslado de los procesos en línea. Algunas estadísticas citan que un 18% del material corporativo impreso se vuelve obsoleto después de 30 días. Imagínese dicho material acumulado después de 60 o 90 días. Ahora imagínese ese material en línea, siempre disponible y actualizado. 2 Junta de Andalucía – Consejería de Salud. Entorno Colaborativo de Trabajo: La Intranet 2.0. 2007. 3 Beneficios de usar una Intranet. InnovaAge. 2008 © Carmen Elizabeth Vásquez Dextre 6 Consultoría CIAT - BID
  6. 6. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS  Implementación económica.  Fácil de usar: sólo apuntar y hacer clic.  Basada en estándares abiertos.  Ahorro de tiempo y dinero.  Mejor información, más rápido.  Escalable y flexible.  Conexión entre distintas plataformas.  Pone la información a ser controlada por los usuarios.1.2. Beneficios Intangibles Pero no solamente es el ahorro del papel lo que beneficia a la empresa. Lo que se logra con la información en este nuevo ambiente web tiene un gran impacto. Las Intranets permiten a una Organización gastar menos tiempo en cosas que no agregan valor, como la búsqueda de información para resolver un problema. La productividad se incrementa a medida que el conocimiento corporativo es más accesible y la información más precisa. La flexibilidad en el tiempo de entrega del conocimiento se gana a medida que la información siempre esté a un clic de distancia. Las Intranets abren un espacio en donde las fronteras son más pequeñas y el intercambio de información es estimulado. Esto lleva a unos empleados mejor informados y con la habilidad de tomar mejores y más rápidas decisiones. Al final, se termina logrando una mayor productividad y más tiempo para incrementar las ganancias.  Mejoramiento de la toma de decisiones  Construcción de una cultura de colaboración  Procesos de aprendizaje más fáciles  Eliminación de la burocracia  Mejoramiento de la calidad de vida en el trabajo 4  Incrementa la creatividad y la innovación.  Aumenta la eficiencia y productividad de la organización.  Incrementa la reutilización del conocimiento y reduce la fuga del "capital del conocimiento".  Mejora los tiempos de respuesta al mercado.  Posibilita la comunicación con un número extenso de individuos y organizaciones a bajo costo.  Mejora la integración en la cadena de valor mediante la extensión de las aplicaciones de la empresa al Portal Corporativo5.1.3. Diseño Visual Web La interfaz gráfica de usuario, desde los básicos tutoriales, presentaciones, animaciones, intros, aplicaciones, la omnipresente web, hasta el software están consensuados por criterios diversos de acuerdo a sus objetivos, a los contenidos, su audiencia, y de acuerdo también a la aplicación de ciertas leyes o normas funcionales. Para profundizar, por si mismos los diseños electrónicos o las interfaces gráficas de usuarios no son solamente sinónimos de sitios web, animaciones interactivas, o software, sino además siguen una determinada estructura y secuenciación de su producción, (análisis de requerimientos, objetivos, recopilación de la información, diseño del sistema, implementación, 4 FAQ sobre Intranets. Intranet Total. 5 Beneficios de usar una Intranet. InnovaAge. 2008 © Carmen Elizabeth Vásquez Dextre 7 Consultoría CIAT - BID
  7. 7. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERASprototipos, etc.); en su navegabilidad e interacción (control del flujo de información yrestricciones, guías, mapas conceptuales y semánticos, etc.); en su diseño de contenidos(conceptos a entregar, textos, media, diagramación, etc.)Además de ello se encuentran sujetos a estándares internacionales globales (W3C, ISO 13407,IEC 9241, IEC 9126, entre otros); y educacionales en el caso de las interfaces relacionadas conla educación y e-learning (SCORM, AICC), entre muchos otros parámetros, todos los cualesgiran de manera unívoca alrededor de los niveles de encontrabilidad 6, recuperación, yasimilación de la información que el usuario final busca, facilitado por la aplicación de procesosmuy precisos de interactividad, navegación, retroalimentación y la forma en que estoscontenidos, por objetivo, deberían o podrían eventualmente ser asumidos o asimilados por laaudiencia. En ello se basa tanto la eficacia o pertinencia del contenido a entregar y evaluar,como la eficacia del proceso de diseño en general 7.Cuando la Web era sólo contenido textual y gifs animados, en 1996 apareció FlashMacromedia para darle al usuario una experiencia más generosa a nivel gráfico. Sus botones,clips de película, máscaras y programación en Action Script promovían zonas activas deinteracción. Pero la interacción de Flash sabe a poco con la intercreatividad y experiencia deusuario que ofrecen las aplicaciones Web 2.0. Si se piensa en contenidos dinámicos, sucede lomismo. Las clásicas herramientas para producir webs, como Dreamweaver y Flash, ofrecen laposibilidad de crear un diseño complejo de contenidos dinámicos mediante HTML, estilos CSSy programación, pero también se quedan atrás de las aplicaciones diseñadas en Ajax, Ruby onRails o BitTorrent10 para los productos Web 2.0. Interfaz con la capacidad de acceso en todolugar y momento a los servicios web, con la usabilidad, familiaridad y sencillez de las interfacesde los sistemas operativos8.6 Encontrabilidad, es un término utilizado en la Usabilidad, el cual se refiere a la capacidad de loscontenidos digitales a ser encontrados, especialmente a través de los buscadores.7 Arquitectura de Información: Introducción al Proceso de Desarrollo en el Diseño de Interfaces de Usuario(Draft). Universidad de Concepción de Chile. 2004.8 Planeta Web 2.0. Grupo de Investigación en Interacciones digitales (GRID) de la Universidad de Vic y ala Facultad Latinoamericana de Ciencias Sociales – FLACSO México. 2007.2008 © Carmen Elizabeth Vásquez Dextre 8Consultoría CIAT - BID
  8. 8. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS2. ANTECEDENTES Y METODOLOGÍAS2.1. Antecedentes La primera experiencia de Intranet de que se tenga noticia surge en 1992 cuando ingenieros de Sun MicroSystems ven en el uso del Web una alternativa válida de apoyo a la gestión de sus procesos administrativos. Posteriormente, Netscape incursiona para indagar qué tan útil puede ser el uso de su producto Navigator como una interfaz común para el acceso de distinto tipo de información de una empresa, con lo que comienza a promocionar esta nueva orientación del Web. Inicialmente existía la idea de los beneficios de una intranet, pero no así las herramientas para desarrollar productos que permitieran poner en marcha este nuevo esquema de hacer las cosas al interior de las empresas. Diversas empresas de software dieron un paso importante encaminado al desarrollo de sistemas para Trabajo en Grupo; Lotus, con su producto Notes, en 1995, coloca de moda el concepto de Groupware y también percibe en el Web un entorno más imparcial y estándar sobre el cual desarrollar sus productos. Por otra parte, Microsoft reconoce su error estratégico al no priorizar dentro de sus planes de desarrollo la importancia de Internet y las potencialidades que ella ofrece, por lo que cambia su estrategia y complementa sus productos para trabajar de manera "natural" en esta red. Finalmente Novell, adapta su producto Netware para trabajar más eficientemente en esta línea. Esta situación, que involucró a tres grandes empresas de software (IBM-Lotus, Microsoft y Novell) da una clara señal a otras empresas similares para desarrollar productos y servicios orientados al Web, pero de manera especial a intranet. En la actualidad, la creación de productos para intranet ocupa un alto porcentaje de los recursos de investigación y de desarrollo de las empresas de software. Las empresas ligadas al hardware, también han potenciado sus productos para trabajar o soportar aplicaciones de Internet e intranet. Es más, se supone que la mitad de lo que hoy se desarrolla en ambiente Web está orientado a intranet79. Las Intranets surgen cuando las empresas - ante el auge de las autopistas de la comunicación, y más concretamente de Internet- se plantean sacar provecho de todas las ventajas de la tecnología Web para mejorar su comunicación y la colaboración dentro de su entorno, superando las trabas que hoy presenta Internet en cuanto a su total accesibilidad 10. Sin embargo, muchas grandes corporaciones, han fracasado en este objetivo y actualmente poseen una infraestructura desactualizada, que hace muy difícil cualquier consulta de información. Pero el fracaso no se debe tanto a los aspectos relacionados con la infraestructura técnica sino con aspectos culturales y la poca capacidad de la corporación para poder gestionarlos. Las intranets suponían originalmente una gran libertad: cada área de una compañía tendría la facultad de crear y administrar su propio contenido, dentro de una determinada porción de la Intranet. 9 Antecedentes Históricos de las Intranets. Universidad de Chile. Sistema de Servicios de Información y Bibliotecas (SISIB). 2007. 10 Las Intranets en el Siglo XXI. Universidad Politécnica Salesiana de Ecuador. 2008 © Carmen Elizabeth Vásquez Dextre 9 Consultoría CIAT - BID
  9. 9. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Esta metodología derivó años más tarde en un gran desorden. Cada sección que se navegaba tenía un esquema de navegación y un diseño diferente, lo que resultaba muy frustrante para el usuario medio cuando debía buscar u obtener cierta información. Además es bastante común que el compromiso de las diferentes áreas para actualizar el contenido de la Intranet varíe de una entrega absoluta al más absoluto abandono. Pensar la estructura de contenidos de una Intranet en base a la estructura de la organización puede ser muy tentador, después de todo, los empleados la conocen a la perfección y pueden sentirse fácilmente identificados con ella. Lo que deberá evaluarse aquí es si reproduciendo la estructura de una organización no se está evitando lo que se denomina la “navegación cruzada” es decir la posibilidad de que un usuario consulte y navegue por contenidos que quizás no tengan que ver directamente con su propia área pero que pueden resultarle útiles de todos modos.2.1.1. La usabilidad como factor diferenciador Frente a este panorama, por cierto bastante desalentador, la usabilidad y el diseño centrado en el usuario, metodologías ambas que ayudan a desarrollar interfaces intuitivas, fáciles de usar y al servicio de quienes serán sus usuarios finales, arrojan un poco de luz sobre el futuro de las Intranets corporativas. Para empezar, las Intranets tienen que estar pensadas para sus usuarios, al igual que un sitio Web. Pero aquí los usuarios son los empleados de una compañía. Relevar sus preferencias, las aplicaciones que utilizan cotidianamente, los contenidos que consultan o cómo prefieren obtener la información resulta vital para lograr un producto que satisfaga sus necesidades y expectativas11.2.1.2. Antecedentes del Diseño Visual Web. Una GUI (Graphics User Interface) es un entorno interactivo entre humano y ordenador, dinámico en el mejor de los casos, pero de todas formas, gráfico y visualmente comprensible, a diferencia del arcaico modo textual. El término surgió porque la primera interfaz interactiva que unía a las computadoras y a los usuarios no era gráfico, sino textos y teclado orientados, y normalmente consistió en órdenes que el usuario tenía que recordar y respuestas de la computadora que eran muy breves, pero potentes, desplegadas en una amenazadora pantalla negra con letras blancas; la tradicional interfaz del sistema operativo DOS es un ejemplo de la interfaz del “usuario-computadora” típica antes que las GUI actuales se posicionaran. Luego hubo un paso intermedio que conecta al usuario con la interfaz de línea de comandos en donde la GUI era la interfaz tipo “menú desplegable no gráfico” que le permitió interactuar usando un ratón en lugar de teclear órdenes desde el teclado, recordemos las versiones de Windows de la 1 a la 2. Esta interfaz fue el tipo de visualización que dieron al usuario la opción de elegir comandos, iniciar programas y ver listas de archivos y otras opciones a través del menú descendente. Las selecciones podían activarse, bien a través del teclado, o bien con el ratón. GUI, actualmente, es una forma de representar la información procesada de la computadora de manera visual, concreta y manejable por el usuario final haciéndola más comprensible, más didáctica, más asimilable, más usable. 11 Intranets: caos corporativo vs. Usabilidad. C Comunicación. Argentina. 2005. 2008 © Carmen Elizabeth Vásquez Dextre 10 Consultoría CIAT - BID
  10. 10. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Internet o mejor dicho su servicio más conocido: la WWW, donde se despliegan los sitios web es por omisión una GUI distribuida (puede incluir simultáneamente texto, imagen, sonido, video), en ella se pueden visualizar diagramaciones y distribuciones de contenido; se puede insertar sonido, video, gráfica, dinamismo, interacción, navegabilidad, procesar datos en línea, confirmándola como la GUI por excelencia. 2.1.3. La Arquitectura de la Información Es la disciplina encargada de la fundamentación, análisis, planificación y estudio de la disposición de los datos contenidos en los sistemas de información interactivos. El Information Architecture Institute, define la Arquitectura de la Información como:  El diseño estructural en entornos de información compartida.  El arte y la ciencia de organizar y rotular sitios web, intranets, comunidades en línea y software para promover la usabilidad y la buscabilidad12.  Una comunidad emergente orientada a aplicar los principios de diseño y la arquitectura en el entorno digital.2.2. Ámbito del Estudio El presente Estudio pretende reunir las variables más importantes a la hora de construir una Intranet, poniendo énfasis en el Diseño Visual. Se mostrará Intranets de otros países como son:  Algunos países miembros del APEC.  Algunos países miembros del CIAT. Los resultados mostrados como desarrollo del Estudio son usados para demostrar beneficios y ejemplos de mejores prácticas en empresas de gobierno y comerciales, además identificamos áreas donde las Administraciones Tributarias y Aduaneras requieren mejoras o creación de soluciones. El desarrollo de este Estudio es una guía de referencia para estándares internacionales.2.3. Metodología Se realiza este estudio, considerándose como una de las Etapas del Método Proyectual basado en la resolución de problemas de Bruno Munari a aplicarse como parte de la creación del Diseño Visual de la Intranet de la Superintendencia Nacional de Administración Tributaria – Perú. Para la realización del presente Estudio se utilizará la técnica de gestión empresarial llamada BENCHMARKING del tipo: 2.3.1. Competitivo: Donde trataremos de conocer otras intranets del mundo en el mismo rubro. Para ello se elaboró un Cuestionario a modo de encuesta. 12 Buscabilidad (Findabiliby), la cualidad de ser localizable o navegable. 2008 © Carmen Elizabeth Vásquez Dextre 11 Consultoría CIAT - BID
  11. 11. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS 2.3.2. Mejor de su Clase: Donde conoceremos según los Reportes de Nielsen Norman Group:  Las 10 mejores Intranets de Gobierno y Sector Público a nivel mundial.  Las 10 mejores Intranets del 2007 a nivel mundial. Además de una revisión de estándares internacionales, lecciones aprendidas, mejores prácticas e investigación. Las dificultades para la realización del Estudio fueron las siguientes: 1. No se encontraron estudios o reportes de Intranets de Administraciones Tributarias. 2. No se encontraron estudios o reportes sobre Diseño Visual de Intranets. 3. Algunas Intranets no cuentan con acceso externo. 4. Ninguna Intranet permite acceder de forma externa a personas que no sean empleados de dicha institución. 5. No se contaba con presupuesto que permitiera la realización de viajes a cada país miembro del APEC y CIAT para realizar una evaluación en su misma sede. Debido a que se invitó a los países miembros del CIAT y APEC a participar de este estudio, quedando con ellos, en el compromiso de remitirles los resultados del estudio. Se incluye en el contenido algunas Buenas Prácticas y errores antes de comenzar la creación de la Intranet.2.4. Objetivos del Estudio  Identificar conceptos y mejores prácticas en el diseño de las Intranets a nivel mundial.  Definir las tendencias en materia de Intranets, tomando como referencia a las grandes instituciones, que se reconozcan como ejemplo en ese aspecto.  Recomendar Buenas Prácticas que se puedan aplicar a la Intranet de la Superintendencia Nacional de Administración Tributaria – SUNAT - Perú. 2008 © Carmen Elizabeth Vásquez Dextre 12 Consultoría CIAT - BID
  12. 12. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS3. DOCE CASOS DE INTRANETS DE ADMINISTRACIONES TRIBUTARIAS Y ADUANERAS A NIVEL MUNDIAL 133.1. Participantes BOLIVIA ORGANISMO: Servicio de Impuestos Nacionales. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 30. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 09/2007. BRASIL ORGANISMO: Secretaria de Ingresos Federales del Brasil. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: Todos los funcionarios de RFB (no especificaron el número de empleados). FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: No contestaron. CHILE ORGANISMO: Servicios de Impuestos Internos. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 4,000. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 08/2007. CHINA – HONG ORGANISMO: Departamento de Aduanas e Impuestos de Hong Kong. KONG N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 5000. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 01/2008. ECUADOR ORGANISMO: Servicio de Rentas Internas. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 2500. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 12/2006. ESPAÑA ORGANISMO: Agencia Estatal de Administración Tributaria. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: Todos los trabajadores de la AEAT, unos 27.000 aproximadamente. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: Está previsto hacer un cambio importante en su estructura a lo largo de 2008, hemos incluido algunos aspectos en el cuestionario. GUATEMALA ORGANISMO: Superintendencia de Administración Tributaria. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 2500. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 03/2005 JAPÓN ORGANISMO: Servicio de Aduana y la Oficina de Tarificación, Ministerio de Finanzas. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 8500. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 07/2007. MÉXICO ORGANISMO: Servicio de Administración Tributaria. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 30,000. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 01/2008. NICARAGUA ORGANISMO: Dirección General de Ingresos (DGI). La DGI cuenta con Sistemas de información que se ejecutan dentro de la INTRANET sin embargo no existe a la fecha un portal interno o Intranet con información para ser compartida y divulgada entre las áreas internas. Los sistemas que actualmente posee son de uso interno para áreas: Tributarias, Administrativas, Recursos Humanos, Fiscalización, etc. PÁNAMA ORGANISMO: Dirección General de Ingresos del Ministerio de Economía y Finanzas. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 424. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 2007. PÉRU ORGANISMO: Superintendencia de Administración Tributaria. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 7000. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 12/2001. PORTUGAL ORGANISMO: Dirección General de Impuestos – DGCI. N° DE FUNCIONARIOS QUE UTILIZA LA INTRANET: 15,000. FECHA DEL ÚLTIMO CAMBIO ESTRUCTURAL EN LA INTRANET: 04/2006. 13 Revisar el anexo 10.7 donde se muestra el resto de resultados de las encuestas enviadas al CIAT y APEC. 2008 © Carmen Elizabeth Vásquez Dextre 13 Consultoría CIAT - BID
  13. 13. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS3.2. Sobre el Enfoque Aplicado VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 14 Consultoría CIAT - BID
  14. 14. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 15Consultoría CIAT - BID
  15. 15. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 16Consultoría CIAT - BID
  16. 16. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS3.3. Diseño Centrado al Cliente y/o Usuario14 VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 14 Revisar el Cuadro sobre las Mejores Prácticas en Diseño Visual en Intranets de Administraciones Tributarias en anexo 10.5.1. 2008 © Carmen Elizabeth Vásquez Dextre 17 Consultoría CIAT - BID
  17. 17. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS3.4. Sugerencias y Recomendaciones VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 18 Consultoría CIAT - BID
  18. 18. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4. LAS DIEZ MEJORES INTRANETS DE GOBIERNO A NIVEL MUNDIAL15 VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 15 Revisar el anexo 10.8 donde se amplía la información de este reporte. 2008 © Carmen Elizabeth Vásquez Dextre 19 Consultoría CIAT - BID
  19. 19. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.1. Defense Finance and Accounting Services – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 20 Consultoría CIAT - BID
  20. 20. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.2. Department for Transport – Reino Unido VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 21 Consultoría CIAT - BID
  21. 21. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.3. Department for Victorian Communities – Australia VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 22 Consultoría CIAT - BID
  22. 22. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.4. Department of Veterans Affairs Mid-Atlantic Health Care Network – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 23 Consultoría CIAT - BID
  23. 23. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.5. Federal Reserve Bank of Richmond – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 24 Consultoría CIAT - BID
  24. 24. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.6. London Undergroup – Reino Unido VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 25 Consultoría CIAT - BID
  25. 25. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.7. National Research Council of Canada – Industrial Research Assistance Program VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 26 Consultoría CIAT - BID
  26. 26. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.8. Senate Republican Conference – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 27 Consultoría CIAT - BID
  27. 27. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.9. Workplace Safety and Insurance Board of Ontario – Canada VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 28 Consultoría CIAT - BID
  28. 28. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS4.10. Buenas Prácticas sugeridas para la Intranet de SUNAT extraídas del Reporte sobre las 10 mejores Intranets de Gobierno a nivel mundial. VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 29 Consultoría CIAT - BID
  29. 29. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5. LAS DIEZ MEJORES INTRANETS A NIVEL MUNDIAL DEL 2007 165.1. American Electric Power – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 16 Revisar el anexo 10.9 donde se amplía la información de este reporte. 2008 © Carmen Elizabeth Vásquez Dextre 30 Consultoría CIAT - BID
  30. 30. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.2. Comcast – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 31 Consultoría CIAT - BID
  31. 31. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.3. DaimlerChvsler AG – Alemania VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 32 Consultoría CIAT - BID
  32. 32. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUAL DE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.4. The Dow Chemical Company – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es 2008 © Carmen Elizabeth Vásquez Dextre 33 Consultoría CIAT - BID
  33. 33. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.5. Infosys Technologies Limited – India VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 34Consultoría CIAT - BID
  34. 34. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.6. JPMorgan Chase & Co. – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 35Consultoría CIAT - BID
  35. 35. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.7. Microsoft Corporation – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 36Consultoría CIAT - BID
  36. 36. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.8. National Geographic Society – Estados Unidos VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 37Consultoría CIAT - BID
  37. 37. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.9. The Royal Society for the Protection of Birds – Reino Unido VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 38Consultoría CIAT - BID
  38. 38. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS5.10. Buenas Prácticas sugeridas para la Intranet de SUNAT extraídas de del Reporte sobre las 10 mejores intranets a nivel mundial del 2007 VISIBLE SÓLO EN EL ESTUDIO ORIGINAL Sí desea obtener mayor información, escribir al e-mail de la Consultora: cvasquezdextre@yahoo.es2008 © Carmen Elizabeth Vásquez Dextre 39Consultoría CIAT - BID
  39. 39. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS6. BUENAS PRÁCTICAS EN LA CREACIÓN DE INTRANETS6.1. Antes de iniciar la creación de la Intranet  Distinguir entre Sitio web Corporativo e Intranet. Ambas son diferentes en muchos aspectos. Esas diferencias pueden verse reflejadas en el diseño y en el manejo de los procesos.  La entidad gubernamental debe elaborar una estrategia general de la intranet y una guía del diseño general. Es importante recordar que a nivel de las plantillas de páginas específicas y características, típicamente, cada departamento tiene diferentes necesidades.  Elaborar un diseño coherente para integrar muchas intranets.  Considerar las necesidades específicas de la organización. Una intranet refleja la cultura, estructura, procesos, personal y recursos de la organización. Cada intranet debe adaptarse a las necesidades y desafíos de la organización.  Ver el trabajo de la gente. En el diseño de las intranets, no se olvide de que usted ya sabe quiénes son los usuarios finales. Son la gente que pasa en los pasillos, los empleados sentados a su lado en la Cafetería. Observe cómo se está utilizando y no utilizando la intranet, y donde existen posibilidades de diseño. La intranet puede hacer más útil su trabajo en el día a día.  Busque las experiencias de otros organismos. Varios organismos han desarrollado una considerable experiencia en el diseño y manejo de intranets. Compartir experiencias entre los organismos es una manera eficaz de construir y de apoyar la innovación en la Intranet.  Gestor de apoyo a través de grupos. Los directores de diferentes áreas deben participar en la creación de un diseño global.  Participación de los usuarios y las personas interesadas desde el principio y mantenerlos involucrados a lo largo del proyecto.  Planee cuidadosamente y diseñe en el papel antes de proceder al desarrollo. Una cuidadosa planificación por adelantado también le ayudará a realizar un presupuesto realista.  No enfoque la creación de su intranet, principalmente como un proyecto de tecnología. Tratarlo como un problema de negocios y de comunicaciones.  No trate de hacer todo lo que esté a la vez. Muchas empresas tratan de "hervir el océano" y rediseñar todos los aspectos de una gran intranet dentro de un apretado calendario y presupuesto. Invertir en la planificación por adelantado, y luego diseñar y construir en las etapas de máximo impacto.  Enfoque su intranet como un programa continuo en lugar de un proyecto aislado.  Realizar una investigación de usabilidad para determinar los requerimientos del negocio y conocer las necesidades de los usuarios. Emplear técnicas de usabilidad como:  Card Sorting2008 © Carmen Elizabeth Vásquez Dextre 40Consultoría CIAT - BID
  40. 40. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS  Estudios de campo  Evaluación heurística  Encuestas  Pruebas de usuario en la antigua intranet.  Accesibilidad.  Determinar las metas de la intranet.  Darle un nombre a la Intranet y establecer claramente la marca de la intranet. Esto puede ayudar a distinguir a la intranet del sitio web de la empresa y de otros recursos.6.2. Durante la creación de la Intranet 6.2.1. Estándares Internacionales  Realizar muchas evaluaciones de usabilidad y visita a usuarios. Para conocer cómo interactúan los usuarios con la Intranet y conocer que es necesario mejorar.  Usar directrices de accesibilidad en el diseño de procesos tomando en cuenta al usuario con discapacidad.  Imágenes y animaciones. Emplee el atributo Alt (texto alternativo) para describir la función de todos los elementos gráficos.  Mapas de imagen. Cree mapas de tipo cliente y especifique el texto alternativo por zonas activas.  Multimedia. Ofrezca subtítulos y trascripción del audio, descripción de video, y una versión accesible en caso de utilizar formatos no accesibles.  Organización de las páginas. Utilice encabezados (H1, H2, H3,...), listas y una estructura consistente. Emplee estilos en cascada (CSS) para maquetar y determinar el estilo, donde sea posible.  Gráficas y esquemas. Resuma su contenido o utilice el atributo longdesc.  Marcos (frames) etiquételos con los atributos title o name.  Tablas. Asegúrese de que se pueden leer correctamente línea a línea. Utilice el atributo summary.  Otros ejemplos de Usabilidad y Accesibilidad en el diseño son:  La presentación de la información en cada página debe respetar la forma de lectura jerárquica de arriba hacia abajo y de izquierda a derecha.  El contraste entre letra (color/tamaño) y fondo debe permitir la lectura de manera sencilla, aún en los letreros más pequeños.  El color de fondo de las páginas Web debe incorporar colores claros y la letra debe ser de un tono oscuro, lo cual aumenta el contraste y legibilidad, además de eliminar los problemas de impresión.  Mantener mecanismos de interacción consistentes y cómodos de utilizar desde los diferentes medios de acceso utilizados por los clientes.  Mantener un orden lógico de tabulación en los elementos de la página.  Proporcionar mensajes de error claros y mecanismos de navegación para regresar a la página anterior.  Los sitios Web que utilicen documentos descargables para publicar sus contenidos deben informar al usuario el peso del archivo y tiempo estimado de descarga a fin de que el usuario decida si es conveniente acceder a ellos.2008 © Carmen Elizabeth Vásquez Dextre 41Consultoría CIAT - BID
  41. 41. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS  En caso de utilizar tecnología no estándar que requiera que los usuarios instalen librerías (plug-ins) adicionales, debe incluirse el enlace a los sitios de los cuales pueden obtenerse, así como instructivos claros sobre cómo realizar su instalación.  Una buena práctica en la maquetación es utilizar tablas y evitar en medida de lo posible el uso de "marcos" –frames– o “capas” –layers–.  El uso de enlaces debe apegarse a los siguientes puntos:  Los enlaces deben ser descriptivos, de modo que simplifiquen la búsqueda de información.  Identificar explícitamente el destino de cada enlace.  Equilibrar la saturación de la página en cuanto a enlaces tomando en cuenta el número de páginas que tendrá que acceder el usuario para encontrar el contenido que requiere.  Uso de plantillas en el diseño visual de las páginas tratando de unificar la imagen de la intranet.  Recomendaciones de Usabilidad para el uso efectivo de botones en desarrollos web.  Recomendaciones sobre el texto contenido por los botones.  Principalmente, existen dos tipos de botones en los entornos web:  Botones textuales: Son aquellos que básicamente basan toda la información que transmiten sobre textos o a través de ellos.  Botones icónicos: Son aquellos que transmiten su información principalmente a través de una imagen siendo capaces de que la interpretación que el usuario da a dicha imagen sustituya con éxito el mensaje textual que se les podría haber proporcionado. Asimismo, estos pueden disponer de información textual, la cual vendría dada por el etiquetado del icono.  Centrándonos en la información textual transmitida por los botones textuales, existen varias recomendaciones a tener en cuenta: 1.- Es necesario etiquetar todos los botones con verbos imperativos. Estos etiquetados han de tener siempre la primera letra en mayúscula, como por ejemplo Salvar, Buscar, Eliminar ... De este modo, habría que huir de botones con textos tales como “Acepta”, “Accede”, etc. 2.- Se recomienda usar el símbolo (...) ó ... al final de las etiquetas si la acción requiere más explicación para el usuario antes de la acción sea llevada a cabo. Por ejemplo Salvar como... o Buscar.... Estos signos, no deberían añadirse en comandos tales como Propiedades, Preferencias, Configuración, ya que estos comandos no requieren mayor explicación que la que ya expresan por medio de su etiquetado. 3.- Se recomienda utilizar siempre términos breves y representativos. Las frases largas de carácter descriptivo no son2008 © Carmen Elizabeth Vásquez Dextre 42Consultoría CIAT - BID
  42. 42. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS recomendables. El uso de terminología ha de abarcar entre dos y tres palabras. 4.- En el caso de que el etiquetado del botón tenga dos o más palabras, es crítico mantener la consistencia con el español. Un error muy común a la hora de etiquetar botones es importar errores tipográficos internacionales, la mayoría de procedencia anglosajona. De todos ellos, el más común es el de entremezclar mayúsculas y minúsculas dentro de una misma frase sin criterio alguno. Hay que hacer notar que si bien en la lengua inglesa no constituye falta de ortografía el comenzar con letra mayúscula cada palabra que no sea determinante, adverbio o preposición dentro de una misma frase, esto constituye una falta de ortografía en castellano. No obstante, poner mayúsculas a palabras situadas en mitad de frases castellanas se está convirtiendo en costumbre común. Un empeoramiento de esta situación lo constituye el situar dichas letras mayúsculas en algunas palabras de dicha frase y en otras no.  Recomendaciones sobre las características de los botones. El segundo aspecto a tener en cuenta, cuando se tenga una idea más clara sobre las cuestiones lingüísticas es la funcionalidad de dichos elementos. La funcionalidad de un botón en una interfaz web es casi tan importante como su etiquetado lingüístico. El comportamiento de dicho botón proporcionará información crítica al usuario y le guiará por su interacción normal con el sitio web. En aras de una potenciación de la Accesibilidad de un sitio web, el acceso a las distintas secciones del mismo por medio de botones debería poder hacerse de dos maneras: o Navegando por medio del ratón: Es el uso más común por medio del cual interacciona el usuario con los sitios web. o Navegando por medio del teclado: Posibilidad necesaria para aquellas personas que tienen necesidad de hacer uso de los sitios web accesibles debido a algún tipo de discapacidad. Acorde a estos usos, las recomendaciones que se pueden hacer son: Es crítico etiquetar todos los botones a fin de que el usuario pueda obtener información acerca de la funcionalidad sin necesidad de pulsarlos. Adicionalmente, ello posibilitará la navegación en el caso de que los botones no se carguen, tarden en hacerlo o, directamente, no existan por algún tipo de incompatibilidades con el navegador que está usando. Si el botón es capaz de generar texto, un icono o ambos, es necesario describir gráficamente lo que va a suceder. La generación de texto en la2008 © Carmen Elizabeth Vásquez Dextre 43Consultoría CIAT - BID
  43. 43. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS pantalla ocultará algunos elementos de la misma y ello podría propiciar a que el usuario se pierda. Es mejor advertir antes que subsanar. Con respecto a la apariencia que se les debe dar a los botones dentro de una interfaz, la recomendación básica que a primera vista se mantenga la consistencia. Por tanto, hay que tener en cuenta los siguientes puntos: 1.- No usar más de uno o dos anchos para los botones que componen una interfaz y, en cualquier caso, usar siempre el mismo alto. Ello ayudará a proporcionar un cómodo sistema visual para que la percepción del sujeto sea capaz de clasificar los elementos que componen una interfaz. 2.- Aquellos botones cuya función, a causa de las acciones del sujeto, quede inhabilitada, deberán quedar presentes, pero inhabilitados. Un ensombrecimiento de los mismos, ayudará sin duda a clarificar que, a causa de esa acción, el botón ya no está disponible o aún no ha sido activado. 3.- En un texto, un botón puede constituir el botón por defecto de una interfaz. Para ello, tiene que estar resaltado con un borde distinto y debe volverse de la misma manera cuando el sujeto regrese a la citada interfaz. Generalmente, este tipo de botones suelen ser los etiquetados con las funciones “Aceptar”, “Adelante”, “Siguiente”, etc. Tan sólo en casos excepcionales “Cancelar” debería ser el botón activado por defecto de una función. 4.- Si un botón por defecto sólo va a poder ser utilizado una vez, el usuario debe completar un cierto número de pasos (por ejemplo, rellenar un nombre de usuario y una contraseña), este botón NUNCA debería activarse hasta que el usuario complete correctamente la tarea en cuestión. No tiene sentido posibilitarle la opción de pulsado si va a conducirlo a un error de la herramienta. Con respecto a la apariencia que los botones han de tener con respecto a la interfaz global del sitio web, se han de tener en cuenta los siguientes puntos: 1.- Cada vez que un botón se pulse, hay que dar feedback al usuario que está pulsando el botón. Este feedback admite las animaciones o los sonidos, siempre y cuando ayuden a aclarar al usuario. 2.- La ubicación de los botones en la interfaz es un aspecto fundamental. Es recomendable que el botón con mayor posibilidad de ser pulsado sea mostrado en primer lugar. En este sentido, hay que tener en cuenta que las pautas de lecto escritura occidentales podrán ayudar en esto, ya que los usuarios leen de izquierda a derecha y de arriba abajo. Estas pautas nos van a proporcionar las reglas a seguir acorde a las ponderaciones en importancia otorgadas.2008 © Carmen Elizabeth Vásquez Dextre 44Consultoría CIAT - BID
  44. 44. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS 3.- En el caso de que la interfaz tenga ciertas particularidades, por medio de las cuales no sea posible dotar al sitio web de indicadores claros de pulsado, puede ser aconsejable introducir alguna pista que enfatice los botones usados con más frecuencia o los más previsibles.  Simple e intuitiva interfaz de usuario y arquitectura. En lo posible, los usuarios no deben requerir una formación previa de cómo usar el sitio.  Cada recurso debe tener su propia URL exclusiva, que los usuarios puedan guardar como favorito. Esto significa evitar en lo posible la utilización de marcos o frames.  Acceso con un clic. Los usuarios deben ser capaces de obtener los recursos de la página con un clic. Esto puede requerir del uso de menús que solo aparecen cuando se señalan con el cursor o desplazarse a través de listas en las pequeñas ventanas para evitar que la página sea abrumadora. La regla de los 3 clicks (3 clicks rules) recomienda que no se debería llegar a ninguna información clave de un sitio web en más de tres clicks. La correcta aplicación de este principio produce en el usuario una experiencia positiva, ese usuario probablemente volverá a nuestro sitio web recordando que una vez pudo cumplir su objetivo satisfactoriamente.  Acomodar diversas formas de encontrar la información. La intranet debe ofrecer a los usuarios tres opciones para obtener la información que están buscando: navegar, buscar o suscribirse.  Optimizar el uso de imágenes al utilizar formatos ligeros que no pierdan la calidad de la imagen.  El uso de imágenes debe ser un recurso complementario y no ser sustituto del contenido en texto.  Es importante vigilar la cantidad de animaciones que incluya el diseño, con el fin de no saturar al usuario y perder su atención, así como evitar sobrepasar el peso recomendado por página.  En el caso de los sitios con contenido dinámico, debe contemplarse una imagen o texto alternos cuando no se encuentre disponible o no se logre cargar la imagen o información solicitada.  Algunos principios del Diseño centrado en el usuario son:  Los usuarios de un sistema frecuentemente juzgan a ese sistema por su interfaz, por lo tanto el diseño de interfaz de usuario debe tomar en cuenta las expectativas, necesidades, experiencias y capacidades de los usuarios del sistema a distribuir, conocer exactamente el nivel sociodemográfico del usuario y no confundirlo con el del cliente o desarrollador.  El control de la aplicación a nivel de navegación e interacción debe estar en manos del usuario, por lo menos aparentemente.  Cuanto mayor sea el grado de personalización, más cómodo se sentirá el usuario en el entorno de aplicación.  La página inicial es lo más importante atendiendo a razones de lograr audiencia cautiva desde el momento del contacto visual, para ello debe existir coherencia y consistencia del diseño entre2008 © Carmen Elizabeth Vásquez Dextre 45Consultoría CIAT - BID
  45. 45. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS todas las partes del producto y sus elementos a nivel visual, conceptual, semántico adoptando estilos, cuando es posible y necesario.  Los usuarios han de entender el funcionamiento y la estructura de información en toda la aplicación después de observarla unos pocos segundos. Un diseño de interfaz pobre, inicialmente complejo o incomprensible puede provocar que el usuario huya y probablemente dicho sistema nunca sea usado.  Aplicar diseño de interacción consistente en decidir dónde y cómo se le dará el control al usuario, por parte del equipo de desarrollo.  Definir qué y cómo pasa en cada escena, pantalla o página al interactuar el sistema con el usuario.  Provocar un diálogo fluido y realmente comunicativo entre el sistema y el usuario.  Definir restricciones y privilegios para reforzar conceptos.  Elaborar y utilizar metáforas.  Diseñar controles para la interacción. 6.2.1.1. Diseño Gráfico  La importancia del buen uso de la Teoría del color.  Uso del color en la Interfaz. El color tiene un impacto principal sobre la interacción humano-computadora: si no positivo, entonces negativo. De acuerdo a Murch, un investigador en factores humanos bien conocido, "El color puede ser una herramienta poderosa para mejorar la utilidad de un despliegue de información en una amplia variedad de áreas si el color es usado adecuadamente. Inversamente, el uso inapropiado del color puede seriamente reducir la funcionalidad de un sistema de despliegue". El color es un componente principal en las GUIs. Debido a la proliferación de aplicaciones GUI en PCs, Macs, y Estaciones de trabajo Unix, el examen del color es pertinente a la interacción humano-computadora (human computer interaction, HCI). El uso de color apropiado puede ayudar a la memoria del usuario y facilitar la formación de modelos mentales efectivos. Como Murch expresó arriba, el uso efectivo del color puede ser una herramienta poderosa. Sin embargo, el uso inefectivo del color puede degradar el desempeño de una aplicación y disminuir la satisfacción del usuario. Debido a estos factores, sentimos que el uso efectivo del color en interfaces de computadora es un importante tópico en HCI que requiere ser examinado cuando consideramos el diseño de una interfaz. La gente interactúa con su mundo a través de modelos mentales que ellos han desarrollado. Específicamente, las ideas y las habilidades que traen a su trabajo están basadas en modelos mentales que ellos desarrollan acerca de ese trabajo. Como diseñadores de interfaces, necesitamos ayudar al usuario a desarrollar modelos mentales del sistema que le ayudarán a entender el trabajo, y desarrollar las herramientas de la interfaz que le ayudarán a realizar el trabajo. El uso adecuado del color comunica hechos e ideas más rápidamente y más estéticamente al usuario. El color también puede ayudar a desarrollar modelos mentales eficientes y factibles2008 © Carmen Elizabeth Vásquez Dextre 46Consultoría CIAT - BID
  46. 46. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS si se siguen las siguientes pautas: simplicidad, consistencia, claridad y lenguaje del color. Mantenga el mensaje sencillo. No sobrecargues el significado del color vinculando más de un concepto a un solo color17. Los conceptos diferentes deberán usar colores diferentes. Mantener el mensaje simple se relaciona con la siguiente pauta, la cual es consistencia. El color puede ser usado para codificar o agrupar piezas de información. Esto ayuda a incrementar el número de piezas de información que un usuario puede retener en la memoria de corto plazo. Es importante el ser consistente a la hora de "agrupar" información. Evita cambiar el significado de los colores para diferentes pantallas en la interfaz. Por ejemplo, una interfaz de base de datos que evaluamos cambia su color de fondo a azul cada vez que aparecen los campos en la pantalla que no pueden ser actualizados. Esto se hace para toda pantalla aplicable en el paquete y de esa manera proporciona continuidad y consistencia para el usuario. La claridad es también una pauta importante para usar color. Experimentos han mostrado que el tiempo de búsqueda para encontrar una pieza de información es disminuido si el color de esta pieza es conocido por anticipado, y si el color sólo se aplica a esa pieza. Los colores de interfaz estandarizados deberán de ser establecidos y usados a través del desarrollo. El uso claro y conciso del color puede ayudar a los usuarios a encontrar piezas de información más rápidamente y más eficientemente. El aprendizaje puede ser grandiosamente aumentado con el color. El color ha probado ser superior al blanco y negro por la efectividad en el tiempo de proceso de información y por el rendimiento de memoria. La estética y lo atractivo de la interfaz son inherentemente aumentados por el uso del color. La usabilidad del sistema puede ser aumentada empleando colores para agrupar información acerca de subsistemas y estructuras y para añadir dimensiones de código a la interfaz. De hecho, los errores en entendimiento y el uso de la interfaz pueden ser realmente reducidos usando color para dar claridad a los significados y conceptos del sistema. El utilizar códigos de color en mensajes para el usuario podría reducir grandemente la mal interpretación y las respuestas incorrectas. El rojo es un buen color para alertar a un usuario hacia un error. El amarillo es apropiado para un mensaje de advertencia, y el verde para mostrar un progreso positivo. El usar verde para mensajes de error y el rojo para mensajes de estado positivo sólo conducirá al usuario a mal interpretaciones y a frustraciones.  Uso del color en las fotografías. Aunque la mayor parte de la tomas se realizan hoy en colores, existe la opción de presentar las fotografías en blanco y negro (en realidad, grises) e, incluso, en blanco y negro real (fotos de 1 bit). En algunos casos, las fotografías en blanco y negro o en escalas de grises pueden ser más expresivas que las del color.17 Norman, D. Some Observations on Mental Models. In Mental Models D. Genter and A. Stevens, eds.Lawrence Erlbaum Associates, 1983, pp. 7-14.2008 © Carmen Elizabeth Vásquez Dextre 47Consultoría CIAT - BID
  47. 47. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Puede suceder que contemos sólo con fotografías en blanco y negro para nuestro documento. En ese caso puede utilizarse así como las obtuvimos, o tonalizarse tipo sepiado, con lo que se obtiene efectos muy interesantes, sobre todo si se trata de fotografías antiguas.  Uso del color en ilustraciones. En el caso de las ilustraciones el uso del color debe supeditarse a la intención comunicativa. La ilustración puede utilizarse porqué no se cuenta con una fotografía (en reemplazo), en cuyo caso el color debe ser lo más realista posible (adecuado al estilo gráfico de la ilustración). Pero las ilustraciones se usan también para simplificar y sintetizar la imagen. En ese caso el color debe ser usado con prudencia, para mantener la síntesis buscada. Si se trata de identificar elementos, el color de los mismos debe ser convencional.  Uso del color en gráficos y diagramas. El color cumple aquí el papel auxiliar comunicativo, ayudando a reconocer las distintas partes del gráfico o diagrama, a identificarlas claramente y a interpretarlas.  Considerar las reglas de Composición Fotográfica a la hora de elegir imágenes para la Intranet. Algunas de ellas son:  Centro de Interés Cada fotografía tiene (o debería tener) un centro de interés. ¿De qué es la foto? ¿Es una fotografía de su novia? ¿Es una fotografía de las pirámides de Egipto? Debería ser obvio para cualquiera que mire una fotografía saber de qué es la foto. Es lo que se denomina el centro de interés. Aunque se denomine centro, el centro de interés no tiene que ser necesariamente el objeto que esté en el centro de la foto ni ser el objeto que ocupa la mayor parte de la imagen. Es la primera regla de una buena composición, ya que es la más importante. Simplemente decide antes de disparar el motivo sobre el que quieres tomar la fotografía. Todo lo que hay que hacer a partir de ahí es enfocar el elemento sobre el que queremos centrar el interés.  Rellenar el Encuadre (Fill the frame) Esta regla puede parecer bastante obvia, pero lo cierto es que muchas veces fallamos al aplicarla. Si queremos contar algo en una foto, ocupemos la mayor parte con ese "algo", asegurándonos que se convierte de este modo en el centro de atención. Además, de este modo eliminamos posibles elementos que resten atención.2008 © Carmen Elizabeth Vásquez Dextre 48Consultoría CIAT - BID
  48. 48. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Es un fallo demasiado común el querer sacar demasiadas cosas en una única foto. Al final, lo que conseguimos es que no quede demasiado claro qué es lo que queríamos enseñar. Ante la duda de si algo debe salir o no en la foto, mejor quitarlo.  Líneas Las líneas son un elemento de importancia vital en las artes visuales. Las líneas nos aportan formas y contornos. Con las líneas dirigimos la mirada del espectador de una parte de la foto a otra. Cuando vayas avanzando en el mundo de la fotografía podrás comprobar cómo las líneas son uno de los elementos más eficaces a la hora de dirigir la mirada de quien contempla nuestras fotos hacia donde queremos que mire. Las líneas horizontales, verticales y diagonales son elementos compositivos que aportan significado a las imágenes. Un tipo especial de líneas son las líneas convergentes. Son las líneas paralelas que, por el efecto de la distancia, acaban convergiendo en un mismo punto.  Flujo Después de las líneas, podemos tratar el flujo. El flujo es el modo en el que la mirada del espectador se desplaza de una parte de la fotografía a otra. Una manera de definir el flujo de una fotografía es mediante el uso de líneas. Pueden ser horizontales, verticales, diagonales, convergentes o divergentes. A veces el flujo creado por las líneas es nítido y claro, como los laterales de un edificio que convergen hacia el cielo), o pueden ser menos obvias. Sin embargo, la mirada del espectador debería ser capaz de recorrer los elementos de una parte a otra de la imagen. El flujo crea la ilusión de movimiento (o ausencia de movimiento si se desea). Las líneas diagonales se consideran generalmente más "dinámicas", mientras que las líneas horizontales y verticales se consideran más "estáticas". Un equilibrio cuidadoso de elementos estáticos y dinámicos dará un sentido global de movimiento a tus fotografías.  Dirección La dirección es similar al flujo. También crea la ilusión de movimiento. Si hay algo en la fotografía que parezca estar en movimiento, tiene una dirección en la que se mueve. Un ejemplo de esto son las luces de peatones de un semáforo. Cuando está en rojo para los peatones, la figura representa un peatón inmóvil, con las piernas juntas y los brazos bajados. Visualmente, no tiene ninguna apariencia de estar en movimiento. Sin embargo, la figura del peatón en verde que permite cruzar tiene una dirección en la cual se está moviendo. La dirección en fotografía se puede crear de muchas maneras. Una figura a punto de cruzar una calle puede transmitir movimiento aunque la veamos2008 © Carmen Elizabeth Vásquez Dextre 49Consultoría CIAT - BID
  49. 49. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS estática y no se muevan sus brazos y sus pies, porque podemos imaginarla un segundo después cruzando la calle. Del mismo modo, un coche que aparece cortado en el lado izquierdo de una fotografía en la que solo se ve su parte delantera, podemos imaginarlo un segundo después al lado derecho de la foto.  Repetición La repetición de algún elemento (unos globos, unos pájaros), dan un sentido de relación de distintas partes de una imagen. Por ejemplo, una bandada de pájaros pueden estar moviéndose en grupo por el aire, definiendo formas interesantes en el cielo y añadiendo información sobre la dirección de la fotografía. En algunas ocasiones puede aportar factores psicológicos, como el sentido de la unión y el compañerismo.  Grupos de Tres Parece existir una percepción especial de los números impares en fotografía, y en especial de los grupos de tres elementos. Un único elemento puede transmitir soledad o aislamiento, con dos elementos una foto puede quedar demasiado bien equilibrada y estática, y cuatro elementos pueden resultar demasiados para distribuir.2008 © Carmen Elizabeth Vásquez Dextre 50Consultoría CIAT - BID
  50. 50. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Por algún motivo que no se explicar, a las personas nos gusta el número 3. En fotografía suele funcionar la agrupación de tres elementos como centro de interés.  Regla de los Tercios Ya escribimos un artículo que explicaba la regla de los tercios con más detalle. Si nos fijamos en obras de arte en cualquier museo, podremos comprobar que si dividimos un cuadro en cuadrículas de igual tamaño de 3 x 3, las cuatro intersecciones de las cuadrículas dentro del cuadro marcan los puntos de interés. Trazando esta cuadrícula imaginaria sobre la mayoría de las obras nos daremos cuenta de que elementos fundamentales del cuadro recaen sobre esas intersecciones: ventanas y puertas, ojos, líneas de horizonte, picos de montañas, etc. Está comprobado que llevando nuestro punto de interés a uno de esos cuatro puntos conseguimos una imagen mucho más interesante.  Espacio Negativo2008 © Carmen Elizabeth Vásquez Dextre 51Consultoría CIAT - BID
  51. 51. ESTUDIO DE MEJORES PRACTICAS Y TENDENCIAS FUTURAS EN EL DISEÑO VISUALDE INTRANETS INSTITUCIONALES DE ORGANIZACIONES TRIBUTARIAS Y ADUANERAS Se considera espacio negativo los grandes espacios vacíos, normalmente en blanco o negro, dentro de una fotografía, normalmente a un lado. El alejamiento del elemento central de la imagen, rellenando el resto de la foto de un espacio vacío nos permite transmitir una información adicional de soledad, aislamiento o calma a la imagen. Aunque no es un recurso que vayamos a utilizar habitualmente, no está de más conocerlo. Está enfrentada a la regla de composición consistente en rellenar el encuadre.  Frente/Fondo El contenido del frente y del fondo de una foto es importante. Tanto en el fondo como en el frente tienen aplicación otros elementos compositivos como los colores o las líneas. Lo importante en el frente y en el fondo es que no haya demasiados detalles que puedan distraer la vista del espectador del centro de interés. La mejor herramienta con la que contamos para marcar la diferencia entre el frente y el fondo de nuestras fotos es la profundidad de campo. Gracias a la apertura del diafragma que2008 © Carmen Elizabeth Vásquez Dextre 52Consultoría CIAT - BID

×