el proceso de un diseño web danny

30
EL PROCESO DE UN DISEÑO WEB 1.- NEGOCIACIÓN 2.- ORGANIZACIÓN DE LA INFORMACIÓN 3.- INTERFAZ GRÁFICA 4.- INSERCIÓN DEL CONTENIDO 5.- REVISIÓN Y AJUSTES 6.- PUBLICACIÓN CONSISTE EN 6 PASOS IMPORTANTES :

Upload: jose-daniel-alejandro-ruiz

Post on 20-Jun-2015

335 views

Category:

Design


2 download

TRANSCRIPT

Page 1: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

1.- NEGOCIACIÓN2.- ORGANIZACIÓN DE LA INFORMACIÓN3.- INTERFAZ GRÁFICA4.- INSERCIÓN DEL CONTENIDO5.- REVISIÓN Y AJUSTES6.- PUBLICACIÓN

CONSISTE EN 6 PASOS IMPORTANTES :

Page 2: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

El proceso de desarrollo de un sitio web va desde el concepto para el Diseño hasta la ejecución final. Nosotros tenemos la capacidad de reproducir exactamente el sitio web que nuestro cliente esta buscando.

Page 3: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

1.- NEGOCIACION

Es un proceso entre dos partes endonde existen dos posiciones diferentessobre un mismo asunto, las dos partesquieren llegar a un acuerdo y para estose comunican intercambiando propuestasy concesiones. 

Deben cumplirse las tres condiciones mencionadas anteriormente para que el proceso de Negociación ocurra:

Page 4: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

•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.

Page 5: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

TECNOLOGIA¿Qué tecnologia hay que usar?a) CostoLa tecnología seleccionada depende de ellob) Infraestructura o política de la empresac) Propuesta del proveedor seleccionado, Puede hacer una recomendación de tecnología que va en función a su propuesta económica

METOLOGIASon las reglas, políticas, técnicas y procedimientos para el seguimiento delDesarrollo de un proyecto

RECURSOSEl ultimo factor del cual depende el éxito de nuestro proyecto, las personas ySus respectivos perfiles de conocimiento y experiencia en el tipo de proyecto

Page 6: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

2.- ORGANIZACIÓN DE LA INFORMACION Es importante que quien vaya a realizar el proyecto realice una investigación inicial con el fin de saber hacía donde dirigirse, en este punto cabe toda la búsqueda de información tanto a nivel de la temática del proyecto en sí como el uso de herramientas que pueden facilita el trabajo o que serán necesarias.

Page 7: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

Cuando ya se ha hecho la investigación respectiva y se tiene la información necesaria, es hora de hacer un esquema general del sitio para saber qué secciones llevará, cuáles serán los módulos a crear para obtener un mapa del sitio que servirá de referencia durante el proyecto.

Recabación de la información y obtención de la información que el cliente va a publicar en su espacio web: textos, bases de datos, fotografías,video,audio,etc.

Page 8: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

El esquema de estructura de una página web

La  estructura de una página web  es el esquema de composición (o maquetación) de la información que aparece en una página. No debe confundirse con la estructura de una web que es un términomás amplio y que hace referencia a como se organiza la informaciónen todo el sitio web. Se trata en definitiva de realizar un esquema parasituar el título, los enlaces que llevan a otras páginas, el contenido, etc.Este esquema vendrá a ser una plantilla que seguiremos para construirel resto de páginas. Con ello logramos una apariencia unificada para todo el sitio al tiempo que servirá para el propósito de aplicar estilo CSScon más comodidad.

Page 9: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEBEJEMPLO DE MAQUETA

Cabeza:  Se trata de una barra horizontal donde pondremos el logotipo y nombre el sitio, principalmente.

Botonera: Otra barra que contiene enlaces a otras páginas.

Lateral izquierdo: Donde suelen también albergarse enlaces, publicidad, noticias, etc.

Page 10: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

Migas: Este nombre hace referencia a una cadena de enlaces que indicará al usuario donde se encuentra, de tal forma que a medida que navega se añade un nuevo enlace a la cadena. Contenido: Mayor área destinada al verdadero contenido de la página.Lateral derecho: Otra zona para más información.Pie: Donde suelen ponerse los créditos, ayudas, validadores, legislación, etc.

EJEMPLO DE MAQUETA

Page 11: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

3.- INTERFAZ GRAFICA Después de tener el esquema general del sitio, se debe hacer un esquema gráfico general de cómo y dónde irán todos los elementos del mismo. Es importante que en ésta parte se de una retroalimentación eficaz para evitar demoras innecesarias en el proyecto.

Page 12: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA Análisis del mercado

•Potencialidad del mercado/sector/actividad. ¿Se apunta a un mercado local, nacional o regional? •¿Quienes son los potenciales usuarios/compradores del negocio? Describa el perfil de visitantes de su site. (sexo, edad, nivel de ingresos, frecuencia de uso, razón del uso negocios, placer) •¿Cuál sería la motivación que tendrían para elegir el producto/servicio que el proyecto prevé generar? •¿Podría estimar la cantidad de consumidores/usuarios totales que posee el mercado al que Ud. apunta? •Ese mercado potencial ¿cuántos ingresos representarían para su proyecto?

Page 13: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA 4 pasos para fijar precios de manera efectiva de un diseño web.

Determina tu salario por hora Es importante determinar un salario por hora, para esto existe esta simple fórmula. (Costos + Salario) ÷ Horas trabajadas por año = Salario por hora Fija tus precios base para determinados tipos de proyecto Por ejemplo: Diseño de Logotipo, Diseño de sitio web, Diseño de blog

Page 14: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA

4 pasos para fijar precios de manera efectiva de un diseño web.

•Fijar precios para características adicionales Nunca falta el cliente que a la mitad del proyecto se le ocurre pedir una característica adicional

•Fijar precios para el trabajo externo, Algo que debemos tener en cuenta a la hora de hacer una cotización es conocer nuestros límites, no le vamos a decir a nuestro cliente que podemos hacer las mil maravillas y a la hora de la entrega del trabajo decirle que no pudimos

Page 15: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA

7 consejos a la hora de cobrar un diseño web

1. Tener una visión principal de lo que el cliente quiere hacer en su sitio, saber de que manera el cliente quiere usar su página web; por ejemplo si es que su pagina será informativa, una tienda en línea, o un blog, etc.

2. Saber que lenguaje de programación usarás. conforme a la idea que te formes de lo que necesita el cliente; saber con que programación armarás su sitio web.

Page 16: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA

7 consejos a la hora de cobrar un diseño web

3. Que es lo que ofrecerás en el paquete. En el paquete que le propongas al cliente hay muchas cosas de las cuales deberás de pagar externamente por ellas o se las cobrarás a tu cliente aparte.

4. Conforme al proyecto saber si usarás plantillas. Hay muchos diseñadores web que les gusta usar plantillas, las compradas son mucho mejores que las gratis, ya que estás dando un servicio completo y eso incluye un diseño personalizado.

Page 17: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA

FREELANCE

Un freelance es una persona que trabaja de manera independiente y que cobra por el trabajo realizado, es decir que no es empleado de alguna empresa y que tampoco es propietario de alguna empresa.

También conocidos cómo autónomos, el principal campo laboral de los freelances son servicios profesionales, creativos, informática, consultoría, diseño gráfico, periodismo, etc.Internet ha abierto las puertas a muchos freelances que trabajan desde su casa para clientes en otros lugares del mundo.

Page 18: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INTERFAZ GRAFICA

FREELANCE

Un freelance es una persona que trabaja de manera independiente y que cobra por el trabajo realizado, es decir que no es empleado de alguna empresa y que tampoco es propietario de alguna empresa.

También conocidos cómo autónomos, el principal campo laboral de los freelances son servicios profesionales, creativos, informática, consultoría, diseño gráfico, periodismo, etc.Internet ha abierto las puertas a muchos freelances que trabajan desde su casa para clientes en otros lugares del mundo.

Page 19: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

4.- INSERCIÓN DEL CONTENIDO• Datos de la empresa: Nombre, dirección, número de teléfono y de fax, dirección de correo electrónico y qué tipo de estructura legal tiene.

Datos de la/s persona/s de contacto: Nombre, dirección, número de teléfono y de fax, dirección de correo electrónico.

Page 20: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

INSERCIÓN DEL CONTENIDOBreve descripción del proyecto: Este punto es muy importante y, aunque va al principio, se debe redactar al final. Es decir, cuando ya ha terminado el plan de negocios y esta preparado para resumir en dos o tres páginas a lo sumo la totalidad de la idea.

Page 21: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- REVISION Y AJUSTES

Todos los ajustes del proyecto se aplican a este en su totalidad y, la mayoría de ellos, no se pueden cambiar una vez creado un proyecto.

Una vez que haya comenzado a trabajar en un proyecto, podrá revisar sus ajustes, pero solo podrá cambiar algunos.

Page 22: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Podemos definir a Internet como una "red de redes", es decir, una red que no sólo interconecta computadoras, sino que interconecta redes de computadoras entre sí. Una red de computadoras es un conjunto de máquinas que se comunican a través de algún medio 

(cable coaxial, fibra óptica, radiofrecuencia, líneas telefónicas, etc.) con el objeto de compartir recursos.De esta manera, Internet sirve de enlace entre redes más pequeñas y

permite ampliar su cobertura al hacerlas parte de una "red global".

EL INTERNET

Page 23: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Es el servicio que provee a los usuarios de internet un sistema para poder almacenar información, imágenes, videos o cualquier contenido accesible vía internet.•

Clasificación de los web hosting 1. Alojamiento gratuito 2. Alojamiento compartido 3. Alojamiento de imágenes 4. Alojamiento revendedor 5. Servidores virtuales 6. Servidores dedicados 7. Colocación

Qué es un web hosting?

Page 24: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Es extremadamente limitado, generalmente agregan publicidad en los sitios como medio de financiamiento. No se puede usar como almacén

de datos o de contenido adulto no permitido.

ALOJAMIENTO GRATUITO

Page 25: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Alojamiento compartido En este tipo de servicio se alojan clientes de varios sitios en un mismo servidor web. Resulta una alternativa muy buena para pequeños y medianos clientes, es un servidor económico y tiene buen rendimiento.

ALOJAMIENTO COMPARTIDO

Page 26: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Este tipo de hospedaje se ofrece para guardar tus imágenes en internet, la mayoría de estos servicios son gratuitos y las páginas se valen de la publicidad colocada al subir la imagen.

ALOJAMIENTO DE IMAGENES

Page 27: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Mediante el uso de una máquina virtual la empresa ofrece el control de un ordenador aparentemente no compartido. Así se puede administrar varios dominios de forma fácil y económica, además de elegir los programas que se ejecutan en el servidor. Por ello, es el tipo de producto recomendado para empresas de diseño y programación web.

SERVICIOS VIRTUALES

Page 28: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Se refiere a una forma avanzada de alojamiento web, en la cual el cliente alquila o compra un ordenador completo y la Responsabilidad de administrarlo.

SERVIDORES DEDICADOS

Page 29: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

5.- PUBLICACION

Este servicio consiste básicamente en vender o alquilar un espacio físico de un centro de datos para que el cliente coloque ahí su propio ordenador. La empresa le da la corriente y la conexión a internet, pero el ordenador servidor lo elije completamente el usuario.

Colocación o housing

Page 30: El proceso de un diseño web danny

EL PROCESO DE UN DISEÑO WEB

JOSE DANIEL ALEJANDRO RUIZ DISEÑO GRAFICO

6TO NIVEL