¿Cuáles son sus procesos de pensamiento al diseñar la interfaz de usuario de una aplicación web de consumo?

Lo esencial para pensar es lo que es absolutamente esencial para su aplicación. ¿Qué debe lograr el usuario para obtener valor de la aplicación? ¿Qué hace la aplicación mejor que cualquier otra cosa? Una vez que internaliza las respuestas a estas preguntas, diseñar la aplicación se vuelve mucho más fácil, porque puede dejar de pensar en la basura que no importa.

Es muy difícil construir una interfaz de usuario sólida cuando tiene que incluir docenas de características que sirven a diferentes clases de usuarios en diferentes niveles de dominio en su producto. Cuanto más enfocado pueda estar su producto, más clara será su IU.

Si recién estás comenzando, el núcleo de tu aplicación es por lo que serás conocido. La descripción de 1 oración que las personas tienen para tu aplicación. Esto le da la libertad de diseñar un producto más simple que casi por definición conducirá a un mejor diseño.

Una vez que tenga la acción central de su aplicación, puede comenzar a pensar en la mejor manera de interactuar con ese proceso. Tiendo a esbozar diferentes variaciones de cómo se podría realizar dicho proceso. Centrarse en este proceso / bucle central conduce a una mayor probabilidad de diseñar algo que realmente tenga sentido.

Un último pensamiento, trate de pensar en su aplicación web como un producto físico con masa y volumen. Todo lo que agregue lo hace más pesado y voluminoso; cada enlace, cada color, cada gradiente, cada foto, cada campo de texto, cada página. Si observa algunos de los mejores diseños industriales, es compacto y está bien equilibrado. Desea que su aplicación web sea compacta y bien equilibrada también.

Tiendo a seguir una hoja de ruta estándar que aprendí al diseñar sistemas embebidos. No es la única forma, pero me gusta porque hace un esfuerzo por limitar las sorpresas y los problemas, y se centra en el envío y la iteración. También funciona bien para el desarrollo grupal, porque es fácil dividir las tareas y limitar el bloqueo. Dice así:

1. Arquitectura: comience con el diseño y las especificaciones de requisitos para el sistema. La especificación de diseño es lo que necesita hacer y cómo planea hacerlo. La especificación de requisitos introduce restricciones numéricas estrictas en las diversas partes de la especificación de diseño. (si tenía un botón de búsqueda, aquí es cuando decide cuántos resultados aparecerán y cómo maneja la paginación, cosas así). Los más útiles son los diagramas de estado y los diagramas funcionales. Realice casos de prueba, para que pueda probar la funcionalidad que crea funciona de la manera que desea. Una investigación adecuada lo ayudará a reinventar la rueda y acelerar su desarrollo.

2. Desarrollar: escribir código para cumplir con sus especificaciones.

3. Prueba y depuración: verifique todo con los casos de prueba que realizó.

4. Enviar: sáquelo y comience a usarlo. Siempre puedes mejorarlo. Sentarse y esperar que sea perfecto lo dejará frustrado. Siempre se enviará.

5. Comentarios: ¿la actividad del producto aumentó o disminuyó? ¿Se están registrando más personas? Concéntrese en analizar cada objetivo específico para el producto. Escucha a los clientes. Siga los análisis, los datos no mentirán.

6. Iterar y enviar: utilice sus comentarios. ¿Necesita volver a trabajar algunos procesos en el paso de arquitectura? Crear nuevos casos de prueba. Prueba. Enviar. Siga los comentarios. El proceso continua.

No tiene que hacerlo bien la primera vez. La mayoría de las veces, con las aplicaciones de consumo, aprenderá rápidamente si la forma en que lo hace es la forma en que debe ser. Por lo tanto, itere y envíe, pero eso no significa que deba aflojar el paso de la arquitectura. Debe tratar de obtener el producto lo más cerca posible de acuerdo con sus primeros análisis y objetivos.

More Interesting

¿Cómo puedo registrar acciones (clics, etc.) que los usuarios realizan en una aplicación web AJAX?

¿Hay alguna aplicación excelente en tu teléfono inteligente?

Cómo ejecutar la misma aplicación Node.js que una aplicación de consola y también una aplicación de navegador

¿Es posible realizar un seguimiento de las actualizaciones del plan con Google Analytics?

¿Cómo se implementaría la conversión de idiomas en una aplicación web?

¿Cómo construyen las personas sitios web como Robinhood?

¿Qué tipo de arquitectura necesita una aplicación web o servidor para manejar una carga constante de 100 millones de transacciones por segundo?

¿Por qué las aplicaciones web / API no tienen un método principal?

¿Qué es una aplicación de página única y es esta la tecnología que debo usar para desarrollar mi aplicación web?

¿Qué es un firewall y fuzzers de aplicaciones web?

¿Qué tan importante es enviar encabezados de tipo contenido a través de HTTP? (¿HubSpot es correcto o está lleno?)

¿Cuál es el papel de un servicio web en una arquitectura de tres niveles?

Si tomas un trabajo de desarrollador front-end, ¿puedes obtener un puesto completo de Rails o JavaScript algún día, o te encasillaría para hacer principalmente front-end a menos que hicieras un estudio sustancial?

¿Qué podría necesitar su negocio? Un sitio web o aplicación amigable para dispositivos móviles

Programación: ¿Existe una "reserva de citas como servicio" para los desarrolladores de sitios web?