flickr on iphone

21
* * e.[ad] LC2 Dámaris Sepúlveda Proposiciòn Concepto de diseño aplicacion web de para iphone

description

Concepto de diseño de aplicacion web de Flickr para iphone,

Transcript of flickr on iphone

Page 1: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

Proposiciòn Concepto de diseñoaplicacion web de para iphone

Page 2: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

El iPhone es la combinación de tres productos: un revolucionario teléfono móvil, un iPod todo pantalla con controles táctiles, y un revolucionario dispositivo de comunicación por Internet con eMail a la altura de una computadora, navegación web, búsquedas y mapas; todo ello integrado en un pequeño y ligero dispositivo de mano. El iPhone estrena una completamente nueva interfaz de usuario basada en una pantalla táctil “multi-touch” y en un pionero e innovador software que permite al usuario controlar el iPhone con sólo sus dedos. El iPhone abre además una nueva era de potencia y sofisticación en el software nunca antes vista en un dispositivo móvil, que redefine completamente lo que los usuarios pueden hacer con sus teléfonos móviles

¿Que es el IPhone?

Page 3: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

Flickr es un sitio web para compartir imágenes. Puede usarse como soporte a diferentes comunidades on-line con diferente soporte en plataformas, generalmente es considerado un ejemplo nuevo de la futura navegación Web 2.0. Este popular sitio web sirve como servidor personal para compartir fotografías personales, el servicio es mundialmente usado por bloggers como un repositorio fotográfico. La popularidad en parte se debe a la gran comunidad on-line que accede al servicio, así como a las herramientas que permiten al usuario etiquetar las fotos, y a un explorador de las mejores fotos de la semana. Actualmente, Flickr alberga más de dos mil millones de imágenes

¿Que es Flickr?

Page 4: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

Pantalla Multi.touch Multi-touch es el nombre con que se conoce a una técnica de interacción hombre-máquina y al hardware que la implementa. El multi-touch (del inglés múltiple tacto) consiste en una pantalla táctil o touchpad que reconoce simultáneamente múltiples puntos de contacto, así como el software asociado a esta que permite interpretar dichas interacciones simultáneas.

¿Que tecnologia usa IPhone?

Pantalla táctilUna pantalla táctil (touchscreen en inglés) es una pantalla que mediante un contacto directo sobre su superficie permite la entrada de datos y órdenes al dispositivo. A su vez, actúa como periférico de salida, mostrando los resultados introducidos previamente. Este contacto también se puede realizar con lápiz u otras herramientas similares. Actualmente hay pantallas táctiles que pueden instalarse sobre una pantalla normal. Así pues, la pantalla táctil puede actuar como periférico de entrada y periférico de salida de datos

Page 5: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

Arquitectura de la Informaciónde

Page 6: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

Most recent upload Your Sets Your Map * ContactsMost Recent Uploads Contact List People Search Invite your Friends Invite History Guest Pass History Give the gift of Flickr

* GroupsYour Groups Recent Changes Search for a Group Create a New Group

* Explore

¿Que Contenidos ofrece Flickr en su versión web?(versiòn ingles)

* Home

* YouYour Photostream Your Sets Your Archives Your Tags Your Map Your Favorites Your Stats Recent Activity Comments You’ve Made Upload Photos and Videos Your Account Your Profile FlickrMail

* OrganizeAll your content

Page 7: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

¿Que Contenidos ofreceremos de Flickr en su versión para iphone? (versiòn ingles)

De ese contenido llegamos a Jerarquizar 3 grupos de contenido:

Search

Upload

My count

photosgroupspeople

photo or video

my photosmy contactsmy groupsmail

visualización de resultados de búsqueda

ChooseUploadAdd

all - one

photos - contacts list

photos groups

recieves - sents

* La visualizacion de las fotos de las búsquedas, las propias, subidas y de los contactos tienen la misma interfase

*

De ese contenido llegamos a Jerarquizar 3 grupos de contenido:

Page 8: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

*Pantalla de 320 x 480 px

*Iconos de 52 x 52 px de esquinas curvas la mayoria de los íconos tienen un degrade casi a la mitad.

Caracteristicas del iphone

Page 9: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

Diseño de Interfasede iphone

Page 10: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

In

1.Inicioal apretar el botonsign in o up, cambia su color a magenta.Hay espacio para el teclado

2. Menú principalTres grandes grupos de contenido

inicio

1 2

Page 11: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

3.1My Countfotos, contactos, grupos3.2al apretar un enlace se “enciende” cambiando de color

4. Menú principalEl ícono de my count (mi cuenta) se mantiene encendido, al apretarFR el menu se esconde.

4.1 My PhotosSitio de mis fotos

Mi cuenta

3 4

My Contacts

Page 12: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

5.1Al presionar una foto de la lista, aparece la foto con sus comentarios

5.2arrastrando el dedo subimos o bajamos en el sitio

Mis Fotos

5 5

Page 13: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

6.1Al rotar el iphone en forma horizontal, las fotos se visualizan diferente, de corrido avanzando al arrastrar el dedo, con solo girar verticalmente volvemos a la vista clásica.

6.2Con los dedos presionando, vamos “abriendo” la imagen, como un acercamiento, hasta el maximo tamaño que tenga la imagen.

Mis FotosVista Horizontal6

6

Page 14: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

7 My count

8.1 My contactsAl presionar contactos gire horizontalmente, para la visualizacion de las fotos de mis contactos.

Mis ContactosVista Horizontal

7

8

8.2 La parte de arriba muestras las 5 o 1 fotos mas recientes8.3 Abajo, a que contacto pertenece8.4 Si presionamos la fotoicono del contacto, lleva a su sitio de fotos que se visualiza horizontal y verticalmente igual que “my Photos”

Page 15: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

9.1Busqueda de fotos, personas y grupos9.2Menu de busqueda de fotos, pulso las dos flechas me mueve al indice de busqueda, al elegir vuelvo automaticamente a la busqueda.

SearchBúsqueda

9 9

Page 16: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

10.1Busqueda de grupos10.2el menu de busqueda,esta diseñado para que al escribir y usar el teclado, no tape el contenido, y queden cosas como “escondidas”.

SearchBúsqueda

10 10

Page 17: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

11.1Busqueda de Personas11.2Resultados de busquedas, las imagenes se visualizan igual que, My Photos, My contacts, verticale y horizontalmente, con solo pulsar la foto deseada.

SearchBúsqueda

11 11

Page 18: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

Al pulsar en icono de carga de fotos, vamos al menu de upload. fotos o videos.12.1Elegir foto12.2cargar la foto

UploadSubir fotos

12 12

Page 19: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

12.1Agregas titulo, tags, descripcion

12.2aceptas los cambios.

UploadSubir fotos

13 14

Page 20: flickr on iphone

**e.[ad] LC2Dámaris Sepúlveda

x

15 Al pulsar el icono de sobre, nos vamos al mail. Podemos revisar correos y escribir.

16Al apretar la X, cerramos sesion, y volvemos a la sitio del incio

MailCerrar sesiòn

15 16

Page 21: flickr on iphone

** **e.[ad] LC2Dámaris Sepúlveda

Proposiciòn Concepto de diseñoaplicacion web de para iphone