¿Qué tipo de "nuevo lienzo" se necesita para diseñar un modelo de negocio en la era de Internet? El diseño de la interfaz de usuario móvil tiene sus propias reglas y limitaciones de diseño únicas. La continua incorporación de nuevas tecnologías ha promovido el rápido desarrollo de las plataformas móviles, y el diseño de la interfaz de usuario móvil es diferente del diseño tradicional de carteles planos o páginas web. Entonces, para convertirte en un diseñador calificado de UI móvil, ¿qué habilidades necesitas dominar y qué tipo de nirvana y renacimiento necesitas experimentar? Parte 1 Desafíos y limitaciones Cada medio tiene sus limitaciones. Incluso en el móvil, una plataforma llena de oportunidades, libertad y creatividad, hay muchos problemas que resolver y limitaciones inevitables. Fragmentación de los terminales móviles Hoy en día circulan por el mercado infinidad de smartphones. Los diferentes terminales inteligentes no sólo tienen diferentes tamaños, sino que también tienen densidades de píxeles de pantalla muy diferentes debido a las diferencias de resolución. El mecanismo de entrada, la relación de pantalla y la orientación de la pantalla afectarán el diseño de la interfaz de usuario de los terminales móviles. El diseño web móvil puede utilizar un diseño responsivo para garantizar una experiencia de navegación en diferentes pantallas. Por el contrario, el diseño de aplicaciones móviles carece relativamente de movilidad. Por lo tanto, como diseñador de UI móvil, aún debes considerar las diferencias en el diseño de la pantalla y los cambios en la experiencia del usuario. División de plataformas de sistemas operativos Los tres principales sistemas operativos móviles actuales son iOS, Android y Windows Phone (que tienen una pequeña participación de mercado y están básicamente marginados en China. Cada sistema operativo tiene su propio conjunto de especificaciones de diseño, métodos de interacción y programas). .Interfaz, y a medida que se actualiza la versión del sistema operativo, estas cosas también tienen sus propios cambios. El más típico es la división de versiones del sistema operativo Android. Los problemas de compatibilidad de programas causados por la división aún no se han resuelto. Esto implica diferencias en las versiones del sistema operativo y problemas extraños de compatibilidad causados por la personalización del fabricante (los desarrolladores de Android se han desmayado). baño Innumerables veces). iOS también se actualizó con versiones principales, desde 6. iOS también se actualizó con versiones principales de 6.0 a 7.0. Hasta el día de hoy, el estilo de diseño y los problemas de compatibilidad entre las dos versiones principales aún afectan al desarrollador. . El proceso de actualización de Windows Phone de 7 a 8 también es muy problemático. No entraré en detalles aquí y no quiero recordar el pasado inolvidable y la escena en la que los ejecutivos de Microsoft se ahogaron en saliva. Aunque el diseño de interacción de las tres plataformas principales está altamente unificado dentro de sus respectivas plataformas, los desarrolladores y diseñadores no pueden ignorar el impacto de las divisiones de versiones del sistema, las diferencias del sistema operativo y la personalización del fabricante. Rendimiento La forma en que se diseña y construye una aplicación afecta directamente su rendimiento. En otras palabras, una aplicación bien diseñada instalada en tu teléfono durará un día y medio, mientras que una aplicación mal diseñada te dejará con energía extra. Las conversiones innecesarias consumen mucha CPU y un fragmento de código JS defectuoso puede hacer que el navegador consuma varias veces más batería de lo habitual. El Galaxy S5 de este año podría ejecutar una aplicación sin problemas, pero un Galaxy Nexus de hace dos años podría quedarse atascado al abrir una aplicación. En general, la calidad del diseño y el desarrollo afectará el rendimiento de la aplicación e incluso afectará la vida útil del teléfono móvil (algunos usuarios y desarrolladores de teléfonos móviles nacionales lloraron juntos en el baño). Desarrollo y control de costos Hay muchas aplicaciones que son interesantes y nuevas cuando se conciben, pero eso no significa que sean fáciles de implementar. La forma en que se diseñe y desarrolle la aplicación determinará directamente si puede cumplir con la fecha límite. Si no reconocemos el costo de desarrollar una aplicación, la carga para los desarrolladores aumentará exponencialmente, lo que puede ser un desastre para el desarrollo posterior de la aplicación. Parte 2: Dejar de lado las viejas ideas Cuando empezamos a aprender sobre diseño y desarrollo, la era digital apenas comenzaba y nuestra comprensión de las cosas emergentes aún era muy joven. ¿Cuál es la diferencia entre escolarización y diseño y desarrollo reales? La diferencia entre la educación escolar y el diseño y desarrollo real hace que muchos diseñadores tengan una comprensión algo estática de la Internet digital. Estático, incluso formando algún tipo de pensamiento personalizado y sabiendo poco sobre Internet móvil.
Catalizada por esta era de explosión de información y competencia feroz, Internet móvil está evolucionando y avanzando a una velocidad aterradora. Esto requiere que los diseñadores se mantengan al día con el desarrollo de los tiempos y actualicen y mejoren su comprensión de Internet en cualquier momento. El móvil no es un lienzo El diseño móvil es muy diferente del diseño gráfico en que ya no es un lienzo plano. Aunque PS y AI han ayudado a los diseñadores a lograr innumerables hazañas en los últimos 20 años, no creo que PS y AI sean lo suficientemente buenos para ayudar a los diseñadores a hacer la transición de la impresión a lo móvil. Todavía necesitamos usarlos para dibujar más interfaces de usuario e íconos para pantallas de diferentes tamaños, pero también necesitamos usar más software para mostrar el otro lado de los dispositivos móviles, como usar AE para dibujar efectos dinámicos. Desde concebir el diseño de la pantalla hasta considerar las transiciones de la interfaz De hecho, cuando se trata de diseño de interfaz de usuario móvil, no basta con pensar en el diseño de la pantalla. Las aplicaciones móviles premium como Facebook Paper, Yahoo Weather y Weather Channl nos han demostrado cuánta tensión pueden crear las animaciones en las interfaces de usuario. El Material Design utilizado en el recién lanzado Android L esconde una serie de efectos excesivos que hacen que quieras detenerte después de una interfaz estática aparentemente ordinaria. Los efectos especiales dinámicos entre las transiciones de la interfaz, que solían ser sólo para reír, ahora se están volviendo comunes y centrales para la experiencia del usuario móvil. Se está convirtiendo en un elemento importante de interacción e interfaces, dándoles ritmo y vida. Los efectos de movimiento no sólo pueden presentar el proceso de movimiento, sino también mostrar espacio, jerarquía y cambios, brindando a los usuarios una experiencia completamente diferente en términos de estructura básica de la interfaz. ¿Darle su propio toque al estilo del diseñador? Deje eso de lado, no necesita hacer que la interfaz sea única o nueva, especialmente si rediseña todas las interfaces para que sean únicas y luego expone todo el producto al riesgo de ser único. Muchas veces, ceñirse a los elementos y patrones nativos de la interfaz de usuario es un factor importante para garantizar que su aplicación se entregue a tiempo. Muchas veces, en lugar de perseguir diseños únicos y originales, es mejor crear interfaces interactivas simples y eficientes para crear valor real de marca. Una aplicación real no es peor que el diseño conceptual de un diseñador. A muchos diseñadores les gusta buscar inspiración en sitios web como Behance y Dribbble, aunque hay una gran cantidad de trabajos de diseño conmovedores y de alta calidad en estos sitios web, si no tienes experiencia. En el diseño de la interfaz de usuario móvil, profesor, es posible que le engañen. Muchos de estos diseños son solo demostraciones de alta fidelidad que nunca se implementaron, y algunos de ellos pueden influir en su forma de pensar sobre el diseño de su interfaz. Entonces, ¿por qué no aprender de las aplicaciones exitosas que ya están en línea? Aprenderá mucho de ellos y verá tendencias de diseño en auge. Estos casos probados por el mercado y por los usuarios le permitirán comprender qué diseños vale la pena aprender. Parte 3 Aprenda nuevas habilidades y comprenda la plataforma Así como un diseñador web necesita comprender HTML/CSS, como diseñador de UI móvil, también debe comprender la arquitectura de las aplicaciones móviles. Primero, el lenguaje del desarrollo móvil es diferente del diseño web. Las diferentes plataformas tienen sus propios lenguajes de programación e interfaces, y la composición de la interfaz no se puede lograr mediante el uso de CSS y etiquetas. Debe leer en profundidad la documentación oficial de desarrollo para comprender cómo está compuesta la aplicación, cómo compilarla, cómo publicarla y comprender las reglas de diseño. Estas cosas no sólo están relacionadas con la calidad de la aplicación que desarrolles, sino que también afectan la estabilidad del sistema, la duración de la batería y muchos otros factores. Como diseñador de UI móvil, no basta con conocer el diseño. Por supuesto, esto también beneficiará a tu carrera a largo plazo. Para comprender la funcionalidad básica de una plataforma móvil, no basta con comprender sus componentes técnicos. A continuación, es necesario comprender los componentes técnicos asociados a él: servicios de localización (wifi, GPS, etc.), Bluetooth (tecnología Bluetooth Low Energy), señal, cámaras frontal y trasera, micrófono, giroscopio, sensor de localización, acelerómetro, escáner de huellas dactilares. (iPhone 5s), tecnología de seguimiento ocular, reconocimiento de voz, reconocimiento facial, etc. Detrás de cada nueva tecnología se esconden más posibilidades de aplicaciones, diseño de interacción, experiencia de usuario e incluso modelos de negocio.