Dise - PowerPoint PPT Presentation

About This Presentation
Title:

Dise

Description:

Dise o de p ginas web Francisco Camacho Z. DISE O Y OPTIMIZACI N DE P GINAS WEB Para que usted pueda obtener resultados en el Web, es imprescindible que tome en ... – PowerPoint PPT presentation

Number of Views:52
Avg rating:3.0/5.0
Slides: 14
Provided by: ulsa8
Category:
Tags: dise | ordenador

less

Transcript and Presenter's Notes

Title: Dise


1
Diseño de páginas web
  • Francisco Camacho Z.

2
  • DISEÑO Y OPTIMIZACIÓN DE PÁGINAS WEB
  • Para que usted pueda obtener resultados en el
    Web, es imprescindible que tome en cuenta las
    siguientes consideraciones
  • Contenido su sitio web deberá contener
    información relevante y ésta estará organizada
    convenientemente.
  • Redacción la redacción y presentación del
    contenido deberá ser adaptada a Internet, ya que
    es diferente a otros medios como prensa o TV.
  • Rapidez las páginas se deberán cargar
    rápidamente.
  • Independencia de plataforma las páginas se
    podrán ver bien en cualquier monitor, resolución,
    sistema operativo o browser utilizado

3
  • Facilidad de uso (usability) las páginas serán
    fáciles de usar y navegar, permitiendo encontrar
    la información rápidamente.
  • Presentación visual la presentación visual será
    agradable y profesional.
  • Facilidad para ser encontrado la página será
    fácil de encontrar por los visitantes en los
    diferentes buscadores como Altavista e Infoseek.
  • Interacción y Marketing los visitantes podrán
    interactuar con la información proporcionada y la
    página será una herramienta de promoción y
    marketing.

4
  • LAS PÁGINAS SE DEBERÁN CARGAR RÁPIDAMENTE
  • Sus páginas deben ser diseñadas para que se
    carguen rápidamente y proyecten su mensaje lo más
    rápido posible. Muchos sitios hacen depender sus
    páginas principales de gráficas y frames y lo
    único que logran es que los visitantes se
    desesperan y regresan por donde llegaron.

5
  • FACILIDAD DE USO (usability)
  • Un sitio es usable en la medida que contiene
    información valiosa, es rápido, y permite que el
    usuario encuentre fácilmente la información que
    busca y pueda navegar a través del sitio en forma
    intuitiva, entre otras cosas.
  • La usabilidad es una de las herramientas que
    MENOS se usa en el diseño de sitios en internet,
    cuando debería de ser, quizá, la más importante.
    Cuando hacemos una página de Internet estamos
    haciendo una interface de usuario para miles o
    millones de visitantes potenciales. Lo menos que
    debemos hacer por ellos -y por nosotros- es hacer
    que nuestro sitio sea fácil de usar.

6
  • REDACCIÓN ADECUADA
  • La gente NO lee cuando navega en el web. Tampoco
    le gusta hacer scroll a través de la página, a
    menos que tenga mucho interés.
  • El contenido principal y las conclusiones deben
    ser presentadas desde el principio, en el modelo
    de redacción llamado pirámide invertida, -muy
    usado en escritos periodísticos-, se debe
    organizar el texto usando títulos y subtítulos, y
    se deben proporcionar ayudas visuales como texto
    remarcado, negritas y cursivas para ayudarle al
    visitante a rastrear la página con comodidad.
  • Los links son por sí solos una ayuda visual.
    Muchas veces los usuarios lo único que leen en
    las páginas son los links, así que deben ser
    planeados con cuidado.

7
  • CONTENIDO
  • Lo más importante de sus páginas en Internet es
    el contenido y la información que usted incluye y
    que le es útil a sus visitantes
  • Es muy común que se haga un diseño que agradará a
    los directores de la empresa, cuando a quien
    debemos de agradar es a nuestros visitantes. Otro
    error común es presentar información vital en
    gráficas y no proporcionar texto alterno.

8
  • Tenemos que cuidar que nuestras páginas no tengan
    un tamaño demasiado grande, para facilitar su
    carga rápida por la red. Suele considerarse como
    el máximo tolerable un tamaño de unos 40 o 50 Kb
    (fichero imágenes).
  • En un documento web lo que ocupa más espacio son
    los gráficos, por lo que deberemos valorar
    cuidadosamente la necesidad, cantidad y calidad
    de los gráficos que ponemos. Para detalles más
    técnicos, lee las recomendaciones sobre inclusión
    de gráficos en paginas web.

9
  • La actualización de la información
  • En una publicación en papel, tenemos que esperar
    a la aparición de una nueva edición de la misma
    para poder actualizar sus contenidos. Una de las
    principales ventajas del soporte web es la
    posibilidad de mantener actualizada la
    información en un instante. Así, la tarea
    realizar unas páginas web no finaliza con su
    publicación en un servidor es necesario
    mantenerla actualizada, trabajo que en realidad
    no "termina" nunca.

10
Longitud de las páginas Las páginas deberán
hacerse lo más cortas y concisas posible. Está
demostrado que a la gente no le gusta leer en la
pantalla de un ordenador la vista se cansa y la
gente se "aburre". Cuanto más importante sea una
página y más atención requiera por parte de los
lectores, más corta debe ser. Si el contenido es
especialmente interesante, esto se debe demostrar
dentro de lo que se ve en el primer pantallazo.
Suele recomendarse un máximo de 4 pantallazos
como longitud aceptable para una página. Si
necesitamos incluir más información deberemos
considerar la posibilidad de dividir el contenido
en varias páginas o bien hacer un índice de
contenidos al principio del documento con enlaces
a las diversas partes. La longitud de la página
es además una de las muchas razones que
desaconsejan el uso de tipos de letra muy
grandes.

11
  • Páginas con frames o marcos
  • Las páginas con frames o marcos permiten dividir
    la pantalla en diferentes ventanas, con un
    documento html diferente en cada una de ellas. Se
    suelen utilizar bastante ya que nos permiten
    ejercer un gran control sobre la disposición
    general y la apariencia de la página. Sin
    embargo, deben utilizarse con cautela, ya que
    tienen algunos inconvenientes
  • No se podrán hacer bookmarks o marcadores a las
    partes.
  • Habrá dificultades para imprimir las páginas
    individuales.
  • No se pueden "copiar" las URLs.
  • El botón de anterior o back de los navegadores
    puede no funcionar correctamente.
  • Reducen el espacio útil donde visualizar la
    información.
  • No todos los navegadores soportan marcos.
  • Podemos tener dificultades si alguien quiere
    hacer un enlace a una de nuestras páginas al
    aislar una parte del resto de los marcos, esta
    puede perder el sentido.

12
  • Algunas recomendaciones para páginas con frames
  • Eludir la fragmentación excesiva. Si se van a
    utilizar más de dos frames, hay que evitar la
    impresión de parcelación en múltiples ventanitas.
    Por lo menos una de ellas debe ser mayor que las
    demás y actuar como página principal.
  • Evitar la rigidez de las frames (uso de las
    etiquetas html noresize o scrolling"no"). No
    debemos impedir que los usuarios puedan "mover"
    las frames, ya que lo pueden necesitar por tener
    una resolución de pantalla diferente de la
    nuestra.
  • Enlaces exteriores a nuestro web. No es
    conveniente que queden prisioneros dentro de
    nuestra estructura de frames, ya que suele ser
    muy molesto debido a que la nueva página quedará
    en un espacio reducidoTodavía puede ser peor si
    la pagina a la que enlacemos tiene a su vez
    frames. Para evitar esto podemos utilizar la
    etiqueta html  target"_top con lo que la nueva
    página se cargará en una pantalla completa.

13
  • Tipografía
  • Al escoger la tipografía que vamos a emplear en
    nuestra página, debemos tener en cuenta que
    estamos diseñando un documento para ser leído en
    la pantalla de un ordenador. Por lo tanto,
    debemos escoger tipos de letras no muy grandes,
    para no hacer demasiado larga la página, pero
    tampoco excesivamente pequeños, que puedan causar
    dificultades de lectura a las personas que no
    tengan una buena visión.
  • En general es muy importante una buena
    estructuración del texto a lo largo de la página,
    empleando párrafos cortos que faciliten la
    lectura y poniendo títulos destacados en las
    distintas secciones del texto. Además, es mejor
    no apurar mucho los bordes de la pantalla del
    ordenador las líneas cortas se leen con mayor
    facilidad que las largas. Podemos forzar esto
    situando el texto en una tabla de una sola
    columna y sin bordes, definiendo que ocupe solo
    el 85-90 de la pantalla.
Write a Comment
User Comments (0)
About PowerShow.com