I Arquitectura de la Información II WireFrames III Diseño de Interfaz de  Arquitectura  al menos 8 pantallas LC2  e(ad)__e...
Sistema operativo: OS X  Navegador web: Safari. Pantalla: LCD multi-táctil de 3,5" (320x480 px , 160 ppp). Almacenami...
Usuario iPhone <ul><li>Mayoritariamente joven  </li></ul><ul><li>Con un  ingreso percapita mayor </li></ul><ul><li>Conoced...
<ul><li>Your Profile (signed as)  FlickrMail </li></ul><ul><li>Logo flickr Buscador </li></ul><ul><li>Menú:  Home/You/ Org...
Your Photostream Your Sets  Your Archives  Your Tags  Your Favorites  Upload photos and videos Flickr mail Home (Usuario)‏...
Sitios  web para iPhone  <ul><li>El navegador web deiPhone es Safaril.Con 3G y Wi-Fi. </li></ul><ul><li>Sincroniza los fav...
Cuenta  usuario Upload Photos and Videos  (Subir fotos y videos)‏ Your Photostream ( tu Photostream)‏ From Your Contacts (...
Identificación usuario: Sign Create an account Password Identificación compañia: Logo Flickr = Foto del día Inicio de sesi...
<ul><li>I  Arquitectura de la Información </li></ul><ul><li>II Wireframes </li></ul>Contenido   dentro cuenta  Info Foto M...
Visualización  de fotos   Las fotos se visualizan ocupando mayor parte de la pantalla en esta posición, por ello  se aprov...
Comentarios  de fotos   Natalia Cancino Rojas   LC2 e(ad) /Taller  Diseño gráfico / PUCV Zoom Post
. . .
Upcoming SlideShare
Loading in...5
×

Iphone

921

Published on

Proyecto de Lenguaje computacional 2 : Flickr al iPhone

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
921
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Iphone

  1. 1. 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 I Phone a flick r
  2. 2. Sistema operativo: OS X Navegador web: Safari. Pantalla: LCD multi-táctil de 3,5&quot; (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). <ul><li>Interfaz </li></ul><ul><li>Función táctil, mouse-dedo que permite ampliar y reducir imagenes </li></ul><ul><li>Sensores de proximidad </li></ul><ul><li>Acelerómetro para detectar cuando se gira adaptando el contenido a la pantalla según posicion </li></ul><ul><li>Sensores de luz para ajustar el brillo </li></ul>Más información http://www.elpais.com/especial/iphone/ Características i Phone 62.1 mm 115 mm 12,3 mm
  3. 3. Usuario iPhone <ul><li>Mayoritariamente joven </li></ul><ul><li>Con un ingreso percapita mayor </li></ul><ul><li>Conocedor de tecnología ( muchos de ellos consumidores apple). </li></ul><ul><li>El 40% de los usuarios actuales indica que tiene problemas para la mayoria de los sitios visitados. </li></ul>http://www.readwriteweb.com/archives/todays_iphone_users_are_young_rich_and_technically_savvy.php
  4. 4. <ul><li>Your Profile (signed as) FlickrMail </li></ul><ul><li>Logo flickr Buscador </li></ul><ul><li>Menú: Home/You/ Organize/ Contacts/Groups/Explode </li></ul><ul><li>Usuario </li></ul><ul><li>Flickr news </li></ul><ul><li>Flickr Blog </li></ul><ul><li>Upload Photos and Videos </li></ul><ul><li>Your Photostream </li></ul><ul><li>From Your Contacts </li></ul><ul><li>Everyone's Uploads </li></ul><ul><li>Your Groups </li></ul><ul><li>Activity / You / Explore /Help </li></ul><ul><li>Info sobre la compañía, y del servicio </li></ul><ul><li>Idiomas y condiciones legales </li></ul>Lista de contenidos Flick r <ul><li>I Arquitectura de la Información </li></ul>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)‏
  5. 5. Your Photostream Your Sets Your Archives Your Tags Your Favorites Upload photos and videos Flickr mail Home (Usuario)‏ You Contacts Groups Contact List Your Groups Create a New Group All your content Your Sets Org anización de contenidos <ul><li>I Arquitectura de la Información </li></ul>Search Slide Show Organize Recent Activity Este “ submenú “ funciona cuando el iPhone esta en modo apaisado y responde a : Buscar Mostrar fotos Organizar Saber de cambios Recientes Menu permanente que responde a: ACTIVIDADES PROPIAS Ver las fotos (Photostream, sets, archives,tags.)‏ Subir archivos Comment CONTACTOS Lista de Contactos GRUPOS Propios Crear grupos Estado sesión/ Mail / Login /Help / your account/ your profile Everyone´s Upload Your Photostream Your Contacts People search Search for a Group Comments Uploads Changes <ul><li>I Arquitectura de la Información </li></ul>Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV
  6. 6. Sitios web para iPhone <ul><li>El navegador web deiPhone es Safaril.Con 3G y Wi-Fi. </li></ul><ul><li>Sincroniza los favoritos desde PC o Mac </li></ul><ul><li>Posee un buscador de Google y Yahoo!. </li></ul>Area real a ocupar Inicio http://www.apple.com/la/iphone/features/safari.html
  7. 7. 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 <ul><li>II Wireframes </li></ul>
  8. 8. 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)‏ <ul><li>II Wireframes </li></ul>Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV
  9. 9. <ul><li>I Arquitectura de la Información </li></ul><ul><li>II Wireframes </li></ul>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
  10. 10. 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 <ul><li>II Wireframes </li></ul>
  11. 11. Comentarios de fotos Natalia Cancino Rojas LC2 e(ad) /Taller Diseño gráfico / PUCV Zoom Post
  12. 12. . . .
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×