¿Debería un desarrollador hacer maquetas de UI si no hay diseñadores en el proyecto?

57

Estoy trabajando con un pequeño equipo que crea una aplicación web propietaria y UX no es una gran prioridad ya que nuestra propia gente será la que lo opere, pero intentamos facilitar su trabajo.

¿Debería, como desarrollador, crear una maqueta de UI antes de comenzar a crear una nueva pantalla? Nada demasiado elegante, principalmente el diseño general para hablarlo con los colegas y tener un modelo de referencia. Lo estaba comparando con la creación de algunos diagramas UML antes de profundizar en escribir código a ciegas.

Uno de mis compañeros de trabajo dice que esto es absurdo y que no es mi trabajo hacer eso.

Konstantine
fuente
51
Si no tienes diseñadores, y no es el trabajo de los desarrolladores, ¿quién se supone que lo haga? ¿El conserje, tal vez?
GrandmasterB
10
Ciertamente podría, tal vez debería, pero está lejos de ser inusual y definitivamente no es "absurdo", como lo expresa su compañero de trabajo excesivamente dramático. Dependiendo de la situación y el entorno, puede que sea mejor hacer una maqueta deliberadamente en lugar de algo que se parezca demasiado a un producto terminado. Balsamiq es una buena herramienta para esto, ya que solo está dibujando su maqueta en papel o en una pizarra.
Joe Ballard
3
Supongo que realmente quieres decir "maqueta"? Un "simulacro" es otra cosa .
Robert Harvey
23
El diseño de la experiencia del usuario va más allá de hacer que las cosas se vean bonitas. Los programadores deben estar muy involucrados con esto.
JeffO
2
lo que es absurdo es la reacción de tus compañeros de trabajo. esto es muy común
Claudiu Creanga

Respuestas:

74

Muy a menudo trabajo en tales proyectos, y la respuesta es un rotundo SÍ, y lo antes posible.

A las personas les resulta mucho más fácil criticar mejorar algún borrador que encontrar una solución desde cero. Así que empiezo a redactar temprano por dos razones:

  • Dé a los expertos en la materia una impresión sobre cómo se podría presentar la información.
  • Mostrar mi comprensión actual del problema y las estructuras informativas.

En casos raros, también fue bueno tener alguna prueba de que he entregado lo que acordamos ...

Stefan Schmiedl
fuente
16
Y honestamente, es mucho más fácil escribir el código si tienes al menos un boceto de servilleta sentado frente a ti.
Kathy
99
El punto 2) es terriblemente importante si el negocio no es trivial.
Bigstones
44
Como alguien que trabajó en UX durante 3 años, solo tener un boceto para hablar con la gente (desarrolladores, clientes, usuarios finales) es increíblemente útil e importante. ¡Le ahorrará MUCHO tiempo en el futuro cuando no necesite rehacer completamente el sitio porque alguien se sintió frustrado!
Gnomejon
39

Las maquetas son fantásticas y no hay razón para que un desarrollador no las haga. (Incluso puede ser útil para un desarrollador hacer un borrador de un diseño de interfaz de usuario incluso cuando tiene diseñadores de interfaz de usuario en el proyecto).

Le recomiendo que no haga maquetas que parezcan pantallas reales. Si comparte esto con usuarios finales que a menudo se centran en cosas que no importan, como los colores y los temas. Lo que te recomiendo que hagas es crear bocetos dibujados a mano en papel o en pizarra. O si los quiere en la computadora, use algo como Pencil Project o Visio ( aquí hay algunas plantillas de Visio de Jonathan Abbett que parecen dibujadas a mano).

Matthew Whited
fuente
66
Incluso puede dibujar a mano superposiciones, cuadros de diálogo, etc., cortarlos con unas tijeras y colocarlos en la parte superior de la pantalla principal dibujada a mano cuando el usuario toca un botón dibujado a mano. Muy rápido para dar una idea de lo que encuentran intuitivo, cuántos botones realmente necesitará, etc.
RemcoGerlich
Eso es una locura ... en realidad haciendo storyboard. Camino a la vieja escuela para estos chicos nuevos: P
Matthew Whited
1
"No hagas maquetas que parezcan pantallas reales" es una idea muy profunda.
Andrew Myers
1
Recuerdo una anécdota de que los usuarios juzgarían la finalización de un proyecto por el aspecto pulido de las capturas de pantalla que se presentaron. Para aquellos usuarios no técnicos que no distinguen entre presentación y funcionalidad, mantener un boceto es muy importante para comunicar "no está hecho".
Matthieu M.
1
@ Andrew ... es una de las cosas que aprendí cuando me burlaba de las aplicaciones en Access y VB. Le muestras a alguien algo que parece una captura de pantalla y esperan que puedas enviarlo :)
Matthew Whited
11

Si, absolutamente.

No dejes que alguien más te diga cómo hacer tu trabajo. Y tiene razón, es muy parecido a hacer UML para su modelo de datos. Asumiendo que usted es un desarrollador, su trabajo es entregar software de calidad. Si las maquetas te ayudan a hacer eso, entonces eso es parte de tu trabajo.

Realice maquetas de baja fidelidad, no las haga parecer pantallas reales. Perderá demasiado tiempo ajustando las fuentes, los píxeles y los bordes, y sus usuarios se obsesionarán con dichos detalles en lugar de centrarse en la funcionalidad. Algo así como balsamiq es genial para esto, no hay duda de otras herramientas similares. Con la maqueta en mano, es mucho más fácil discutir las características del proyecto con sus usuarios y con los otros miembros del equipo de desarrollo.

Bryan Oakley
fuente
Por supuesto, como dices, estoy hablando de maquetas de baja fidelidad. Personalmente uso draw.io como una solución súper ligera y para compartir fácilmente entre colegas.
Konstantine
10

Al diseñar "una nueva pantalla", primero debe analizar la idea aproximada de la interfaz de usuario con un usuario y / o sus colegas. No puede discutir esto con un usuario "en código" o "en UML", que simplemente no funciona (ni siquiera funcionará entre programadores). Y debe esperar que necesite tirar sus primeros dos o tres scetches, o al menos reorganizar en gran medida los elementos de la interfaz de usuario.

Entonces, si tiene una herramienta gráfica de diseño de interfaz de usuario que le permite hacer esto rápidamente, tiene sentido usarla. Sin embargo, si necesita codificar los elementos de la interfaz de usuario manualmente, y desechar o reorganizar los elementos de la interfaz de usuario requiere mucho esfuerzo, entonces obviamente tiene más sentido no "codificar" la interfaz de usuario primero. Será mucho más eficiente crear maquetas separadas, ya sea usando una herramienta gráfica de dibujo, o simplemente usando lápiz y papel.

Doc Brown
fuente
5

No necesariamente. Hay al menos dos razones por las cuales las maquetas pueden ser de poca utilidad.

Primero, si hay prácticas bien establecidas de la industria con respecto a hacer las cosas que está a punto de hacer, puede seguir adelante y hacer exactamente eso. No impulsarás el arte del diseño de la interfaz de usuario, pero eso es igual de bueno.

En segundo lugar, sus usuarios finales a menudo no saben qué es bueno para ellos y por qué. Simplemente no pueden saberlo hasta que comienzan a usar el programa (con datos reales o simulados). Ninguna cantidad de maquetas estáticas ayudará con eso.

Con un marco web modestamente flexible, para "solo otra pantalla de interfaz de usuario, como las pantallas N anteriores", puede comenzar con un prototipo funcional y reorganizarlo a medida que avanza. Haz una maqueta y discute con tus colegas cada vez que estés a punto de hacer algo elegante.

Eugene Ryabtsev
fuente
Es cierto que los usuarios finales no saben qué es lo mejor. Pero ni siquiera puede decir honestamente qué sabe mejor hasta que vea el diseño y el flujo de la aplicación. El mayor problema con el uso de la interfaz de usuario como maqueta es la expectativa que está configurando. Las personas ven algo y se quejan de las pequeñas cosas que no importan o simplemente se preguntan por qué tardan tanto en todo lo demás.
Matthew Whited
@MatthewWhited ¿Se quejan de pequeñas cosas cuando vienes a hablar sobre la interfaz de usuario o se quejan de ellas cuando te propones usar el producto para lograr su objetivo? Prefiero que el caso posterior sea más constructivo, y esto se presta bien para una aplicación web interna con una base instalada de 1.
Eugene Ryabtsev
3

¡SIEMPRE!

Trabajo para una pequeña empresa y soy la única persona de TI "blanda". Hago todos los requisitos, diseño, codificación, pruebas (aunque alguien siempre valida mis pruebas), diseño de bases de datos, etc.

NUNCA CORTE ESQUINAS EN LOS PASOS DE DISEÑO: sus usuarios finales se lo agradecerán. Usted se agradecerá también, porque SE terminan re-trabajo que hacer feliz a los usuarios finales. Incluso si su maqueta no es más que una hoja de papel garabateada a mano, les da una idea de qué esperar. Tomar 10 minutos para garabatear algo puede ahorrar una semana de trabajo (estado allí, hecho eso)

También te ayuda en tu codificación. Te da la oportunidad de pensar en lo que necesitas hacer, la forma más eficiente de lograrlo y cualquier obstáculo que pueda haber en el camino.

Por ejemplo, puede encontrar que el informe "simple" que necesita crear es más difícil de lo que pensó al principio porque no está capturando alguna fecha en la tabla xyz. También amplía sus horizontes y muestra que su equipo, sus superiores, o incluso pueden ser utilizados para posibles oportunidades profesionales futuras que usted hace más que el mínimo y puede salir de esa caja de "no es mi trabajo" (<--- en serio, NO seas ese tipo, todos lo odiamos) o te da la oportunidad de aprender más.

Jon Milliken
fuente
2

Veamos esto de una manera más general:

  • ¿Crear borradores es una buena idea?
  • ¿Quién debería crear los borradores?

¿Crear borradores es una buena idea?

Crear borradores proporciona principalmente 2 beneficios. Primero, proporciona enfoque, lo que conduce a una aceleración en el trabajo real que se realiza. En segundo lugar, hace que discutir la dirección del trabajo antes de que el trabajo esté completo sea mucho más simple.

La desventaja de crear un borrador es que usa el tiempo. Tiene poco sentido pasar 2 horas creando un borrador elaborado para algo que lleva 4 horas crearlo.

En su caso, el nivel de la maqueta debe tener en cuenta la cantidad estimada de trabajo que se dedica al proyecto y el beneficio del borrador. Dependiendo de esto, su maqueta puede estar entre 10 segundos en un post-it y un sitio web completamente interactivo. Para proyectos muy grandes y costosos, no es raro que equipos enteros trabajen en un borrador durante semanas y creen borradores de su borrador mientras lo hacen.

¿Quién debería crear los borradores?

No necesita una respuesta elaborada aquí: si se beneficia de crear un borrador, crea un borrador. Si se beneficia de que otra persona haga un borrador para usted, pídale a otra persona que haga un borrador para usted.

Peter
fuente
Muy buen punto sobre la importancia de comparar los tiempos de creación. No tiene sentido duplicar el tiempo requerido solo porque hicimos borradores.
Konstantine
-2

Tu colega es absolutamente correcto. Las aplicaciones internas generalmente tienen un aspecto predefinido. También para tales aplicaciones, los usuarios no buscan una interfaz de usuario de vanguardia. Todo lo que quieren es algo que funcione y sea razonablemente fácil de usar. A menos que planee cambiar radicalmente la interfaz de usuario (que desaconsejaré enérgicamente ... para aplicaciones internas), simplemente siga el aspecto existente. Las maquetas son geniales, pero en su caso, solo aumentarán su dolor.

Kshitij Upadhyay
fuente
1
Las maquetas no son para construir una interfaz de usuario de vanguardia, son para simular el diseño y el comportamiento de una pantalla. De hecho, en la mayoría de los casos, realmente no son tan bonitos. Simplemente no estoy de acuerdo
Kieren Johnstone
3
Encontré que las maquetas son útiles para una aplicación interna particular que estaba desarrollando. La idea no era diseñar el aspecto o inventar un nuevo paradigma de interfaz de usuario (como usted dice, esto no era necesario), sino descifrar a los usuarios cuáles son los requisitos, ya que una interfaz de usuario le brinda algo concreto para discutir.
James_pic
@KierenJohnstone Estoy completamente de acuerdo contigo. Sin embargo, él mismo dice que "UX no es una gran prioridad". A menos que sea un miembro razonablemente superior del equipo, sus recompensas no coincidirán con los esfuerzos (creando maquetas). Las maquetas son geniales. Pero no en su situación.
Kshitij Upadhyay
No estoy de acuerdo: las maquetas son realmente útiles en esta situación, en la mayoría de las situaciones, para ver cómo funcionará la aplicación, si tiene sentido y si el desarrollador entiende el requisito, antes de que ocurra la parte costosa (escribir código)
Kieren Johnstone
1
Nuestro equipo es de aproximadamente 3 personas. Hay un miembro principal / líder de equipo, y yo y otro tipo que hemos sido contratados para trabajar en el proyecto. El borrador se realizó principalmente para discutir la nueva pantalla con el líder del equipo. Además, no había una apariencia predefinida, ya que el objetivo de la nueva pantalla era mejorar una existente que era difícil de usar, por lo que todo tuvo que volverse a hacer.
Konstantine