como será la nueva app v2.6.3 de onfan?

The Onfan APP2 Especificaciones

Ismael Vallve

21/01/14

The Onfan APP2

Table of Contents

1. Pages

1.1. Page Tree Pagina espera Explore-01 Explore-02 - scrolldown Explore-03 - mapa tutorial-01 tutorial-02 tutorial-03 tutorial-04 tutorial-05 tutorial-06 tutorial-07 login - 01 Login - 03 - Signin Login - 02 Login - 04 - datos Login - 05 - Recuperar contraseña foreignprofile-01 foreignprofile-02 foreignprofile-03 foreignprofile-04 foreignprofile-05 ownerprofile-01 ownerprofile-02 ownerprofile-03 ownerprofile-04 ownerprofile-05 Timeline completo 01 - search - default 02 - search 03 - search - establecimientos 04 - search - usuarios 05 - search - especialidades 01 - Create - Camera 02 - Create - Editor 03 - Create - Dashboard 04 - Create - Establecimiento 1 05 - Create - Establecimiento 2 06 - Create - Nuevo establecimiento 07 - Create - Publicar 08 - Create - Añadir experiencia 09 - Crear - Valorar experiencia 10 - Create - similar 11 - Create - OK Especialidad-02 Especialidad-01 Especialidad-03 Venue-02 Venue-01 Venue-03 01-Mis especialidades-inicio 02-Mis especialidades-scrollup 03-Mis especialidades-cercanas 04-Mis especialidades-mapa 05-Mis especialidades-ficha 06-Mis venues-ficha

The Onfan APP2

1.2. Pagina espera Pagina de espera de carga de app.

de aquí te lleva automáticamente a explore - 01 con ultimas seleccionado o al Tutorial si es la primera vez que entras

Como se muestra en las pantallas: En toda la APP cuando estamos viendo cosas nuestras la cabecera será en color marrón,

si estamos viendo cosas ajenas o generales, la cabecera va en blanco

De haber dudas en interacciones, etc., nos inspiraremos siempre en la APP de Google Plus

Para el crea, nos inspiraremos en Instagram

1.2.1. User Interface

1.2.2. Widget Table

Footnote Interactions

1 OnClick: Case 1: Open Explore-01 in New Window/Tab

The Onfan APP2

1.3. Explore-01 al hacer scrollUp la barra inferior de opciones desaparece y vuelve a aparecer al cambiar hacia scrollDown

al hacer scroll down hasta arriba del todo, te aparece el buscador, Explore - 02

al clicar al mapa, te lleva a Explore-03

al hacer clic a cualquier interacción te lleva a login si no estas logado

En ultimas debe aparecer cualquier especialidad o contribución a una especialidad (API 3)

En cercanas, solo aparecen especialidades, con la maincontribution, no todas las contribuciones

Cámara en color si no existe draft, en gris si existe y un entero de 1


1.3.2. Widget Table


The Onfan APP2


1 OnClick: Case 1: Open Explore-03 - mapa in New Window/Tab

2 OnClick: Case 1: Open Especialidad-02 in New Window/Tab

3 OnClick: Case 1: Open Venue-02 in New Window/Tab

4 OnClick: Case 1: Open foreignprofile-01 in New Window/Tab

5 OnClick: Case 1: Open login - 01 in New Window/Tab



8 OnMouseDown: Case 1: Open Explore-02 - scrolldown in New Window/Tab

9 OnClick: Case 1: Open 01 - search - default in New Window/Tab

10 OnClick: Case 1: Open ownerprofile-01 in New Window/Tab

11 OnClick: Case 1: Open 01 - Create - Camera in New Window/Tab

12 OnClick: Case 1: Open Timeline completo in New Window/Tab


The Onfan APP2

1.4. Explore-02 - scrolldown cuando le doy en buscar me sale el 01- search - default con el cursor en escribir

si estoy en cercanas, automáticamente en el buscador me sale activado cercanas, sino desactivado


1.4.2. Widget Table





The Onfan APP2










The Onfan APP2

1.5. Explore-03 - mapa Explore-03 - mapa: la cabecera es blanca para distinguirlo de cuando veo solo cosas mías

el buscador busca sobre x,y

la flecha es centrar mapa en mi, de no haber localización sale mensaje que dice no hay, activa wifi, etc.

la flecha en circulo es para recargar la pagina si mueves el mapa de sitio, mientras esta refrescando gira


The Onfan APP2

1.6. tutorial-01 los textos de este tutorial van en tres idiomas,

el móvil es una captura de la app en un android en el caso de android

Se hará una imagen que valga para los tres idiomas, los textos de fuera se podrán traducir en el xml de traducciones.

Scroll lateral mueve a la siguiente

Skip te lleva a explore - 01


1.6.2. Widget Table



The Onfan APP2

1.7. tutorial-02

Scroll lateral mueve a la siguiente o anterior



1.7.2. Widget Table



2 OnClick: Case 1: Open Back in Current Window

The Onfan APP2

1.8. tutorial-03




1.8.2. Widget Table




The Onfan APP2

1.9. tutorial-04




1.9.2. Widget Table




The Onfan APP2

1.10. tutorial-05




1.10.2. Widget Table




The Onfan APP2

1.11. tutorial-06








The Onfan APP2

1.12. tutorial-07

Scroll lateral izquierda mueve a la anterior

Scroll lateral derecha mueve a explore - 01







The Onfan APP2

1.13. login - 01 regístrate con tu email te lleva a login - 03

se puede entrar con username o con email

login con facebook o twitter, te loga o te dice:

no tenemos esta cuenta, regístrate! y te registra con ese facebook o twitter

Si te registra te lleva a: login - 04

Si te loga te lleva a explore - 01 o te lleva a hacer la función que hubieras seleccionado (me gusta, etc.)

falta mensaje de error password o mail incorrecto, prueba otra vez


The Onfan APP2



1 OnClick: Case 1: Open Login - 04 - datos in New Window/Tab


3 OnClick: Case 1: Open Login - 05 - Recuperar contraseña in New Window/Tab



6 OnClick: Case 1: Open tutorial-01 in New Window/Tab

7 OnClick: Case 1: Open Login - 02 in New Window/Tab





The Onfan APP2

1.14. Login - 03 - Signin Si ya existe el mail: te loga si el password es correcto y te deja en explore - 01

si no es correcto el password te sale mensaje password incorrecto







The Onfan APP2








The Onfan APP2

1.15. Login - 02 Si ya existe el mail: te loga si el password es correcto y te deja en explore - 01

si no es correcto el password te sale mensaje password incorrecto






3 OnClick: Case 1: Open Login - 05 - Recuperar contraseña in New Window/Tab

The Onfan APP2

1.16. Login - 04 - datos done y guardar te lleva a Explore - 01

si el registro es por facebook te pone la foto y te pone change foto






The Onfan APP2

1.17. Login - 05 - Recuperar contraseña recuperar contraseña te notifica que te hemos enviado un email y te envía a explore






The Onfan APP2

1.18. foreignprofile-01 scroll encima de nombre o curriculum te lleva a foreignprofile-02

Especialidades creadas, probadas, etc.: te lleva a un listado tipo "02 - search - especialidades"

especialidades creadas, probadas, desea, fans, etc., se puede ir desde el numeral del curriculum




1 OnMouseMove: Case 1: Open foreignprofile-02 in New Window/Tab


The Onfan APP2


3 OnClick: Case 1: Open 02 - search in New Window/Tab







The Onfan APP2

1.19. foreignprofile-02 el atrás no te lleva a foreignprofile-01 sino a donde vengas








The Onfan APP2


5 OnMouseMove: Case 1: Open foreignprofile-02 in New Window/Tab




The Onfan APP2

1.20. foreignprofile-03 share this profile, pasa link, la foto, nombre y apellidos, al sistema nativo.





The Onfan APP2

1.21. foreignprofile-04 Aparece Especialidades sin Localización (exrecetas)






The Onfan APP2

1.22. foreignprofile-05 el cursor esta en el campo de texto






The Onfan APP2

1.23. ownerprofile-01




1 OnMouseMove: Case 1: Open ownerprofile-02 in New Window/Tab


3 OnClick: Case 1: Open 01-Mis especialidades-inicio in New Window/Tab

The Onfan APP2







The Onfan APP2





1 OnMouseMove: Case 1: Open ownerprofile-02 in New Window/Tab


3 OnClick: Case 1: Open 01-Mis especialidades-inicio in New Window/Tab


The Onfan APP2






The Onfan APP2

1.25. ownerprofile-03 share this profile, pasa link, la foto, nombre y apellidos, al sistema nativo.






The Onfan APP2



The Onfan APP2

1.28. Timeline completo Norma: imágenes que el User conoce, pequeñas,

imágenes que no conoce, grandes.


The Onfan APP2

1.29. 01 - search - default al entrar el cursor esta en el campo búsqueda

search te lleva a 02 - search (pero con atrás) venues, especialidades, users

en el campo de Near, por defecto siempre aparece "Ubicación actual" con una x

si la borramos aparece un placeholder que dice: Dirección, Ciudad o Barrio

Cada vez que abro el buscador se coloca el current location solo. (API)

Si existe Near es prioritario, si no existe Near, ordenamos por distancia como ultimo filtro. (API)

De no haber resultados cerca del User, le mostramos mas lejos, los primeros 20 (API)

El usuario tiene que poder eliminar el currectlocation y poder darle al ok para buscar sin tener en cuenta ubicación

Las opciones marcadas quedan guardadas hasta que el usuario sale de la app o cambia de iteración

Todos los selectores apagados por defecto

Un selector que activa poner ultimas o mas votadas, que por defecto estará en ultimas,

Ultimas es excluyente de lo mas votado

The Onfan APP2







The Onfan APP2

1.30. 02 - search en los resultados salen venues, users, especialidades mezclado





The Onfan APP2

1.31. 03 - search - establecimientos si apretamos mapa, enseñamos mapa pero con filtro venues.





The Onfan APP2

1.32. 04 - search - usuarios mapa desactivado





The Onfan APP2

1.33. 05 - search - especialidades si apretamos mapa, enseñamos mapa pero con filtro especialidades





The Onfan APP2

1.34. 01 - Create - Camera No hay botonera inferior

cámara nativa del sistema

has de poder coger de tu librería

ha de crear un álbum de fotos Onfan con las fotos que se hacen desde la cámara.

Fotos cropeadas cuadradas

Drafts no existe




The Onfan APP2


1 OnClick: Case 1: Open 02 - Create - Editor in New Window/Tab


The Onfan APP2

1.35. 02 - Create - Editor No hay botonera inferior

Usar http://www.aviary.com/ para editor de imágenes, filtros, etc.




1 OnClick: Case 1: Open 03 - Create - Dashboard in New Window/Tab


The Onfan APP2

1.36. 03 - Create - Dashboard No hay botonera inferior

Publicar no está activo hasta que no hay foto, nombre especialidad y comentario

Publicar, si no hay establecimiento, va a 08 - create - añadir experiencia

La X te lleva a explore - 01 pero entonces la cámara esta en gris y pone un entero 1 para que al volver a entrar tengas esto por acabar de rellenar

Dashboard inspirado en Instagram




The Onfan APP2



2 OnClick: Case 1: Open 08 - Create - Añadir experiencia in New Window/Tab

3 OnClick: Case 1: Open 04 - Create - Establecimiento 1 in New Window/Tab

The Onfan APP2

1.37. 04 - Create - Establecimiento 1 No hay botonera inferior

Primero se usa el Geo de la imagen (x-if)

Si no tiene Geo la foto se usa el Geo propio del móvil

Sino por IP o el ultimo geo que tengamos del User (API?)





The Onfan APP2




The Onfan APP2

1.38. 05 - Create - Establecimiento 2 No hay botonera inferior

hay un autocomplete

Si no tenemos dirección, crear como nuevo te lleva a 06 - create, si tenemos dirección te lleva a 07 - create - publicar

ok del teclado no existe





2 OnClick: Case 1: Open 07 - Create - Publicar in New Window/Tab

The Onfan APP2

1.39. 06 - Create - Nuevo establecimiento No hay botonera inferior

dirección ha de estar rellenada con la dirección que nos devuelva la geo de x-if o móvil, etc.

hecho y guardar te envía a 07 - create - publicar

sitúalo en mapa te permite mover el poi de geo, y te recalcula la dirección,

si se escribe la dirección a mano propone cambiar el POI, pero no es obligatorio

obligatorio nombre que viene de la pantalla "05 - create - establecimiento 2" y geo que viene de x-if, etc.




The Onfan APP2





The Onfan APP2

1.40. 07 - Create - Publicar obligado: nombre especialidad, comentario y foto

si intento publicar sin esto me resalta los campos que faltan

si clico en facebook o twitter me pide sincronizar con mi cuenta si no esta ya, y queda guardado en mi perfil para siempre.

si clico en venue name o símbolo poi, me lleva a 05 - create y puedo cambiar el venue

al darle a publicar sin venue me lleva a 08 - create - añadir experiencia

al darle publicar me lleva a 09 - crear - valorar experiencia

la x te dice seguro que quieres borrar este "borrador"? y te vuelve al explora - 01




The Onfan APP2


1 OnClick: Case 1: Open 06 - Create - Nuevo establecimiento in New Window/Tab

2 OnClick: Case 1: Open 09 - Crear - Valorar experiencia in New Window/Tab







The Onfan APP2

1.41. 08 - Create - Añadir experiencia No hay botonera inferior






The Onfan APP2

1.42. 09 - Crear - Valorar experiencia No hay botonera inferior

estrellas no obligatorias, se muestra la media de estrellas que tenga el venue, si no tiene se muestran 4 activas en todo

aquí no hay barra para que no puedan salir de aquí, ya que es el paso final.

hecho me lleva a:

-si hay especialidades en ese venue o no coincide nombre va a 10 - create - similar

-Si hay coincidencia en nombre especialidad o no hay especialidades en ese venue va a 11 - create ok




The Onfan APP2


1 OnClick: Case 1: Open 10 - Create - similar in New Window/Tab


3 OnClick: Case 1: Open 10 - Create - similar in New Window/Tab

The Onfan APP2

1.43. 10 - Create - similar No hay botonera inferior

si marca una de las existentes, se crea una contribución manteniendo el nombre que existe en base de datos y poniendo el nombre que el tenia escrito en draft en descripción

si pone crear nueva crea una nueva con nombre especialidad y descripción iguales (API)




1 OnClick: Case 1: Open 11 - Create - OK in New Window/Tab



The Onfan APP2



The Onfan APP2

1.44. 11 - Create - OK No hay botonera inferior

Ok te lleva a explore-01 con ultimas donde ves la tuya

consulta tu ADN te lleva a tu perfil de la web (API para que exista url)

compartir especialidad abre menú compartir nativo

el cuadrado gris tendrá Frases aleatorias de entre estas, han de ser traducibles a idiomas:

1) Nada ayuda tanto al paisaje como el jamón con huevo( Mark Twain)

2) La carne dos veces cocida y un amigo dos veces reconciliado, rara vez valen la pena. (proverbio checo)

3) Me dijo un sabio profundo, con experiencia madura que no se hace pan sabroso sin amarga levadura. (copla popular)

4) No quiero tener nada que ver con comidas naturales. A mi edad, necesito todos los conservantes que pueda conseguir. (George Burns)

5) Yo no me creo eso de que los españoles vinieron a América buscando pimienta. Los españoles vinieron por el chocolate. (Ema Wolf)

6) Las bellas artes son 5: pintura, escultura, poesía, música y arquitectura, cuya rama principal es la repostería. (Anatole France)

7) La masa del strudel debe ser tan fina “hasta que por transparencia pueda leerse a través de ella una vieja carta de amor” (dicho vienés)

8) "Estómago satisfecho, espíritu jubiloso"

Friedrich Nietzsche (1844 -1900)

9) “Parte del secreto del éxito en la vida es comer lo que le a uno le gusta y dejar que la comida se pelee en su interior”

Mark Twain (1835 - 1910)

10) “El único hombre que es realmente libre es aquel que puede rechazar una invitación a comer sin dar una excusa”

Jules Renard (1864 - 1910)

The Onfan APP2





2 OnClick: Case 1: Open http://onfan.com/ismael/adn in Parent Frame


The Onfan APP2

1.45. Especialidad-02

Burrata en la barra de titulo aparece con elipsis si es muy largo

Scrolldown va a Especialdiad-01

scroll lateral pasa fotos de contribuciones




The Onfan APP2








7 OnMouseMove: Case 1: Open Especialidad-01 in New Window/Tab


The Onfan APP2

1.46. Especialidad-01 esto es con scrolldown

por defecto abre con el scroll en la foto como se ve en Especialidad-02

Burrata parece con elipsis si es muy largo en el titulo, pero en nombre sale todo el nombre aunque salgan dos líneas.

El mapa te abre explore - 03 solo con este venue

Sube tu foto, te lleva a 03 - create Dashboard pero ya con el venue seleccionado y el nombre de la especialidad también.

compartir te lleva a especialidad - 03

Si la especialidad es tuya tiene el botón editar esta especialidad

The Onfan APP2









The Onfan APP2

1.47. Especialidad-03 opciones nativas de compartir





The Onfan APP2

1.48. Venue-02 en la barra de titulo aparece con elipsis si es muy largo el nombre venue

la cámara te lleva a 03 - create Dashboard pero ya con el venue seleccionado.

compartir te lleva a venue-03






The Onfan APP2



4 OnMouseMove: Case 1: Open Venue-01 in New Window/Tab





The Onfan APP2

1.49. Venue-01 esto es con scrolldown

por defecto abre con el scroll en la foto como se ve en venue-02

Xemei de barra titulo aparece con elipsis si es muy largo en el titulo, pero en nombre sale todo el nombre aunque salgan dos líneas igual que la dirección.

clic en teléfono llama

clic en como llegar te abre Google maps

url abre web y mail abre un mailto


The Onfan APP2








The Onfan APP2

1.50. Venue-03 son las opciones nativas de compartir





The Onfan APP2

1.51. 01-Mis especialidades-inicio ordenadas por fecha, la primera la mas reciente

ScrollDown te lleva a 02-Mis especialidades-scrollup es decir activa segunda barra selección

en este listado veo mi contribución no la mainfoto. excepto en los venues que no tenga foto mía

acciones me gusta, etc. cliclables

Filtra filtra en estos resultados es decir entre mis especialidades subidas




1 OnMouseMove: Case 1: Open 02-Mis especialidades-scrollup in New Window/Tab

The Onfan APP2



3 OnClick: Case 1: Open 04-Mis especialidades-mapa in New Window/Tab





8 OnClick: Case 1: Open 05-Mis especialidades-ficha in New Window/Tab





The Onfan APP2

1.52. 02-Mis especialidades-scrollup Cerca es un selector cercanas/ultimas es decir ordenadas por distancia a mi o por fecha

si las ordenamos por distancia me lleva a 03-Mis especialidades-cercanas

establecimientos te muestra venues asociados a mis especialidades subidas






The Onfan APP2











12 OnClick: Case 1: Open 03-Mis especialidades-cercanas in New Window/Tab

The Onfan APP2

1.53. 03-Mis especialidades-cercanas







The Onfan APP2










12 OnClick: Case 1: Open 02-Mis especialidades-scrollup in New Window/Tab


The Onfan APP2

1.54. 04-Mis especialidades-mapa este mapa solo enseña mis cosas

no hay refrescar ya que realmente están todas aunque tengamos el foco en esta zona, sino se pueden cargar todas entonces hay que añadir el refrescar






The Onfan APP2

1.55. 05-Mis especialidades-ficha es igual que una ficha normal pero solo mi contribución,

la cabecera es marrón, indicando que estoy en una parte mía editable.






The Onfan APP2



4 OnClick: Case 1: Open 06-Mis venues-ficha in New Window/Tab



The Onfan APP2

1.56. 06-Mis venues-ficha es igual que una ficha normal pero solo mi contribución, se le añade "editar esta especialidad" y la cabecera es marrón, indicando que estoy en una parte mía editable.






The Onfan APP2





The Onfan APP2

2. Colores de la APP

como será la nueva app v2.6.3 de onfan?

Design

open login

open especialidad

open foreignprofile

open ownerprofile

open venue

new windowtab5onclick

new windowtab7onclick

new windowtab6onclick