INVESTIGACIN 6

CONCEPTOS DE DISEO DE LAS APLICACIONES MVILES

1. Realice una investigacin en diversas fuentes de investigacin relacionadas con los
diferentes principios de diseo GESTLALT aplicada al diseo de aplicaciones mviles

a. Proximidad
1
Principio de la Proximidad - El agrupamiento parcial o secuencial de
elementos por nuestra mente basado en la distancia.
Establece que los objetos contiguos tienden a ser vistos como una unidad. Los
estmulos que estn prximos tienden a percibirse como formando parte de la
misma unidad.

b. Continuidad
1
Principio de Continuidad - Los detalles que mantienen un patrn o direccin
tienden a agruparse juntos, como parte de un modelo. Es decir, percibir
elementos continuos aunque estn interrumpidos entre s.

c. Cierre
1
Principio del cerramiento- Las lneas que circundan una superficie son, en
iguales circunstancias, captadas ms fcilmente como unidad o figura, que
aquellas otras que se unen entre s. Las circunferencias, cuadrilteros o
tringulos producen el efecto de cerramiento. Esta nueva ley parece ser
operativa porque seala el hecho de que las lneas rectas paralelas forman
grupos ms definidos y estables que los puntos, que delimitan peor un
espacio.

d. Figura y fondo
1
Principio de la relacin entre figura y fondo - Establece el hecho de que el
cerebro no puede interpretar un objeto como figura o fondo al mismo
tiempo. Depende de la percepcin del objeto ser la imagen a observar.

Tecnologas Mviles Instituto Tecnolgico De Matehuala

2
e. Similaridad
2
Similaridad- Este es otro principio de agrupamiento en donde los
elementos que poseen cualidades similares (color, forma, tamao) son
percibidos como parte de la misma forma.


2. Identifique el significado de los siguientes conceptos en la experiencia del usuario en las
aplicaciones mviles

a. Simplicidad
4
La simplicidad visual est directamente relacionada con la usabilidad. Ser
simple implica en cierta mediad ser mnimo, contar con pocos elementos,
pero sobre todo, que aquellos presentes en la interfaz tengan una funcin
bien definida que contribuya a cumplir el objetivo de la app y ayude al
usuario.
Los mviles no son dispositivos para mostrar mucha informacin en
pantalla. Por esta misma, la simplicidad consiste tambin en manejar la
economa visual y tener un buen criterio para determinar que incluir y qu
no es el diseo. Una gran cantidad de elementos pueden abrumar al
usuario, por eso, lo que est en la pantalla tiene que ser necesario en ese
momento y en esa situacin de uso.
b. Constancia
4
Una app tiene diferentes pantallas que la componen y al mismo tiempo,
est dentro de un sistema operativo que propone un determinado aspecto
visual e interaccin. El usuario de Android, iOS, o Windows Phone ya est
habituado a ellos y espera que las aplicaciones se comporten de la misma
manera.
La consistencia, entonces, se trata de respetar estos conocimientos y
costumbres del usuario, no solo en el interior de la aplicacin, sino
tambin en relacin con el resto del SO. Esto favorece el uso intuitivo de la
app, ya que el usuario puede prever si comportamiento sin demasiado
esfuerzo.
La relacin existente entre apariencia y comportamiento tambin tiene q
ser consistente. El aspecto visual de un elemento interactivo determinado
como el botn con un cono puede llevar a esperar un comportamiento
especifico de acuerdo a la forma en que se ve.
Tecnologas Mviles Instituto Tecnolgico De Matehuala

3
Por ejemplo, si usa un botn que representa la accin <<eliminar>> en el
sistema operativo, el usuario esperara a q tambin dentro de la app haga
lo mismo. Cumplir con esa expectativa habla de consistencia.
c. Navegacin intuitiva
3
Navegacin intuitiva es el concepto que usamos en diseo web para
un sitio bien planeado, donde puedes llegar fcilmente al tema que te
interesa y, como en un acto de magia, encuentras rpidamente lo que
buscas.
La distribucin inteligente de las secciones, los botones, los videos y las
imgenes, crea una experiencia de navegacin satisfactoria en tu sitio
web. Tus futuros clientes sabrn que tienes lo que ellos necesitan casi
enseguida y de manera agradable para la vista.
4
Un aspecto que merece mucha atencin en una aplicacin es la forma de
navegar entre contenidos, de manera que resulte fcil de comprender
para el usuario, evitando la sensacin de desorientacin que puede
ocasionar una navegacin confusa.
La Navegacin Intuitiva esta tambin relacionada con la consistencia. Cada
sistema operativo propone diferentes elementos para navegar por la app
como botones, pestaas y paneles. Hacer uso de ellos har que el usuario
los reconozca a primera vista y, solo con estos componentes, ya sepa
cmo ir de una seccin a otra.
Por otro lado, para el usuario es importante saber y prever qu pasar
despus de pulsar un botn o cmo se mostrarn las pantallas. Intuir
donde se est dentro de los contenidos de la aplicacin y conocer cmo
volver hacia atrs son factores muy importantes que alivian al usuario y les
ahora esfuerzos intiles por intentar comprender como ir de un sitio a
otro. Una navegacin Intuitiva permite, justamente, lograr un uso fluido y
sin esfuerzo de la aplicacin.
d. Interaccin con el dispositivo mvil
4
El diseo de aplicaciones para mviles tiene que tener en cuenta la forma
en que los usuarios sujetan los telfonos. Asimismo, con cuales dedos
interactan y cmo los usan, tiene incidencia en el diseo de la interfaz y
condiciona la ubicacin de los elementos interactivos en la pantalla.
Si bien hay diferentes maneras en las que un usuario puede tener el mvil
en sus manos, una de las ms habituales es que lo sostenga con una sola
mano, algo que puede ser liberador - ya que deja la otra mano disponible
Tecnologas Mviles Instituto Tecnolgico De Matehuala

4
pero al mismo tiempo, condicionante, porque otorga mucha
responsabilidad al dedo pulgar para realizar las interacciones.
Entonces, las caractersticas anatmicas de la mano determinan ciertas
zonas de la pantalla que pueden ser alcanzadas con mayor o menor
comodidad por este dedo. La <<ley del pulgar>>, mencionada por algunos
autores, se refiere a la superficie de pantalla a la que este dedo tiene
acceso sin mayores problemas y nos da pistas para organizar
jerrquicamente los elementos en la interfaz.
Por ejemplo, los botones que se utilizan con frecuencia deberan situarse
en la parte inferior de la pantalla para ser alcanzados con facilidad,
mientras que aquellos controles que no deberan tocarse por error como
<<editar>> o <<eliminar>>- se ubican fuera de esta zona, como un acceso
restringido.



Tecnologas Mviles Instituto Tecnolgico De Matehuala

5
3. Incluya al final de su investigacin un mapa conceptual en donde muestre el significado
de cada uno de los conceptos q investigo




DISEO DE APLICACIONES
PRINCIPIOS DEL DISEO GESTALT PRINCIPIOS DE EXPERIENCIA DE USUARIOS
PROXIMIDAD
El agrupamiento parcial o secuencial de
elementos por nuestra mente basado en la
distancia

SIMILARIDAD
Son los elementos que poseen cualidades
similares tales como color, forma, tamao

CONTINUIDAD
Son elementos que pueden estar agrupados
y al mismo tiempo interrumpirse entre si
SIMPLICIDAD
Est relacionada con la usabilidad. Ser simple
implica en cierta mediad ser mnimo, contar
con pocos elementos.
CONSTANCIA
se trata de respetar estos conocimientos y
costumbres del usuario

NAVEGACIN INTUITIVA
Es distribucin inteligente de las secciones,
los botones, los videos y las imgenes que
hay en la interfaz.
CIERRE
Nos indica que tenemos que llenar los
espacios que hay vacos que hay con
diferentes estilos de formas.

INTERACCIN CON EL DISPOSITIVO MVIL
Tiene relacin en el diseo de la interfaz y
condiciona la ubicacin de los elementos
interactivos en la pantalla.

FIGURA Y FONDO
Establece el hecho de que el cerebro no
puede interpretar un objeto como figura o
fondo al mismo tiempo.
Tecnologas Mviles Instituto Tecnolgico De Matehuala

6
Referencias
1. Brigas Hidalgo, Aleida. "Psicologa. Una ciencia con sentido humano", Editorial ESFINGE,
Primera Edicin 2010. Mxico, 2012. 168 pp.

2. Alejandro Karpich Zardalevich karpicius@catfish-project.com.ar http://www.catfish-
project.com.ar

3. Pautafacil.co - http://www.pautafacil.co/es/diseno-web-mexico-miami/navegacion-
intuitiva-mexico-miami.html

4. Libro de Diseando apps para mviles - Javier Cuello, Jos Vittone