2

2

Índice

Las interfaces en los

dispositivos móviles

¿Qué nos ofreces? P-16

Jesús Marques

Estilos de Interfaces en el

mundo de la Telemedicina

P-8

Daniel Gazcón

Avances Tecnológicos

en los estilos de inter-

faces de Usuarios P-4

Carlos Zerpa

Importancia de los esti-

los de Interfaz en el

mundo de hoy. P-12

Argenis García

3

3

En el 2014 en Francia un científico transmitió telepática-

mente un mensaje a un colega situado en otro continente uti-

lizando ondas cerebrales a través de una interfaz cerebro-

computador. http://ve.tuhistory.com/noticias/por-primera-vez-en-

Se están planteando el desarrollo de una interfaz

para diabéticos que permitan disipar o ralentizar los procesos me-

tabólicos e incluso genéticos que generen el aumento del azúcar en

estos pacientes https://www.idf.org/sites/default/files/attachments/article_195_es.pdf

Google que con el tiempo han

ido puliendo la interfaz de You-

Tube para conseguir que ahora sea más atractiva de lo que era anteriormen-

te. Sin embargo, para algunos gustos todavía puede ser un tanto recargada.

Si es vuestro caso, podéis recurrir a Toogles, un servicio que ofrece una in-

terfaz alternativa y bastante minimalista.

4

4

Escrito por: Carlos Zerpa. Estudiante de la Uni-

versidad de Carabobo-Facultad Experimental de Cien-

cias y Tecnología. Enero 31, 2015. Interacción Huma-

no-Computador.

Desde el comienzo de la

computación se han desarrollado

diferentes estilos de interfaces de

usuario para que exista una buena

comunicación entre el computador y el

usuario. Han pasado décadas y estos

estilos han ido evolucionando en el

tiempo de manera rápida, se puede

destacar que existe una variedad de

tecnologías desarrolladas para que el

usuario haga un uso eficiente del

computador en la realización de tareas

específicas. En relación a esto nuevos

investigadores están empleando las

técnicas de la IHC (Interacción Humano

Computador), los conceptos de

Usabilidad, Ergonomía y Desempeño

para desarrollar nuevos estilos de

interfaces, que en mayor parte están

basados en el uso de las interfaces

implementadas en la actualidad, como

por ejemplo: Navegación por Menús,

Rellenado de Formularios, Interfaces

basada en Iconos, Interacción asistida,

entre otras.

Muchas personas se preguntan:

¿De qué nuevas maneras se podrá

interactuar con el computador?

¿Por qué razón surgen nuevos

estilos de interfaces? ¿Cómo

influirán en el desarrollo

tecnológico y el impacto social?

La tarea de los nuevos estilos de

interfaces en el futuro es realizar un

diseño más empático de conectar al

usuario con el computador de un modo

mucho más emocional. Los sistemas

donde operan estas nuevas interfaces

aprenderán el comportamiento del

usuario y seguirá estos patrones

orgánicos para adaptarse como un

guante a las personas brindando la

información de manera que sea útil,

relevante y gratificante.

4

5

5

Estos avances tecnológicos muchos

de ellos son estudiados y desarrollados

para beneficios a los usuarios que puedan

poseer alguna discapacidad física o

mental, con la finalidad de facilitar

aprendizajes para estimular al cerebro del

usuario y así dar nuevas herramientas de

asistencias en necesidades que sean

necesarias por parte del usuario con la

discapacidad que presente. El estilo de la

interfaz se presenta con el objetivo de

conocer al usuario de forma empática

para así llevar una buena relación con el

computador, para ello la inteligencia

artificial está presente en estas

interfaces, además pueden incluir

técnicas de ludificación para motivar al

paciente a que se sienta más a gusto en

la interacción y evaluar su avance de

experiencia con el sistema.

En la actualidad millones de usuario

están en constante interacción con un

computador y existen muchos estilos de

estas interacciones a diario algunos de

ellos son empresarios, estudiantes y

doctores los cuales disponen de un

Smartphone siendo muy útil para facilitar

labores.

La empresa de Google Inc. brindara

al usuario una experiencia única que son

los Google Glass y este dispositivo

interactúa con el usuario donde se coloca

los lentes o anteojos y su propósito es

mostrar información disponible a los

usuarios de teléfonos inteligentes sin

utilizar las manos, el estilo de este

dispositivo es tipo gafas de realidad

aumentada y fue lanzado a mediados de

2014.

Este proyecto tiene mucho potencial

y es un nuevo estilo de interfaz

presentada en la actualidad.

5

6

6

En el Instituto Tecnológico de

Massachusetts el Fluid Interfaces Group

una división del famoso Media Lab de

este centro universitario en Estados

Unidos ha ganado popularidad con la

creación de prototipos los cuales

presentan estilos de interfaces con diseño

innovadores, uno de estos prototipos es

el FingerReader es un anillo lector para

discapacitados visuales, el cual ayudado

con una cámara que escanea el texto

impreso en libros con una voz sintetizada

en altavoz, ayudando en la lectura de

libros, menús de restaurantes y otros

materiales a diario para las personas con

discapacidades visuales sin el uso del

braille.

El software especial para este dispositivo

sigue el movimiento del dedo,

identificando las palabras y procesando la

información, además cuenta con motores

de vibración que alerta al usuario cuando

se desvían de la línea.

El concepto de computadora para vestir

está estrechamente vinculado con el

cómputo ubicuo y se puede observar que

estos proyectos que están en la

actualidad es una de las tendencias de los

estilos de interfaces por unas décadas en

la computación y que con este estilo el

usuario puede interactuar con total

libertad y prácticamente de manera

transparente. Además se puede destacar

que estos nuevos estilos de interfaces

buscan mezclar el espacio de información

del usuario con su propio entorno laboral

y social proveyendo la integración de

procesamiento de información con el

ambiente.

La empresa Microsoft ha dado a conocer

el Holo Lens el cual es un dispositivo de

forma de casco inalámbrico que crea

ilusiones holográficas en el campo de

visión del usuario y además permiten

“tocarlas”. La realidad aumentada está

cambiando el mundo se puede decir ya

que para este dispositivo no solo crea

realidad aumentada, sino que además

permite interactuar con los objetos

virtuales que están en el campo de visión,

6

7

7

el objetivo es estimular el desarrollo del

software holográfico.

El líder del proyecto Holo Lens

explica como funcionara este dispositivo

son como una especie de lentes que

cubren la vista y a partir de sensores

puede reproducir imágenes holográficas

sobre una imagen real captada por el

ojo, este función de manera autónoma,

i n d ep e nd i en t e d e t e l é f o no s ,

computadores o consolas de video

juegos.

Todos estos proyectos de estilos de

interfaces tienen como finalidad mejorar

la experiencia del usuario en la

interacción hacia el computador de

manera empática, desarrollar un alto

rendimiento llevando a un nivel superior

la computación y dar soluciones a tareas

de usuarios para mejorar su calidad de

vida.

A medida que evolucionan los estilos de

interfaces en su interacción humano-

computador, los nuevos sistemas se

adaptan mucho mejor a las necesidades

de las personas, esto conlleva a la

agilización de procesos de forma

cotidiana para los usuarios y que sea

servida de manera eficiente

Referencias

[Documento en línea] Disponi-

b l e : h t t p : / /

groups.engin.umd.umich.edu/CIS/

course.des/cis375/ppt/lec20.ppt -

User Interfaces Styles. Consulta:

2015, Enero 25.

MICROSOFT. [Documento en línea]

D i s p o n i b l e e n : h t t p : / /

www.microsoft.com/microsoft -

hololens/en-us - Microsoft Holo

Lens. Consulta: 2015, Enero 29

[Revista en línea] Disponible en:

http://fluid.media.mit.edu/ - Finge-

rReader: A wearable interface for

Reading on-the-go. Consulta: 2015,

Enero 30.

Laboratorio de Redes Avanzadas

Instituto Tecnológico Autónomo de

México. (2007). Nuevas Interfaces y

sus Aplicaciones en las Tecnologías

de Información y Comunicaciones

[Documento en Línea] Disponible

en: http://allman.rhon.itam.mx/

~jincera/EvolHCI.pdf. Consulta:

2015, Enero 29.

[Revista en línea] Disponible en:

ht tp: //www. les l ie f i sher . com/

handouts/glass_fisher.pdf - Google

Glass. What is it. How it works and

how it might work in Education.

Consulta: 2015, Enero 30.

7

8

8

Uno de los grandes problemas que afron-

tan las personas en su día a día es el asistir

a consultas medicas, debido al ritmo de vi-

da tan acelerado, las ocupaciones, el traba-

jo, en ocasiones porque son personas con

incapacidades o son mayores y no pueden

trasladarse por sí misma, sea cual sea el

caso se hace difícil salir de la rutina y lo

vemos como tiempo ocioso que no aprove-

chamos.

Sin embargo con las nuevas tecnologías

que surgen cada día en la búsqueda de

nuevas soluciones a estas necesidades na-

ce la Telemedicina, la cual reúne aplicacio-

nes de las ciencias medicas y las integra

con las telecomunicaciones e informática

brindando un nivel de servicio excelente y

de buena calidad a los pacientes y galenos

que usan el intercambio de información pa-

ra realizar diagnósticos, tratamiento y pre-

vención de enfermedades. Haciendo uso de

las telecomunicaciones se pueden realizar

consultas brindando servicios tales como:

video conferencias, envío de imágenes, re-

sonancias magnéticas, patologías de pa-

cientes estudiados, segunda opinión médi-

ca todo esto en tiempo real a fin de obte-

ner mayor criterio de diagnostico.

La pregunta es ¿Puede ser usada por to-

dos? o ¿Qué complicaciones trae para los

médicos y pacientes? Debido a estas inter-

rogantes los diseñadores de los sistemas

realizan interfaces mas intuitivas y menos

complejos para una interacción fluida y

constante. Es común encontrar que estos

manejan distintos estilos de interfaces ya

que van dirigidos a diferentes especialida-

des. Por ejemplo: en el caso de las Histo-

rias Medicas es practico utilizar una inter-

faz con menú y clasificaciones de las distin-

tas patologías, añadiendo diálogos de pre-

guntas y respuestas para completar la in-

formación.

8

9

9

Otro caso se presenta cuando se trata

de consultas medicas bien sea presencia-

les o a través de una video conferencia

aquí el uso del lenguaje natural o lenguaje

expresivo es vital para saber lo que nece-

sita el paciente.

Este estilo así como poderoso también

puede ser una desventaja, porque existen

casos donde la comunicación toma cami-

nos equivocados, bien sea por una mala

coordinación, el uso inapropiado del len-

guaje coloquial por parte de ambos, inclu-

sive una mala segunda opinión puede te-

ner a médico y paciente en una carrera

sin destino. Pero no todo tiene porque ser

malo si bien cada persona se expresa de

una manera distinta, la evolución de la

tecnología nos ha permitido perfeccionar

cada día estas experiencias, escenarios

que eran visibles solo en películas ahora

son posibles. Imagina poder llegar a casa,

tomar asiento frente a la computadora ini-

ciar la consulta y verse inmerso en el con-

sultorio tal cual como si estuvieses pre-

sente, sería una sensación más agradable

tomando en cuenta que se estaría desde

la comodidad del hogar.

Este estilo de interacción va de la mano

con un concepto que suena desde hace

varios años, el cual es Realidad Virtual. La

posibilidad de reproducir en 3 dimensio-

nes la anatomía humana es una propiedad

intrínseca de la realidad virtual, pero

además de eso permite visualizar las es-

tructuras de los esqueletos y órganos.

Estos sistemas nos acercan aun mas al

futuro donde no serán necesarias pasar

horas en un hospital para ser tratados,

también facilitarían la enseñanza de ana-

tomía así como entrenar la pericia de los

cirujanos para realizar operaciones en las

que se necesita un alto nivel de precisión

y es que una de las funcionalidades más

deseadas es la de poder ensayar las ope-

raciones delicadas con anticipación, o in-

9

10

10

cluso en los casos en los que el paciente

se encuentre lejos o no sea conveniente

entrar en contacto directo, hacer la opera-

ción sobre el modelo virtual, mientras un

robot ejecuta los movimientos del cirujano

y realiza la operación al paciente, con me-

nos error y sin los temblores del pulso

humano.

La precisión que poseen estos sistemas

ha traído consigo aprovechar las cirugías

mínimamente invasivas, con coordenadas

computarizadas se conoce exactamente

donde hay que hacer las intervenciones,

causando el menor daño posible.

El avance es tal no requiere tener que

ejecutar comandos por terminales o tener

que operar instrumentos no convenciona-

les, al contrario, son usados los materiales

acostumbrados en operaciones rutinarias

y si le añadimos unos de los proyectos

que se llevan a cabo recientemente como

lo es el uso de los asistentes robóticos co-

mo instrumentistas quirúrgicos manejados

por comandos de voz las experiencia se

hace más amigable y conocida. El médico

le da instrucciones y este distingue los

instrumentos en la mesa de operaciones

seleccionando y facilitando en segundos el

instrumento que el médico precisa. Es un

equipo que usa la visión artificial, recono-

cimiento de voz y control de un brazo ro-

bot.

En la actualidad existen una vasta canti-

dad de recursos en el área de telemedici-

na y diversas maneras de cómo aplicarlos,

telefonía móvil, diseños electrónicos e in-

terfaces de comunicación cerebro-

maquina, smartwatch con mensajes de

voz y monitoreo constante, en fin las ma-

neras de interactuar son ilimitadas tenien-

do como ventaja principal su fácil manejo

gracias al Lenguaje Natural como estilo de

interfaz, pero a pesar de ello existen mu-

chos problemas para usarlos. Con la poca

experiencia que tengo ahondando en este

campo he observado que una de las prin-

cipales problemáticas es que algunos

médicos se muestran cautos con el uso de

estas tecnologías. Iniciando por el ámbito

de las tele consultas, muchos inclinan

más por el uso de los correos electrónicos

y mensajes instantáneos que por sistemas

diseñados exclusivamente para estos

propósitos, diferir de lo nuevo e innovador

hacia lo acostumbrado y conocido es una

opción cotidiana por temor a los fracasos

y complicaciones. Pero esto no sucede en

el ambiente quirúrgico, en este caso son

elegidos los instrumentos telemédicos y

es que poder contar con una alta precisión

en las operaciones los vuelven sistemas

más confiables.

10

11

11

En conclusión, las posibilidades que nos

ofrecen estos sistemas son muy grandes y

la ayuda que proporcionarían al área de la

salud serian incontables, pero no basta

solo con hacer estos sistemas para cum-

plir la necesidad ya que esta es un área

delicada, el diseño de estos lleva un tra-

bajo minucioso y complejo, porque son los

médicos y pacientes quienes harán uso de

ellos. Las interfaces desarrolladas por los

diseñadores deben ser amigables, fáciles

de usar sin dejar de lado la estética y

buena presentación, la aceptación de los

mismos dependerá de la comodidad que

estos presenten.

Referencias Consultadas:

Boquete, L. y Barea R. Telemedi-

cina y robótica al servicio de la socie-

dad [Proyectos]. Disponible: http://

www.madrimasd.org/cienciaysociedad/

entrevistas/quien-es-quien/pdf/51.pdf

Consultado el 24 de enero de 2015.

Cuenca,P. HISTORIA DE LA TELE-

MEDICINA. [Proyectos]. Disponi-

b l e : h t t p : / /

t e l e m e d i c i n a j o a q u i n a -

n e z . w e e b l y . c o m /

up l oad s / 1 / 4/ 3/ 3 / 14335994/

historia_de_la_telemedicina.pdf.

Consultado el 25 de enero de 2015.

La Telemedicina. [Articulo]. Dis-

p o n i b l e : h t t p : / /

www.mediconecta.com/blog/la-

telemedicina/ Consultado el 25 de

enero de 2015.

Realidad Virtual en la Medicina.

[Video]. Disponible: https://

w w w . y o u t u b e . c o m / w a t c h ?

v=Ru4u8lAxqrI. Consultado el 25

de enero de 2015.

11

12

12

Algunas veces nos hemos preguntado el

porqué hoy en día existen tanta similitud o

semejanza en artículos o dispositivos que

usamos y con los que interactuamos día a

día. Que cada vez existen más teléfonos

celulares que aunque sean de diferentes

marcas y modelos estos se asemejan cada

vez más ya sea en su uso o su diseño

como siguiendo el mismo patrón de la

competencia al momento de crearlos. Y

que esto no se ve hoy en día nada más en

los teléfonos celulares… Que ya sea

vehículo, una página web, un videojuego,

un sistema operativo o hasta un simple

folleto de publicidad nos hace notar esto,

como si los creadores y diseñadores de

cada uno de ellos no tuvieran creatividad

cuando la misma creatividad es la que les

hace tomar en cuenta cada uno de estos

detalles “semejantes” con otros diseños al

momento de crear su producto. Cosa que

se ve influenciada directamente con el

estilo de interfaz a usar dado que esto

está presente en todo lo que nos rodea y

que muchas veces pasa desapercibido,

debe de conocerse un poco más sobre el

uso y estilo de interfaces hoy día y la

importancia de las mismas.

El uso de estilos de interfaz hoy día

aunque parezca para algunos un tema

ambiguo es un hecho que tienen un peso

bastante grande en todo lo que nos rodea.

Si, en todo! Y porque se dice esto? aunque

para muchos parezca objeto de marketing

creativo o ausencia del mismo (cuando se

cree que no existe creatividad y se copia a

la competencia) el uso de estilos de

interfaces es lo más común en el trasfondo

de todo. Para ver más claro todo por

ejemplo cuando nos decidimos a comprar

un teléfono celular y vemos que es muy

similar al diseño y uso de uno de otra

marca o a muchos otros y que siguen la

misma tendencia de lo que se encuentra

en el mercado de teléfonos celulares. El

hecho de esto no está alejado del tema

que estamos tratando debido a que influye

directamente en el estilo de interfaz

aplicado a la creación del teléfono. Porque

tanta importancia para esto? Pues de nada

sirve crear un teléfono con excelente

prestaciones y que el mismo no sea de

agrado para el usuario final. Lo mismo

aplica para páginas web, sistemas

operativos de computadores, folletos,

entre otros. Entonces, como utilizan ellos

una buena interfaz para el producto

adecuado? Primero que nada ellos debe

estudiar los estilos de interfaces adecuado

para sus productos pero sobre todo… para

12

13

13

los usuarios a quienes van dirigidos, dado

que el actor de mayor peso en todo esto

es el usuario final. Desde mi punto de

vista la interfaz es el intermediario entre

el producto y el usuario. Si no se tiene la

interfaz adecuada no existirá una buena

relación entre el usuario y el producto

pudiendo provocar el fracaso o rechazo

del mismo.

Al momento de crear un producto se debe

de estudiar a los usuarios que le darán

uso y para ello se debe de saber (o creer)

que es lo que el usuario quiere o le

gustaría ver. Si por ejemplo una persona

quiere ingresar a la página web del banco

de su preferencia como debería estar

construido el sistema de la misma?

Debería de ser presentada mediante línea

de comandos? Manipulación directa?

Basada en iconos? Diálogos de pregunta-

respuesta? Lenguaje Natural? Menú de

selección? Entre otros. Y que viene a ser

todo lo que acabamos de leer? Nada más

y nada menos que estilos de interfaces.

What you see is what you get

(WYSIWYG) o lo que en español vendría

a ser algo como “Lo que ves es lo que

obtienes” que en pocas palabras viene a

ser lo que su propio nombre indica, dado

que es una interfaz en la cual la

representación visual con la que los

usuarios interactúan es prácticamente la

misma imagen que es creada por la

aplicación. Según en el portal web de la

universidad de Princeton define

“WYSIWYG: relacionados con o que es

un sistema de procesamiento de texto que

se imprime el texto tal y como aparece en

la pantalla del ordenador.” Para entender

un poco mas esto hay que recalcar que el

término se aplica prácticamente a los

procesadores de texto y software de

desarrollo de páginas web en la que se

manipulan texto e imágenes directamente

sin necesidad de escribir códigos (como

los códigos de punto o HTML) para cada

atributo.

13

14

14

Unos ejemplos prácticos de hoy día lo

pueden ser programas como Dreamweaver

(Para páginas web), Writer (de

OpenOffice.org para sistemas Linux y

Windows) y Microsoft Word (Para

Windows) donde los últimos 2 son para

creación de documento de texto. Ahora

bien, en que influye la importancia de este

estilo de interfaz? A ningún programador

(ya sea web o no) le gusta usar editores

de texto que en vez de ayudarle en su

labor se le compliquen las cosas, tampoco

debería de estar sobrecargado en lo que a

tipografías de color se refiere dado que

deben ser editores que brinden calma y no

ganas de salir corriendo de un computador

pues es aquí donde nacen muchas cosas

que usamos día a día. Ya sea una página

web para banca, comercio u otro, un

programa de gestión de almacén, los

mismos sistemas operativos que tienen

nuestros computadores o nuestros

teléfonos celulares y que a su vez todos

estos elementos nombrados previamente

deben de tener un buen estilo de interfaz.

Ahora como saber cual estilo aplicar?

Al día de hoy existen infinidades de

interfaces posibles para distintos

dispositivos que usamos en la vida

cotidiana sin embargo se puede notar

claramente en algunos casos que se sigue

como una tendencia y nos hace creer en

algunos casos que podría ser producto de

copia entre competencias de las

organizaciones creadoras no obstante es

una idea equivocada (en la mayoría de los

casos) dado que el factor más influyente

es la implementación de un estilo de

interfaz. En los teléfonos celulares se

puede ver esto a gran escala dado van

prácticamente a una sola línea de

producción, como así? Por lo general son

de color negro con pantalla táctil, iconos

de las aplicaciones instaladas centralizados

en la pantalla para fácil acceso al usuario

(ya sea Android OS, iOS, Blackberry OS,

entre otros) y además personalizables

dando control así al usuario sin necesidad

de infligir un control total sobre el usuario

y sin dejar el sistema del dispositivo a la

deriva en lo que a seguridad se refiere y

todo esto no es mera coincidencia. Cada

una de estas características es estudiada

previamente con cautela en interacción

con el usuario. Ninguna organización

quiere gastar dinero en crear algo que el

usuario no quiere. El no querer significa

perdidas y nadie quiere perder.

Al usar sistemas web se puede observar

de manera muy amplia con claridad la

importancia en lo que al uso de estilos de

interfaz se refiere hoy día. Porque los

sistemas web? Un sistema de de captar la

esencia del usuario. Mantenerlo de manera

cálida navegando y realizando las

funciones que desee manteniendo la

funcionalidad del mismo de manera

óptima, pero sabiendo esto, como hacer

un sistema para los diversos usuarios que

podrían acceder al mismo sin llegar al

fracaso del mismo. Es ahí donde el uso de

estilos de interfaz se refleja nuevamente y

14

15

15

de manera muy relevante. Además del

estilo de interfaz ya nombrado

previamente (WYSIWYG) existen muchos

otros que son usados en sistemas web

como lo son: Manipulación directa,

interfaces basadas en iconos, menú de

selección, lenguaje de comandos (Algunos

sistemas lo poseen, Ejemplo: Git) lenguaje

natural, dialogo de pregunta-respuesta,

entre otros. Como es que todo esto influye

al momento de crear un sistema web?

Acaso no se puede crear un sistema web

con las preferencias que quiera la

organización? Claro que se puede pero

todo esto tiene un trasfondo y es el

comportamiento de los usuarios frente a

los sistemas. Como había dicho

previamente. Para mí la interfaz es el

intermediario entre el producto y el

usuario. Para tener un buen intermediario

se hace un estudio previamente donde se

ve involucrado el usuario directamente. El

sistema es creado para el usuario y por

ende se debe de estudiar qué es lo que

quiere o prefiere el mismo. Y aquí se llega

más al fondo de todo esto pues se ve

involucrado tanto aspectos como

psicología del color o teorías y modelos de

alto nivel, modelo GOMS, entre otros.

En conclusión, no todo hoy día se basa en

crear un producto “bonito” nada más o con

la última tecnología. Se debe de ir más

allá. Se debe de conocer al usuario.

Indagar en sus experiencias y así conocer

gustos y preferencias de los mismos. Para

crear un teléfono se estudian gustos y

preferencias, para hacer sistemas web se

estudian gustos y preferencias, para hacer

sistemas operativos se estudian gustos y

preferencias y aquí es donde fluyen las

cualidades de los distintos estilos de

interfaz que se pueden utilizar e

implementar. Un buen estilo podrá dar

éxito y preferencia al sistema, pero el

adecuado se lo dará mucho más.

Referencias consultadas

http://www.thuer.com.ar/blog/2011/guias

-estilo-ui-ux - Guías de estilo sobre in-

terfaces de usuario.

h t t p : / / a l b e r t o l a c a l l e . c o m / h c i /

interfaz.html— Importancia de una bue-

na interfaz

http://www.uv.es/rosado/courses/sid/

Capitulo6_HMI.pdf— Diseño de Interfa-

ces Hombre-Máquina (HMI)

Elaborado por: Argenis García. Enero

2015 .

15

16

16

Cuando vamos a compramos un

teléfono (o cualquier dispositivo móvil, ya

sea tablets, smartwatch, etc) nos fijamos

en muchas cosas, en el precio, la marca, la

pantalla, que sistema corre, si es grande o

pequeño, en el tipo de material del que

está hecho, etc; algunos van predispues-

tos a comprárselo por alguna marca y

otros por algún sistema operativo, pero

hoy hablaremos de interfaces, nos centra-

remos en los que nos ofrecen las interfa-

ces y nos olvidaremos de las marcas (en el

caso de Android y Windows Phone) y tal

vez al final de este articulo estemos más

claros en lo que nos gusta y en lo que

queremos.

No centraremos en tres estilos de

interfaces: la de Android, Windows Phone

y iOS en sus versiones más recientes. Al-

gunos estarán pensando, no se hablara de

alguna interfaz de BlackBerry?, pues no,

en mi opinión BlackBerry está rezagado en

el mercado de dispositivos móviles y ya no

ofrece nada significativo como para incluir-

lo en el artículo.

Ya aclarado todo lo necesario pode-

mos empezar.

Si empezamos con aspectos gene-

rarles de cada una podemos decir que en

Android se busca una limpieza visual, a

través de una interfaz simple en donde ca-

da botón, gráfico y texto aporta a esa lim-

pieza.

Android se basa en la simplicidad

que le aporta su tipografía Roboto, que es

propia de este sistema operativo.

16

17

17

Otro que busca simplicidad es iOS,

pero más enfocado a encontrar una

ligereza visual, a través de colores claros

en los fondos y fuertes en los iconos,

además de que se reducen los controles y

los gráficos a solo los necesarios para

aligerar esa cargar visual

.

La claridad de iOS se consigue por

su elección cromática y tipo de tipografía,

además de que superpone el contenido

sobre el fondo y elementos secundarios.

Por su parte Windows Phone se enfoca

en ser más minimalista, es más plano y

se enfoca de proporcionar a los usuarios la

información y opciones más importantes,

su interfaz es simple y objetiva con una

gama de colores que crean un fuerte

contraste.

Un atractivo que posee esta interfaz

son sus iconos, que son simples y tan

intuitivos que no necesitan de algún texto

para saber a qué aplicación pertenecen.

Como estamos hablando de interfaces en

dispositivos personales, la capa de

personalización es de suma importancia,

¿qué tanto podemos personalizar nuestros

dispositivos?

En iOS la personalización es limitada, nos

encontramos con una personalización que

de forma nativa solo permiten cambios en

el fondo de pantalla y en las carpetas, esto

se traduce en que siempre veremos casi lo

mismo. Existen herramientas que tratan

de mitigar esto, pero no son la gran cosa

comparada con Android y WindowsPhone.

iOS sacrifica la personalización de su

interfaz por una estabilidad innegable.

17

18

18

Esta puede ser una ventaja para

aquellos que les gusta saber en dónde

encontrar lo que buscan aunque tengan un

dispositivo diferente.

Por su parte Windows Phone en su

nueva versión ha agregado más opciones

de personalización además de las que ya

poseía, su interfaz puede ser personalizada

desde el fondo de las aplicaciones y

ventanas activas (“Live tiles”) hasta el

tamaño y ubicación de los mismos.

Su única limitante es el fondo de

pantalla, que solo puede ser negro o

blanco.

El que se lleva el premio de

personalización es Android, su interfaz

permite agregarle widgets de muchos

tipos y de cualquier tamaño, cambiar

completamente los iconos, cambiar el

número de pantallas, por supuesto cambiar

el fondo de pantalla y también el de

bloqueo. Además, se puede cambiar

completamente la interfaz mediante

launchers(de los que hay en gran

cantidad) a tal punto que se pueden emular

las interfaces de iOS y WindowsPhone.

E l p r o b l e m a c o n t a n t a

personalización es que no siempre será

compatible con nuestro equipo o con la

versión de Android que tengamos, lo que

hace que Android sea más inestable en ese

aspecto.

Escoger una de estas interfacessería

como escoger ropa, el color para pintar la

casa o escoger un par de zapatos; es algo

que depende de los gustos y de las

necesidades de cada persona. Entonces, si

eres de los que les gusta una interfaz

visualmente agradable, estable e intuitiva,

pues iOSes lo que quieres. O tal vez te

18

19

19

gusta el minimalismo, hacer tu

dispositivo más personal y mucho más

intuitiva, entonces WindowsPhonees lo

que necesitas. Pero si eres de los que se

aburre fácilmente y te gusta cambiar el

aspecto de las cosas sin sacrificar

rendimiento Android cumplirá con todas

tus expectativas.

Escrito por Jesús Márquez

Enero, 2015.

Referencias

Amparo Babiloni (5 agost. 2014)

Comparativa Android L vs Windows

Phone 8.1. Recuperado el 25 de

Enero , 2015, d e ht tp : / /

www.tuexperto.com/2014/08/05/

comparativa-android-l-vs-windows-

phone-8-1

Javier “Simón” Cuello y José Vittone

Diseñando apps para móviles- Cap 8.

Diseño visual. Recuperado el 25 de

Enero , 2015, d e ht tp : / /

w ww .ap pd es i g nb ook . com /es /

contenidos/diseno-visual-apps-

nativas

Miguel G. Personaliza tu iPhone con

Dock Shift y LockScreenTool.

Recuperado el 25 de Enero, 2015 de

http://iphoneosx.com/personaliza-tu

-iphone-con-dock-shift-y-lockscreen-

tool

Andrew Williams. (27 may. 2014)

W i n d o w s P h o n e 8 . 1

review.Recuperado el 25 de Enero ,

2015, de Recuperado el 25 de

Enero , 2015, de http://

www.trustedreviews.com/windows-

phone-8-1-revie

Juan B. (27 nov. 2012) Comparativa

OS: Android 4.1 vs iOS 6 vs Windows

Phone 8. Recuperado el 25 de

Enero , 2015, de http://

o h m y p h o n e . o r a n g e . e s / m a s -

smartphones/sistema-operativo/

comparativa-os-android-4-1-vs-ios-6

-vs-windows-phone-8.htm

19