Diseno Apps Moviles 140824011057 Phpapp02

8/11/2019 Diseno Apps Moviles 140824011057 Phpapp02

1/45

Text

Diseo de apps mviles@juaneladio


2/45

Cosas que NOdebes hacer en mvilesNo intentes esto en casa


3/45

No estn haciendo una sbana


4/45

Tampoco es una pantalla fja


5/45

No slo muestres inormacin


6/45

No reinventes la rueda


7/45

No haas apps para inenieros


8/45

No debes resolver TODO


9/45

No debes eleir una plataorma

!o qui" s#$


10/45

%ean &'(lo como dato


11/45

%ean &'

Declararsupuestos

Retroalimentacine investigacin

Crear unMVP

Correr unexperimento


12/45

)hora s#*l taller


13/45

+arte prctica ,

Formacin de grupos de trabajo

Concepcin de una app

u! problema soluciona"

Cu#l es su objetivo"

Cu#l es su valor agregado $ di%erenciador"


14/45

*jemplo

Concepcin de una app: Vas de Lima

&oluciona el problema de uso de transportep'blico en una ciudad

(usca o%recer in%ormacin con)able de las rutas

de transporte de una ciudad &e di%erencia de las dem#s por*ue se apo+a enin%ormacin del usuario + reporta los puntos m#s

congestionados


15/45

+arte prctica -

Concepcin del usuario de la app:proto-persona

Cara + nombre

,n%ormacin demogr#)ca $ comportamiento

Puntos de dolor + necesidades

Posibles soluciones


16/45

*jemplo

-suario de V.as de /ima

0ombre12os! Pas*uel

,n%ormacin demogr#)ca $ comportamiento134 a5os6estudiante universitario6vive en &an 2uan de Mira7ores6presupuesto reducido6

clase media


17/45

*jemplo

-suario de V.as de /ima

Puntos de dolor $ necesidades18a+ 9oras l.mite para tomar buses6debe llegar a tiempo a clases :en la -0,; o arecoger a su enamorada :vive en &an (orja;6debe aprovec9ar el medio pasaje en transporte

p'blico Posibles soluciones1


18/45

+arte prctica .

Concepcin de funcionalidades de la app

Funcin = Para *u! sirve

Categori>arlas entre principales + secundarias

Concepcin del diagrama de arquitectura de

informacin

Cmo se distribu+en las pantallas"

Cmo se relacionan entre s."


19/45

+atrones de diseo mvil&na u#a rpida


20/45


21/45

+atrones/ Naveacin !-$


22/45

+atrones/ 0ormularios


23/45

+atrones/ Tablas 1 listas


24/45

+atrones/ 23squedas


25/45

+atrones/ Ordenamiento

l d


26/45

+atrones/ 0iltrado

+ 2 d h i


27/45

+atrones/ 2arras de herramientas

+ 4 f


28/45

+atrones/ 4rfcos

+ t 5 it i


29/45

+atrones/ 5nvitaciones

+ t 6 t li t i


30/45

+atrones/ 6etroalimentacin

+ t 5 t i


31/45

+atrones/ 5nteraccin

+ t ) d


32/45

+atrones/ )1uda

&n modelo de interaccin


33/45

&n modelo de interaccin

building)re%oxos?com

0ireo7 O( 2uildin 2loc8s


34/45

0ireo7 O( 2uildin 2loc8s

+arte prctica 9


35/45

+arte prctica 9

Concepcin de las pantallas de la app

Cu#les son las pantallas principales"

Cu#les permiten seguir una tarea completa"

:s patrones lovel1ui com


36/45

:s patrones ; lovel1ui


37/45

:s patrones ; pttrns


38/45

:s ; mobile;patterns


39/45

)ndroid/ oole


40/45

iO(/ developer


41/45

>?u siueA

Prototipado

ue las pantallas tengan la secuencia lgica

Test de usabilidad

ue sea probado por terceros6 sin gu.a pero conseguimiento


42/45

B una 3ltima cosa msO qui" dos

?ui" no necesitas eleir una


43/45

?ui" no necesitas eleir unaplataorma

:o"illa )ppma8er


44/45

ppapps


45/45

4raciasE

2uan @ladio nc9e> Rosas

Ajuaneladio

Mo>illa Per'

Amo>illaperu

Diseno Apps Moviles 140824011057 Phpapp02

Documents

Transcript of Diseno Apps Moviles 140824011057 Phpapp02