Reseñas y detalles del producto de OmniGraffle

Omnigraffle sigue siendo, sin duda, la mejor herramienta para wireframing. Aunque muchos IAs y profesionales de UX han estado usando Sketch, esa no es la herramienta adecuada para el trabajo. Sketch es para prototipos, no para wireframes. Esto es lo que lo hace superior:

1. BIBLIOTECAS: Puedes guardar plantillas y elementos de UX que creas para reutilizar (en tu estilo) que están a un simple arrastrar y soltar de distancia. No sé tú, pero odio recrear cosas como formularios de contacto, mapas, iconos sociales, etc. Tener una vasta biblioteca de tu propio trabajo (y el trabajo de otros a través de la comunidad Graffletopia) ahorra mucho tiempo.

2. VARIABLES: La parte inferior de mis wireframes, flujos y mapas del sitio incluye un bloque de copia del título del proyecto, nombre del lienzo, fecha de modificación, número de página, etc. No escribo nada de esto. Es auto-insertado y auto-actualizado por el software.

3. MODIFICACIONES DE FORMAS como la herramienta Pathfinder de Adobe Illustrator. A veces realmente necesitas la forma correcta de burbuja de comentario o estado de navegación con flecha dentada. Haz tantas como quieras. Guárdalas como formas personalizadas y se convierten en parte del sistema para usarlas cuando las necesites.

4. CAPAS COMPARTIDAS. Me encantan. Pon tu navegación en una capa compartida y aparecerá en todos tus nuevos lienzos dentro de ese documento. Usualmente agrego una capa adicional ENCIMA de la capa compartida como un estado activo.

5. MODO DE PRESENTACIÓN. ¿No tienes una cuenta de InVision? ¡Qué pena! Pero si no puedes permitirte una, relájate. Puedes hacer que tus wireframes sean clicables como un sitio web real y en modo de presentación, puedes recorrer el sitio, a pantalla completa y cada elemento sobre el que pases el cursor se resaltará automáticamente. En un apuro, he hecho esto muchas veces y los clientes responden bien. Uso un contorno grueso y brillante que les recuerda los estados de hover que ven en una cierta herramienta de pruebas de usabilidad que todos conocemos y amamos.

6. VENDER I.A.: Seamos realistas. Los wireframes de herramientas como Balsamic parecen hechos por un niño. Sé que ese es un poco el punto, para evitar que el IA parezca demasiado diseñado, pero intenta explicar eso a un cliente que es nuevo en wireframes. Tendrás una migraña de explicarles por la 18ª vez que no, el sitio no se verá así, y sí, las líneas estarán rectas en desarrollo. Los wireframes de Omnigraffle simplemente se ven mejor y se venden solos a los clientes.

7. EXPORTACIÓN. Sí, si te ves obligado a exportar a Visio, o (escalofrío) abrir un archivo de Visio, puedes hacerlo. Lo he hecho muchas veces y las cicatrices finalmente han sanado. Puedes exportar a PDF, BMP, EPS, PNG, HTML, JPG, PSD, SVG, TIFF, Visio XML, los tres tipos de documentos de Omnigraffle y OmniOutline.

8. DIAGRAMAS DE GANTT: ¿Por qué alguien usaría Omnigraffle para hacer una línea de tiempo cuando Office hace esto perfectamente bien? Simple. ¿Alguna vez has visto un documento de MS Project? Horrible e imposible de leer cuando se proyecta en una pantalla. He recreado diagramas de Gantt en OGP con colores hermosos, opciones de tipografía más fáciles de leer y mejor espaciado y ¿adivina qué? Gané más negocios. No quiero subirme a un púlpito, pero no hagas que tu audiencia se esfuerce por leer algo en la pantalla. Si comienzas tu diapositiva con, "Sé que esto es un dolor de ojos, pero…" has fallado. Realmente. Omnigraffle resolvió eso para mí.

9. ARRASTRAR Y SOLTAR EN OTRAS APLICACIONES: Regularmente arrastro selecciones de gráficos, imágenes y mapas del sitio, etc. directamente desde Omnigraffle y las suelto en diapositivas de Keynote y Powerpoint. Sin problemas. Se escalan hermosamente y no experimentan cambios de color que a veces ocurren con otras aplicaciones.

10. INFOGRAFÍAS. Claro, Canva.com es genial, pero no puede REALMENTE crear infografías verdaderas (todavía). OGP puede y pueden verse tan bien como si se hubieran hecho en Adobe Illustrator o Sketch. Reseña recopilada por y alojada en G2.com.

Hay poco que no gustar de Omnigraffle, para ser honesto. Todo simplemente funciona. Mis únicas quejas son estas:

1. ESTADOS ACTIVOS Y DE HOVER: Si podemos tener capas compartidas, deberíamos poder establecer estados activos y de hover para objetos y navegación.

2. ESTILOS DE DOCUMENTO: Aunque puedo guardar y tener acceso a miles de elementos de página y aplicación preconstruidos, sería bueno configurar estilos de documento (colores, tipografías, logotipos) que se usen en todo un documento sin asignarlos manualmente a cada elemento (o recurrir a la herramienta de pincel). Admito que este es un caso de uso raro para mí y probablemente para otros, pero ha surgido cuando se me dieron requisitos de wireframe (los enlaces deben ser de este color, las líneas deben ser #ccc, todo el texto en Helvetica Neue, etc.)

He escuchado a algunas personas en la industria quejarse de que OGP no exporta a HTML (no es cierto, lo hace) y que las herramientas que usan van directamente a archivos de producción. Deben trabajar en pequeñas empresas que solo trabajan en HTML puro. Las agencias para las que he trabajado y en mi empresa actual, el código es una combinación de varios lenguajes de codificación y scripts que harían que el HTML básico que crea una herramienta de prototipos sea inútil. Siento que este es un argumento tonto a menos que solo construyas en HTML puro, sin jQuery, sin participación de bases de datos, sin javascript, etc. Reseña recopilada por y alojada en G2.com.