Metodología diseño web - Ejercicio

MetodologĂ­a para la creaciĂłn de sitios web

E d u a r d o M o ren o Ro m ero

BANDERA Metodología para la Eduardo Moreno Diseñador visual

creación de sitios web Esta revista demuestra el método para la creación de un sitio web. Basándose en el documento “Metodología web”.

“Es una metodologia hibrida pensada para procesos de diseño de aplicaciones web, denominada “Metodología para la creación de sitios web” creada por el ingeniero Dely Maybel Gil Alvarez y otros.”

Metodología para creación de sitios web

ร NDICE F ase

de anรกlisis

S elecciรณn

de objetivos

S elecciรณn

del equipo

E structura

de navegaciรณn

4 6 8 12

Fase de análisis

Fase de análisis ¿Se necesita realmente el sitio web?

Si, ya que de esta manera doy a conocer mi portafolio.

¿Para qué se necesita?

Así podré demostrar los proyectos que he realizado anteriormente tanto académica como profesionalmente; y así el cliente conocer los estilos visuales y gráficos que manejo y que el puede querer para su proyecto. Además, se evidencia las hablididades que tengo como diseñador.

¿Qué buscarán los usuarios?

Encontrar mi portafolio. Al entrar al sitio, manifestar mi estilo característico. Una organización en la que se diferencie los tipos de proyectos que he realizado, para así poder llegar facilmente a la linea o estilo gráfico que manejo para el trabajo determinado que quiera que le desarrolle al cliente.

¿Qué imagen se quiere proyectar a los usuarios?

Profesionalismo inmediatamente se entre al sitio. Proyectar agudeza visual de alto nivel tanto en los proyectos como en el sitio mismo; confianza y competitividad en el mercado.

4

Fase de análisis

¿Qué servicios interactivos se integrarán?

Ninguno.

¿Con qué recursos se cuenta para su desarrollo?

Conocimiento en diseño web, hosting, dominio y proyectos realizados.

¿Cuánto tiempo debe ser invertido en su desarrollo?

Se estima 3 semanas para el desarrollo del sitio web

¿Qué impacto causaría en los usuarios?

La confianza para elegirme como el diseñador visual que se encargará de sus proyectos tanto gráficos como visuales; además de esto, una navegación cómoda, guiada, fácil de entender y que muestre todas mis aptitudes como diseñador visual no solo con el portafolio, sino con el sitio web mismo.

5

Selección de objetivos

Selección de objetivos Target Group Agencia de publicidad, que tengan gusto por la investigación en el diseño y las propuestas nuevas de este mismo. Que tengan como producto para sus clientes la animación de personajes 2d y motion graphics. Edad del público objetivo entre 18 y 30 años. Nivel socioeconómico, empresa reconocida.

Expectativas del sitio Animaciones Html5 de botones, imágenes. Adicionalmente ayudas audiovisuales para explicar mis habilidades como diseñador visual, enfocándome en la ilustración y animación. El sitio debe mostrar manejo claro de conceptos de diseño llevados hacia la innovación, juventud y emprendimiento.

Expectativas del cliente Encontrar mi portafolio. Al entrar al sitio, manifestar mi estilo característico y al navegar por el sitio, demostrar la versatilidad que desempeño al manejar otros estilos visuales. Que la navegación sea guiada y fácil de interpretar. Que haya ayudas multimedia para navegar y de esta misma forma, evidenciar los proyectos que he realizado y convencer al cliente de el gran profesionalismo que manejo.

6

Selección de objetivos

Selección de software Campo de acción

Software

Precio

Edición de video

Adobe Premiere

$ 90.000

Animación 2d

Adobe After Effects

$ 90.000

Diseño vectorial

Adobe Illustrator

$ 90.000

Edición de imágenes

Adobe Photoshop

$ 90.000

Diseño web

Adobe Dreamweaver

$ 90.000

Selección de hardware Sistema operativo ios.

Intel Core i5 de doble núcleo a 1,6 GHz o de cuatro núcleos a 2,8 GHz Turbo Boost de hasta 3,3 GHz Hasta 16 GB de memoria ram Disco duro de 1 TB a 5.400 rpm, Fusion Drive de 1 o 2 TB o almacenamiento flash (SSD) de 256 GB2 Intel HD Graphics 6000 o Intel Iris Pro Graphics 6200

7

Selección de equipo

Selección de equipo Jefe de proyecto El Jefe de Proyecto se destaca como la figura clave en la planificación, ejecución y control del proyecto y es el motor que ha de impulsar el avance del mismo mediante la toma de decisiones tendentes a la consecución de los objetivos.

Productor Web Es especialista en producir plataformas web para diferentes medios, también hace parte de los procesos de desarrollo, programación y publicación.

Es aquel que resuelve las necesidades del usuario por medio de los estudios para la usabilidad web.

Editor Web El editor web es el que se encarga de administrar el contenido. Mantiene el y establece el sitio, controla la corrección y el flujo de texto y en algunos casos el contenido multimedia del sitio.

Escritor Web Se encarga de ejercer estándares de desarrollo con respecto al sitio, que se utilice la ortografía y la gramática adecuada además de esto debe tener conocimiento en HTML o en algún programa FrontPage

8

Selección de equipo

Diseñador de bases de datos Elabora bases de datos que gestiona el sitio. Define sus relaciones

Diseñador de scripts Desarrolla y depura los scripts, los ActiveX y otros elementos interactivos.

Diseñador Gráfico Se encarga de crear los archivos visuales del sitio web, también puede encargarse de la creación de los archivos de sonido y de película , trabaja con imágenes y pequeñas labores de programación.

Técnico de Hardware Conserva los elementos de computo como impresoras, portátiles y equipos de escritorio tanto en la parte física como en los programas instalados para permitir a los usuarios elaborar su trabajo en condiciones adecuadas.

Técnico de prueba Su labor consiste en garantizar que todo en el sitio funcione de manera correcta. Se encarga de probar todos los elementos en cada página.

9

Selecciรณn de equipo

FLAT DESIGN

CARD DESIGN 10

Selecciรณn de equipo

ANIMACIร N

HOVER 11

Estructuras web

Estructuras Web Jerárquica La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida, esta hoja se puede también sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendrá nuestro sitio. La selección de una sección nos conduce asimismo 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, además de saber que, con forme se adentra en la estructura obtiene información más específica y que la información más general se encuentra en los niveles superiores.

Lineal La estructura lineal es la más simple de todas, la manera de recorrerla es la misma que si estuviésemos leyendo un libro, de manera que estando en una página, podemos ir a la siguiente página o a la anterior.

Esta estructura es muy útil cuando queremos que el lector siga un camino fijo y guiado, además impedimos que se distraiga con enlaces a otras páginas. Por otra parte podemos causar a lector la sensación de estar encerrado si el camino es muy largo o poco interesante.

12

Estructuras web

Lineal y Jerárquica Este tipo de estructura es una mezcla de la dos anteriores, los temas y subtemas están organizados de una forma jerárquica, pero uno puede leer todo el contenido de una forma lineal si se desea.

Esto permite tener el contenido organizado jerárquicamente y simultáneamente poder acceder a toda la información de una manera lineal como si estuviésemos leyendo un libro.

Esta guía sigue básicamente este tipo de estructura.

Red Las páginas del sitio también pueden estar totalmente interconectadas, es decir, desde cada página podemos ir a cualquier otra del sitio. Realmente la interconexión de absolutamente todas las páginas sería un caso extremo.

Es una estructura de apariencia algo anárquica en la que hay que cuidar mucho de no dejar enlaces abiertos. Además debemos evitar que el usuario se pierda en una maraña de enlaces. Por todo esto ello es necesario planificarla muy bien.

13