Qué Es Mobile First Design

¿Qué es Mobile First Design?
¿Por qué es
importante y cómo hacerlo?
1. ¿Qué es Mobile First Design? ¿Por qué es importante y cómo

hacerlo?
En el Mobile World Congress de 2010, Eric Schmidt, director ejecutivo de

Google, propuso que los diseñadores deberían seguir la regla de "móvil
primero" en el diseño de productos. ¿Qué significa "diseño móvil
primero"? ¿Por qué es importante? ¿Como hacerlo? Responderé estas 3
preguntas en la siguiente parte.
¿Qué es Mobile First Design?

Para comprender mejor el concepto de diseño de dispositivos móviles
primero, primero debe conocer las dos frases siguientes.
1. Diseño web adaptable (RWD)
El diseño web receptivo es un método de diseño web que permite que la
web se ajuste automáticamente a las pantallas de diferentes dispositivos,
mostrando el contenido de una manera que la gente se sienta cómoda. Esto
reduce en gran medida las operaciones de los usuarios como desplazarse,
hacer zoom y desplazarse al navegar por la web.
2. "Avance progresivo" y "Degradación elegante"
Estos dos conceptos se presentaron antes del diseño web receptivo. Para
hacer que la interfaz web o de la aplicación se muestre razonablemente en
diferentes dispositivos, los diseñadores proporcionan versiones
personalizadas del producto para diferentes fines.
El avance progresivo significa que cuando diseñamos un producto, primero
creamos una versión para el navegador relativamente inferior (como la de
un teléfono móvil). Esta versión incluye las funciones y características más
básicas. Después de eso, tendemos a la versión avanzada para tableta o
PC, que se crea agregando interacciones, efectos más complicados, etc.en
la versión básica para una mejor experiencia de usuario.
“Graceful Degradation” , por el contrario, inicia el diseño del producto
desde un extremo avanzado como el escritorio y crea una versión con
características completas al principio. Luego, los diseñadores hacen que el
producto sea compatible con los extremos móviles cortando algunas
funciones o contenidos.
Progressive Advancement ha ganado el juego por ahora, por lo que puedo
ver. Si los diseñadores de UI / UX comienzan un diseño de producto con su
versión de escritorio, inevitablemente querrán aprovechar la mayoría de las
ventajas del extremo avanzado. Por ejemplo, el efecto de desplazamiento
que es compatible con el cursor del mouse; Imágenes HD y gráficos
complejos que pueden mostrarse normalmente solo cuando hay un ancho
de banda reciente. De esta manera, los diseñadores se esforzarán por
completar una versión de escritorio increíble y solo para descubrir que
difícilmente se puede adoptar en un extremo móvil a menos que renuncien a
muchas ideas hermosas. Si es así, la versión final móvil será más como una
ocurrencia tardía, un producto incompleto que se ha diluido.
Pero si tomamos el diseño del producto final móvil como punto de partida,
bajo las restricciones como el ancho de banda, el tamaño de la pantalla,
etc., los diseñadores naturalmente aprovecharán los puntos clave de un
producto, se dirigirán a un producto limpio y ordenado con características
prioritarias. Cuando la plataforma se expande a una tableta o PC, los
diseñadores pueden aprovechar las características únicas de estos
extremos avanzados para fortalecer el producto paso a paso. Esta podría
ser la razón principal por la que la estrategia de avance progresivo se usa
ampliamente.
Puede preguntar, ¿por qué dedica tanto tiempo a explicar los dos
conceptos? La respuesta es que "móvil primero" es exactamente una regla
de "avance progresivo".
“Mobile first”, como su nombre indica, significa que comenzamos el diseño
del producto desde el extremo móvil que tiene más restricciones, luego
expandimos sus funciones para crear una versión para tableta o
computadora de escritorio.
2. ¿Por qué el principio de “móvil primero” es tan importante en el
diseño de productos?
Excepto por la victoria del avance progresivo contra la elegante

degradación, como se mencionó anteriormente, tenemos razones más
tangibles para creer que el principio móvil primero es importante en el
diseño de productos. Es decir, la explosión del uso móvil.
1. El uso de Internet móvil ha superado el uso de escritorio en 2016.
2. La gente ha pasado cada vez más tiempo en Internet desde terminales
móviles.
3. A principios de 2012, las ventas de teléfonos inteligentes han superado
las ventas de PC.
La explosión de los extremos móviles insta a los diseñadores a prestar
atención al extremo móvil y seguir la regla de "primero móvil" en el diseño
de productos.
3. ¿Cómo practicar la regla de "móvil primero" en el diseño de
productos?
La clave del principio móvil primero es, de hecho, una mente centrada en el
contenido.
La siguiente parte explicará el avance de un producto desde un terminal de
teléfono móvil a un terminal de PC.
Hagamos una solicitud de reserva de hotel. Primero clasificamos el
contenido del sitio por importancia:
* Nombre del Sitio Web
* Hotel (hotel nacional, hotel extranjero, habitación horaria, hotel especial)
* Selector de tiempo (hora de entrada, hora de salida)
* Mi pedido
* Servicio al Cliente
* Promoción y publicidad
Luego obtenemos una versión final móvil como esta:
Aplicación de reserva de hotel: creada con Mockplus
Los hoteles nacionales, extranjeros y los selectores de tiempo son el
contenido más importante. Están ubicados en la parte más destacada de la
interfaz.
Al agregar más funciones en la versión móvil y ampliar el área de exhibición
de promociones y publicidad, obtenemos una versión de escritorio como
esta:
Además, al practicar el principio móvil primero en diferentes sitios web o
aplicaciones móviles, los diseñadores pueden comenzar rápidamente
con una práctica herramienta de creación de prototipos para probar su
diseño a tiempo, encontrar y resolver problemas potenciales desde el
principio.
De esta manera, los diseñadores pueden crear un producto para múltiples
fines de una manera suave y eficiente en lugar de eliminar sin piedad esas
buenas características para tener una idea tardía.
En resumen, el principio de "móvil primero" tiene un papel importante en el
diseño de productos. Por un lado, ayuda a ahorrar tiempo en el diseño de
productos y a mejorar la productividad de los diseñadores. Por otro
lado, obliga a los diseñadores a prestar más atención al contenido de un
producto, lo que les ayuda a crear diseños prácticos y prolijos. Sin
embargo, a medida que los teléfonos inteligentes se vuelven cada vez más
potentes, es posible que el extremo móvil ya no se considere como
"extremos inferiores" en el futuro cercano, por lo que "moverse primero"
puede no ser un tema eterno. Pero por ahora, no se puede ignorar su lugar
en el diseño de productos.

Qué Es Mobile First Design

Cargado por

Copyright:

Formatos disponibles

Qué Es Mobile First Design

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Qué Es Mobile First Design

Cargado por

Copyright:

Formatos disponibles

¿Qué es Mobile First Design?

1. ¿Qué es Mobile First Design? ¿Por qué es importante y cómo

En el Mobile World Congress de 2010, Eric Schmidt, director ejecutivo de

¿Qué es Mobile First Design?

Excepto por la victoria del avance progresivo contra la elegante

También podría gustarte