Ampliamos el Diseño

-         Basarse en los colores corporativos de la empresa

Utilizar los colores personalizados de la empresa ejemplo: si haces la pagina Web de cocacola no utilizaras un azul, usaras el rojo.

-         Colores que queremos enfocar

Utilizaremos los colores según de lo que tengamos que hacer la Web por ejemplo si hablamos de la página hp usaremos colores que den seriedad: blancos, negros, grises y si tenemos que hacer una página de ocio ya le podríamos poner colores más vivos.

• Otra cuestión a tener en cuenta esta la resolución de la pantalla no existe un tamaño único para crear una Web antes se utilizaba 800x600 aun hay muchas Web así pero ahora se utiliza mucho mas 1024x768.

-         Evitar a toda costa una barra de desplazamiento horizontal

Es lo más odiado por los usuarios con gusta razón por eso los diseños deben ajustarse al ancho de la pantalla.

-         Debemos aprovechar la pantalla

Tenemos que organizar todo en el ancho de la pantalla sin sobrecargarlo.

Si quieres que el usuario vea algo en especial ponerlo en el trozo de Web que se ven al entrar no lo pondríamos abajo porque se pueden ir sin utilizar la barra de desplazamiento vertical.

-         Se aconseja que la página no sea muy larga

Se aconseja que no sea mas larga de hoja y media así tardara menos en cargar.

Si tenemos que hacer una pagina muy larga ponerle de tanto en tanto anclas (enlaces que suben arriba del todo automáticamente).

• Todo esto tienes sus pros i sus contras, hay gente que no esta acuerdo con esto.

-         tener en cuenta que no son todas las paginas iguales

Las páginas de un portal Web no son iguales. Por ejemplo la pagina de inicio le tendremos un tratamiento especial, es muy importante que hagamos que las imágenes prevalezcan por encima del texto.

La estructura de la pagina principal suele ser una estructura libre tenemos que ser creativos i dejarnos llevar.

 

• No es recomendable poner todos los enlaces en la página principal, los podemos ordenar en menús i submenús, pudiendo desplegarlos.
• puedes poner colores por secciones si están viendo una sección que habla de futbol se vera el menú ejemplo azul y si esta viendo la sección una de básquet el menú rojo, utiliza siempre colores suaves.

Planificación proyecto Web

1. Análisis

Que quiere en su página. Es cuando mas hablas con el cliente, haces mas entrevistas con el tiene que decirte que es lo que necesita, si nos exige algo que no se puede hay que ir orientándolo.

Esta bien si se le hace firmar una hoja con lo que se a pactado

10 puntos básicos

1. Objetivos claros.
2. Fácil, intuitiva y consistente.
3. Lo mas uniforme posible (mismo sistema de colores, fuentes…).
4. Colores con moderación (no muy chillones).
5. Texto claro, conciso, fácil de leer, bien estructurado…
6. Tipos de letra no mezclar tamaños y fuentes.
7. Imágenes, tamaño y formatos, intentar que complementen la información escrita.
8. Imágenes de fondo, tienen que ser distintivas pero evitar que dificulte la lectura del texto.
9. diseñar la Web pensando en todos los usuarios (no todos tienen una pantalla de 20 pulgadas) medidas correctas i para todos los navegadores.
10. animaciones con prudencia (no pinta nada un pollo bailando en una pagina seria).

El estudio previo se divide en 4 pasos.

-         Propósito del sitio

Tener claro para que aremos este sitio, que queremos conseguir

 

-         Analizar al cliente y a los visitantes del sitio

Investigarlo no olvidar que representaremos su imagen

-          Recogida de información

Logotipos, Anagramas, Imágenes, Folletos, Textos y campañas publicitarias

-         Definir la estructura

Que sea fácil, estructura lógica, que no se pierdan en los enlaces

2. Diseño

Como quiere su página. Tener claro como lo vamos hacer, maquetación exigir todo tipo de información: logotipos, colores corporativos, antiguos proyectos…

Hacerle firmar una hoja de acuerdo con que la maqueta esta acabada i es la que quiere.

3. Desarrollo

Ir enseñando el proyecto al cliente.

Intentar convencerle si pone pegas que lo que ve es lo que firmo

 

4. Pruebas

Puede intercalarse con el desarrollo.

El cliente puede ir diciéndote los fallos, tanbien que la prueben terceros (usuarios).

Si es poco practica es que algo se a hecho mal en análisis y diseño.

5. Implantación

      Poner en producción la página Web.

 

*Bueno en general podéis ir viendo son todas un poco lo mismo

Tipos de páginas Web

Audiencia

-         Publicas

Es un WebSite normal, una página dirigida al público general sin restricciones.

-         Privadas

Hay de 2 tipos extranet, intranet.

    - Extranet

        Publicadas en internet.

          - Intranet

              Red local.

Dinamismo

-         Estáticas

Se muestran igual entre quien entre.

-         Dinámicas o interactivas

      Va combinando dependiendo del usuario que entre.

Las Estructura

-         Secuencial o lineal

Es la forma mas fácil de ordenar la información, una serie de temas ordenados desde lo más general a lo mas especifico, solo suele servir para sitios pequeños.

            En esta estructura iras avanzando paso por paso gamas podrás

            pasar de la Página 1 a la 4 sin pasar primero por la 2 y la 3.

-         Parilla
Muchas manuales de procedimientos, listados, de cursos universitarios, descripciones médicas de casos… se adaptan perfectamente a este tipo de estructura.

Para tener éxito con este tipo de estructura es necesario que las unidades individuales de una parilla, compartan una estructura de temas y subtemas absolutamente uniforme.

-         Jerárquicas

La mayor parte de los usuarios están familiarizados con esta estructura, es fácil de comprender.

Es la mejor manera de organizar información compleja.

Las  estructuras jerárquicas funcionan bien cuando el contenido está bien actualizado.

-         Red

Estas estructuras ponen pocas restricciones en el patrón de la información.

En este caso el objetivo es libre circulación de ideas.

Pero este tipo pueden confundir al usuario fácilmente por lo que irónicamente, resultan muchas veces poco apropiadas para WebSites (Sitios Webs).

-         Mixta

Los estudios de funcionalidad indican que los usuarios recuerdan mejor la información con este tipo de estructura.

Quizá es la más utilizada.

Apertura

-         Abiertas

Puedes acceder a cualquier lugar de la página Web.

-         Cerradas

Limita el acceso a unos pocos puntos incluso puede que a uno solo. Un ejemplo seria una página de login tendrías que registrarte para ver el resto del contenido.

-         Semicerradas

Te obliga acceder por unos puntos específicos, cómo por ejemplo la página principal y las páginas de entrada a las secciones más importantes. (Varia según la pagina)

Profundidad

Basada en el número de enlaces que hay que pulsar para llegar al contenido. Los expertos dicen en general que los usuarios prefieren sitios poco profundos no  pulsar más de 3 enlaces para encontrar lo que buscan. 

Objetivo

-         Comerciales

Están creados para promocionar los productos de la empresa.

-         Informativos

Su principal finalidad es distribuir información.

-         Ocio

Su principal finalidad es entretener. También suele tener una finalidad económica ya que no son fáciles de crear y mantener.

-         Navegación

      Su finalidad es ayudar al usuario a encontrar lo que busca en

      Internet.

-         Artísticas

Son un medio de expresión de sus creadores, estas no suelen seguir ninguna pauta, la única norma aplicar es la que el creador dese.

-         Personales

            Igual que el anterior caso es un medio de expresión de sus creadores
            en este caso dentro la misma página puede haber de  todo.

Imagenes y parte de la Información de http://www.lawebera.es/