SlideShare ist ein Scribd-Unternehmen logo
1 von 7
Downloaden Sie, um offline zu lesen
Guía para rediseño de
      Sitio Web
Esquema del proyecto
Guía de Usabilidad Paso a Paso



               Piense           Siga algunas            Desarrolle            Conforme               Programe
  Plan          en el           directrices de           un plan              un equipo                 una
              proceso             usabilidad                                  de trabajo              reunión


                                                                                           Contrate un
                                                                   Redacte                 especialista
                                                                   un RFP                 en usabilidad


              Evalúe             Conozca             Haga un                   Cree                    Cree             Establezca
Análisis      el sitio             a los              análisis              perfiles de             escenarios         objetivos de
               Web               usuarios            de tareas               usuarios                                   usabilidad
                                                                                                                         medibles




              Determine                Realice un            Realice la                Defina la             Escriba            Utilice   Desarrolle     Pruebe
 Diseño           los                inventario de          clasificación             arquitectur            para la           diseños       un         antes de
              requerimie               contenido             de tarjetas                 a de                 Web             paralelos   prototipo    programar
                 ntos                                                                información




               Aprenda                 Aprenda              Desarrolle un              Cree los              Reclute los
Pruebas         como                 cómo hacer               plan de                 escenarios            participantes
               evaluar                 pruebas                pruebas                   finales


                         Configure                                   Analice los               Prepare un          Implemente las
                                              Realice las
                            las                                      resultados                  reporte          recomendaciones
                                               pruebas
                         sesiones                                                                                  y más pruebas
Planeación


Piense en el proceso de la organización
•   Conozca a los usuarios, y qué target quiere atraer.
Siga algunas directrices
•   Estándares, resultados de estudios, etc.
Desarrolle un plan
•   Determine el objetivo del proyecto, identifique el público objetivo y establezca los objetivos.
Conforme un equipo de trabajo
•   Quiénes deberían estar incluidos en el equipo?, Qué habilidades necesitan?.
Realice una reunión rápida
•   Visión y percepciones del equipo. (Guía adjunta PDF).
Redacte un documento de requerimientos (RFP)
•   Documento de requerimientos para una posible contratación.
Contrate a un especialista en usabilidad
•   Asesórese de consultores expertos.
Análisis


Evalúe su sitio Web actual
•   Cumple los objetivos organizacionales y las metas de usabilidad?, Cumple con los
    requerimientos de los usuarios?, Cumple con las directrices básicas?
Obtenga información de los usuarios
•   Qué requieren conocer de los usuarios?. Haga encuestas, entrevistas, entrevistas contextuales,
    pruebas de usabilidad, etc.
Realizar un análisis de tareas
•   Cuáles son los objetivos de los usuarios?, Qué tratan de hacer?, Cómo lo hacen?, etc.
Desarrolle perfil de personas
•   Perfiles que representen un importante grupo de usuarios del sitio Web.
Realice escenarios
•   Escenarios con historias cortas de usuarios específicos con unas metas específicas en el sitio
    Web.
Establezca objetivos de usabilidad medibles
•   Tiempo, precisión, éxito, satisfacción, productividad, etc.
Diseño


Determine los requerimientos del sitio Web
•   Describa las características, funciones y contenidos específicos.
Realice un inventario del contenido
•   Haga una lista de todo el contenido del sitio Web con sus características.
Realice ejercicios de clasificación de tarjetas
•   Cómo piensan los usuarios acerca del contenido y cómo perciben que debería ser organizado.
Defina la arquitectura de la información
•   Cómo diagramar las páginas y qué información publicar en cada una de ellas.
Escriba para la web
•   Ubique la información necesaria en el lugar correcto y con las palabras e imágenes adecuadas.
Utilice diseños paralelos
•   Cree diferentes diseños a partir de los mismos requerimientos.
Desarrolle un prototipo
•   Genere la primera versión a partir de los diseños para revisar las ideas antes de desarrollarlas.
Diseño


Aprenda de evaluaciones de usabilidad
•   Qué métodos de evaluación va a utilizar? Estos no involucran trabajo con los usuarios.
Aprenda acerca de test de usabilidad
•   Qué test de usabilidad va a aplicar? , con cuántas personas?, por cuánto tiempo?
Desarrolle el plan de pruebas
Cree los escenarios finales
Reclute el personal para las pruebas
Configure las sesiones de pruebas
Realice las pruebas de usabilidad
Analice los resultados
Prepare un reporte de pruebas de usabilidad
Implemente las recomendaciones y vuelva al probar el prototipo
El equipo de trabajo

Gerente del proyecto           gerente capacitado que lidere y administre el proyecto.

Especialistas en usabilidad               ayudarán al diseño centrado en el usuario, a realizar las
evaluaciones, perfiles, escenarios, indicadores, evaluación de prototipos, ejercicios de clasificación
de tarjetas y test de usabilidad.

Comunicadores           escritores y editores capacitados en escribir para la Web.

Arquitectos de información             organizarán el contenido y funcionalidades del sitio Web en
estructuras navegables, lógicas y usables. Ayudarán a definir la navegación.

Diseñadores gráficos            especializados en sitios Web, ayudarán a crear diseños visualmente
atractivos que mejoren la usabilidad del sitio Web.


Desarrolladores/Programadores                manejarán los aspectos técnicos del sitio Web.


Especialistas de área         personas familiarizadas con los temas del sitio Web que no están
entrenadas necesariamente en escribir ni diseñar para la Web.

Weitere ähnliche Inhalte

Ähnlich wie Guia Proyecto RediseñO Web (20)

Introducción al Diseño Web
Introducción al Diseño WebIntroducción al Diseño Web
Introducción al Diseño Web
 
Introducción a las Metodologías Ágiles
Introducción a las Metodologías ÁgilesIntroducción a las Metodologías Ágiles
Introducción a las Metodologías Ágiles
 
Metodologías de desarrollo orientado a objetos
Metodologías de desarrollo orientado a objetosMetodologías de desarrollo orientado a objetos
Metodologías de desarrollo orientado a objetos
 
Rup
RupRup
Rup
 
Computacion i 2011 ii
Computacion i 2011 iiComputacion i 2011 ii
Computacion i 2011 ii
 
Computacion i 2009 ii
Computacion i 2009 iiComputacion i 2009 ii
Computacion i 2009 ii
 
Chartprocesounificadoanalisis diseño
Chartprocesounificadoanalisis diseñoChartprocesounificadoanalisis diseño
Chartprocesounificadoanalisis diseño
 
Practica bloque 3
Practica bloque 3Practica bloque 3
Practica bloque 3
 
Practica bloque 3
Practica bloque 3Practica bloque 3
Practica bloque 3
 
Rational unified process (rup)
Rational unified process (rup)Rational unified process (rup)
Rational unified process (rup)
 
Procesador de textos
Procesador de textosProcesador de textos
Procesador de textos
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Bicho y daniela
Bicho y danielaBicho y daniela
Bicho y daniela
 
Practica 0
Practica 0Practica 0
Practica 0
 
Practica 0
Practica 0Practica 0
Practica 0
 
Practica 0
Practica 0Practica 0
Practica 0
 
ADS - Sesion1 - RUP
ADS - Sesion1 - RUPADS - Sesion1 - RUP
ADS - Sesion1 - RUP
 
Prototipado iterativo-ixda-juan-manuel-carraro
Prototipado iterativo-ixda-juan-manuel-carraroPrototipado iterativo-ixda-juan-manuel-carraro
Prototipado iterativo-ixda-juan-manuel-carraro
 
Practica bloque iii
Practica bloque iiiPractica bloque iii
Practica bloque iii
 
Credenciales Atomo Interactive
Credenciales Atomo InteractiveCredenciales Atomo Interactive
Credenciales Atomo Interactive
 

Mehr von Boris Sanchez

El uso de vídeo en Educación, de espectadores a creadores
El uso de vídeo en Educación, de espectadores a creadoresEl uso de vídeo en Educación, de espectadores a creadores
El uso de vídeo en Educación, de espectadores a creadoresBoris Sanchez
 
Competencias para el manejo de la información - CMI
Competencias para el manejo de la información - CMICompetencias para el manejo de la información - CMI
Competencias para el manejo de la información - CMIBoris Sanchez
 
Tabletas Android en la Educacion
Tabletas Android en la EducacionTabletas Android en la Educacion
Tabletas Android en la EducacionBoris Sanchez
 
Web 2.0 - Aspectos Sociales
Web 2.0 - Aspectos SocialesWeb 2.0 - Aspectos Sociales
Web 2.0 - Aspectos SocialesBoris Sanchez
 

Mehr von Boris Sanchez (10)

El uso de vídeo en Educación, de espectadores a creadores
El uso de vídeo en Educación, de espectadores a creadoresEl uso de vídeo en Educación, de espectadores a creadores
El uso de vídeo en Educación, de espectadores a creadores
 
Competencias para el manejo de la información - CMI
Competencias para el manejo de la información - CMICompetencias para el manejo de la información - CMI
Competencias para el manejo de la información - CMI
 
Tabletas Android en la Educacion
Tabletas Android en la EducacionTabletas Android en la Educacion
Tabletas Android en la Educacion
 
Cali trazas urbanas
Cali trazas urbanasCali trazas urbanas
Cali trazas urbanas
 
Cali en imagenes
Cali en imagenesCali en imagenes
Cali en imagenes
 
Azúcar en imagenes
Azúcar en imagenesAzúcar en imagenes
Azúcar en imagenes
 
Web 2.0 - Aspectos Sociales
Web 2.0 - Aspectos SocialesWeb 2.0 - Aspectos Sociales
Web 2.0 - Aspectos Sociales
 
Electivas INSA
Electivas INSAElectivas INSA
Electivas INSA
 
Curriculo INSA
Curriculo INSACurriculo INSA
Curriculo INSA
 
G1manual
G1manualG1manual
G1manual
 

Kürzlich hochgeladen

Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 

Kürzlich hochgeladen (11)

Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 

Guia Proyecto RediseñO Web

  • 1. Guía para rediseño de Sitio Web
  • 2. Esquema del proyecto Guía de Usabilidad Paso a Paso Piense Siga algunas Desarrolle Conforme Programe Plan en el directrices de un plan un equipo una proceso usabilidad de trabajo reunión Contrate un Redacte especialista un RFP en usabilidad Evalúe Conozca Haga un Cree Cree Establezca Análisis el sitio a los análisis perfiles de escenarios objetivos de Web usuarios de tareas usuarios usabilidad medibles Determine Realice un Realice la Defina la Escriba Utilice Desarrolle Pruebe Diseño los inventario de clasificación arquitectur para la diseños un antes de requerimie contenido de tarjetas a de Web paralelos prototipo programar ntos información Aprenda Aprenda Desarrolle un Cree los Reclute los Pruebas como cómo hacer plan de escenarios participantes evaluar pruebas pruebas finales Configure Analice los Prepare un Implemente las Realice las las resultados reporte recomendaciones pruebas sesiones y más pruebas
  • 3. Planeación Piense en el proceso de la organización • Conozca a los usuarios, y qué target quiere atraer. Siga algunas directrices • Estándares, resultados de estudios, etc. Desarrolle un plan • Determine el objetivo del proyecto, identifique el público objetivo y establezca los objetivos. Conforme un equipo de trabajo • Quiénes deberían estar incluidos en el equipo?, Qué habilidades necesitan?. Realice una reunión rápida • Visión y percepciones del equipo. (Guía adjunta PDF). Redacte un documento de requerimientos (RFP) • Documento de requerimientos para una posible contratación. Contrate a un especialista en usabilidad • Asesórese de consultores expertos.
  • 4. Análisis Evalúe su sitio Web actual • Cumple los objetivos organizacionales y las metas de usabilidad?, Cumple con los requerimientos de los usuarios?, Cumple con las directrices básicas? Obtenga información de los usuarios • Qué requieren conocer de los usuarios?. Haga encuestas, entrevistas, entrevistas contextuales, pruebas de usabilidad, etc. Realizar un análisis de tareas • Cuáles son los objetivos de los usuarios?, Qué tratan de hacer?, Cómo lo hacen?, etc. Desarrolle perfil de personas • Perfiles que representen un importante grupo de usuarios del sitio Web. Realice escenarios • Escenarios con historias cortas de usuarios específicos con unas metas específicas en el sitio Web. Establezca objetivos de usabilidad medibles • Tiempo, precisión, éxito, satisfacción, productividad, etc.
  • 5. Diseño Determine los requerimientos del sitio Web • Describa las características, funciones y contenidos específicos. Realice un inventario del contenido • Haga una lista de todo el contenido del sitio Web con sus características. Realice ejercicios de clasificación de tarjetas • Cómo piensan los usuarios acerca del contenido y cómo perciben que debería ser organizado. Defina la arquitectura de la información • Cómo diagramar las páginas y qué información publicar en cada una de ellas. Escriba para la web • Ubique la información necesaria en el lugar correcto y con las palabras e imágenes adecuadas. Utilice diseños paralelos • Cree diferentes diseños a partir de los mismos requerimientos. Desarrolle un prototipo • Genere la primera versión a partir de los diseños para revisar las ideas antes de desarrollarlas.
  • 6. Diseño Aprenda de evaluaciones de usabilidad • Qué métodos de evaluación va a utilizar? Estos no involucran trabajo con los usuarios. Aprenda acerca de test de usabilidad • Qué test de usabilidad va a aplicar? , con cuántas personas?, por cuánto tiempo? Desarrolle el plan de pruebas Cree los escenarios finales Reclute el personal para las pruebas Configure las sesiones de pruebas Realice las pruebas de usabilidad Analice los resultados Prepare un reporte de pruebas de usabilidad Implemente las recomendaciones y vuelva al probar el prototipo
  • 7. El equipo de trabajo Gerente del proyecto gerente capacitado que lidere y administre el proyecto. Especialistas en usabilidad ayudarán al diseño centrado en el usuario, a realizar las evaluaciones, perfiles, escenarios, indicadores, evaluación de prototipos, ejercicios de clasificación de tarjetas y test de usabilidad. Comunicadores escritores y editores capacitados en escribir para la Web. Arquitectos de información organizarán el contenido y funcionalidades del sitio Web en estructuras navegables, lógicas y usables. Ayudarán a definir la navegación. Diseñadores gráficos especializados en sitios Web, ayudarán a crear diseños visualmente atractivos que mejoren la usabilidad del sitio Web. Desarrolladores/Programadores manejarán los aspectos técnicos del sitio Web. Especialistas de área personas familiarizadas con los temas del sitio Web que no están entrenadas necesariamente en escribir ni diseñar para la Web.