Universidad

Interamericana Para El
Desarrollo
Ingeniería de Software II

Prof. Bernardo Cetzal Ix

Alumno: Miguel E. Zárate Barnet

El diseño de interacción para aplicaciones de pantalla táctil guía presenta las directrices
para el diseño de la interfaz de usuario para pantallas táctiles. Normalmente pantallas
táctiles funcionan en las estaciones de POS (punto de venta), en los museos, como guías
de la ciudad, o en los quioscos (stands de publicidad independiente con la interacción del
usuario).

Las pantallas táctiles

Las pantallas táctiles son operadas con un dedo o el lápiz. Por lo tanto, proporcionan una
interacción muy directa - la interacción más directa que es posible en las computadoras
de hoy. Las pantallas táctiles se puede funcionar muy rápido en determinadas
operaciones y requieren poca o ninguna formación, si las aplicaciones están diseñadas de
manera adecuada.

LIMITACIONES

Sin embargo, las pantallas táctiles tienen limitaciones que a nuestro juicio les impiden
convertirse en la solución “universal” para los problemas de interfaz de usuario.

Tamaño

Los dedos tienen un tamaño determinado. Por lo tanto, los elementos de la pantalla tiene
que tener un tamaño mínimo, para asegurarse de que una pantalla táctil puede funcionar
con pocos errores. Incluso con un lápiz, lo que hace posible el uso de pequeños
elementos de la pantalla, no son factores limitantes.

Arrastre de Operaciones

Arrastrando generalmente no es muy adecuado para pantallas táctiles operado con dedos,
aquí es señalar la interacción preferida. Sin embargo, esto es diferente para pantallas
táctiles lápiz que funciona. Aquí los gestos y de escritura a mano ofrecen prometedoras
posibilidades para hacer la interacción con los ordenadores más sencilla e intuitiva. Pero,
también es la limitación de la entrada estrictamente secuencial.

El juez principal, sin embargo, es el usuario. Como ELO Touch Systems citan en sus
directrices:

 Prueba de una aplicación táctil en los grupos de trabajo se centrará en revelar las
áreas que necesitan mejorar.
  Si alguien hace una pausa en la confusión ni por un momento, pensar en cómo
mejorar la aplicación.

Pros y contras de pantallas táctiles

Pros pantalla táctil

 Directo: Apunta a los objetos, la relación directa entre la mano y el movimiento del
cursor (distancia, velocidad y dirección), porque la mano se está moviendo en la
misma superficie que el cursor se mueve, la manipulación de objetos en la pantalla
es similar a la manipulación en el manual mundo
 Rápido (pero menos precisos, sin pluma)
 Los dedos se pueden utilizar, cualquier pluma se puede utilizar (por lo general no
hay ningún cable necesario).
 Sin teclado necesarias para aplicaciones que necesitan las selecciones de menú,
sólo -> ahorra espacio en el escritorio
 Adecuado para: principiantes, las solicitudes de recuperación de información, uso
de entornos de alto.

Pantalla táctil Contras

 precisión baja (el dedo): posicionamiento impreciso, posibles problemas con

Parallaxis ojo (con la pluma, también), el dedo puede ser demasiado grande para
apuntar con precisión objetos pequeños -> una pluma es más preciso.
 movimientos de las manos (si se utiliza con el teclado): Requiere que los usuarios
mover la mano lejos del teclado, un lápiz óptico requiere también movimientos de la
mano para tomar la pluma.
 La fatiga: los músculos de los músculos del brazo en condiciones de uso pesado
(sobre todo si la pantalla se coloca verticalmente).
 Sentado / de pie posición: El usuario tiene que sentado o de pie cerca de la
pantalla.
 Suciedad: La pantalla se ensucia de huellas dactilares.
 la cobertura de la pantalla: La mano del usuario, el dedo o el lápiz puede ocultar
partes de la pantalla.
 Activación: Por lo general, la activación directa de la función seleccionada, cuando
se toca la pantalla, no hay especial de "activación" botón que con un lápiz óptico o un
ratón.

Resumen de las Características de la pantalla táctil

 Velocidad: alta
 Precisión: bajo (dedo), alto (pluma)
 Control de velocidad: sí
 El movimiento continuo: sí
 Directo: dirección, distancia, velocidad
 Fatiga: alta
 Huella: no
 Mejor usa: punto, seleccione

Diseño de la pantalla

Full screenPantalla completa

Applications should be run full screen.Las solicitudes deberán ejecutar a pantalla

completa.

Fondos

 Bright background colors (no black!) hide fingerprints and reduce glareBrillantes colores
de fondo (no negro!) Ocultar las huellas dactilares y reducir el deslumbramiento
 Dithering or other patterned backgrounds help the eye focus on the screen image instead
of reflections, even in areas where there are no icons or menu choicesEl tramado u otros
fondos estampados ayudan al ojo a enfocar en la imagen de la pantalla en lugar de
reflexiones, incluso en zonas donde no hay iconos u opciones de menú

Screen ReversalInversión de pantalla

The screen reversal should affect mainly the large building blocks of the screen layout.La
inversión de la pantalla debe afectar principalmente a los grandes bloques de
construcción del diseño de la pantalla. Whether the controls themselves should also be
mirrored, depends on how much interaction is adversely affected by the standard layout
of the control. Si los controles se debe también ser reflejado, depende de la interacción
tanto se ve afectada por la disposición estándar del control. For instance, it depends on,
whether a standard control is obscured, if operated with the left hand. Por ejemplo,
depende de, si un control estándar se oscurece, si se opera con la mano izquierda.

Screen Space and Screen Layout El espacio y la pantalla de Diseño de la

pantalla

Touchscreens usually have a fixed size of 640*480 pixels or 800*600 pixels.Las pantallas
táctiles suelen tener un tamaño fijo de 640 * 480 píxeles o 800 * 600 píxeles. As buttons
have to have a minimum size and distance (see "Buttons") for secure finger operation,
screen space has to be managed in a different way than on usual screens. Como botones
tienen que tener un mínimo tamaño y la distancia (ver "Botones") para la operación
 segura del dedo, espacio de la pantalla tiene que ser manejado de una manera diferente a
la habitual en las pantallas.

We propose the following procedure for the screen layout: Proponemos el siguiente
procedimiento para la disposición de la pantalla:

1. Use a grid that divides the screen into a fixed number of cells that have a constant size
(see below). Use una rejilla que divide la pantalla en un número fijo de células que tienen un
tamaño constante (ver más abajo).
2. In a second step identify functional groups of elements that are placed close together and
organize them into functional areas . En un segundo paso identificar a los grupos
funcionales de los elementos que se colocan juntos y organizarlos en áreas funcionales.
Such areas can serve for Estas zonas pueden servir para
o data display visualización de datos
o data input or selection datos de entrada o la selección
o grouping of function keys (toolbars) agrupación de las teclas de función (las barras
de herramientas)
o numerical or text keypad teclado numérico o de texto
o status display estado de la pantalla

Global vs. Local Structure Botones y menús

Buttons, Targets Botones y Objetivos

As touchscreens are mainly used for point-and-click applications, most touchscreens are
filled with pushbuttons and areas for data display and entry. Como las pantallas táctiles se
utilizan principalmente para y hacer clic aplicaciones de punto, la mayoría de las pantallas
táctiles están llenas de botones y áreas de visualización de datos y la entrada. Therefore,
buttons play an important factor in the design of touchscreens. Por lo tanto, los botones
tienen un factor importante en el diseño de pantallas táctiles.

Button Size Botón Tamaño

minimum of 3/4 by 3/4 inch (2*2 cm) and at least 1/8 inch (3 mm) apart for finger-operated
touchscreens.Mínimo de 4.3 por 3.4 pulgadas (2 * 2 cm) y al menos 1 / 8 de pulgada (3 mm) de
separación para pantallas táctiles operada con los dedos.

TargetsObjetivos

Use large and discrete targets that are spread out on the screen (finger-operated touchscreens).
Utilice objetivos grandes y discretas que se reparten en la pantalla (pantallas táctiles operado del
dedo).
Button IconsIconos de botones

Use three different icons for indicating the state of buttons: Utilice tres iconos diferentes
para indicar el estado de los botones:

Default iconIcono por defecto

 "Will be activated" icon : Signals that the users touches a button as long as the button is
being touched (for touchscreens only that initiate an action when the finger is released).
"Será activado" icono: Indica que los toques usuarios, siempre y cuando el botón se tocó
un botón (para pantallas táctiles único que iniciar una acción cuando el dedo está en
libertad).
Highlight the whole button, not just the text, number or graphics on it, because the button
is obscured by the touching finger. Seleccione el botón conjunto, no sólo el texto, número o
gráficos sobre el mismo, ya que el botón está oculto por el dedo de tocar.
 "Has been activated" icon : Signals for a short period of time that a touch has been
registered and that the corresponding action is initiated. "Se ha activado" icono: Señales
para un corto período de tiempo que un toque ha sido registrada y que la acción
correspondiente se inicia.
Highlight the whole button for better recognition of the feedback. Seleccione el botón
conjunto para un mejor reconocimiento de los comentarios.

MenusMenús

Menus consists of a number of elements from which the user has to selects one. Los
menús se componen de una serie de elementos de los que el usuario tiene que
seleccionar una.

Button GroupsBotón de Grupos

Often menus are realized as groups of buttons.A menudo, los menús se realizan en grupos
de botones. The buttons may look like buttons or may simply be graphical elements (often
supplemented with text labels). Los botones pueden verse como los botones, o
simplemente puede ser un elemento gráfico (a menudo se completa con las etiquetas de
texto).

Buttons within groups should be separated clearly so that no erroneous activation can
occur. Botones dentro de los grupos deben ser separados claramente de modo que la no
activación errónea puede ocurrir.

Group buttons by the methods described for grouping screen elements (eg shape, color,
background color etc.) to let button groups or menus appear as a unity. Grupo de botones
mediante los métodos descritos para agrupar elementos de la pantalla (por ejemplo,
forma, color, color de fondo, etc) para que grupos de botones o los menús aparecen como
una unidad.
For usage recommendations see . Para ver las recomendaciones de uso Comparación .

Examples Ejemplos

Figure 1 : A menu with buttons in different Figure 2 : A menu with graphical

groups; the groups are differentiated by their buttons which are not visualized as
shapes and styles (from ) Figura 1: Un menú con buttons (from ) Figura 2: Un menú con
botones en los diferentes grupos, los grupos se botones gráficos que no se visualizan los
diferencian por sus formas y estilos botones

Lists