SlideShare una empresa de Scribd logo
1 de 15
UXDESIGN
Lydia Natour
1.INTERACTION DESIGN APP

La aplicación elegida es Flickr para Ipad y Iphone.
             Flickr en la actualidad




                  Botones de
                 interactividad
DESCRIPCIÓN DE CAMBIOS


 Mensaje en pantalla sobre novedades
 Ese mensaje a su vez hace función de botón
 Ese botón se abre en las distintos tipos de notificaciones
  que puede haber.
 A su vez, estos hacen función de botón que direcciona al
  lugar de la novedad.
¿QUÉ HE CAMBIADO? IPAD
Interactividad

 Su funcionabilidad se basa en un botón interactivo.
 Para acceder se pulsa encima de él y se abre,
  apareciendo todas las novedades existentes en tus fotos
  o de contacto a tu perfil como, nº de favoritos, nº de
  comentarios, nº de nuevas en visitas en cada foto, una
  petición de contacto, etc.
 Para ir a cada apartado se pinche encima de uno y se
  redirigirá hacia el mismo.
 Es un botón inteligente. Es muy parecido a las
  novedades en una página de Facebook.
¿QUÉ HE CAMBIADO? IPHONE
Interactividad


 En Iphone apareceré solo un pequeño cuadrito con el
  número de notificaciones total en la esquina superior
  izquierda de la pantalla, debajo de la barra de búsqueda.
  Pero tras unos segundos aparecer la palabra
  notificaciones para que se puede utilizar la función de
  botón, al igual que en el Ipad, si no se hace caso
  desaparece al poco. El resto funciona igual que en Ipad.
2.INVENT GAME APP


 El nombre de nuestro juego es: Little aliens.
 Descripción del juego: pequeños alienígenas
  personalizados por cada jugador, en tipología, color, etc.
  Van desplazándose cogiendo objetos, esquivando
  obstáculos y cuando se encuentran a otros alienígenas
  enemigos se enfrentan a ellos. Según van avanzando
  van subiendo de nivel y cambiando de forma.
EN IPAD…
EN IPHONE…
La pantalla de juego…



 La pantalla de juego para ambos, Ipad e Iphone, será en
  horizontal. En la esquina inferior izquierda nos
  encontraremos con dos botones, el primero es una M, en
  cual es el menú, y el otro botón es el signo de ‘’Pause’’,
  en el momento en que se apreté el juego se detendrá en
  el botón aparecerá el signo ‘’Play’’, para volver a poner el
  juego en marcha.
La jugabilidad…

 Desde que se inicia el juego el personaje empieza a andar
  en este sentido sin parar, para andar en dirección contraria
  se toca en la pantalla en el lado izquierdo del personaje,
  independientemente del lugar de la pantalla en que esté y
  empezará a caminar en este sentido contrario . A la hora de
  evitar los obstáculos se puede cambiar de sentido si viene
  desde el cielo o esquivarlo saltando si viene desde el suelo
  pinchando sobre el propio personaje.
 En el caso de los alienígenas enemigos, habrá que pulsar
  varias veces seguidas sobre él y el personaje soltará un
  ataque, aparecerá una barra de vida sobr el alien contrario
  hasta que le destruya.
 A lo largo de la partida el alien irá subiendo de nivel, y
  aparecerá el cambio de nivel en la luna, y según aumente,
  el alien irá creciendo y mutando.
 El juego sigue así no tiene final, la pantalla tendrá cierta
  extensión hasta que se vuelva a repetir la misma del
  principio otra vez.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

1 herramientas flotantes_1
1 herramientas flotantes_11 herramientas flotantes_1
1 herramientas flotantes_1
 
Unidad 4♥
Unidad 4♥Unidad 4♥
Unidad 4♥
 
Cursillo
CursilloCursillo
Cursillo
 
Practica 7 gusano en movimoento
Practica 7 gusano en movimoentoPractica 7 gusano en movimoento
Practica 7 gusano en movimoento
 
Pasos para interpolacion de forma
Pasos para interpolacion de formaPasos para interpolacion de forma
Pasos para interpolacion de forma
 
La animación por interpolación de forma
La animación por interpolación de formaLa animación por interpolación de forma
La animación por interpolación de forma
 
Informatica inicio
Informatica inicioInformatica inicio
Informatica inicio
 
Practica 18 boton con imagen
Practica 18 boton con imagenPractica 18 boton con imagen
Practica 18 boton con imagen
 
03.el ratón
03.el ratón03.el ratón
03.el ratón
 
instruccionew de scratch
instruccionew de scratchinstruccionew de scratch
instruccionew de scratch
 
instrucciones de scratch
instrucciones de scratchinstrucciones de scratch
instrucciones de scratch
 
instrucciones de scratch
instrucciones de scratchinstrucciones de scratch
instrucciones de scratch
 
Teclado
TecladoTeclado
Teclado
 
teclas del teclado
teclas del tecladoteclas del teclado
teclas del teclado
 
Pasos para interpolacion de movimiento
Pasos para interpolacion de movimientoPasos para interpolacion de movimiento
Pasos para interpolacion de movimiento
 
Macromedia flash unidad 4
Macromedia flash unidad 4Macromedia flash unidad 4
Macromedia flash unidad 4
 
Presentación fotoaventura
Presentación fotoaventuraPresentación fotoaventura
Presentación fotoaventura
 
Unidad 4
Unidad 4Unidad 4
Unidad 4
 
CD SUPER TIC GRADO SEGUNDO-EDITORIAL EDUCATIVA
CD SUPER TIC GRADO SEGUNDO-EDITORIAL EDUCATIVACD SUPER TIC GRADO SEGUNDO-EDITORIAL EDUCATIVA
CD SUPER TIC GRADO SEGUNDO-EDITORIAL EDUCATIVA
 

Similar a Interacción y diseño de apps UX para Flickr e inventar un juego Little Aliens

Similar a Interacción y diseño de apps UX para Flickr e inventar un juego Little Aliens (6)

Software educativo
Software educativoSoftware educativo
Software educativo
 
Software educativo
Software educativoSoftware educativo
Software educativo
 
Android para principiantes
Android para principiantesAndroid para principiantes
Android para principiantes
 
Tutorial aprende ingles
Tutorial aprende inglesTutorial aprende ingles
Tutorial aprende ingles
 
Tutorial aprende ingles
Tutorial aprende inglesTutorial aprende ingles
Tutorial aprende ingles
 
Aplicaciones para android
Aplicaciones para android Aplicaciones para android
Aplicaciones para android
 

Más de Lydia Natour Muñoz

Más de Lydia Natour Muñoz (9)

Buckler
BucklerBuckler
Buckler
 
Las relaciones publicas
Las relaciones publicasLas relaciones publicas
Las relaciones publicas
 
Envases
EnvasesEnvases
Envases
 
Vals
ValsVals
Vals
 
Portfolio de ética
Portfolio de éticaPortfolio de ética
Portfolio de ética
 
Creación comunicación corporativa de Eurovegas
Creación comunicación corporativa de EurovegasCreación comunicación corporativa de Eurovegas
Creación comunicación corporativa de Eurovegas
 
La pirámide de maslow
La pirámide de maslowLa pirámide de maslow
La pirámide de maslow
 
La puesta en escena de ''Hasta que llegó su hora´´
La puesta en escena de ''Hasta que llegó su hora´´La puesta en escena de ''Hasta que llegó su hora´´
La puesta en escena de ''Hasta que llegó su hora´´
 
Segmentación del mercado del tabaco
Segmentación del mercado del tabacoSegmentación del mercado del tabaco
Segmentación del mercado del tabaco
 

Último

Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista30898575
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...mariaclaramb
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basicoJOSE645741
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos documminipuw
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfMariaGabrielaSandova2
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929FiorellaLaura2
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxErikRamirez67
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .Rosa329296
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfANGELEMMANUELALBAAPA
 
Manual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfManual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfsteevensnodamartel
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaJosAntonioFloresQuis
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezRosibelVictoriaVelas
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 

Último (20)

Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
presentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentistapresentación de historia; arquitectura renacentista
presentación de historia; arquitectura renacentista
 
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
El cómic es algo serio: investigación sobre la realidad latinoamericana de la...
 
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital  (1).pdf, para estudiantes de nivel basicoLibro DIBUJO I digital  (1).pdf, para estudiantes de nivel basico
Libro DIBUJO I digital (1).pdf, para estudiantes de nivel basico
 
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Historia de los estilos artísticos docum
Historia de los estilos artísticos documHistoria de los estilos artísticos docum
Historia de los estilos artísticos docum
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
Triptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdfTriptico de Sistemas anticaídas Arnes.pdf
Triptico de Sistemas anticaídas Arnes.pdf
 
Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929Anatomia.pfd29382819292829191929292929292929
Anatomia.pfd29382819292829191929292929292929
 
brasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptxbrasilia-150521136-lva1-app6891 (1).pptx
brasilia-150521136-lva1-app6891 (1).pptx
 
PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .PRESENTACION SOBRE EL PROYECTO DE GRADO .
PRESENTACION SOBRE EL PROYECTO DE GRADO .
 
Revista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdfRevista_de_Bioarquitectura_y_Construccio.pdf
Revista_de_Bioarquitectura_y_Construccio.pdf
 
Manual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdfManual de Normas APA 7ma edición (1).pdf
Manual de Normas APA 7ma edición (1).pdf
 
Diseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzadaDiseño y análisis de vigas doblemente reforzada
Diseño y análisis de vigas doblemente reforzada
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel VelásquezLa Modernidad y Arquitectura Moderna - Rosibel Velásquez
La Modernidad y Arquitectura Moderna - Rosibel Velásquez
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 

Interacción y diseño de apps UX para Flickr e inventar un juego Little Aliens

  • 2. 1.INTERACTION DESIGN APP La aplicación elegida es Flickr para Ipad y Iphone. Flickr en la actualidad Botones de interactividad
  • 3. DESCRIPCIÓN DE CAMBIOS  Mensaje en pantalla sobre novedades  Ese mensaje a su vez hace función de botón  Ese botón se abre en las distintos tipos de notificaciones que puede haber.  A su vez, estos hacen función de botón que direcciona al lugar de la novedad.
  • 5. Interactividad  Su funcionabilidad se basa en un botón interactivo.  Para acceder se pulsa encima de él y se abre, apareciendo todas las novedades existentes en tus fotos o de contacto a tu perfil como, nº de favoritos, nº de comentarios, nº de nuevas en visitas en cada foto, una petición de contacto, etc.  Para ir a cada apartado se pinche encima de uno y se redirigirá hacia el mismo.  Es un botón inteligente. Es muy parecido a las novedades en una página de Facebook.
  • 7. Interactividad  En Iphone apareceré solo un pequeño cuadrito con el número de notificaciones total en la esquina superior izquierda de la pantalla, debajo de la barra de búsqueda. Pero tras unos segundos aparecer la palabra notificaciones para que se puede utilizar la función de botón, al igual que en el Ipad, si no se hace caso desaparece al poco. El resto funciona igual que en Ipad.
  • 8. 2.INVENT GAME APP  El nombre de nuestro juego es: Little aliens.  Descripción del juego: pequeños alienígenas personalizados por cada jugador, en tipología, color, etc. Van desplazándose cogiendo objetos, esquivando obstáculos y cuando se encuentran a otros alienígenas enemigos se enfrentan a ellos. Según van avanzando van subiendo de nivel y cambiando de forma.
  • 11. La pantalla de juego…  La pantalla de juego para ambos, Ipad e Iphone, será en horizontal. En la esquina inferior izquierda nos encontraremos con dos botones, el primero es una M, en cual es el menú, y el otro botón es el signo de ‘’Pause’’, en el momento en que se apreté el juego se detendrá en el botón aparecerá el signo ‘’Play’’, para volver a poner el juego en marcha.
  • 12.
  • 13.
  • 14. La jugabilidad…  Desde que se inicia el juego el personaje empieza a andar en este sentido sin parar, para andar en dirección contraria se toca en la pantalla en el lado izquierdo del personaje, independientemente del lugar de la pantalla en que esté y empezará a caminar en este sentido contrario . A la hora de evitar los obstáculos se puede cambiar de sentido si viene desde el cielo o esquivarlo saltando si viene desde el suelo pinchando sobre el propio personaje.  En el caso de los alienígenas enemigos, habrá que pulsar varias veces seguidas sobre él y el personaje soltará un ataque, aparecerá una barra de vida sobr el alien contrario hasta que le destruya.  A lo largo de la partida el alien irá subiendo de nivel, y aparecerá el cambio de nivel en la luna, y según aumente, el alien irá creciendo y mutando.
  • 15.  El juego sigue así no tiene final, la pantalla tendrá cierta extensión hasta que se vuelva a repetir la misma del principio otra vez.