Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Modelo de 5 Fases de Re-diseño Web

Se hablará de,,,
by

Eliana Arreola Acosta

on 13 October 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Modelo de 5 Fases de Re-diseño Web

5 fases Re-diseño Web Fase 1 Definición del Proyecto Fase 2 Desarrollo de la Estructura del Sitio Arreola Acosta Eliana
Orozco Torres Yocelin
Rodríguez Domínguez Smirna Denisse Gracias por su atención Fase 3
Diseño visual y pruebas Fase 5 Lanzamiento El desarrollo de la estructura del sitio trata sobre la estrategia del contenido e información. Sin un buen contenido el sitio no será conveniente.
La división y la categorización de las páginas está necesariamente determinada por el contenido, y la forma en que se organiza el contenido de un sitio define la espina dorsal del proceso de estructuración. Relativo al contenido... Diseñar para la web es crear algo que parece bidimensional, lo cual lo convierte en algo parecido al diseño de productos, ya que es algo que verdaderamente se consume o se usa.
El diseño está muy ligado a la tecnología y debe centrarse en el cliente.
Buscar un equilibrio entre limitaciones de la
web y tener una creatividad brillante es un gran desafío.
Diseño visual Es la primera experiencia que tiene el usuario con el sitio.
En esta fase todos los elementos son creados en base a la información establecida. El diseño inteligente es funcional e implica un carga rápida.
Se basa en la experiencia del usuario y no en lo que el diseñador desea este debe actuar como si fuera el usuario. Se debe incorporar el diseño de la información en vez de luchar contra él.
Diseño inteligente Instituto Tecnológico de Durango Relativo al Sitio El sitio necesita su propio diseño estructural. Relativo a la página Se debe examinar lo que va en cada página y como se interrelacionan las páginas entre si, pues así es posible organizar el contenido y presentarlo de una forma que sea significativa y lógica para el usuario. Los documentos que se generen en esta fase se convertirán en componentes del plan del proyecto. Planificación Descubrimiento Clarificación preparar un resumen de creatividad
Es el resumen de los objetivos
visuales y conceptuales Determinar los
objetivos generales
Determinar
"esencia" del sitio y
determinar objetivos contestando
la pregunta "¿Que se esta diseñando?" Recopilar materiales existentes del cliente
Solicitar material como puede ser folletos, informes de productos y conocer el plan de marketing. Conocer la audiencia
Saber quiénes son los usuarios, por qué visitan el sitio y qué tareas van a llevar a cabo. Revisar objetivos del diseño: Se debe revisar objetivos del sito, se debe diseñar para la audiencia no por el amor propio del diseñador.
Desarrollar conceptos: Implica aportar soluciones visuales que funcionen y cumplan con lo objetivos, también esta implicado el equipo de producción, cada uno de los conceptos debe ser pasados por desarrollo para comprobar si son factibles .
Presentar diseños y recopilar información:Presentar al cliente unas cuantas sesiones de diseño, establecer expectativas claras y hay que controlar al cliente. Debe depurarse el diseño hasta que quede listo y obtener el visto bueno del cliente por escrito. Creación Distribuir/Recopilar/Analizar encuestas
Recopilar información a partir de: encuestas, cuestionarios, etc. Los datos obtenidos ayudaran a conocer los detalles sobre la audiencia y los objetivos del sitio Confección del
presupuesto
Definir si el
proyecto es
factible Establecer formas de
control de tiempo
Hacer seguimiento de
horas reales de trabajo,
frente a las que se
proyecten CREAR PROGRAMAS
crear
agenda de
trabajo general y otra detallada , día a día Seleccionar al equipo del proyecto
Al seleccionar el equipo: Ser claro al otorgar responsabilidades individuales. Establecer el contenido... Empiece a organizar el contenido conceptualmente y a examinarlo
desde el punto de vista del usuario. Auditar el contenido existente... Es una excelente oportunidad para determinar que contenido hay que incorporar al rediseño y de que contenido hay que desembarazarse Planificar el contenido Utilizar un formato sencillo y organizado con caracteres latinos para poder organizar el contenido Crear un plan de entrega de contenido Utilizar un formato sencillo y organizado con caracteres latinos para poder organizar el contenido Confirmación Durante la fase de diseño se debe tomar tiempo para confirmar el contenido, el flujo de la página, la navegación y funcionalidad.
Lo que se debe hacer es : Crear el prototipo del sitio :Mientras se diseña se debe hacer que el equipo de producción empiece con un diseño HTML, lo que permitirá analizar el contenido, la navegación y el flujo de la página .
Probar la funcionalidad: En casos especiales como el uso de menús desplegables, marcos etc, se deben hacer pruebas en muchos navegadores, para así evitar problemas futuros. Confirmación Crear plantillas gráficas Crear una guía de estilos de diseño. Entrega a producción Crear plantillas gráficas La transacción del diseño final hasta aprobado se cristaliza con la entrega a producción de plantillas gráficas. Este tipo de archivos requieren todo tipo de funcionalidad. Crear una guía de estilos de diseño La guía de estilos enumera una serie de estándares para las fuentes, colores, encabezados, etc, Hacer un mapa del sitio... Fase 4 Producción y control de calidad Esta fase es dónde se ensamblan , todas la piezas para que funcionen.
Aquí se contempla la implementación técnica de la programación y se deben llevar a cabo las pruebas de control de calidad. El mapa de sitio muestra los vínculos
propuestos y la navegación principal. Comprobar la organización del sitio existente...
PONER EN
MARCHA
EL PROYECTO
Al reunirse con
el cliente se deben
revisar materiales,
alinear expectativas y establecer el alcances
del proyecto Examinar el sitio para saber si puede ser
más intuitivo para el usuario. Establecer convenciones de nombres Antes de empezar a producir , se deben revisar las especificaciones técnicas, confirmar que las plantillas gráficas están listas para funcionar y comprobar el estado de contenido Preparación Se debe incorporar una metodología
para los archivos, no existe una forma
estándar, por lo que debemos elegir un
método e implementarlo. Si no se responden todas las preguntas y se contemplan todos los detalles en la producción HTML puede resultar un proceso muy caro. El objetivo es codificar una sola vez , se debe buscar coherencia y solución a los problemas que surgen sobre la marcha. Construcción Una vez construido el sitio, hay que asegurarse que funciona, para esto deben realizarse las pruebas de control de calidad, que se basan en la comprobación exhaustiva de errores Pruebas Confeccionar un conjunto de marcos El descubrimiento es un proceso de recopilación de información que ahonda en los detalles de lo que es importante para el negocio de un cliente, la audiencia de destino y el sector. Establecer la navegación Establecer directrices Evaluar el estado del proyecto Establecer la estructura de archivos La hoja de especificaciones del cliente
es una encuesta donde las respuestas proporcionan parámetros para establecer las directrices. Los proyectos suelen cambiar conforme pasa el tiempo, por eso se deben evaluar con respecto a tiempo, presupuesto, alcance y expectativas, para que en caso de ser necesarios más recurson se pidan en ese momento. Antes de empezar a producir se debe conocer como se llamarán los archivos y donde se van a guardar , ya que cuando se termina la nomenclatura y organización funciona mejor el proyecto. Fragmentar y optimizar gráficos Crear plantillas y páginas HTML Es aquí donde los diseñadores de producción
fragmenta las plantillas gráficas en GIF y JPG que
se convertirán en los gráficos y animaciones de la página. Se debe tratar que el tamaño de las páginas sea reducido Todos los sitios empiezan con una
plantilla HTML, esta sera utilizada para crear
el resto del sitio.
En este paso se codifica la automatización ligera, asi como el contenido invisible que sea global. Implementar una automatización ligera
Una automatización "ligera" significa
hecha por uno mismo en JavaScript o DHTML, elementos como menús, ventanas desplegables tienen que ser implementados en las plantillas HTML. Un conjunto de marcos es un diseño informativo
y no diseñado que hace hincapié en el contenido,
en la navegación principal y secundaria y en la funcionalidad ligera. Poblar las páginas Los botones, gráficos y vínculos se
pueden usar para mantener un sentido
de la ubicación ofreciendo intuitividad
a los usuarios. Integrar la funcionalidad compleja En este paso se implementa la programación
y es necesario revisar libros técnicos Asignar nombres y etiquetas El nombre de los botones
y las etiquetas debe ser coherente
en el sitio. La coherencia es la clave. Definir rutas clave de usuario Se deben omitir pasos que son innecesarios
por ejemplo llenar un formulario, para así
definir rutas y construir conjuntos de marco. El contenido es necesario, pero es posible que en ocasiones
llegue tarde y eso supone tiempo y dinero extra por eso debe
evitarse, se recomienda estar pendiente del contenido
establecer plazos claros. Esta fase trata sobre lo que se tiene que pensar antes, durante y después del lanzamiento Establecer prioridades y solventar los fallos Hacer una última comprobación Crear un plan de control de calidad Dirigir las pruebas de control de calidad Especifica la metodología que se usa para
hacer pruebas con navegadores, plataformas y especificaciones técnicas.
Se enumeran recursos, el programa, el equipo junto con el plan para comprobar fallos y arreglos antes del lanzamiento Las pruebas se dividen en varias etapas,
las primeras son las pruebas internas y luego vienen las pruebas beta. Los niveles de prueba dependen del dinero, tiempo, recursos y conocimientos. El objetivo del control de calidad es identificar fallos. Casi todos los proyectos disponen de un equipo de diseño y de construcción y otro equipo de mantenimiento.
Un equipo entrega los archivos de diseño
y producción al otro equipo para el diseño,
la producción y la actualización. Entrega Antes de trasladar el sitio al servidor, hay que realizar una última comprobación del diseño, contenido, producción y funcionalidad, además de asegurarse que el cliente ha aprobado el sitio. Se debe establecer un método para controlar, establecer prioridades, solventar fallos para que el proceso se ejecute mucho más fácilmente. IDENTIFICAR LA CAPACIDAD TÉCNICA DE LA AUDIENCIA
Se deberá conocer desde la velocidad de navegación , los tipos de sitios a los que pueden acceder. Esto para entregar la hoja de especificaciones al cliente Analizar el sector de
actividad Analice el sector de actividad
del cliente para ver lo que la
competencia esta haciendo,
tanto a nivel on-line como
off-line. Identificar la necesidades
de programación Si el proyecto requiere programación, se
deberá contar con recursos humanos para
llevar realizarlo. Establecer
áreas El área actúa como concentrador
de comunicación.
Área de desarrollo del equipo
sirve como sitio de
trabajo del equipo Ensamblar el plan del proyecto Un plan de proyecto contiene un presupuesto, un programa un resumen de creatividad y cualquier otra información que establezca el alcance del proyecto Deberá incluir información codificada
de las etiquetas HTML, atributos y definiciones de elementos gráficos. Completar la guía de estilos
de producción Todos los materiales de diseño y producción relevantes deberán estar organizados y colocados en un paquete para su distribución al cliente y al equipo de mantenimiento. Crear el paquete de entrega a
mantenimiento Archivar la documentación Se deben archivar los documentos importantes tales como las copias impresas del contrato inicia, la propuesta, el plan del proyecto y cualquier otra información importante. Hacer un análisis post-lanzamiento Para que los participantes en el proyecto vean lo que ha funcionado y lo que se podría mejorar la próxima vez: este es el objetivo. Programar el mantenimiento Se debe tener buen equipo de mantenimiento, pues en equipos más grandes y equipos internos el mantenimiento puede incluir fases adicionales de desarrollo de aplicaciones y relanzamientos. Lanzamiento Habiendo comprobado las pruebas
de control de calidad y teniendo la
producción inmobilizada, está listo
para dar a conocer el sitio Preparar un plan de publicidad La estrategia de publicidad debe
ser planificada por un equipo
de marketing interno o externo Registrarse en los motores de busqueda Se debe registrar en motores de
búsqueda como Google después del lanzamiento Lanzar el sitio Dar a conocer el sitio. Mantenimiento Evaluar la capacidad del equipo de
mantenimiento Las personas encargadas de la actualizacion
tiene que tener un alto nivel de conocimientos
para llevar a cabo el mantenimientos del sitio
rediseñado Desarrollar un plan de mantenimiento Se debe determinar la frecuencia y los
detalles de las actualizaciones del
mantenimiento. Calcular el éxito Disponer de datos cualitativos y cuantitativos
sobre la utilizacion y la satisfacción del cliente
servirá para analizar el exito del diseño. Confirmar la seguridad del sitio Seguridad en bases de datos del sistema, proteccion de datos,etc.
Full transcript