Hacer un diagrama de arquitectura atractivo, pero a la vez técnico [cerrado]

13

¿Alguien tiene algún consejo para hacer un diagrama de arquitectura de software "atractivo"? Mi gerente me dijo que hiciera que mi diagrama de arquitectura actual (que se construyó solo con Visio e íconos básicos) fuera más "atractivo" para una presentación que tengo que dar a los tipos de nivel ejecutivo que no son técnicos. Supongo que pretendía tener algo que mostrarías a los clientes o para que lo usen las personas de marketing.

¿Algún conjunto de iconos específicos o consejos particulares que tenga la gente? No puedo publicar mi diagrama actual por razones de privacidad, pero para tener una idea general, es solo texto, líneas e íconos del servidor (http://www.227volts.com/wp-content/uploads/2009/03/exchange2007visiostencils.jpg) ese es el conjunto de iconos que estoy usando.

Honestamente, estoy confundido sobre cómo hacer que algo así sea "más atractivo" (demonios, creo que el blanco y negro son siempre las mejores combinaciones de colores para usar: P)

Editar:

Entonces, algo como esto enlace todavía se considera "profesional" con todos los colores y demás.

Le pregunté a mi gerente y todo lo que dijo fue simplemente hacerlo más comercial mientras evadía las preguntas sobre lo que debería hacer específicamente.

    
pregunta 24.09.2011 - 01:09

5 respuestas

11

Esta pregunta es demasiado grande para ser respondida exactamente punto por punto. Hay libros sobre diseño y otros sobre la experiencia del usuario , que explican en detalle cómo hacer que el software, los productos de consumo, los libros, los anuncios y los juguetes para bebés sean más atractivos para el público objetivo. En realidad, su pregunta es similar a:

  

Soy diseñador, tengo una idea de la programación (aprendí Básico en la escuela durante dos semanas) pero no tengo tiempo para aprender a programar. Se me pide que realice un sitio web de comercio electrónico desde cero utilizando ASP.NET MVC y Microsoft SQL. ¿Puede explicarme cuáles son esas dos cosas y cómo puedo usarlas para hacer un trabajo exitoso?

En todos los casos, si desea crear gráficos "atractivos" pero no tiene tiempo para leer docenas de libros y no tiene un diseñador en su empresa (¿es posible?), puede intente inspirarse en lo que ve: sitios web profesionales, presentaciones, etc. Debe observar algunas reglas y patrones, y aplicarlos a sus gráficos. Puede que se equivoque a veces, porque algunas reglas funcionan bien para los sitios web, pero fallan para productos de consumo o cuadros o juguetes para bebés, pero en general, tiene más posibilidades de éxito.

Por ejemplo, si tomo el gráfico en su edición:

Observoelprimererror:lassombras.Lassombrasdebenusarseconprecaución.Enunsitioweb,talusoseríainaceptable.Unbuenejemplodecómosedebenusarlassombrases Apple.com . Cada elemento con el que el usuario puede interactuar tiene una pequeña sombra, dando una sensación de volumen. Ningún otro elemento tiene una sombra. En el caso de un gráfico, esto puede ser más aceptable, ya que los usuarios no tienen la intención de interactuar con el gráfico. Aún así, las sombras son demasiado grandes y demasiado separadas de los elementos. Además, aquí, no hay necesidad de ellos: cada elemento ya tiene un borde .

Regla de oro: KISS (o, si lo desea, "ser perezoso"). No agregue un borde y una sombra y un color de fondo al mismo tiempo. No haga que el texto en negrita cursiva Arial Black 200 aparezca subrayado con un borde amarillo en el fondo de la cal parpadeando. Haga solo lo que necesita hacer para agregar impacto visual, nada más.

Piense en el estilo de sus gráficos: nadie quiere ver esos feos diagramas UML en blanco y negro. Pero no exagere: solo empeorará: Los diagramas en blanco y negro de UML son feos, pero usable . Una mecha animada con GIF parpadeante de múltiples fuentes del arco iris con muchos iconos y flechas que cambian de color no solo es fea, sino también inutilizable.

Para los gráficos, recuerda la especificidad del contexto. Si se mostrará a través de un proyector, no puede tener un texto verde sobre un fondo blanco : simplemente desaparecerá mágicamente cuando se proyecte en una pared. Si es compatible con tu conversación, no pongas demasiado en una diapositiva : demasiados gráficos, demasiados números, demasiado texto. La ilustración de arriba es un buen ejemplo de lo que nunca debe hacer para una presentación: con esa diapositiva, está seguro de que la mitad de la audiencia se duerme y la otra mitad deja de escucharlo, tratando desesperadamente de comprender qué es esto. .

Finalmente, recuerda que estás aquí para tu audiencia, no al contrario . Si muestra el gráfico como se ilustra arriba para personas de marketing , ellos mismos dirán que apesta. ¿Saben qué es la nube (o creen que tiene algo que ver con las aplicaciones que están alojadas en el cielo / espacio)? ¿Saben lo que representa el ícono marrón con "DB"? ¿Pueden explicar qué es una aplicación web y en qué se diferencia de la aplicación de otra cosa o de un sitio web?

    
respondido por el Arseni Mourzenko 24.09.2011 - 03:40
1

Probablemente sea innecesario enfatizar que la belleza es una de las opiniones más subjetivas de la historia. Como dicen, la belleza está en el ojo del espectador , así que lo que es hermoso para ti puede ser feo como el infierno para otra persona. Una gran cantidad de mejores medias coincidirían.

Dicho esto, hoy en día la gente probablemente espera un poco más que un diagrama ASCII. No tienes que estudiar la teoría de los colores, pero perfilarla un poco no hará daño. Los sitios para hacer diagramas como, por ejemplo, Gliffy tienen plantillas de aspecto decente que apuesto, complacerían a cualquiera (o al menos, no les disgustaría) asistiendo a esa presentación.

    
respondido por el Rook 24.09.2011 - 03:27
1

Una vez que haya hecho los diagramas con las herramientas de desarrollo que usa normalmente, vuelva a realizarlos desde cero en Powerpoint o en el software de presentación que utilice su empresa. Mis presentaciones con los iconos y estilos de flecha predeterminados han recibido una respuesta mucho mejor que las que he hecho en Enterprise Architect o Power Designer. Omita UML y solo vaya para diagramas de relaciones y diagramas de flujo simples. Al igual que con cualquier presentación, reúna algo rápidamente y ejecútelo con su gerente para obtener comentarios. No querrá perder horas diseñando un elaborado diagrama de flujo de trabajo que su administrador derribará por estar "demasiado ocupado". Recomiendo hacer un diagrama simple por completo, para que pueda mostrar el estilo (fuente, paleta de colores, diseño) y burlarse del resto por contenido. Luego llévelo a su gerente y obtenga más instrucciones.

    
respondido por el TMN 24.09.2011 - 16:42
0

Sea consistente en la fuente. Separe las cosas por igual y manténgalas alineadas. Probablemente agregue un color o dos (¿colores de empresa?) Más allá del blanco y negro. Encabezados en negrita. Las fronteras deben ser distintas. Algo un poco más que líneas de cuadrícula como fondo o ninguna en absoluto.

Es posible que tenga que dividirse en páginas / diapositivas separadas. Nadie quiere ver 57 bloques en un diagrama de nido de pájaro caótico (según su percepción).

Es posible que desee consultar a alguien en su empresa con un poco más de sentido estético. Ejecutarlo por alguien en ventas o marketing.

    
respondido por el JeffO 24.09.2011 - 03:05
0

Usa esquinas redondeadas y colores apagados. Usa líneas gruesas. Elliance tiene algunos buenos ejemplos. Sin embargo, no se me permite publicar imágenes, pero aquí es un ejemplo He usado como inspiración para mis propios diagramas.

    
respondido por el undetected 24.09.2011 - 06:39

Lea otras preguntas en las etiquetas