1. Ivette Ailleen Díaz Delgado
VI Diseño Gráfico

2.  NEGOCIACIÓN
 ORGANIZACIÓN DE LAINFORMACION
 INTERFAZ GRAFICA
 INSERCION DEL CONTENIDO
 REVISION Y AJUSTES DEL CONTENIDO
 PUBLICACION

3. Es el acto en el cual existen dos posiciones diferentes
sobre un mismo asunto, en el cual cada una de las partes
quiere obtener el mejor resultado para esto se comunican
intercambiando propuestas.

4. PARA TENER UNA BUENA
NEGOCIACION
• Existen dos posiciones diferentes sobre un mismo asunto": si las posiciones fueran
coincidentes no haría falta negociar.
• Las dos partes quieren llegar a un acuerdo": si una de las partes no quisiera llegar a
un acuerdo, no se sentaría a negociar.
• Para esto se comunican intercambiando propuestas y concesiones": si no hubiera
comunicación entre las partes, no se podría formular
propuestas, aceptarlas, rechazarlas, o efectuar concesiones.

5. Para tener una buena organización hay que tomar en cuenta
lo siguiente:
 Primero hay que tener completa la información
 La información debe de ser precisa y concreta
 Debe de ser expuesta de manera entendible y de fácil análisis
 Debe de estar enlazada y tener un orden lógico.

6. La interfaz gráfica es un programa
informático, utilizando un grupo de imágenes y objetos
gráficos para representar la información y acciones .
Su principal uso consiste en proporcionar un entorno
visual sencillo para permitir la comunicación en el
sistema operativo de un computador.

8. Es el lugar donde se pone el contenido que se va a poner
en el sitio web

9. La Revision es el acto en el cual se constata que lo hecho
anteriormente esta correcto y no presenta errores al
ejecutar el sitio web.
Los Ajustes se da cuando despues de la revision
encontramos errores en el sitio web y optamos por
rediseñar…..

11. Es el hecho en el cual se pone en linea la pagina web se
comprueba si el sitio web, validándolo y comprobando la
accesibilidad. Es el momento de “entregar” la página
web, junto con la guía de estilo y la documentación.

12. Para desarrollar un Sitio eficaz, es necesario un proceso
eficiente.
No es complejo, incluso un diseñador “FreeLancer” puede
hacerlo.
Tras seguir todos estos pasos contaremos con un
documento que reunirá todos los elementos y requisitos
necesarios para nuestro Web Site, incluida la guía de estilo.

13. Para que la pagina sea eficiente
debe tomarse en cuenta las
siguientes fases:
1. Requisitos y Planificación
2. Diseño
3. Desarrollo
4. Producción
5. Promoción
6. Mantenimiento y Evaluación

14. En esta fase se establece los siguientes puntos:
a) Los Objetivos
b) La Audiencia
c) Las Estrategías
d) Los requisitos o especificaciones.
e) Estructura y organización.
f) Inventario de contenidos.
g) Presupuesto

15. En la etap del diseño se editan los prototipos técnico y
visuales.
Un buen diseño se integra con el contenido.
La acumulacion de contenidos es uno de los aspectos
más lentos del diseño Web.
Al final de esta etapa dispondremos de un prototipo listo
para su revisión y prueba.

16. A estas alturas ya deberíamos tener muy claro lo que
nuestro cliente quiere, incluidas la apariencia y
funcionalidad del Sitio Web.
Es el momento de empezar a crear las piezas del puzle y
ensamblar el conjunto.
Al final de esta etapa dispondremos de una versión beta
del Sitio que volveremos a revisar y probar.

17. Comprueba una vez más el sitio web, validándolo y
comprobando la accesibilidad. Es el momento de
“entregar” la página web, junto con la guía de estilo y la
documentación.

18. No tiene sentido crear un sitio Web si nadie sabe que
existe, se debe utilizar diversas técnicas de promoción
web, o por otro lado se puede utilizar un posionamiento
en los buscadores.

19. Un error común en las páginas web es olvidarse del
mantenimiento y la puesta al día de los
contenidos, estudiando los intereses de sus visitantes.
Sin esta labor, la pagina web pronto quedará obsoleta y
sin visitas…

20. Muchos sitios web fallan por tener unos objetivos poco claros.
Sin embargo, son de vital importancia y deben estar articulados
desde el principio.
¿Montaría usted una tienda sin tener una idea de lo que quiere
vender?
Pues en una web hay que planteárselo también.
Los objetivos de la página son la base de todo diseño Web y la
medida de su éxito. Junto con la audiencia, determinan:
 El diseño
 El contenido
 La tecnología a utilizar
 La viabilidad

21. 1. Conseguir un 20% de las ventas de la compañía.
2. Disminuir en un 25% la atención telefónica prestada en
estas materias.
3. Disminuir en un 25% el coste de material de papelería y
envíos postales.
4. Disminuir en un 15% la atención telefónica y/o presencial
prestada por el departamento de comunicación.
5. Disminuir en un 20% los costes de selección de personal.

23. La gran mayoría de las páginas web tienen divisiones o
secciones similares,lo usual es que, en la parte superior
de la página se encuentre un encabezado, seguido de un
cuerpo principal que suele estar flanqueado por una
columna lateral o dos columnas laterales, seguidas al
final de la página por un pie de página.
La imagen siguiente es un esquema típico de una página
web. Se debe tener en cuenta que este esquema sufre
variaciones, aunque normalmente son pequeñas.

24. De todas las partes de la estructura del diseño web, el
encabezado es la que mayor tendencia tiene a repetirse
entre páginas de un mismo sitio. Aun cuando el sitio
tenga grandes diferencias en estructura y contenido entre
sus páginas, si mantiene una unidad en su encabezado los
usuarios percibirán la sensación de unidad que el sitio
requiere.

25. El encabezado es una faja horizontal que ocupa todo el
ancho de la página en la parte superior de la misma. A la
izquierda del encabezado suele ubicarse el logotipo del
sitio, que ocupa un área importante dentro del
mismo, aunque suelen haber diferencias importantes de
un sitio a otro. Esta imagen debe tener un enlace a la
página principal del sitio, ya que es uno de los
estándares más respetados por los diseñadores y una de
las formas que tienen los usuarios de volver al inicio
.

26. El logotipo, ocupando el centro y la zona derecha del
encabezado, frecuentemente se sitúan una serie de
franjas de diferentes grosores.
En la faja superior, se encuentran algunos enlaces
generales de la página, como acceso a usuarios
registrados, registros de usuarios nuevos, acceso a
perfiles, salidas, etc., así como ayudas y buscadores
internos.
La zona más ancha generalmente se encuentra ocupada
por el título de la página, nombre de empresa, slogan, etc.

28. La zona inferior del encabezado se emplea para ubicar los
links de navegación y las etiquetas de navegación, uno de
los elementos más importantes a la hora de ayudar a los
usuarios a encontrar las páginas componentes del sitio web.
Dependiendo de la complejidad del sitio, puede encontrarse
solo uno de estos sistemas de navegación o los dos; por
ejemplo, cuando el sitio está dividido en secciones, uno de
ellos está destinado a estas divisiones, mientras que el otro
sirve para navegar dentro de cada sección, aunque pueden
emplearse otros métodos de clasificación de los contenidos
y por consiguiente, otros métodos de organizar la
navegación interna.

29. Otra forma de colaborar con la exploración del sitio por
parte de los usuarios es la instalación de un buscador
interno. También es aquí donde los usuarios buscan este
tipo de elementos, ya que convencionalmente es aquí
donde la mayoría de los diseñadores los ubican, aunque
en algunos casos, puede encontrarse en la parte superior
de alguna de las columnas laterales. A continuación,
mostramos un ejemplo de la aplicación de un buscador
interno en el encabezado.

30. Columnas de Exploración
El cuerpo principal de una página web, en el diseño
moderno se le encuentra dividido. Una de estas
divisiones, consiste una o dos columnas de
exploración. Este tipo de columnas, se le emplea
para ubicar algunos elementos importantes de la
página, como enlaces externos, navegación
interna, publicidad, informaciones adicionales y
contenidos secundarios.

31. Cuando se emplea una única columna, es indistinto
para los usuarios, de acuerdo a estudios sobre el
comportamiento de usuarios de sitios web, ya que su
ubicación no plantea dificultad alguna. En el caso de
que el diseño requiera el empleo de dos columnas,
pueden ubicarse una a cada lado del cuerpo principal
de la página o ambas a uno de los lados, siendo
también indiferente en este caso si se ubican a la
derecha o a la izquierda del contenido principal.

32. Los usuarios, dado el uso continuo de estos elementos
para esta función, suelen buscar la información de
contacto en este tipo de columnas, por lo que resulta
uno de los mejores lugares para ubicar los datos de
contacto. A continuación, vemos algunos ejemplos de
columnas de exploración:

33. Área de Contenido
Esta zona del diseño de la página, es la que
menos reglas tiene respecto de su diseño, ya que
el hecho de que en ella se encuentren los
contenidos principales de la página, el diseño
depende en gran medida de los mismos, sobre
todo en lo que respecta al tipo de contenidos, la
cantidad, la disposición que se desea emplear, etc.
Sin embargo, hay que considerar algunas reglas
importantes y que, salvo muy raras
ocasiones, deben ser seguidas al pie de la letra.

34. En la parte superior de esta área se debe emplazar
el título entre etiquetas <h1>, ya que este título
tiene las palabras clave que los usuarios luego
emplearán en sus búsquedas y será de gran
importancia para que los buscadores indexen la
página en forma correcta. Además, los usuarios
buscarán en este punto el título de lo que se
expone, siendo de extrema importancia que el
mismo sepa a qué contenidos está accediendo.
En caso de que los contenidos sean muchos y haya
que hacer desplazamientos importantes hacia
abajo, es de mucha utilidad colocar al final del área
algún tipo de salto al inicio, para evitar que el
usuario deba realizar grandes desplazamientos.

35. Pie de Pagina
Finalmente, debajo de todas las secciones, se coloca
una faja horizontal en cuyo interior se colocan
algunos elementos importantes, como el
autor, copyright, acceso a diversas políticas del
sitio y asuntos legales, datos de contacto, enlaces a
sitios relacionados, enlaces internos, etc.