DIEZ PASOS PARA LA PUBLICACIÓN DE UN SITIO WEB EXITOSO Preparado Por Prof. Edgar Lopategui

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO Determinar el Concepto a ser Desarrollado Establecer el tipo de Acercamiento a Seguir Desarrollar el Contenido Crear un “Storyboard” del Diseño/Interfaz Decidir quien será el Huésped de tu página en el Web Conceptualizar las Características Crear Las Páginas del Web Promoción/Mercadeo de las Páginas WWW Monitorear/Mantenimiento de las Páginas Actualizar el Contenido

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Concepto a ser Desarrollado * Una publicación en el Web debe de Servir un Propósito, Satisfacer una Necesidad, Proveer Acceso Rápido a la Información, y Proveer un medio de Comunicación de dos Vías Se Trata de Entretenimiento, Informar, Proveer y Comparar, y algunas Veces Ofrecer Cosas Gratuitas

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Concepto a ser Desarrollado * Conceptos Buenos: Le Ofrece al Navegador una Razón para Visitar Le Ofrece al Visitante una Razón para Quedarse Le Ofrece al Visitante una Razón para que Marque (“ Bookmark”) tu Página (Comunmente la Página 4 o 5) Le ofrece al Visitante una Razón para que Regrese

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Concepto a ser Desarrollado * Conceptos Malos Provee información Limitada No dispone de una forma para que el visitante se Comunique con el sitio No Existen Razones para Regresar a la Página

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Tipo de Acercamiento * Considerar lo Siguiente: Divertido, Serio, Profesional, Personal Promocional, Informativo, Buscable Utilizado con otros Materiales de Promoción o Utilizado en Forma Independiente Sitios Estáticos versus Dinámicos

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Contenido * El Contenido es Clave El Contenido debe de ser Actualizado de Forma Regular El Contenido debe de Escribirse/Crearse en un Estilo que Pueda Satisfacer las Necesidades de la Audiencia Idealmente el Estilo debe de Exceder las Necesidades de la Audiencia

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Contenido * Páginas Estáticas: Arhivo HTML Ofrece una Página después de la Otra Comunmente no Provee un Motor de Búsqueda, Solamente un Sistema de Menú para Buscar la Información Necesita ser Manualmente Actualizada No Permite al Visitante su Propio Acercamiento

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Determinar el Contenido * Páginas Dinámicas: Proveen un Motor de Búsqueda: Tienen un Banco de Datos Buscable

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear un “Storyboard” del Diseño* Dibuje el Diseño El “Storyboard” le Ayudará a Entender Donde la Información debe de Ubicarse Desarrolle Diagrama de Flujo de las Páginas en Papel - Esto le Ayudará Visualizar el Flujo de Lugar WWW

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Conceptualizar las Características* Capacidades de Búsqueda Opciones de Ajustarse cada vez el Visitante llegue a la Página Opciones de Sonido, Películas, Interacción

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: El Contenido* Crear el texto para tus Páginas del Web Convertir el contenido en archivo HTML Conceptualizar el contenido hacia una población con un octavo grado de preparación Crear tus página y objetos dentro de un tabla formateada para tu pantalla a 100% (sin tamaño de “pixels”) Degradar las tablas

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes y Animaciones* Las Imágenes deben de mantenerse en un Tamaño (“Bytes”) Pequeño (8 bits): Los tamaños de las imágenes deben ser de 15k a 30k Eliminar todos los extremos de la imagen 10% de la imagen y luego estirarla Colocar imagen en la celda de una tabla, la cual determinará el tamaño de la imagen La imagen debe de estar preparada en una paleta del Web: 216 colores

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes y Animaciones* Las imágenes deben de estar preparadas a 72 dpi (resolución estándar del monitor de las computadoras): Colocar imágenes de pulgar (“thumbnail”) a 18 dpi (baja resolución) en las páginas WWW Luego en el trasfondo ir cargando las imágenes de 72 dpi

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes y Animaciones* En la medida que sea Posible, Evitar el Uso de Trasfondos con Imágenes Grandes Se recomiendan trasfondos de baja resolución y pálidos/claros Usar imágenes en baldosa (“tiled”) cuando se emplean efectos de tamaño grande de imágenes grandes

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes y Animaciones* “Crop up”: Elimine el área que tiene en exceso la imagen. Los colores de trasfondo cargan más rápido si se eliminan las áreas de la imagen que no son necesarias. Se recomienta que la imagen se prepare a un 10% de su tamaño real (pequeña) y luego se ajuste (estirarla proporcionalmente) hacia el tamaño de deseado

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes y Animaciones* “Precargar las imágenes/gráficas (“Cache”) en la Primera Página: En la página #1, ubicar todas las imágenes de tus páginas al tamaño de un punto (1 pixel X 1 pixel de ancho) El resultado neto será que en las próximas páginas las imágenes subirán más rápido

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes - USO DE COLOR * Combinar lo que te provee la tecnología conjuntamente con una creatividad artística Es importante considerar que los colores pueden alterar el estado de humor de los visitantes Desarrollar un esquema de color consistente Evitar el uso de colores brillantes. Evite la combinación de de colores de bajo contraste o de alto contraste

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Imágenes y Animaciones* Recuerda, las animaciones toman tiempo en cargar/subir, especialmente aquellas con una conexión lenta

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Tipografía/Texto* Evite emplear lo siguiente: Dos tipos de letras muy similares Tipos de letras muy difíciles de leer cuando su meta es clarificar conceptos Varios tipos de letras a través de una sola página No se ha diseñado un tema general Trasfondo y tipo de letra que no contrastan

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Tipografía/Texto* Escoger tipos de letras fáciles de leer (e.g, san serif [sin rabo]: Verdana). Emplear tipos de letras comunes en todas las computadoras (e.g., Arial, Helvetica, entre otras). No existe un solo tipo de letra perfecto

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Cosas que Destruyen Sitios Web * Añadir en tus páginas toda nueva tecnología como animaciones que emplean “plugins”, entre otras. Enlaces sin salidas Página bajo construcción Abrir ventanas nuevas (e.g., uso de “hotwords” que te llevan a otras ventanas) Uso de marcos

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Crear las Páginas: Aprender sobre HTML * HTML Construye la apariencia las páginas e idenfica el Visualizador de Internet (Navegador)

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Monitorear/Mantenimiento de las Páginas * Cotejar cuanto tiempo toman cargar/subir tus páginas Cotejar por enlaces rotos/sin salida Cotejar errores de gramática Verificar que los servidores estan funcionando

DESARROLLO PÁGINAS WWW: DIEZ PASOS PARA ASEGURAR EL ÉXITO * Actualizar el Contenido * No emplear contadores de páginas Nunca coloque la fecha de actualización o revisión de las páginas Actualizar el contenido: Nunca te detengas Preguntar a tus clientes que es lo que ellos quieren