Red de conocimiento informático - Material del sitio web - Cómo convertirse en diseñador de aplicaciones móviles

Cómo convertirse en diseñador de aplicaciones móviles

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 crecimiento de las plataformas móviles. El diseño de la interfaz de usuario de los terminales móviles es diferente del diseño tradicional de carteles planos o páginas web. Entonces, ¿qué tipo de habilidades necesitas dominar para convertirte en un diseñador de UI móvil calificado y qué tipo de nirvana necesitas experimentar?

Parte 1 Desafíos y limitaciones

Cada medio tiene sus limitaciones. Incluso en una plataforma móvil llena de oportunidades, libertad y creatividad, existen muchas preguntas candentes y limitaciones inevitables.

Terminales móviles fragmentados

Hoy en día, existen infinidad de smartphones circulando en el mercado. Los diferentes terminales inteligentes no solo tienen diferentes tamaños, sino que también tienen diferentes píxeles por pulgada de pantalla debido a las diferentes resoluciones. Si se considera en detalle, el mecanismo de entrada, la relación pantalla-cuerpo y la orientación de la pantalla de estos terminales afectarán el diseño de la interfaz de usuario del terminal móvil.

El diseño web móvil puede utilizar un diseño responsivo para garantizar la experiencia de navegación en diferentes pantallas, mientras que el diseño de aplicaciones móviles carece relativamente de fluidez. Por lo tanto, como diseñador de UI móvil, aún debe considerar las diferencias en el diseño y la experiencia del usuario causadas por las diferencias de pantalla.

Plataformas de sistemas operativos independientes

En la actualidad, los tres principales sistemas operativos móviles son iOS, Android y Windows Phone (la cuota de mercado es pequeña y básicamente están marginados en China). Cada sistema operativo tiene su propio conjunto de especificaciones de diseño, métodos de interacción e interfaces de programa, y ​​estas cosas tienen sus propios cambios a medida que se actualiza la versión del sistema operativo. 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 ya han llorado). en el baño innumerables veces). IOS también ha pasado por un largo período de transición con la actualización de la versión principal de 6.0 a 7.0. Hasta ahora, los problemas de estilo de diseño y compatibilidad entre las dos versiones principales todavía afectan a los desarrolladores. No entraré en detalles aquí sobre lo doloroso que es actualizar Windows Phone de 7 a 8. Realmente no quiero recordar esos recuerdos insoportables y la escena en la que los ejecutivos de Microsoft fueron ahogados en saliva.

Incluso si el diseño de interacción de las tres plataformas está altamente unificado en 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 afectará directamente a su rendimiento. En otras palabras, si los programas instalados en su teléfono móvil están bien diseñados, su teléfono móvil puede permanecer inactivo durante un día y medio. Si uno de los programas no está bien diseñado, necesitará llevar una fuente de alimentación móvil adicional cuando lo necesite. sales. Algunas animaciones de transición innecesarias pueden hacer que su CPU realice operaciones intensivas y un código JS problemático puede hacer que su navegador consuma varias veces más energía de lo habitual. Quizás el Galaxy S5 recién lanzado este año pueda ejecutar una aplicación sin problemas, pero hace dos años, el Galaxy Nexus podría congelarse tan pronto como se abre la aplicación. En términos generales, el diseño y el desarrollo afectarán el rendimiento de la aplicación e incluso la duración de la batería 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 novedosas cuando se conciben, pero esto no significa que puedan implementarse fácilmente. Lo bien que se diseñe y desarrolle una aplicación determinará directamente si puede cumplir con el plazo. Si el costo de desarrollo de una aplicación no se puede entender claramente, la carga que soporta el desarrollador aumentará exponencialmente, lo que también sentará las bases para el desarrollo posterior de la aplicación.

Parte 2: Renunciar a la mentalidad

Cuando empezamos a aprender diseño y desarrollo, la era digital apenas había comenzado y nuestra comprensión de las cosas emergentes aún no estaba madura. La "diferencia de tiempo" entre la educación escolar y el diseño y desarrollo reales hace que muchos diseñadores tengan una comprensión ligeramente "estática" de la Internet digital, e incluso formen un cierto tipo de pensamiento personalizado, y sepan poco sobre la Internet móvil. En esta era de explosión de la información, la Internet móvil catalizada por una feroz competencia está evolucionando y avanzando a una velocidad aterradora, lo que requiere que los diseñadores sigan el ritmo del desarrollo y actualicen sus conocimientos de Internet en cualquier momento.

Los terminales móviles no son lienzos.

Existe una gran diferencia entre diseño móvil y diseño gráfico. Ya no es un lienzo plano.

Dudo que PS y AI sean suficientes para ayudar a los diseñadores a completar la transición de Internet plana a móvil, aunque PS y AI han ayudado a los diseñadores a lograr innumerables hazañas en los últimos 20 años. En la actualidad, todavía los necesitamos para dibujar más UI e íconos de diferentes tamaños de pantalla, pero necesitamos más software para mostrar los diferentes aspectos de los terminales móviles, como el uso de AE ​​para dibujar efectos dinámicos.

Desde concebir el diseño de la pantalla hasta considerar la conversión de la interfaz

De hecho, cuando se trata de diseño de interfaz de usuario móvil, considerar simplemente el diseño de la pantalla no es suficiente. Aplicaciones móviles de alta calidad como Facebook Newspaper, Yahoo Weather y The Weather Channel son sólo ejemplos de cómo las animaciones de transición entre interfaces pueden forzar las interfaces de usuario. El diseño de materiales adoptado por el recién lanzado Android L esconde una serie de efectos excesivos que hacen que quieras detenerte detrás de la interfaz estática aparentemente ordinaria.

En el pasado, los efectos dinámicos entre los cambios de interfaz eran solo para conseguir una sonrisa, pero hoy se está generalizando y convirtiéndose en el núcleo de la experiencia del usuario móvil. Se está convirtiendo en un elemento importante de las interacciones e interfaces, dándoles ritmo y vitalidad. Los efectos dinámicos no sólo muestran el proceso de movimiento, sino también el espacio, los niveles y los cambios, brindando a los usuarios una experiencia completamente diferente en la estructura básica de la interfaz.

Deseche su "estilo de diseñador"

No necesita hacer que la interfaz sea única u original, especialmente cuando rediseña todas las interfaces para que sean únicas y luego para que sean únicas. Y cuando se pone en riesgo todo el producto. Muchas veces, cumplir con los elementos y patrones nativos de la interfaz de usuario es una garantía importante para la entrega puntual de las aplicaciones. En lugar de promover enérgicamente diseños únicos y originales, suele ser más apropiado crear una interfaz interactiva simple y eficiente y crear valor de marca real.

La aplicación real no es peor que el diseño conceptual del diseñador.

A muchos diseñadores les gusta acudir a sitios web como Behance y Dribbble para encontrar inspiración. Aunque existen algunos trabajos de diseño dinámicos y de alta calidad, si no es un diseñador de UI móvil experimentado, estos trabajos pueden engañarlo. Muchos de estos diseños fueron sólo demostraciones de alta fidelidad que nunca llegaron a realizarse. Cuando planea diseñar una interfaz, hay algunas cosas que pueden influir en su forma de pensar. Por lo tanto, también puedes aprender de las aplicaciones exitosas que ya están en línea. Obtendrá una rica nutrición y verá las tendencias de diseño en auge. Estos casos que han sido verificados por el mercado y los usuarios te ayudarán a comprender qué diseño vale la pena aprender.

Parte 3: aprender nuevas habilidades

Comprender la plataforma

Así como los diseñadores web necesitan comprender HTML/CSS, como diseñador de UI móvil, usted debe comprender La arquitectura de la aplicación móvil. En primer lugar, el lenguaje del desarrollo móvil es diferente al 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 implementar mediante CSS y etiquetas.

Debe leer en profundidad los documentos oficiales de desarrollo para comprender la composición de la aplicación, el método de compilación, el método de lanzamiento y las reglas de diseño. Estas cosas no sólo están relacionadas con el desarrollo de su aplicación, sino que también afectan la estabilidad del sistema, la duración de la batería y otros factores. Como diseñador de UI móvil, no basta con conocer el diseño. Por supuesto, a la larga también será bueno para tu carrera.

Comprender los componentes técnicos de los terminales móviles

No basta con entender las características básicas de la plataforma. A continuación, es necesario comprender sus componentes técnicos relacionados: servicios de localización (wifi, GPS, etc.), Bluetooth (tecnología Bluetooth de bajo consumo), señal, cámaras frontal y trasera, micrófono, giroscopio, sensor de posición, sensor de aceleración, escáner de huellas dactilares ( iPhone 5s), tecnología de seguimiento ocular, reconocimiento de voz, reconocimiento facial y más. Detrás de cada nueva tecnología hay más posibilidades de aplicaciones, diseño de interacción, experiencias e incluso modelos de negocio.

Explore el potencial de desarrollo de los componentes de UI locales

Siempre hay una gran cantidad de componentes de UI locales en cada sistema operativo móvil y tienen mucha libertad para personalizarlos. Necesita conocer exactamente sus características (tamaño, dimensiones, funcionalidad) y puede ahorrar mucho tiempo de trabajo a los desarrolladores con los que trabaja.

Comprenda el flujo de trabajo de los terminales móviles

Instale el SDK y ejecútelo, y comprenda los marcos de desarrollo móvil como TubyMotion, Xamarin y Titanium. Familiarícese con el entorno de desarrollo integrado, ya que abarca todos los aspectos necesarios para el desarrollo móvil.

Comprende el modo de interfaz de los terminales móviles

Existen similitudes entre las tres plataformas móviles, pero si profundizas en su diseño de interacción, encontrarás enormes diferencias en sus conceptos. Como diseñador, debes comprender estas diferencias y cómo se manifiestan en casos de uso del mundo real.

No te concentres únicamente en una sola plataforma. Las tres plataformas requieren una experiencia profunda. Juega al menos una vez al día durante al menos medio año. Durante este proceso, experimente las diferencias y conserve las capturas de pantalla que considere importantes, representativas y dignas de conservar. No puedes ser un diseñador de UI móvil siendo un ávido fanático de una única plataforma.

Documenta y explica tu diseño de UI.

Teniendo en cuenta que las capturas de pantalla no son suficientes para mostrar todas las características de la interfaz de usuario, es necesario aprender a registrar los diferentes estados, procesos de transición, animaciones de transición y otra información de la interfaz, y aprender a registrar los comentarios. de la interfaz para diferentes situaciones.

Practique Lean UX Design en la fase de diseño

Un diseñador moderno debe ser un diseñador con una visión estratégica. Tus objetivos no pueden limitarse a crear hermosas interfaces. Debes combinar tu diseño y trabajo en equipo para satisfacer las necesidades del proyecto. Obtenga información sobre las necesidades profundas de los usuarios y proporcione rápidamente comentarios sobre el diseño. Guarde el trabajo de diseño con descripciones detalladas para garantizar que todos los diseños cumplan con los conceptos básicos y las necesidades del usuario.

Utilizar un diseño UX ágil durante la fase de desarrollo.

No se pueden simplemente entregar modelos de alta fidelidad a los desarrolladores, porque seguirán surgiendo nuevos requisitos durante el proceso de desarrollo. Siempre habrá situaciones que no se han considerado completamente antes y que deberán complementarse y mejorarse durante la etapa de desarrollo, y los diseñadores deben responder rápidamente. Por lo tanto, en esta etapa, los diseñadores realmente necesitan sentarse junto a los desarrolladores y manejar las emergencias. Esto garantiza que cuando los desarrolladores satisfagan nuevas necesidades, no tengan que agregar ellos mismos detalles de UX ni buscar diseñadores nuevamente.

Parte 4: Consejos de diseño web móvil

Diseño adaptable

En el lado móvil, el diseño adaptable no es una solución universal. A veces encaja, a veces no. Es su responsabilidad considerar cuándo adoptar soluciones ad hoc y cuándo realizar un diseño responsivo.

Utilice CSS y JS con cuidado

De hecho, las animaciones, degradados y sombras CSS son geniales y fáciles de implementar. Las páginas web de Parallax también se ven interesantes y muchos diseñadores están interesados ​​en ellas. Sin embargo, estos elementos consumen muchos recursos y supondrán una gran carga para el navegador móvil, afectando así la duración de la batería. Es necesario controlar adecuadamente los efectos CSS y los efectos dinámicos JS. Incluso si los navegadores de teléfonos móviles de bajo rendimiento pueden soportar bien los selectores CSS3, los cuellos de botella en el rendimiento harán que la experiencia general sea pobre.

Utiliza la herramienta adecuada para hacer lo correcto.

Esta no es una lista muy precisa, pero puedes encontrar muchas buenas herramientas que te ayudarán con diferentes tareas. Algunos son gratuitos y otros están en la plataforma Mac.

Parte 5 ¿Todo esto está obsoleto?

Entonces, sí, pero no está bien. En la actualidad, los terminales móviles se están desarrollando muy rápidamente, las tendencias de diseño cambian constantemente, se acerca la era de los electrodomésticos inteligentes y el Internet de las cosas, y la tecnología de sensores y las aplicaciones móviles correspondientes también traerán más desafíos. Como diseñador de UI móvil, tenemos mucho que aprender y, en consecuencia, también surgen oportunidades.