PAGINA DEFINITIVA

La página de AVERIGUA quedó terminada, esta conformada por:

1. index
2. servicios
3. botones
4. metodología
5. formalidad
6. lealtad

Cada uno de estos botones hablan un poco de lo que es AVERIGUA, con información de interés para los clientes como los servicios, los principios de la empresa, el contacto, etc. A continuación describo un poco cada uno de los botones.

*INDEX: es la página principal, en ella se encuentran todos los botones de la página y es la primera con la que tiene interacción el usuario.

*SERVICIOS: se dan a conocer al cliente los servicios con los que cuenta AVERIGUA, los tipos de investigaciones que hace, entre otra información que muestra al usuario el amplia gama de actividades de AVERIGUA.

*CONTACTO: Es una página que da información adicional al usuario para comunicarse con las personas a cargo de AVERIGUA, ya que todo usuario espera siempre tener un mayor acercamiento a una empresa, no sólo a través de la red.

*METODOLOGÍA: Es el proceso que lleva a cabo AVERIGUA en cada uno de sus proyectos, teniendo en cuenta sus objetivos.

*FORMALIDAD: Es parte de la personalidad de la empresa, es la seriedad y compromiso con un proyecto y un cliente

*LEALTAD: Es otro valor más de la empresa con el que se le demuestra y recalca al cliente que no será traicionado, y que se lograrán sus objetivos al acudir a AVERIGUA.

USCROLLBAR

Aunado a esto, la mayoría de las ligas a las que lleva cada botón tienenal ladito una barra que sirve para que el usuario de la página suba o baje en la información, llamado "uscrollbar".

¿Cómo hacer un uscrollbar?

• haces un rectángulo
• lo conviertes en movie clip
• seleccionas dando doble clip
• agregas el texto con la herramienta adecuada
• después Dynamic
• text multilinea
• Properties
• window
• component
• uscrollbar
• arrastrar el uscrollbar hasta la ubicación deseada
• pegar al lado.
• LISTOOOOOO

EFECTO DE LOS BOTONES

Como lo describí en su debido momento, los botones de la página de AVERIGUA son: metodología, formalidad y lealtad (para hablar un poco de los valores con los cuáles AVERIGUA lleva a cabo sus prácticas), y, la página home (index), servicios y contactos.

La idea central radica en que al estar en el área de hit de un botón (referente a los valores) la imágen que aparece se convierta a blanco y negro; para esto fue necesario tener la misma imagen en tonos normales y en tonos grises, después de hacer de convertir el objeto a botón, cuando estaba en el área de hit tenía que quitar la imagen a color y pegar la imagen en gris.

Para esto se utilizaba importar, importar a escenario y listo, la imagen se ajustaba en la ubicación exacta. Y listo.

Adicional, también tenía que conjuntar el ñarea donde aparecía el titulo del botón con la imagen, esto se me dificulto mucho porque de hecho batallo mucho con las herramientas de selección (eso desde que utilizamos photoshop, entonces estaba un poco traumanda porque el trabajao se detuvo), pero Alex me explico y pude lograrlo.

Con la ayuda de Alex quedo hecha la página principal.

Avanzando en la página

Después de tener el prototipo de baja fidelidad, la tarea era hacer los archivos en flash para cada botón; primero los tuve que hacer en photoshop porque había filtros que queria utilizar como fondo de la página, los cuáles no encontre en flash: "Texturizado".

Del lado derecho pueden ver cuáles son los primeros prototipos de lo que quería que apareciera en cada botón.

Avances

Hola a todos, como ya se habrán dado cuenta, mi página web va a ser acerca de mi empresa "AVERIGUA", y la imagen que se muestra a la derecha es una pequeña muestra de como va quedando mi página Web, tenia dos ideas iniciales como lo pueden ver:

• El fondo de la página color gris
• El fondo de la página color azul "AVERIGUA"

La página home va a comenzar con botones que van a describir el trabajo de la empresa y también va a estar vinculada con el resto de los botones.

Algunos tips que aprendí la clase pasada son que existe el color alpha, que entre mayor es el número con que se programan los tiempos en flash, más lento es el efecto, bueno eso siento que va a ser importante si quieren darle un efecto padre a su página.

Continuará...

CREACIÓN DE WEBS

NAVEGACIÓN.

*Transmitir el contexto al usuario: está vinculado al volumen de información y la manera en que esta información se relaciona con la página. Toda página web debe proporcionar las claves necesarias para situarse en contexto y ofrecer pistas de la estructura u organización de la información.
*“Hacia atrás” e ir a la página anterior: cuando el usuario cliquea un enlace en un documento web, es transportado de un sitio a otro, el enlace se convierte en bidireccional, puedes volver a dónde estabas al accionar el botón “anterior”, y al revés volver a l página de la que habías salido. Una barra de botones pude además contener información de donde te encuentras, los botones “página anterior” y “Página siguiente” son enlaces fijos dirigidos hacia documentos asociados. Al proporcionar botones de paginación y regreso a la página principal y páginas de contenidos, se da al usuario la capacidad de comprender la organización de la información del sitio web. Estos botones no impiden que el usuario acceda a la información en el orden que el mismo establezca, pero si le permite, si lo desea, seguir el orden establecido por el diseñador. Las barras de botones son el lugar más lógico de situar en laces hacia la página principal o hacia otras páginas de menú.

DISEÑO DEL SITIO
Para este paso se toman decisiones de que es lo que quiere el público, que es lo que se quiere decir y como organizar los contenidos. Muchas empresas y organizaciones caen en el error de utilizar sus web para describir su organización, y de forma secundaria ofrecen los servicios, productos e información que busca el usuario medio. A la mayoría de los navegantes no les interesa saber acerca de la empresa.
*Organizando la información: Una web no funcionara sin fundamentos sólidos y lógicos de la organización. La manera como la gente busca y usa información de referencia sugiere que unidades de información más pequeñas y mesuradas funcionan mejor y son más manejables que textos largos y uniformes. Hay cinco pasos esenciales: dividir el contenido en unidades lógicas, establecer jerarquía de importancia, utilizar la jerarquía para estructurar los vínculos entre unidades, construir un sitio que siga de cerca la estructura de información y analizar el éxito funcional y estético del sistema. Un lector aprecia siempre los pedazos cortos de información que pueden ser localizados y visualizados de forma rápida. Pocos usuarios de la red permanecen largo tiempo leyendo grandes párrafos, un troceado moderado de la información conduce, por sí mismo, a la utilización de enlaces; fragmentos sintéticos de información encajan mejor en la pantalla de un monitor.
*Jerarquía de importancia: La mayoría de los sitios dependen de una jerarquía, moviéndose desde el plano general en conjunto, que correspondería a la página principal o home, hasta las páginas más especificas de submenús y contenidos.
*Relaciones: el usuario construye su propio esquema mental, una organización lógica del sitio permite al usuario prever eficazmente dónde puede encontrar las cosas.
*Función: un diseño de web eficaz es el justo equilibrio en la relación que se genera entre las páginas de menú y paginas con contenidos específicos. Los sitios web son una estructura jerárquica poco profunda dependen demasiado de páginas menú extensas que pueden confundir. Un esquema de menús puede ser tan profundo que la información queda enterrada bajo excesivos niveles de menús.
*Recapitulación: Pensar lo que se quiere decir y como se quiere decir. Esboza los limites en los que trabajas, trocea la información en secciones y subsecciones, piensa como se relacionan las secciones entre ellas y construye una tabla de contenidos, que permite al usuario percibir la estructura, la extensión y el flujo narrativo de lo que se intenta mostrar.

ESTRUCTURA DEL SITIO
*Estructura básica de la información: existen 4 maneras de estructurar un sitio web, secuencialmente, en retícula (grid), jerárquicamente y en forma de telaraña (web).
*Secuencias: forma más sencilla de organizar la información, a partir de una cronología, una serie lógica de temas desde lo más general a lo más especifico, o un orden alfabético.
*Retículas (grid): mejor manera de organizar manuales de procedimientos, listados de cursos universitarios o descripciones de casos médicos, Los temas que se presentan así no poseen una jerarquía de importancia especial, pueden ser de difícil comprensión para un usuario que no reconozca las relaciones entre las categorías de información, es adecuada para usuarios experimentados con conocimientos del tema que se trata y de sus organización lógica.
*Jerarquías: mejor manera de organizar cuerpos de contenidos complejos. Se organiza alrededor de una página principal o home, son comunes en instituciones, compañías u organizaciones, solo funciona si el material está bien organizado.
*Telaraña (web): pocas restricciones en cuanto a patrones de uso de la información, imitar el pensamiento asociativo y el flujo libre de las ideas, permitiendo al usuario seguir sus propios intereses y generar modelos únicos, heurísticos e idiosincrásicos, se produce de una gran densidad de enlaces, tanto hacia la información interna como a la externa de otras webs. Puede generar confusión, funcionan bien en webs pequeñas, predominan las listas de enlaces, y en sitios web enfocados a usuarios expertos, o muy instruidos, donde se busque un conocimiento y enriquecimiento sobre la materia más que su comprensión básica.

TEMAS EN EL DISEÑO DEL SITIO
Forma de presentar la información, está regida por parámetros determinados por los objetivos, la logística práctica del medio que se escoge y el público al que va dirigido. Los cuatro temas más importantes referentes a la entrega de información, en función de dos variables fundamentales: el carácter lineal de la estructura de lo presentado y la duración en tiempo del contacto de un usuario típico. Instruir, enseñar, auto información o formación continua y referenciar, son típicas en contextos de redes internas; intranets corporativas o educativas donde el usuario accede con un propósito muy definido.
*Instruir: tienden a presentar un diseño lineal, pocas oportunidades de salirse del curso. Restringir los enlaces a las páginas “Siguiente” y “anterior” garantiza que todos los usuarios recorrerán los mismos contenidos y permite, asegurar el tiempo de contacto de forma más precisa.
*Enseñar: la información que se presenta es más sofisticada y densa.
*Formación continua: el usuario conoce algo sobre el tema, el diseño debe facilitar un acceso ágil a todos los temas y ofrecer una diversidad de enlaces hacia material relacionado. El tiempo de conexión es imprevisible, pero siempre más corto que en las dos anteriores, el usuario no dispone de mucho tiempo. La opción de imprimir el material es un requisito indispensable para este tipo de usuario.
*Referencia: permitirá al usuario acceder a él, encontrar lo que busca e imprimir o descargar fácilmente lo encontrado. Componentes gráficos deberán ser los mínimos y la estructura de contenidos y menús debe organizarse cuidadosamente para que permita una gran agilidad en la búsqueda de recuperación de los resultados para facilitar la descarda de los archivos y su impresión. Tiempo de conexión corto.

COMPONENTES DEL SITIO
*Páginas principales: Todo sitios web se organiza a partir de una página principal o home, que actúa como unto lógico de entrada a un sistema de páginas web, todas las páginas web subordinadas deberían tener un enlace director a ella. Su dirección URL en la red será la dirección que conduzca al usuario hacia el sitio web. Página ideal donde exponer noticias e información de última hora, su gran visibilidad la convierte en un lugar perfecto para colocar un menú de enlaces o una tabla de contenidos de la web.
*Página principal orientada: Se hace imposible mostrar en una sola página de entrada todo el aliento y profundidad de sus contenidos internos, ventajosos para dividir al público en distintos grupos de interés, ofrecerles información más concreta y relevante, acorde a sus intereses.
*La portada: las portadas o paginas de bienvenida de una web, splash screens o “salpicar” la pantalla, para muchos usuarios son un fastidioso click de ratón que los distancia de los contenidos que están buscando, la clave está en evaluar el publico que se tiene y, en función de ello, escoger el tipo de entrada que se desea. El usuario que no desee entrar por la puesta principal siempre tiene la posibilidad de agregar a su lista de favoritos una página más interna. Para el diseño de una página principal lo primero es decidir la cantidad de elementos gráficos de la página, los gráficos imponente un elevado tiempo de descarga. Esta disyuntiva refleja la necesidad de ajustarse a un público diversificado con tantas expectativas. La mejor manera de satisfacer al mismo tiempo las necesidades de un usuario esporádico como las de uno muy especifico que usa la web frecuentemente es ofrecer dos tipos de página principal: una más orientada al público en general, que sea atractiva visualmente, y otra que ponga especial atención en un acceso rápido a los contenidos, con lista de enlaces en formato de texto.
*Retícula base para el diseño de la página: No dejar que el diseño de la página principal domine las estrategias generales del diseño de la web en su conjunto. Si te cansas de tu página principal solo debes cambiar o reorganizar una página; un error en la composición de la retícula base para el diseño de página puede suponer un mísero diseño para miles de páginas que dependan de ella.
*Menús y subwebs: a menos que manejes una web de tamaño reducido necesitaras incluir un submenú que sea accesible desde la pagina principal., no es conveniente cargar la pagina principal con docenas de enlaces, pues el tiempo de descarga puede ser demasiado y su multiplicidad puede descorazonar a muchos usuarios. Submenús se convierten en páginas principales alternativas para subwebs orientadas a un público muy concreto.
*Índices de materias, contenidos del sitio, mapas del sitio: A diferencia del medio impreso, los sitios web ofrecen escasas indicaciones explicitas de la profundidad y extensión de los contenidos. Los índices de materias y de palabras clave de información de la web son una manera de orientación clara del volumen, organización y el contexto de los contenidos que se incluyen. Un índice web debería apuntar a las referencias más relevantes de una palabra clave, e ignorar referencias menores. Los mapas del sitio aportan al usuario una visión general de los contenidos.
*Página novedades: webs requieren una actualización frecuente para que la información que presentan no se vuelva rancia. Se puede considerar la construcción de una página especial de “novedades” donde informar al usuario de las últimas actualizaciones. Cada una de las páginas de la web debería llevar la fecha de la última actualización, para que el usuario pueda estar seguro de que se enfrenta a la última versión.
*Buscadores: herramientas y motores de búsqueda. Los dos sistemas, búsqueda mediante menú o por palabras clave, se complementan. La búsqueda por palabras clave ofrecen al usuario un listado de enlaces específicos para continuar la navegación, pero no aportan una visión global del carácter y la naturaleza de la información la que nos lleva cada uno de ellos, ni tampoco de la estructura que se ha utilizado. Los menús y los índices por materias facilitan esa visión del conjunto global.
*Información de contacto y relación con el usuario: la red es un medio bidireccional, la gente espera poder enviar comentarios, preguntas o sugerencias. Proporciona siempre en un lugar destacado de la web, al menos un enlace a la dirección de correo electrónico.
*Direcciones físicas., números de teléfono, números de fax: el editor web olvida que la comunicación con la organización no se establece solo por el sitio web. La gente querrá llamar por teléfono, enviar una carta o mandar un paquete por fax.
*Mapas, instrucciones de acceso y de aparcamiento: Proporcionar al cliente, visitante o proveedor instrucciones de acceso al lugar físico, se puede utilizar un mapa gráfico o direcciones en formato de texto.
*Bibliografía y apéndices: pueden integrarse en un web para que puedan consultarse a discreción.
*Páginas FAQ: “Frequent Asked Questions” (preguntas más frecuentes); una página donde se enlistan las preguntas más comunes de los usuarios, junto a sus respectivas respuestas.
*Páginas de error del servidor: Aparecen cuando un servidor web es incapaz de localizar una página, debería también proporcionar algún tipo de explicación acerca de por qué se ha producido el erros, sugerir alternativas y facilitar enlaces a la página principal local, al índice de la web o a una página con un buscador.

DISEÑO DE INTERNET FRENTE A DISEÑO DE INTRANET
El principal fin de los sitios web de carácter externo es maximizar el tiempo de conexión, conduciendo al usuario hacia secciones más internas de la web y premiando su curiosidad con información interesante y entretenida. Una buena web intranet, reúne información útil, la organiza en sistemas lógicos y la entrega eficazmente. Nadie quiere que un usuario de intranet vagabundee, debe permitir acceder rápidamente a lo que se desea y aprovechar el tiempo.
*Evolución de la red: colección medio organizada de web listadas en una o más páginas principales maestras, o webs “umbral”, ahorra el tiempo de trabajo, mejora la productividad e incrementa la eficacia con que sus empleados utilizan la intranet de la compañía.

Más acerca de mi página WEB

Como se darán cuenta, mi página WEb va a ser acerca de la empresa AVERIGUA, las imágenes del lado derecho son los bocetos que hize para mi página WEB.

Aunque aun no estan listos los botones del todo, lesmuestro las imágenes que voy a ocupar.