SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Proyecto web: FLUJO DE
                   TRABAJO
   En la última década del siglo XX, "el boom de Internet" significó un acceso
                       masivo de usuarios y la publicación
de una cantidad gigantesca de sitios y páginas web que fueron construyendo la
                            red hipertextual mundial.
 La cantidad de usuarios hacia finales de siglo a 276 millones con una cantidad
                         aproximada de 36 millones de
        sitios web. Hoy hay aproximadamente 500 millones de usuarios.
 Internet permite no sólo el fácil acceso a una infinita cantidad de información,
                               recursos y servicios
que todos los usuarios del planeta comparten, sino también, el que cualquiera,
                            con un mínimo de costo y
conocimiento, se puede convertir en un "emisor" y "productor de contenidos" ,
                               algo casi imposible
 para la mayoría, en otros medios tradicionales como la radio, la tv y la prensa.
                Existen dos inconvenientes principales en la web.
USABILIDAD o la problemática central
          del diseño web
• En un primer momento, cuando Internet estaba en
  pañales, el diseño web andaba a tientas.
• En la actualidad la experiencia ha permitido construir
  ciertas reglas que indican qué es lo que conviene y no
• conviene hacer al momento de diseñar un sitio.
• Estas reglas se han construido a partir del propio uso de los
  usuarios que han ido definiendo con su práctica de
• navegación, con sus exigencias de usabilidad, y sus hábitos
  de consumo, cómo se debe diseñar un sitio.
• Jakob Nielsen, gurú del diseño web, dice que "la web es un
  entorno en el que el poder está en manos de los usuarios.
• El usuario, que es quién hace clic con el mouse, es el que
  decide todo.”
ETAPA Nº 1 = PLANEAMIENTO o PLAN
                ESTRATEGICO
• 1. IDEA DEL SITIO + QUIÉN SE PRESENTA (QUE OFRECE Y QUIEN SE
• PRESENTA)
• El sitio puede ser sobre la base de algo ya existente o tratarse de un
  emprendimiento puramente virtual.
• En el primer caso el sitio será construido a partir de eso existente.
• En un emprendimiento puramente virtual todo comienza de cero.
• Tomemos como ejemplo un sitio web de un video-club, el logo, los colores, los
  slogans, y todos los aspectos que
• hacen distintivos a una entidad, deberán ser mínimamente respetados.
• El segundo caso, por ejemplo una página sobre una banda musical, el diseño de
  todo el sitio puede ser proyectado en
• base a un mayor despliegue de originalidad y creatividad y interactividad en
  relación al perfil de los usuarios-fans.
• Es conveniente, en el caso de un emprendimiento puramente virtual (o de una
  entidad no muy conocida), redactar
• siempre una especie de "quiénes somos", en donde se detalle la
  "institución, empresa, organización o grupo" que se
• presenta, volcando esta información como una página del sitio.
• 2. A QUIÉN SE DIRIGE EL SITO = PÚBLICO - AUDIENCIA
• Una vez que se ha definido el público (clientes del video o fans del músico)
  viene la tarea más engorrosa: determinar
• las características de ese público.
• Tengamos siempre presente que el público es la condición central de la
  existencia de un sitio, es decir, todo nuestro
• trabajo tiene valor si está dirigido hacia ellos, por lo que siempre es
  importante recordar que el sitio más que
• gustarnos a nosotros, tiene que gustarle y serle funcional a los usuarios.
• Por ejemplo, se sabe que el público del grupo musical Bandana, es
  fundamentalmente adolescente (se ha obtenido
• este dato a partir de otros medios) y que ese público en general, está
  familiarizado con la computadora, pero
• tendremos que imaginar qué información le interesaría recibir, qué tipo de
  computadoras tienen, etc.
• Pero independientemente de las particularidades de cada destinatario, hay
  algunas cuestiones generales que siempre
• se pueden tener en cuenta al momento de diseñar un sitio web.
• Es conveniente tener presentes las siguientes recomendaciones para el
  momento en que se comience a diseñar, ya
• que son pertinentes para cualquier tipo de público.
• Etapa Nº2 = ESBOZO DEL SITIO
• En esta etapa ya se puede comenzar a estructurar en un plano todos los
  aspectos que serán parte del sitio. Es decir un
• esbozo con el "MAPA" o estructura inicial.
• El MAPA DE UN SITIO WEB se trata de un gráfico con cada una de las
  "secciones" del sitio y sus respectivos
• contenidos, en donde, se parte de la raíz (la home-page) para continuar con
  todas las ramas con que cuenta.
• A este plano se le suele llamar "estructura o mapa de navegación", y es una
  de las primeras y más importantes tareas
• del diseño del sitio web!!!, Es como el guión de una película.
• /1 TIPOS DE ESTRUCTURAS WEB
• 1.A JERÁRQUICA
• La estructura jerárquica, es la típica estructura de árbol, en el que se parte
  de la raíz, home page o página de inicio,
• en donde se establecen las diferentes secciones que contendrá el sitio.
• El ingreso a una sección conduce a una lista de subtemas que pueden o no
  dividirse.
• Este tipo de organización permite al lector conocer en qué lugar de la
  estructura se encuentra, e ir descendiendo a
• mayor contenido jerárquico de información.
• Etapa Nº3 = DISEÑO WEB
• Es el momento de expresar en el diseño eso que ha sido parte
  del planeamiento estratégico general del Proyecto
• Web.
• El DISEÑO WEB comprende... El diseño de contenido y el
  diseño estético/visual o gráfico del sitio.
• Se construye a partir de dos criterios básicos fundamentales:
• 1. Lo que está subordinado al plan estratégico del proyecto
  web y que refiere a las particularidades de cada sitio.
• 2. Una serie de reglas que son de validez universal,
  relacionadas en con el medio digital interactivo WEB.
• En esta clase se desarrolla este segundo aspecto, es decir,
  todo lo que tiene que ver con las reglas generales del
• MEDIO WEB, dejando en ustedes la capacidad de discernir si
  esas reglas sirven, son funcionales y pertinentes,
• desde el punto de vista estético o no, para el sitio en
  particular que quieran diseñar.
EDICION
• ETAPA Nº 4 = Edición Web
• Es el desarrollo de la estrategia web a los fines de "materializar" el sitio.
• La edición web, requiere de un proceso de aprendizaje técnico, pero
  también de una adecuada aplicación en relación
• al medio digital en sí y en relación a los usuarios.
• Es indispensable recurrir a la edición y manipulación de herramientas
  informáticas específicas, en este caso HTML,
• a los fines de concretar un sitio web. Pero también es indispensable
  reconocer que el medio de funcionamiento =
• Internet implica criterios particulares de diseño.
• La edición web, es mucho más que el desempeño en el uso de un software.
  En realidad...
• La edición web es una recurso que traduce en una apariencia
  tecnológico/visual = diseño web, una serie de planes:
• perfil de sitio, qué comunicar, quién es la audiencia, etc.
23-Finalizando el diseño
• ETAPA Nº 5 = Comprobación y Evaluación del sitio web
• Una vez finalizado el sitio, es decir cuando hemos finalizado la
  edición y diseño de todos las páginas que lo
• conforman, es necesario hacer una especie de EVALUACIÓN
  DE SU FUNCIONAMIENTO
• En realidad esta evaluación se debería ser una tarea de
  costumbre frecuente en el avance del desarrollo o edición
• web del sitio, para ir detectando posibles errores y de ese
  modo ir solucionando problemas concretamente sobre la
• marcha (y no después de 55 páginas dedidacadamente
  diseñadas).
• Recordar que hasta antes de subir el sitio a Internet, en
  realidad, estuvimos siempre navegando el sitio a modo
• "local".
• Etapa Nº6 = Publicación del sitio
• En la estructura de funcionamiento de Internet existe una
  división de aplicaciones y funciones que permiten la
• comunicación entre distintas computadoras.
• Por un lado, se encuentran los CLIENTES, que son los
  programas que realizan los requerimientos o pedidos: son
• aquellos programas que sirven para usar correos, navegar en
  la web, chatear, etc.
• Por otro lado, están los que dan respuestas a estos
  requerimientos = SERVIDORES.
• En este gráfico vemos cómo es la comunicación entre ellos.
• En síntesis...
• Para navegar en la web o usar correos, se requieren
  programas clientes que realicen esa tarea; en cambio para
• publicar el sitio web, se requiere de servidores en donde el
  sitio se aloje para dar respuestas a las demandas.
• Los clientes se conectan a Internet, en general, cuando
  necesitan un requerimiento.
• Etapa Nº7 = Publicidad y promoción del sitio
• Con el objetivo de tener un público de alta fidelidad, las
  estrategias tendrán que estar orientadas al usuario que ha
• sido designado como la principal meta del sitio en la primera
  etapa del planeamiento estratégico.
• Hay dos estrategias claves
• 1. ESTRATEGIAS DE PROMOCIÓN EN INTERNET
• 2. Promoción por fuera de la red, principalmente en otros
  medios alternativos (o tradicionales) de comunicación.
• Nosotros vamos a ocuparnos únicamente de la promoción en
  Internet.
• A: Alta o Indexación en los Buscadores
• Los buscadores son computadoras con bases de datos que
  suministran una buena parte de la abundante cantidad de
• información que existe en Internet.

Weitere ähnliche Inhalte

Was ist angesagt?

Trabajo Practico Nº5
Trabajo Practico Nº5Trabajo Practico Nº5
Trabajo Practico Nº5
tuttyemi
 

Was ist angesagt? (19)

Primerperiodo
PrimerperiodoPrimerperiodo
Primerperiodo
 
Herramientas de colaboracion digital
Herramientas de colaboracion digitalHerramientas de colaboracion digital
Herramientas de colaboracion digital
 
Presentacion web 2
Presentacion web 2Presentacion web 2
Presentacion web 2
 
El internet
El internetEl internet
El internet
 
Trabajo Practico Nº5
Trabajo Practico Nº5Trabajo Practico Nº5
Trabajo Practico Nº5
 
Diseñ0 w3d
Diseñ0 w3dDiseñ0 w3d
Diseñ0 w3d
 
Webs 1.0 2.0 3.0
Webs 1.0 2.0 3.0Webs 1.0 2.0 3.0
Webs 1.0 2.0 3.0
 
ELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEBELEMENTOS BASICOS WEB
ELEMENTOS BASICOS WEB
 
Web
WebWeb
Web
 
Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio Que Es Una Pagina Web Un Portal Y Un Sitio
Que Es Una Pagina Web Un Portal Y Un Sitio
 
Evolución de la web
Evolución de la webEvolución de la web
Evolución de la web
 
Trabajo de la web 2.0
Trabajo de la web 2.0Trabajo de la web 2.0
Trabajo de la web 2.0
 
Microsoft power point caracteristicas ventajas y desventajas
Microsoft power point   caracteristicas ventajas y desventajasMicrosoft power point   caracteristicas ventajas y desventajas
Microsoft power point caracteristicas ventajas y desventajas
 
Ponencia unidad2 proyectos web
Ponencia unidad2   proyectos webPonencia unidad2   proyectos web
Ponencia unidad2 proyectos web
 
Diseno web introduccion
Diseno web introduccionDiseno web introduccion
Diseno web introduccion
 
web 2.0 y algunos presentadores online
web 2.0 y algunos presentadores onlineweb 2.0 y algunos presentadores online
web 2.0 y algunos presentadores online
 
presentaciones online
presentaciones onlinepresentaciones online
presentaciones online
 
Web 2.0
Web 2.0 Web 2.0
Web 2.0
 
Diseño web semana 3
Diseño web semana 3Diseño web semana 3
Diseño web semana 3
 

Andere mochten auch (6)

Taking sides
Taking sidesTaking sides
Taking sides
 
Tra tra-tra
Tra tra-traTra tra-tra
Tra tra-tra
 
Group4 ppt
Group4 pptGroup4 ppt
Group4 ppt
 
Taking sides
Taking sidesTaking sides
Taking sides
 
Taking sides by gary soto presentation
Taking sides by gary soto presentationTaking sides by gary soto presentation
Taking sides by gary soto presentation
 
Taking sides
Taking sidesTaking sides
Taking sides
 

Ähnlich wie Presentación1

Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
Sebastian Vargas
 
Herramientas de la colaboracion digital
Herramientas de la colaboracion digitalHerramientas de la colaboracion digital
Herramientas de la colaboracion digital
AndresTandayamo
 
Informatica
InformaticaInformatica
Informatica
Tuchii18
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
marquezfajardo
 

Ähnlich wie Presentación1 (20)

Presentación1
Presentación1Presentación1
Presentación1
 
Diseño web
Diseño webDiseño web
Diseño web
 
M2 Diseño Web
M2   Diseño WebM2   Diseño Web
M2 Diseño Web
 
¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!¿Cómo se hace en digital? | How It's Made... Digitally!
¿Cómo se hace en digital? | How It's Made... Digitally!
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 
Diseño web
Diseño webDiseño web
Diseño web
 
tic
tictic
tic
 
Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1Curso Diseñando para la Web - Parte 1
Curso Diseñando para la Web - Parte 1
 
computación
computación computación
computación
 
Herramientas de la colaboracion digital
Herramientas de la colaboracion digitalHerramientas de la colaboracion digital
Herramientas de la colaboracion digital
 
Investigacion de paginas_web(2)i
Investigacion de paginas_web(2)iInvestigacion de paginas_web(2)i
Investigacion de paginas_web(2)i
 
Informatica
InformaticaInformatica
Informatica
 
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptxPRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
PRESENTACION WEB 2.0 OSCAR GUTIERREZ.pptx
 
El proceso de un diseño web norma
El proceso de un diseño web normaEl proceso de un diseño web norma
El proceso de un diseño web norma
 
Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0Web 1.0 2.0 y 3.0
Web 1.0 2.0 y 3.0
 
Paginas web y blog reimily
Paginas web y blog reimilyPaginas web y blog reimily
Paginas web y blog reimily
 
Diseño Web
Diseño WebDiseño Web
Diseño Web
 
Presentation web-1
Presentation web-1Presentation web-1
Presentation web-1
 
Herramientas web 2.0
Herramientas web 2.0  Herramientas web 2.0
Herramientas web 2.0
 
Trabajo web 1.0, 2.0 y 3.0
Trabajo web 1.0, 2.0 y 3.0Trabajo web 1.0, 2.0 y 3.0
Trabajo web 1.0, 2.0 y 3.0
 

Kürzlich hochgeladen

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
jlorentemartos
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
El Fortí
 

Kürzlich hochgeladen (20)

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Tema 11. Dinámica de la hidrosfera 2024
Tema 11.  Dinámica de la hidrosfera 2024Tema 11.  Dinámica de la hidrosfera 2024
Tema 11. Dinámica de la hidrosfera 2024
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
Procedimientos para la planificación en los Centros Educativos tipo V ( multi...
 
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VSOCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
OCTAVO SEGUNDO PERIODO. EMPRENDIEMIENTO VS
 
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
TEMA 14.DERIVACIONES ECONÓMICAS, SOCIALES Y POLÍTICAS DEL PROCESO DE INTEGRAC...
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLAACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
ACRÓNIMO DE PARÍS PARA SU OLIMPIADA 2024. Por JAVIER SOLIS NOYOLA
 
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptxCONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
CONCURSO NACIONAL JOSE MARIA ARGUEDAS.pptx
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
SESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.docSESION DE PERSONAL SOCIAL.  La convivencia en familia 22-04-24  -.doc
SESION DE PERSONAL SOCIAL. La convivencia en familia 22-04-24 -.doc
 
Infografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdfInfografía EE con pie del 2023 (3)-1.pdf
Infografía EE con pie del 2023 (3)-1.pdf
 
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.pptFUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
FUERZA Y MOVIMIENTO ciencias cuarto basico.ppt
 

Presentación1

  • 1.
  • 2. Proyecto web: FLUJO DE TRABAJO En la última década del siglo XX, "el boom de Internet" significó un acceso masivo de usuarios y la publicación de una cantidad gigantesca de sitios y páginas web que fueron construyendo la red hipertextual mundial. La cantidad de usuarios hacia finales de siglo a 276 millones con una cantidad aproximada de 36 millones de sitios web. Hoy hay aproximadamente 500 millones de usuarios. Internet permite no sólo el fácil acceso a una infinita cantidad de información, recursos y servicios que todos los usuarios del planeta comparten, sino también, el que cualquiera, con un mínimo de costo y conocimiento, se puede convertir en un "emisor" y "productor de contenidos" , algo casi imposible para la mayoría, en otros medios tradicionales como la radio, la tv y la prensa. Existen dos inconvenientes principales en la web.
  • 3. USABILIDAD o la problemática central del diseño web • En un primer momento, cuando Internet estaba en pañales, el diseño web andaba a tientas. • En la actualidad la experiencia ha permitido construir ciertas reglas que indican qué es lo que conviene y no • conviene hacer al momento de diseñar un sitio. • Estas reglas se han construido a partir del propio uso de los usuarios que han ido definiendo con su práctica de • navegación, con sus exigencias de usabilidad, y sus hábitos de consumo, cómo se debe diseñar un sitio. • Jakob Nielsen, gurú del diseño web, dice que "la web es un entorno en el que el poder está en manos de los usuarios. • El usuario, que es quién hace clic con el mouse, es el que decide todo.”
  • 4.
  • 5. ETAPA Nº 1 = PLANEAMIENTO o PLAN ESTRATEGICO • 1. IDEA DEL SITIO + QUIÉN SE PRESENTA (QUE OFRECE Y QUIEN SE • PRESENTA) • El sitio puede ser sobre la base de algo ya existente o tratarse de un emprendimiento puramente virtual. • En el primer caso el sitio será construido a partir de eso existente. • En un emprendimiento puramente virtual todo comienza de cero. • Tomemos como ejemplo un sitio web de un video-club, el logo, los colores, los slogans, y todos los aspectos que • hacen distintivos a una entidad, deberán ser mínimamente respetados. • El segundo caso, por ejemplo una página sobre una banda musical, el diseño de todo el sitio puede ser proyectado en • base a un mayor despliegue de originalidad y creatividad y interactividad en relación al perfil de los usuarios-fans. • Es conveniente, en el caso de un emprendimiento puramente virtual (o de una entidad no muy conocida), redactar • siempre una especie de "quiénes somos", en donde se detalle la "institución, empresa, organización o grupo" que se • presenta, volcando esta información como una página del sitio.
  • 6. • 2. A QUIÉN SE DIRIGE EL SITO = PÚBLICO - AUDIENCIA • Una vez que se ha definido el público (clientes del video o fans del músico) viene la tarea más engorrosa: determinar • las características de ese público. • Tengamos siempre presente que el público es la condición central de la existencia de un sitio, es decir, todo nuestro • trabajo tiene valor si está dirigido hacia ellos, por lo que siempre es importante recordar que el sitio más que • gustarnos a nosotros, tiene que gustarle y serle funcional a los usuarios. • Por ejemplo, se sabe que el público del grupo musical Bandana, es fundamentalmente adolescente (se ha obtenido • este dato a partir de otros medios) y que ese público en general, está familiarizado con la computadora, pero • tendremos que imaginar qué información le interesaría recibir, qué tipo de computadoras tienen, etc. • Pero independientemente de las particularidades de cada destinatario, hay algunas cuestiones generales que siempre • se pueden tener en cuenta al momento de diseñar un sitio web. • Es conveniente tener presentes las siguientes recomendaciones para el momento en que se comience a diseñar, ya • que son pertinentes para cualquier tipo de público.
  • 7.
  • 8. • Etapa Nº2 = ESBOZO DEL SITIO • En esta etapa ya se puede comenzar a estructurar en un plano todos los aspectos que serán parte del sitio. Es decir un • esbozo con el "MAPA" o estructura inicial. • El MAPA DE UN SITIO WEB se trata de un gráfico con cada una de las "secciones" del sitio y sus respectivos • contenidos, en donde, se parte de la raíz (la home-page) para continuar con todas las ramas con que cuenta. • A este plano se le suele llamar "estructura o mapa de navegación", y es una de las primeras y más importantes tareas • del diseño del sitio web!!!, Es como el guión de una película. • /1 TIPOS DE ESTRUCTURAS WEB • 1.A JERÁRQUICA • La estructura jerárquica, es la típica estructura de árbol, en el que se parte de la raíz, home page o página de inicio, • en donde se establecen las diferentes secciones que contendrá el sitio. • El ingreso a una sección conduce a una lista de subtemas que pueden o no dividirse. • Este tipo de organización permite al lector conocer en qué lugar de la estructura se encuentra, e ir descendiendo a • mayor contenido jerárquico de información.
  • 9. • Etapa Nº3 = DISEÑO WEB • Es el momento de expresar en el diseño eso que ha sido parte del planeamiento estratégico general del Proyecto • Web. • El DISEÑO WEB comprende... El diseño de contenido y el diseño estético/visual o gráfico del sitio. • Se construye a partir de dos criterios básicos fundamentales: • 1. Lo que está subordinado al plan estratégico del proyecto web y que refiere a las particularidades de cada sitio. • 2. Una serie de reglas que son de validez universal, relacionadas en con el medio digital interactivo WEB. • En esta clase se desarrolla este segundo aspecto, es decir, todo lo que tiene que ver con las reglas generales del • MEDIO WEB, dejando en ustedes la capacidad de discernir si esas reglas sirven, son funcionales y pertinentes, • desde el punto de vista estético o no, para el sitio en particular que quieran diseñar.
  • 10.
  • 11. EDICION • ETAPA Nº 4 = Edición Web • Es el desarrollo de la estrategia web a los fines de "materializar" el sitio. • La edición web, requiere de un proceso de aprendizaje técnico, pero también de una adecuada aplicación en relación • al medio digital en sí y en relación a los usuarios. • Es indispensable recurrir a la edición y manipulación de herramientas informáticas específicas, en este caso HTML, • a los fines de concretar un sitio web. Pero también es indispensable reconocer que el medio de funcionamiento = • Internet implica criterios particulares de diseño. • La edición web, es mucho más que el desempeño en el uso de un software. En realidad... • La edición web es una recurso que traduce en una apariencia tecnológico/visual = diseño web, una serie de planes: • perfil de sitio, qué comunicar, quién es la audiencia, etc.
  • 12. 23-Finalizando el diseño • ETAPA Nº 5 = Comprobación y Evaluación del sitio web • Una vez finalizado el sitio, es decir cuando hemos finalizado la edición y diseño de todos las páginas que lo • conforman, es necesario hacer una especie de EVALUACIÓN DE SU FUNCIONAMIENTO • En realidad esta evaluación se debería ser una tarea de costumbre frecuente en el avance del desarrollo o edición • web del sitio, para ir detectando posibles errores y de ese modo ir solucionando problemas concretamente sobre la • marcha (y no después de 55 páginas dedidacadamente diseñadas). • Recordar que hasta antes de subir el sitio a Internet, en realidad, estuvimos siempre navegando el sitio a modo • "local".
  • 13.
  • 14. • Etapa Nº6 = Publicación del sitio • En la estructura de funcionamiento de Internet existe una división de aplicaciones y funciones que permiten la • comunicación entre distintas computadoras. • Por un lado, se encuentran los CLIENTES, que son los programas que realizan los requerimientos o pedidos: son • aquellos programas que sirven para usar correos, navegar en la web, chatear, etc. • Por otro lado, están los que dan respuestas a estos requerimientos = SERVIDORES. • En este gráfico vemos cómo es la comunicación entre ellos. • En síntesis... • Para navegar en la web o usar correos, se requieren programas clientes que realicen esa tarea; en cambio para • publicar el sitio web, se requiere de servidores en donde el sitio se aloje para dar respuestas a las demandas. • Los clientes se conectan a Internet, en general, cuando necesitan un requerimiento.
  • 15. • Etapa Nº7 = Publicidad y promoción del sitio • Con el objetivo de tener un público de alta fidelidad, las estrategias tendrán que estar orientadas al usuario que ha • sido designado como la principal meta del sitio en la primera etapa del planeamiento estratégico. • Hay dos estrategias claves • 1. ESTRATEGIAS DE PROMOCIÓN EN INTERNET • 2. Promoción por fuera de la red, principalmente en otros medios alternativos (o tradicionales) de comunicación. • Nosotros vamos a ocuparnos únicamente de la promoción en Internet. • A: Alta o Indexación en los Buscadores • Los buscadores son computadoras con bases de datos que suministran una buena parte de la abundante cantidad de • información que existe en Internet.