¿Cómo diseñan los profesionales una aplicación desde cero?

Hola a todos,

Hay algunos pasos desde los cuales puede hacer una aplicación.

1) Comprenda los objetivos de su sitio:

Antes de comenzar a pensar en el diseño, debe definir los objetivos que establece para su sitio web. Esto lo ayudará a comprender los requisitos técnicos, así como el mensaje general que desea que su sitio transmita. Por ejemplo, si el objetivo principal del sitio web es vender diseños de moda, sabe que debe incluir una galería de productos, un carrito de compras y un procedimiento de pago en su esquema de diseño.

2) Inspírate:

Le recomiendo que pase una buena cantidad de tiempo investigando. Cuando empiece a imaginar cómo quiere que funcione su sitio, realice un recorrido web y visite sitios web relacionados y no relacionados con su industria. Tome nota de lo que le parece impresionante en términos de diseño y rendimiento, y piense en adoptar estas cosas en su propio sitio web.

3) Crear un mapa detallado del sitio:

Este es un paso muy importante en el proceso. El mapa de su sitio es el modelo de la arquitectura de su sitio y continuará guiándolo a lo largo de todo el diseño, así que asegúrese de pensar un poco. El mapa del sitio debe incluir una lista de todas las páginas planificadas e indicar claramente qué enlaces de la página dónde y qué anclajes o subpáginas se incluyen en qué sección.

4) Define tu estilo :

Ahora que tiene los objetivos y la estructura resueltos, y después de que su exhaustiva investigación lo haya presentado a las últimas tendencias de diseño, es hora de pensar en el aspecto de su sitio web. Esto incluye la combinación de colores, la elección de la tipografía, el diseño del encabezado, el uso de elementos como formas, vectores, ilustraciones, etc.

5) Planifique el uso de su imagen:

Las imágenes son críticas para la mayoría de los sitios web, por lo que es mejor planificar de antemano cómo desea usarlas en su diseño.

6. Preparar textos por adelantado:

A veces, el contenido textual puede influir en el proceso de diseño. Es mejor que prepare los textos que planea usar antes de comenzar a construir el sitio. Esto incluye no solo párrafos largos, sino también el eslogan del sitio para el encabezado, los textos de “Llamado a la acción” que desea distribuir en el sitio, la redacción de los botones, etc.

7. Finalice el diseño:

Piense en el diseño del sitio como el esqueleto del sitio web antes de agregarle algo. Es posible que necesite diferentes diseños para diferentes páginas: tiendas en línea, páginas de contacto, páginas de reserva de citas, biografías, todo esto tiene un carácter diferente y requiere un diseño distinto.

8. Agregar elementos de diseño:

Con el diseño, establece las bases de su sitio web. Ahora es el momento de agregar el toque decorativo que le da a su sitio web un ambiente único. Comience con elementos de diseño que aparecerán en todas las páginas (encabezado fijo, imagen de fondo estática, diseño del menú de navegación, etc.), y continúe para agregar elementos que sean singulares en cada página (cuadros de texto, galerías de imágenes, alimentación de redes sociales). , etc.)

9. Subir contenido:

¿Recuerdas todas esas imágenes, textos, videos y sonidos que preparaste con anticipación y trabajaste tan duro? Después de completar este paso, debe evaluar si el contenido funciona bien con el esquema de diseño que creó y hacer los ajustes apropiados si es necesario.

10. Dale un impulso:

Puede mejorar el aspecto y el rendimiento del sitio con aplicaciones y funciones que aumentarán su atractivo para su público objetivo.

Después de esto, está listo para probar su sitio y prepararse para el lanzamiento. Es extremadamente importante que revise los textos y busque errores tipográficos, que se asegure de que todas las imágenes estén recortadas correctamente, que los enlaces conduzcan a donde se supone que conducen, y que todo en su sitio funcione como debería.

Entonces, así es como puedes hacer tu aplicación.

Espero que esto te pueda ayudar.

Gracias.

Para empezar, debe determinar adecuadamente el problema. ¿Será esta una aplicación móvil o una aplicación de escritorio? ¿Se diseñará principalmente para adolescentes o para adultos? Esto afectaría muchas opciones de diseño y colores, etc.

También el tipo de aplicación y la industria para la que está diseñada afecta las opciones de diseño y los colores y el diseño de interacción. Por ejemplo, una aplicación bancaria sería de naturaleza más seria y tendría líneas limpias y simples sin adornos. Por otro lado, una red social sería colorida con íconos e imágenes brillantes y una fuente social.

En este punto, puede obtener inspiración para su diseño desde diferentes lugares, jugadores establecidos en el dominio de las aplicaciones, otros diseñadores creativos en Dribbble o Behance o incluso dispositivos o arquitectura analógicos. Realmente puede inspirarse por cualquier cosa, solo necesita mantener los ojos abiertos. Mantenga una carpeta para toda su inspiración, paletas de colores, fuentes, conjuntos de iconos y otros activos que le gustaría usar. Esto te ayudaría en los próximos pasos.

Ahora pasa a la creación de prototipos, esto se hace de varias maneras. Puede usar papel y lápiz para esbozar sus ideas, también puede usar una aplicación como Sketch (favorito personal) o incluso Adobe Photoshop o la nota clave de Apple.

Después de esta etapa, tendría un conjunto de guiones gráficos para todas sus aplicaciones, esto establecería el tema de la aplicación, sus dimensiones, colores, fuentes, tamaños de fuente y alineaciones. Ahora puede dar un paso más, usando una aplicación como framer para agregar animaciones e interactividad a su prototipo o, como personalmente me gusta trabajar, pasar directamente al código.

Esta parte dependería en gran medida de la plataforma para la que está diseñada la aplicación. Una aplicación web tiene su estructura y diseño definidos en html y css. Las aplicaciones para Mac e iOS se pueden diseñar usando la herramienta de guiones gráficos en Xcode y el diseño y el estilo en Android se pueden hacer en xml o usando el generador de interfaces en Android Studio.

Una aplicación diseñada por profesionales tiene ciertas características clave, digamos que alguien quiere construir una aplicación para Android o cualquier aplicación móvil. El primer paso de un desarrollador de aplicaciones profesional sería

  1. Analizar la interfaz de usuario y los requisitos técnicos.
  2. Diseñe la mejor arquitectura para la aplicación en MVP stuructre
  3. Use bibliotecas bien probadas para la capa de red
  4. Planifique la interfaz de usuario de manera que el usuario disfrute de la apariencia y la tarifa cuando esté en uso
  5. Codifique de manera que no haya una ejecución irrelevante para mejorar el rendimiento de la aplicación y reducir el consumo de batería
  6. La coordinación adecuada con el equipo de APi en caso de que otro desarrollador desarrolle la api si el mismo desarrollador lo diseñó mejor es escribir una api de peso ligero para que la aplicación se vuelva suave y las posibilidades de fallas sean menores
  7. Ofrezca lo mejor en el manejo de excepciones, cuanto más profesionales sean las excepciones, mejor será el rendimiento de la aplicación y la experiencia de la interfaz de usuario es increíble

Analice las especificaciones de la aplicación para descubrir lo que realmente especifican. (Muchas especificaciones escritas por personas no técnicas son como “poner la parte superior blanca y cuadrada sobre la parte inferior negra y redonda”).

Analice la especificación real para desarrollar una forma de hacer lo que especifica.

Tome el resultado de ese análisis y codifíquelo en un lenguaje de programación (o lenguajes).

Pruébalo para encontrar un error. arreglar el error Regrese al comienzo de esta línea hasta que no haya más errores (o hasta que llegue la fecha de lanzamiento del Departamento de Marketing). Si todavía hay errores en la fecha de lanzamiento, pelea con el departamento de Marketing. (En algunos casos, los programas con errores conocidos no se envían. En algunas empresas, los programadores pierden sus empleos por cumplir con la fecha de lanzamiento de Marketing).

Pero se trata principalmente de análisis. El paso de codificación es casi trivial.

hermano

desarrollé la aplicación, uso la mayor parte de la interfaz de usuario de Pinterest

Es la mejor manera de encontrar un diseño profesional.

Gracias.

puedes obtener mi aplicación desde aquí: https://play.google.com/store/ap