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
Descargar

diez pasos para la publicación de un sitio web exitoso