Iphone

12
I Arquitectura de la Información II WireFrames III Diseño de Interfaz de Arquitectura al menos 8 pantallas LC2 e(ad)__escuela de Arquitectura y Diseño PUCV IPhone a flickr

description

Proyecto de Lenguaje computacional 2 : Flickr al iPhone

Transcript of Iphone

Page 1: Iphone

I Arquitectura de la InformaciónII WireFrames

III Diseño de Interfaz de Arquitectura al menos 8 pantallas

LC2 e(ad)__escuela de Arquitectura y Diseño PUCV

IPhone a flickr

Page 2: Iphone

Sistema operativo: OS X Navegador web: Safari. Pantalla: LCD multi-táctil de 3,5" (320x480 px , 160 ppp). Almacenamiento: 4 GB, 8GB ó 16GB Interfaz: multi-táctil (1 botón «home», 2 botones laterales de volumen, 1 botón para silenciar el terminal, y un botón de encendido/apagado/reposo) La función iPod presenta una interfaz con portadas flotantes y efectos 3D (coverflow). Wireless: Wi-Fi (802.11b/g) + EDGE + Bluetooth 2.0 (limitado).

Interfaz

Función táctil, mouse-dedo que permite ampliar y reducir imagenesSensores de proximidad Acelerómetro para detectar cuando se gira adaptando el contenido a la pantalla según posicionSensores de luz para ajustar el brillo

Más información http://www.elpais.com/especial/iphone/

Características iPhone 62.1 mm

115 mm

12,3 mm

Page 3: Iphone

Usuario iPhone

Mayoritariamente joven

Con un ingreso percapita mayor

Conocedor de tecnología ( muchos de ellos consumidores apple).

El 40% de los usuarios actuales indica que tiene problemas para la mayoria de los sitios visitados.

http://www.readwriteweb.com/archives/todays_iphone_users_are_young_rich_and_technically_savvy.php

Page 4: Iphone

Your Profile (signed as) FlickrMailLogo flickr Buscador Menú: Home/You/ Organize/ Contacts/Groups/ExplodeUsuario

Flickr newsFlickr Blog

Upload Photos and VideosYour Photostream From Your Contacts Everyone's UploadsYour Groups

Activity / You / Explore /Help Info sobre la compañía, y del servicio Idiomas y condiciones legales

Lista de contenidos Flickr

I Arquitectura de la Información

Ya que el usuario tiene poco tiempo para ver fotos, lo primordial es que el pueda subir fotos y ver las propias (teniéndo en cuenta que puede sacar fotos con la cámara integrada de su iPhone)

Page 5: Iphone

Your PhotostreamYour Sets Your Archives Your Tags Your Favorites

Upload photos and videosFlickr mail

Home(Usuario)

You Contacts Groups

Contact List Your Groups Create a New Group

All your contentYour Sets

Organización de contenidos

I Arquitectura de la Información

Search Slide Show Organize Recent ActivityEste “submenú “ funciona cuando el iPhone esta en modo apaisado y responde a :BuscarMostrar fotosOrganizarSaber de cambios Recientes

Menu permanente que responde a:

ACTIVIDADES PROPIASVer las fotos (Photostream, sets, archives,tags.)Subir archivosComment

CONTACTOSLista de Contactos

GRUPOSPropiosCrear grupos

Estado sesión/ Mail / Login /Help / your account/ your profile

Everyone´s UploadYour PhotostreamYour ContactsPeople searchSearch for a Group

Comments Uploads Changes

I Arquitectura de la Información

Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV

Page 6: Iphone

Sitios web para iPhone

El navegador web deiPhone es Safaril.Con 3G y Wi-Fi. Sincroniza los favoritos desde PC o Mac

Posee un buscador de Google y Yahoo!.

Area real a ocupar

Inicio

http://www.apple.com/la/iphone/features/safari.html

Page 7: Iphone

Cuenta usuario

Upload Photos and Videos (Subir fotos y videos)

Your Photostream ( tu Photostream)

From Your Contacts(de tus contactos)

Everyone's Uploads(archivos subidos de todos)

Your Groups (tus grupos)

Info usuario

Estado sesión / mail / salida / ayuda

Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV

II Wireframes

Page 8: Iphone

Identificación usuario:Sign

Create an account

Password

Identificación compañia:

Logo Flickr =Foto del día

Inicio de sesión

La serie de wireframes del sitio Flickr para el iPhone, se vale de la característica del Acelerómetro ( que detecta cuando se gira adaptando el contenido a la pantalla según posición)

II Wireframes

Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV

Page 9: Iphone

I Arquitectura de la InformaciónII Wireframes

Contenido dentro cuenta

Info Foto

Modo de visualizar las fotos

Estado sesión/ Mail/ Salida sesión

Menu ( you – Contacts - Group) Info Usuario

SubMenu ( Search -Slide Show Organize -Recent Activity)

Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV

Page 10: Iphone

Visualización de fotos

Las fotos se visualizan ocupando mayor parte de la pantalla en esta posición, por ello se aprovecha esta caracteristica, para que se active la presentación, en organize.

Slide show

Organize

Search Slide Show Recent Activity

submenú

Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV

II Wireframes

Page 11: Iphone

Comentarios de fotos

Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV

Zoom

Post

Page 12: Iphone

...