Cómo realizar vídeos atractivos para internet y redes sociales.

El objetivo de los videos es entretener del mismo modo que se hace en otros medios, ademas de compartir conocimientos con todos los usuarios a través de vídeos divulgativos.

Entre las sugerencias que puedo ofrecerles esta:

  1. Música de fondo.
    1. Para dar ritmo y aportar un valor emocional.
    2. Usar variedad de planos:
      1. Plano general, vista amplia de paisajes y personas.
      2. Americano. Vista de medio cuerpo.
      3. Primer plano, cara de la persona.
      4. Detalle, enfocar en algo concreto.
      5. Secuencia, moverse con la cámara en mano, sin abusar del zoom.
    3. Planificación, construir un storyboard o guion que ilustre la acción a grabar.
  2. Contenidos, que sean nuevos, educativos o informativo. siempre piense en el mensaje a difundir. Que la gente descubra la aplicabilidad de los contenidos en la vida de los usuarios.
  3. Sencillez, claridad y brevedad. La sencillez es esencial para comunicar el mensaje, aumenta la sensación de realidad y mejora la calidad del video. Breve entre 2 ´0 3 minutos quizás 5 .En caso de ser un video largo, recortar en pequeños módulos. Siempre buscar la experiencia del usuario antes que la viralidad.
  4. Innovación para sorprender, haciendo participe al usuario.
  5. Interacción, consecuencia o colaboradora de la innovación, preguntando al espectador para que sienta la necesidad de compartirlo, dirigiéndose directamente a la audiencia; saludando, hablando de tu.
  6. Etiquetado, Textos, frases, palabras explicativas para facilitar la localización del video a través de motores de búsqueda. a viralidad de un video no solo depende del contenido sino de la facilidad de difusión.

Son un medios excelente para ofrecer soluciones gráficamente, paso a paso y con todas las pautas que se requieran.

Para complementar el tipo de información y aproximarse al tema.

Ofrecer información en tiempo real a través del servicio streaming en youtube.com/live, abierto las 24 horas del día, en una pagina de Facebook.

Evitar que los contenidos del video:

  1. Contenga sexo y desnudo explícitos.
  2. Discursos para incitar al odio, raza, sexo, o tendencias sexuales.
  3. Espeluznantes o desagradables; violencia, contenidos morbosos, irrespetuosos.
  4. Actos ilegales y peligrosos, que puedan fomentar actividades ilegales que conllevan un riesgo de muerte, lesiones físicas graves ( fabricación de bombas, carreras ilegales de coches, asesinatos, entrenamientos terroristas o paramilitares.
  5. Niños; imágenes de contenido sexual.
  6. Copyright – derechos de autor; tratar de ser creativos al publicar contenidos propios o usar contenidos libres de derechos de autor. Evitar el uso de material ajeno; vídeos, música, imágenes, películas, programas de televisión, software, actuaciones en directo, etc.
  7. Respetar la privacidad; Contar con el permiso de las personas que se puedan identificar fácilmente, no publicar información personal, pixelar imágenes de personas en sitios no públicos. Cuidado con las expresiones que se usen, sobretodo de tipo amenazador. No olvidar el citar fuentes.

El incumplimiento de estas directrices pueden provocar la retirada del video, daños en su propia identidad digital o imagen digital, y sufrir ataques y reclamaciones.

Las herramientas que podemos usar:

  • Youtube.
  • Megavideo.
  • Daylimotion.
  • Vimeo.

Los videos deben ser etiquetados para que sean fácilmente posicionables.   Sí queremos que el video sea fácil de localizar y la gente pueda encontrarlo, visualizarlo y comentarlo  tendrá que realizar lo que se conoce como etiquetado completo, para ello:

  • El titulo. Se recomienda que sea persuasivo que actúe como gancho para el espectador y al mismo tiempo que genere expectativas.
  • La descripción. Es un breve comentario explicando de que trata el video, dando una explicación justa, tratar siempre de añadir un enlace a un sitio web relacionado.
  • Las etiquetas. Son palabras relacionadas dirigidas a los buscadores para que las búsquedas sean mas eficientes, relacionadas con el video, fecha, lugar de grabación, temática, protagonistas, etc.
  • Usar google Maps para geolocalizar el punto donde fue realizado el video.
  • Escoger  (Thumbnails) que sean un anzuelo que invite a un clic y causar buena impresión.
  • Colocar anotaciones en el video ( bocadillos, títulos de crédito) para aportar indicaciones o valor añadido. El uso de subtítulos para favorecer que todos puedan comprender ( otros idiomas, sordos, etc.).

Ejemplo de Como Elaborar el Mapa de un Site.

Contenido del sitio web:

Un sitio es un espacio documental  que contienen la información sobre un tema , con un propósito especifico , que puede contener hiper-enlaces  a cualquier sitio web. No debemos confundir sitio web con página web.

Organización espacial de las páginas.

El objetivo es lograr  un adecuado equilibrio entre los diferentes elementos que  forman la web para atraer la atención  y mantenerla hasta que el lector haya asimilado el mensaje que queremos transmitirle.

Es imprescindible mantener  una correcta organización espacial de contenidos gráficos y textuales, y las cantidades adecuadas de cada uno.

Estructura espacial de la pagina

Mapa del Sitio Web.

lista de las páginas que componen un sitio web para que sea accesible por  los buscadores y los usuarios.

 Mapa del sitio

Colores en la web

  • Fondo: blanco o colores cálidos, en los espacios de los márgenes una imagen.
  • Encabezamiento: junto al menú horizontal y el menú vertical, editorial, y otro conforman el llamado dintel, y el encabezamiento acompañado con una imagen relacionado con la empresa, y los textos destacados del fondo e imagen. Tamaño aproximado 800 x 200 pixeles.
  • Menú horizontal: en colores que muy destacados, textos blancos o negros.
  • Logo: el color que destaque del resto, y pueda quedar una imagen clara para el visitante.
  • Contenidos: fondo claro o blanco con texto o tipo de fuente sin serifa, normalmente de tamaño de 12 pixeles.
  • Menú vertical: no muy destacado del resto en conjunto con toda la zona del dintel.
  • Editorial: igual que el apartado anterior.
  • Otro: igual que el anterior.
  • Pie de Página: mismo color usado en el cuerpo.
  • Copyright: igual que el anterior.

el contenido se puede clasificar en 3 grandes secciones:

  1. Página de inicio: primera página a la que accederá el cliente al visitarnos, como oportunidad para crear buena impresión crearemos una página de inicio de calidad que tratara sobre; la propuesta que ofrecemos, que nos dedicamos. A quienes dirigimos nuestros servicio, y que objetivos. Aspectos que nos diferencian de la competencia. Para complacer a los visitantes habituales , resaltaremos las novedades del sitio, las promociones. colocar menús para acceder rápidamente a otras secciones en un menú vertical.ejemplo de una pagina de inicio
  2. Páginas genéricas:
    1. quienes somos: será el lugar donde nos pronunciaremos sobre el hecho diferencial sobre nuestra competencia, con el fin de establecer un relación de confianza con el cliente potencial, estableciendo un contacto personal y privilegiado.los aspectos a abordar con este fin son:
      1. desde cuando existe la empresa, cual es la idea original.
      2. desde cuando esta online,, si existe un lugar de contacto físico.
      3. cual es la experiencia que tiene.
      4. como selecciono el nombre de la empresa o el dominio.
      5. Imagen que tiene de su profesión o sector, y cuales son los valores que defiende.
      6. cuales son sus pasiones en relación son sus productos.
    2. quienes conforman el equipo, y cuales son sus puntos en común con sus clientes.¿Quienes Somos?
    3. Cómo contactar: Para crear confianza en el cliente al momento de contratar el servicio, hay que colocar la forma de contacto, donde llamara en caso de necesidad, o dirección en caso de querer dirigirse a nosotros. para ser transparente, destacar numero de teléfono , enlace hacia la dirección en todas las paginas, indique horarios de atención al publico. Toda esta información obligatoria en todos los sitios.Debe expresar claramente algunas razones para que le compre a usted, redactar o crear una página donde lo exprese poniéndose en la piel de su cliente u mencione las ventajas. no mencione a sus competidores.La siguiente lista de beneficios contemplan aspectos, como la atención, trato, información, prestigio.Página contacto
    4. aviso legal condiciones del servicio: lugar para informar las condiciones generales del servicio que aseguraremos a todas aquellas personas que han aceptado cursar la contratación del servicio (condiciones generales de venta), que a larga son un contrato entre el prestador del servicio y el cliente. http://aplicaciones.consumo-inc.es/cidoc/default.aspxcondiciones del servicio
  3. Páginas informativaspara reafirmar al visitante de la idea en que se especializa el negocio para generar confianza sobre la calidad del servicio;
    1. Preguntas frecuentes
      Ayudan a un visitante a que se convierta en cliente, con una redaccion de las preguntas frecuentes con una sintaxis en forma de pregunta, crear una pagina para cada tipo de pregunta dotandolas a cada uno de contenidos segmentados. otra forma es hacer paginas de definiciones, glosario cada una en una pagina independiente.

      Preguntas frecuentes

    2. Promociones: nos ayuda a demostrar y satisfacer la necesidad del cliente que se está en actividad y que nos ocupamos del sitio, aspecto que se logra mediante: listar las promociones del mes o la semana, y crear un archivo de consulta de anteriores publicación de noticias recientes, novedades del mes o de la semana, participación en ferias, eventos, etc.Paginas de promociones del sitio
    3. Testimonios: con el mismo fin de afianzar la confianza del cliente a través del sitio, es dejar este espacio de participación para los clientes, donde podrán argumentar sobre su nivel de satisfacción ( plazos de entrega,, antes y después de la compra, de los productos). Es un elemento que crea un poderoso impacto en el casos de pymes y autónomos. Que podemos lograr contactando con los clientes una semana después de la primera prestación del servicio, acción a repetir eventualmente para lograr una relación positiva y hacerles hablar, proporcionando una recompensa por su amabilidad y atención, que debemos publicar para demostrar una actividad continuada.Pagina de testimonios
    4. Colaboradores:pagina para colocar colaboradores
    5. Foros: relacionado con nuestra actividad, los comentarios obtendios mejoraran nuestro posicionamiento, originando la creacion de nuevos contenidos a traves de los comentarios.
    6. Novedades: Destinada  a aumentar el numero de palabras claves, que con sus actualizaciones que contribuyen a proporcionar una imagen profesiona, con las novedades del sector o mercado, crando su popia noticia rica en palabras claves, con un titulo descriptivo, frases relevantes, enlaces internos, palabras claves en negrita.
  1. Pagina Novedades
  • Catálogo de los servicios, con una organización impecable, precios estudiados, disponibilidad del servicio.
  • servicio ofrecidos:
    1. Auxiliar administrativo virtual:
      1. elaboración de presupuestos, plantillas personalizadas.
      2. elaboración de facturas, albaranes.
      3. fotocopiado y encuadernación.
      4. escaneado de documentos.
      5. mecanografiado de documentos.
      6. Transcripción de audio/grabaciones.
      7. control de agenda/calendario electrónico.
      8. elaboración de presentaciones.
      9. elaboración de hojas de calculo.
      10. creación de base de datos personalizadas.Pagina de servicios auxilar virtual
    2. traducción y corrección de documentos:
      1. traducción Inglés/español.
      2. Traducción francés/español.
      3. Traducción valenciano/español.
      4. Corrección de documentos.pagina de distribucion de servicios de traduccion
    3. asesorías:
      1. instalación de software/hardware.
    4. servicios web:
      1. elaboración de banners.
      2. diseño de contenidos.
    5. Community manager:
      1. elaboración mensual de contenidos.
      2. diseño de boletines.
      3. campañas de email márquetin.
    6. formación:
      1. formación de demanda.Página de formación

los textos debe llevará palabras agradables para conectar con el cliente.

 

¿Que es un diseñador web?

Definición:

” Es el responsable de la apariencia y comportamiento de los sitios web de empresas a empresas y de empresas a consumidor. Los diseñadores resuelven los problemas de comunicación y refuerzan la identidad de la marca de sus clientes para la web. Debe entender la tecnología subyacente, trabajar en equipos multidisciplinarios, y con los clientes para poder crear sitios web que resulten visual y emocionalmente atractivos, fáciles de navegar, que respondan a las necesidades de los visitantes, accesibles para una amplia gama de navegadores y otros dispositivos web. ”

Definición sacada de principios del diseño web, Jeffrey Zeldman, Anaya, 2002.

 

La apariencia y el comportamiento reflejan el espíritu de la marca, la audiencia pretendida y el propio gusto del diseñador. Por tanto, averiguar todo lo que se pueda del cliente, y la audiencia son fundamentales, además de la selección de la tipografía, logo, ilustraciones o fotografías, color, etc., y profundizando aún más en el tema, en la elección de la tecnología que nos establece otro conjunto de parámetros que influyen en las selecciones mencionadas.

Esto en el fondo es un problema de comunicación para lograr expresar, ampliar y reforzar la identidad de la marca en sus clientes que, junto a la profundidad y naturaleza de la arquitectura del sitio, al tipo de tecnología empleada en la construcción se verá traducida en una buena funcionalidad y forma del sitio. El sitio debe ofrecer soluciones nunca problemas, la navegación debe ser clara y que ayude a reforzar el aspecto de la marca.

En la selección de la tecnología debemos partir de la pregunta de a quién va dirigido, con el objeto de hacer el sitio lo más accesible posible a todos. Sin olvidar las restricciones que nos plantea la web, y jugar con el potencial que esta misma nos establece para desarrollar un buen trabajo.

 

Competencias de un Diseñador web.

El diseño grafico enfocado a la web, diseño web, nos plantea muchos retos porque cada propuesta nos conduce a la formulación de diferentes soluciones que siempre contribuyan a mejorar la experiencia del visitante. Por lo cual, se establece un arduo proceso de comunicación; entender al cliente, para depurar sus objetivos, determinar los futuros visitantes del sitio y lo buscaran en el, traducir con antelación sus necesidades, de clientes y visitantes, asumiremos entonces el papel de facilitadores, artistas y técnicos que son los canales de unión entre nuestro cliente y su futuro visitante.

Las competencias que debe reunir entonces un buen diseñador web, son:

  • Conocer el potencial, limitaciones, y manejar la tecnología subyacente.
  • Conocer las cuestiones relacionadas con el cliente.
  • Entender el trabajo en equipo.
  • Saber convertir las necesidades en contenidos y la marca del cliente en conceptos estructurados en el sitio.
  • Convertir necesidades del futuro visitante en conceptos es estructurados en el sitio.
  • Convertir los conceptos en composiciones que técnicamente puedan llevarse a la práctica.
  • Diseñar elementos de navegación.
  • Establecer apariencia y comportamiento usando tipografía, gráficos, color, diseño y otros factores.
  • Organizar y presentar el contenido; legible y adecuado al diseño.
  • Usar aplicaciones de diseño como Photoshop, iIlustrator para el desarrollo web.
  • Conocer el lenguaje HTML, Java Script, Hojas de estilo, para la elaboración de los sitios.
  • Modificar gráficos y códigos.
  • Participar activamente en un equipo de trabajo de desarrollo web.
  • Actualizar y mantener los sitios de los clientes.

Proyecto Web

El diseño de elementos gráficos es solo un pequeña del trabajo que realiza un diseñador gráfico, como habíamos mencionad en el post anterior. El trabajo realmente parte desde la entrevista inicial con el cliente, cuestión que será cotidiana a lo largo de todo el proceso, y que culminara con el lanzamiento.

Este Proceso es tan largo y con tantas fases y procesos que nos referiremos a él como Proyecto web, todo proyecto tiene un ciclo de vida, que para un buen desarrollo del trabajo, en la mayorí­a de los casos obedece a un método que incluye elementos provenientes de los sistemas informáticos, y de los procedentes del diseño de comunicación. Los actuales proyectos son parecidos a los de márquetin y publicidad; con muchos elementos que debemos administrar, tales como:

  • Alcance del proyecto
  • Presupuesto
  • recursos
  • planificación
  • funcionalidad

El método esboza los pasos a seguir, estos en fases, las fases en procesos o actividades, permitiendo identificar avances, generando documentos, que dan consistencia e irrefutabilidad y la repetición del mismo.

Cada fase tiene actividades concretas, previsibles, y con resultados, no son estáticas debido a que las actividades se desplazan de una fase a otra, o abarcar varias fases.

Fases del desarrollo del Proyecto Web

  • Análisis
  • Definiciones
  • Requisitos

Documentos que genera:

  • Especificación de funciones
  • Análisis de requisitos.
  • Diagrama de casos de uso.

En esta fase se separa el grano de la paja, es decir, el cliente en términos generales tiene una idea confusa y rudimentaria, debemos liberarlo de ese plan ambiguo y guiarlo a objetivos alcanzables.

El análisis se realiza con el objetivo de detectar y abordar necesidades para vender soluciones al cliente(Definir objetivos del sitio).

Debemos ayudar cliente permitiendo expresar claramente los objetivos a corto y largo plazo, para poder trazar el alcance del proyecto, y comprender los objetivos de mercado. Ganar la confianza del cliente para preservar la finalización optima del proyecto.

Discutir opciones estructuradas y aspectos tecnológicos como; rendimiento, ancho de banda, seguridad, etc. Y comerciales; objetivos de mercado. Recogidos en especificaciones funcionales, análisis de requisitos, y diagramas de casos y usos.

Diseño

  • Aportación de ideas.
  • Traducción de necesidades en soluciones
  • Vender ideas
  • Identificar composiciones de color
  • Crear composición
  • Presentación y demostración
  • Aprobación

Documentos que genera:

  1. Esquemas de diseño
  2. Documentos de interfaz de usuario
  3. Informes creativos
  4. Esquemas a lápiz
  5. Wireframes
  6. Composiciones de color.

Los métodos de aportación de ideas son variados y presentan como resultado múltiples soluciones que deben ser seleccionadas por consenso para traducir las necesidades en soluciones que se articulen internamente mediante esquemas de diseño. Composiciones en Photoshop, wireframes, composiciones de color, para la presentación al cliente.

Compaginando las limitaciones tecnológicas, y las decisiones del cliente, explicamos la idea consensuada como solución particular que ofrece un valor real a la audiencia objetivo, para vender la idea al cliente, permitiéndonos evitar caer en compromisos y contratos imposibles de cumplir.

En lo que respecta a identificar las composiciones de color, lo que debemos averiguar que es lo que quiere ver el cliente, y es entonces cuando creamos composición de la página de inicio y alguna otra, guiones gráficos donde se pueda perfilar el curo o funcionamiento del sitio. Al desarrollar la composición debemos incluir elementos como los rollover, para acercarnos lo más posible al comportamiento real que tendrá en el sitio.

Las presentaciones y demostraciones del concepto persigue satisfacer al cliente, mediante el esquema realizado en el paso anterior, tener en cuenta que para las páginas que son se muestran debemos tener preparadas nuestras respuestas de cómo serán o comportaran para reducir el procesos de aprobación al que deseamos llegar, además de reforzar la confianza del cliente.

La otra ventaja que podemos tener en estas presentaciones es que podemos tener una idea de cuáles podrían ser los cambios menores que se pueden realizar en el sitio, y cuales los mayores que podrían a anular el proyecto, y así guiar al cliente entre estos dos limites.

El proceso de aprobación nos sirve de puente entre la fase de diseño y la fase de desarrollo para convertir todo lo aprobado en realidad.

Desarrollo

  • Desarrollo composiciones
  • Funcionalidad
  • Plantillas
  • Mantenimiento

Documentos que genera

  • Informes de desarrollo

Contempla el trabajo conjunto de todo el equipo para traducir los conceptos del diseño en sitios operativos.

En todos los procesos que hemos visto hasta ahora, la coherencia a ha sido y será el elemento conductor, la ubicación coherente de los elementos de navegación, elementos de la marca (para confirmar siempre al visitante que está en el mismo sitio. La señalización coherente orienta, la incoherente desorienta. El visitante obtienen mayor seguridad.), son cosas que redundan en la el aumento de la rapidez, y de espacio, ya que no hace falta generar archivos adicionales. Tecnológicamente un elemento mostrado no hace falta volver a descargarlo.

Para una mejor funcionalidad se deben trabajar todos los elementos con las mismas aplicaciones; codificación de rollover efectos visuales interactivos java script, formularios de comercio electrónico, tablón de noticias, o chat CGI y java.

El sitio se debe diseñar para que actúe como contenedor de los diferentes contenidos que sean actualizables con cierta frecuencia, esto es una plantilla que de acuerdo a las condiciones técnicas se articulan de una forma o de otra.

El desarrollo estructurado y bien documentado del sitio, permitirá volver a retomarlo con el tiempo para actualizarlo fácilmente, evitando pérdida de tiempo en depuraciones, localización de archivos, etc. Facilitando el desarrollo del trabajo. Al terminar el sitio este ira acompañado de su documentación, guía de estilo, estructura de archivos, convención de denominaciones lógicas, que redundan en actualizaciones y mantenimiento fácil y lógico para toda persona, incluido el cliente.

  • Pruebas
  • Usuarios
  • Especialistas

Documentos que genera

  • Encuestas de evaluación
  • Informe de evaluación
  • Reporte de mejoras

Esta fase de pruebas independientes para probar el producto final, ya sea por los propios usuarios o un equipo de especialistas en pruebas, obteniendo un conjunto de recomendaciones, sugerencias, entre otras cosas. El equipo obtiene retroalimentación con respecto a la usabilidad, y localizar posibles problemas y aplicar ajustes. Normalmente reportara problemas de compatibilidad con navegadores y aceptación de usuario.

Implantación

  • Actualización
  • Formación

Documentos que genera:

  • Guía de usuario
  • Guía de estilo

La transferencia de los archivos al servidor y desarrollo de la fase de transición desde el equipo web al cliente. La actualización es para mantener periódicamente al día su imagen en la red, añadiendo contenido. Por tanto, debemos ofrecer herramientas de publicación personalizada que el cliente pueda usar, ofrecer la documentación de usuario para facilitar información detallada de cómo actualizar el sitio, formación para mostrar al cliente como trabajar con el sitio, y servicio de consulta para fidelizar y reforzar nuestra imagen con el cliente.

No olvidemos que al mismo tiempo aprenderemos de nuestros clientes en base a; forma de uso o trabajo con el sitio, interacciones con entre los distintos software que usa el cliente, aprender ventajas y peligros de este uso.

¿Que es un diseñador web?

Definición:

” Es el responsable de la apariencia y comportamiento de los sitios web de empresas a empresas y de empresas a consumidor. Los diseñadores resuelven los problemas de comunicación y refuerzan la identidad de la marca de sus clientes para la web. Debe entender la tecnología subyacente, trabajar en equipos multidisciplinarios, y con los clientes para poder crear sitios web que resulten visual y emocionalmente atractivos, fáciles de navegar, que respondan a las necesidades de los visitantes, accesibles para una amplia gama de navegadores y otros dispositivos web. ”

Definición sacada de principios del diseño web, Jeffrey Zeldman, Anaya, 2002.

 

La apariencia y el comportamiento reflejan el espíritu de la marca, la audiencia pretendida y el propio gusto del diseñador. Por tanto, averiguar todo lo que se pueda del cliente, y la audiencia son fundamentales, además de la selección de la tipografía, logo, ilustraciones o fotografías, color, etc., y profundizando aún más en el tema, en la elección de la tecnología que nos establece otro conjunto de parámetros que influyen en las selecciones mencionadas.

Esto en el fondo es un problema de comunicación para lograr expresar, ampliar y reforzar la identidad de la marca en sus clientes que, junto a la profundidad y naturaleza de la arquitectura del sitio, al tipo de tecnología empleada en la construcción se verá traducida en una buena funcionalidad y forma del sitio. El sitio debe ofrecer soluciones nunca problemas, la navegación debe ser clara y que ayude a reforzar el aspecto de la marca.

En la selección de la tecnología debemos partir de la pregunta de a quién va dirigido, con el objeto de hacer el sitio lo más accesible posible a todos. Sin olvidar las restricciones que nos plantea la web, y jugar con el potencial que esta misma nos establece para desarrollar un buen trabajo.

Proyecto Web

El diseño de elementos gráficos es solo un pequeña del trabajo que realiza un diseñador gráfico, como habíamos mencionad en el post anterior. El trabajo realmente parte desde la entrevista inicial con el cliente, cuestión que será cotidiana a lo largo de todo el proceso, y que culminara con el lanzamiento.

Este Proceso es tan largo y con tantas fases y procesos que nos referiremos a él como Proyecto web, todo proyecto tiene un ciclo de vida, que para un buen desarrollo del trabajo, en la mayorí­a de los casos obedece a un método que incluye elementos provenientes de los sistemas informáticos, y de los procedentes del diseño de comunicación. Los actuales proyectos son parecidos a los de márquetin y publicidad; con muchos elementos que debemos administrar, tales como:

  • Alcance del proyecto
  • Presupuesto
  • recursos
  • planificación
  • funcionalidad

El método esboza los pasos a seguir, estos en fases, las fases en procesos o actividades, permitiendo identificar avances, generando documentos, que dan consistencia e irrefutabilidad y la repetición del mismo.

Cada fase tiene actividades concretas, previsibles, y con resultados, no son estáticas debido a que las actividades se desplazan de una fase a otra, o abarcar varias fases.

Fases del desarrollo del Proyecto Web

  • Análisis
  • Definiciones
  • Requisitos

Documentos que genera:

  • Especificación de funciones
  • Análisis de requisitos.
  • Diagrama de casos de uso.

En esta fase se separa el grano de la paja, es decir, el cliente en términos generales tiene una idea confusa y rudimentaria, debemos liberarlo de ese plan ambiguo y guiarlo a objeticos alcanzables.

El análisis se realiza con el objetivo de detectar y abordar necesidades para vender soluciones al cliente(Definir objetivos del sitio).

Debemos ayudar cliente permitiendo expresar claramente los objeticos a corto y largo plazo, para poder trazar el alcance del proyecto, y comprender los objetivos de mercado. Ganar la confianza del cliente para preservar la finalización optima del proyecto.

Discutir opciones estructuradas y aspectos tecnológicos como; rendimiento, ancho de banda, seguridad, etc. Y comerciales; objetivos de mercado. Recogidos en especificaciones funcionales, análisis de requisitos, y diagramas de casos y usos.

Diseño

  • Aportación de ideas.
  • Traducción de necesidades en soluciones
  • Vender ideas
  • Identificar composiciones de color
  • Crear composición
  • Presentación y demostración
  • Aprobación

Documentos que genera:

  1. Esquemas de diseño
  2. Documentos de interfaz de usuario
  3. Informes creativos
  4. Esquemas a lápiz
  5. Wireframes
  6. Composiciones de color.

Los métodos de aportación de ideas son variados y presentan como resultado múltiples soluciones que deben ser seleccionadas por consenso para traducir las necesidades en soluciones que se articulen internamente mediante esquemas de diseño. Composiciones en Photoshop, wireframes, composiciones de color, para la presentación al cliente.

Compaginando las limitaciones tecnológicas, y las decisiones del cliente, explicamos la idea consensuada como solución particular que ofrece un valor real a la audiencia objetivo, para vender la idea al cliente, permitiéndonos evitar caer en compromisos y contratos imposibles de cumplir.

En lo que respecta a identificar las composiciones de color, lo que debemos averiguar que es lo que quiere ver el cliente, y es entonces cuando creamos composición de la página de inicio y alguna otra, guiones gráficos donde se pueda perfilar el curo o funcionamiento del sitio. Al desarrollar la composición debemos incluir elementos como los rollover, para acercarnos lo más posible al comportamiento real que tendrá en el sitio.

Las presentaciones y demostraciones del concepto persigue satisfacer al cliente, mediante el esquema realizado en el paso anterior, tener en cuenta que para las páginas que son se muestran debemos tener preparadas nuestras respuestas de cómo serán o comportaran para reducir el procesos de aprobación al que deseamos llegar, además de reforzar la confianza del cliente.

La otra ventaja que podemos tener en estas presentaciones es que podemos tener una idea de cuáles podrían ser los cambios menores que se pueden realizar en el sitio, y cuales los mayores que podrían a anular el proyecto, y así guiar al cliente entre estos dos limites.

El proceso de aprobación nos sirve de puente entre la fase de diseño y la fase de desarrollo para convertir todo lo aprobado en realidad.

Desarrollo

  • Desarrollo composiciones
  • Funcionalidad
  • Plantillas
  • Mantenimiento

Documentos que genera

  • Informes de desarrollo

Contempla el trabajo conjunto de todo el equipo para traducir los conceptos del diseño en sitios operativos.

En todos los procesos que hemos visto hasta ahora, la coherencia a ha sido y será el elemento conductor, la ubicación coherente de los elementos de navegación, elementos de la marca (para confirmar siempre al visitante que está en el mismo sitio. La señalización coherente orienta, la incoherente desorienta. El visitante obtienen mayor seguridad.), son cosas que redundan en la el aumento de la rapidez, y de espacio, ya que no hace falta generar archivos adicionales. Tecnológicamente un elemento mostrado no hace falta volver a descargarlo.

Para una mejor funcionalidad se deben trabajar todos los elementos con las mismas aplicaciones; codificación de rollover efectos visuales interactivos java script, formularios de comercio electrónico, tablón de noticias, o chat CGI y java.

El sitio se debe diseñar para que actúe como contenedor de los diferentes contenidos que sean actualizables con cierta frecuencia, esto es una plantilla que de acuerdo a las condiciones técnicas se articulan de una forma o de otra.

El desarrollo estructurado y bien documentado del sitio, permitirá volver a retomarlo con el tiempo para actualizarlo fácilmente, evitando pérdida de tiempo en depuraciones, localización de archivos, etc. Facilitando el desarrollo del trabajo. Al terminar el sitio este ira acompañado de su documentación, guía de estilo, estructura de archivos, convención de denominaciones lógicas, que redundan en actualizaciones y mantenimiento fácil y lógico para toda persona, incluido el cliente.

  • Pruebas
  • Usuarios
  • Especialistas

Documentos que genera

  • Encuestas de evaluación
  • Informe de evaluación
  • Reporte de mejoras

Esta fase de pruebas independientes para probar el producto final, ya sea por los propios usuarios o un equipo de especialistas en pruebas, obteniendo un conjunto de recomendaciones, sugerencias, entre otras cosas. El equipo obtiene retroalimentación con respecto a la usabilidad, y localizar posibles problemas y aplicar ajustes. Normalmente reportara problemas de compatibilidad con navegadores y aceptación de usuario.

Implantación

  • Actualización
  • Formación

Documentos que genera:

  • Guía de usuario
  • Guía de estilo

La transferencia de los archivos al servidor y desarrollo de la fase de transición desde el equipo web al cliente. La actualización es para mantener periódicamente al día su imagen en la red, añadiendo contenido. Por tanto, debemos ofrecer herramientas de publicación personalizada que el cliente pueda usar, ofrecer la documentación de usuario para facilitar información detallada de cómo actualizar el sitio, formación para mostrar al cliente como trabajar con el sitio, y servicio de consulta para fidelizar y reforzar nuestra imagen con el cliente.

No olvidemos que al mismo tiempo aprenderemos de nuestros clientes en base a; forma de uso o trabajo con el sitio, interacciones con entre los distintos software que usa el cliente, aprender ventajas y peligros de este uso.

Competencias de un Diseñador web.

El diseño grafico enfocado a la web, diseño web, nos plantea muchos retos porque cada propuesta nos conduce a la formulación de diferentes soluciones que siempre contribuyan a mejorar la experiencia del visitante. Por lo cual, se establece un arduo proceso de comunicación; entender al cliente, para depurar sus objetivos, determinar los futuros visitantes del sitio y lo buscaran en el, traducir con antelación sus necesidades, de clientes y visitantes, asumiremos entonces el papel de facilitadores, artistas y técnicos que son los canales de unión entre nuestro cliente y su futuro visitante.

Las competencias que debe reunir entonces un buen diseñador web, son:

  • Conocer el potencial, limitaciones, y manejar la tecnología subyacente.
  • Conocer las cuestiones relacionadas con el cliente.
  • Entender el trabajo en equipo.
  • Saber convertir las necesidades en contenidos y la marca del cliente en conceptos estructurados en el sitio.
  • Convertir necesidades del futuro visitante en conceptos es estructurados en el sitio.
  • Convertir los conceptos en composiciones que técnicamente puedan llevarse a la práctica.
  • Diseñar elementos de navegación.
  • Establecer apariencia y comportamiento usando tipografía, gráficos, color, diseño y otros factores.
  • Organizar y presentar el contenido; legible y adecuado al diseño.
  • Usar aplicaciones de diseño como Photoshop, iIlustrator para el desarrollo web.
  • Conocer el lenguaje HTML, Java Script, Hojas de estilo, para la elaboración de los sitios.
  • Modificar gráficos y códigos.
  • Participar activamente en un equipo de trabajo de desarrollo web.
  • Actualizar y mantener los sitios de los clientes.