DISEÑO PARA DIFERENTES PLATAFORMAS

You, we've started thinking about designing across platforms.

Now it's time to learn how users engage with different devices.
First, we'll discuss user behavior on mobile phones and desktop computers.
Then we'll move on to design considerations when designing for
mobile devices.
Let's start with an overview of the current landscape.
There's a big difference in the amount of time users spend on mobile phones
compared
to desktop computers.
An average mobile session is 72 seconds,
while the average desktop session is 150 seconds, more than twice as long.
Why is this important?
Because it tells us that people use different devices in different ways.
Mobile users tend to be goal oriented, and
they're focused on completing a single task on mobile phones.
Gestures like tapping and swiping help users move around the screen.
Test this out for yourself.
Next time you're using a mobile phone, think about your own behaviors and
remember the next billion users we discussed earlier.
As those users come online,
they're mostly accessing the Internet from mobile devices.
This means the amount of desktop web traffic compared to mobile web traffic
will continue to shift.
It's important for UX designers to consider mobile users connectivity
limitations, like slower processing speeds and longer load times.
To be inclusive, we need to design for all types of phones,
whether they cost $50 or $500.
Okay, so users interact with devices in different ways.
Now let's go through the design differences we need
to consider based on the devices we're designing for.
First, let's talk about responsiveness.
In the past, most mobile websites were a mini version of the desktop site,
which often made the mobile websites difficult to use.
Now, almost all websites use responsive web design.
Responsive web design allows a website to change automatically,
depending on the size of the device.
For example, a website homepage might have multiple columns when a user
experiences it on a desktop computer with responsive web design.
When a user visits the same website on a mobile phone, the multiple columns
are automatically condensed into one column to better fit the smaller screen.
All the content is still there, and the usability is way better.
Internet browsing on desktop computers has been around for
longer than on mobile devices.
But since mobile device usage has been booming,
designers have had to start focusing on designing for mobile.
So let's think about a few best practices when designing for
mobile-user experiences.
First, call to action buttons should be placed front and center,
allowing the user to easily complete the desired task,
like joining an email list or adding an item to their shopping cart.
Second, navigation menus should be short and simple.
We want to simplify the user experience on mobile, so
menu options should only highlight the core functions of the product.
Third, use gestures that users already do, like tapping and swiping.
Gestures should be intuitive and familiar to users.
Fourth, design for both directions a phone might be held.
We need to consider the vertical portrait view of a mobile phone and
the horizontal landscape view.
We want users to have an effective experience no matter how they hold
their phone.
And fifth, reduce visual clutter.
Mobile phones have smaller screen sizes.
So it's important to keep the visual experience simple.
Reproduce el video desde :3:49 y sigue la transcripción3:49
That was a lot of new information to take in.
Remember this main takeaway users behave differently depending on their
device.
UX designers help make that transition happen as seamlessly as possible.
It's a big responsibility, but a lot of fun, too.
DISEÑO DE PLATAFORMAS MULTIEXPERIENCIA
Al diseñar un nuevo producto o una nueva Característica, es importante pensar
en los diferentes tipos de plataformas en las que se experimentará el diseño. A
modo de recordatorio, una plataforma es el medio en el que los usuarios
experimentan su producto. Algunas plataformas comunes son:
 Computadoras de escritorio
 Ordenadores portátiles
 Teléfonos móviles
 Tabletas
 Dispositivos portátiles, como relojes inteligentes
 Televisores
 Pantallas inteligentes
Un producto puede experimentarse en innumerables plataformas diferentes,
pero las computadoras de escritorio, los ordenadores portátiles y los teléfonos
móviles son las plataformas más utilizadas para interactuar con aplicaciones y
sitios web. Estas son las plataformas en las que pasará más tiempo
centrándose durante este programa de certificación. En esta lectura, aprenderá
las consideraciones clave a la hora de diseñar para diferentes plataformas para
ayudarle a empezar.
● Tamaño de la pantalla
La primera consideración a la hora de diseñar para distintas plataformas es
ajustar los elementos y las características del diseño para que se adapten a los
distintos tamaños de pantalla. Por ejemplo, usted dispone de mucho espacio en
pantalla cuando diseña para ordenadores de sobremesa y portátiles. Pero
cuando diseña para pantallas más pequeñas, como las de los teléfonos
móviles, tiene que decidir cuidadosamente qué partes del diseño priorizará
incluir en el espacio limitado. Esto significa hacer que cada palabra, icono e
imagen cuenten
En los cinco primeros cursos de este Programa certificado, diseñará una
aplicación para un teléfono móvil. En el sexto curso del Programa, diseñará un
sitio web responsivo, que permite que el diseño de un sitio web cambie
automáticamente en función del tamaño de la pantalla del dispositivo. Esto
significa que aprenderá mucho más sobre el diseño para diferentes tamaños de
pantalla más adelante en el programa de certificación, así que permanezca
atento.
● Interacción
Además del tamaño de la pantalla, también debe tener en cuenta la forma en
que los usuarios interactúan con cada plataforma y cómo esas interacciones
pueden afectar a sus decisiones de diseño.
También es fundamental tener en cuenta la accesibilidad al desarrollar sus
diseños en cada punto. Diferentes grupos de personas interactuarán con su
producto de diferentes maneras, como utilizando un lector de pantalla,
subtítulos o un dispositivo interruptor. Para empezar, es útil que pruebe a
utilizar algunas de estas tecnologías usted mismo, con el fin de comprender
cómo las personas con discapacidad podrían interactuar con su producto en
diferentes plataformas.
● Disposición del contenido
En el mundo del diseño UX, la disposición se refiere a la forma en que se
organiza la información en la pantalla. Por ejemplo, cuando se diseña para
ordenadores de sobremesa o portátiles, se tiene la ventaja de trabajar con un
tamaño familiar y estandarizado: el modo apaisado (horizontal). La pantalla es
ancha, el contenido puede disponerse en columnas y hay mucha más
flexibilidad para diseñar.
Por el contrario, el contenido de los teléfonos móviles suele disponerse en
modo vertical (retrato), ideal para el desplazamiento. Además, los teléfonos
móviles suelen dar a los usuarios la opción de utilizar el modo horizontal
girando el dispositivo. Implementar esto en sus diseños requiere más trabajo
por su parte como diseñador, pero proporciona a los usuarios una gama más
amplia de opciones.
Considere la disposición del contenido en un par de plataformas más: las
tabletas combinan la experiencia del usuario de escritorio y de teléfono móvil,
lo que significa que puede incorporar aspectos de la disposición del contenido
de escritorio y de teléfono móvil en sus diseños. Los smartwatches suelen
tener pantallas compactas cuadradas o rectangulares, que ofrecen muy poco
espacio digital para maquetar el contenido.
● Función
Hay muchas razones por las que los usuarios pueden elegir una plataforma en
lugar de otra, pero la funcionalidad y el tipo de tareas que quieren completar
es un gran controlador. Es probable que sus diseños para cada plataforma
varíen en función de cómo y cuándo espera que los usuarios necesiten el
producto.