Tworzenie atrakcyjnego, ale wciąż technicznego schematu architektury [zamknięte]

13

Czy ktoś ma jakieś porady na temat tworzenia „atrakcyjnego” schematu architektury oprogramowania? Mój menadżer powiedział mi, abym sprawił, że mój obecny schemat architektury (który został zbudowany przy użyciu Visio i podstawowych ikon) jest bardziej „atrakcyjny” dla prezentacji, którą muszę przekazać typom kierowniczym, którzy nie są techniczni. Zgaduję, że chciał mieć coś, co chciałbyś pokazać klientom lub marketingowym użytkownikom.

Jakieś konkretne zestawy ikon lub określone porady? Nie mogę opublikować mojego aktualnego diagramu ze względów prywatności, ale aby uzyskać ogólny pomysł, to tylko tekst, linie i ikony serwera (http://www.227volts.com/wp-content/uploads/2009/03/exchange2007visiostencils.jpg) to jest zestaw ikon, którego używam.

Jestem szczerze zdezorientowany, jak zrobić coś takiego „bardziej atrakcyjnym” (do diabła, myślę, że czerń i biel to zawsze najlepsze kombinacje kolorów do użycia: P)

Edytować:

Czy jest coś takiego: http://rollerweblogger.org/roller/resource/linkedin-today.png nadal uważany za „profesjonalny” ze wszystkimi kolorami i tak dalej?

Zapytałem mojego kierownika, a on powiedział tylko, że uczyni go bardziej zbywalnym, unikając jednocześnie pytań o to, co powinienem zrobić.


źródło
4
Może gdybyś tylko Photoshop skreślił zdjęcia komputerów i zastąpił je zdjęciami z magazynów modowych? Również nazwy serwerów są trochę nudne, możesz zmienić je na dowolną ikonę pop, do której odnosi się nazwa jednego słowa. I zamiast tekstu związanego z architekturą oprogramowania, może jakieś okno dialogowe z reality show lub wyniki sportowe.
psr
2
@soulesschild: (1) nie komentuj swojego pytania. Proszę zaktualizować swoje pytanie. (2) „Czy coś takiego… jest uważane za bardziej„ atrakcyjne ”?” To twoje pytanie. Musisz nam powiedzieć, czy osiąga próg „atrakcyjności”. Nie możemy powiedzieć, czy spełnia twoje wymagania. (3) „Mój menedżer powiedział mi ...” Dlaczego nie zapytałeś swojego menedżera? Nie możemy nawet zacząć zgadywać, co miał na myśli.
S.Lott,
1
„unikając pytań o to, co konkretnie powinienem zrobić”. Więc chcesz, żebyśmy losowo zgadywali? Czy mówisz, że potrzebujesz pomocy w rzuceniu monetą, aby podjąć decyzję? Jeśli tak, oto kilka informacji: Szefowie. Być może lepiej jest pominąć wszystkie mylące historie i po prostu zadać proste pytanie na temat „atrakcyjnych” schematów architektury. Całkowity brak komunikacji między twoim przełożonym a tobą wcale nie jest pomocną informacją. Proszę rozważyć jego usunięcie.
S.Lott,
2
Dlaczego musisz przedstawiać informacje techniczne kierownictwu nietechnicznym? IMO, to jest prawdziwy problem, który powinieneś rozwiązać. Jeśli potrzebujesz atrakcyjnych schematów do sprzedaży swoich pomysłów, oznacza to, że i tak nie dostaną żadnego z nich, a ty po prostu strzelasz do nich bombami dymnymi.
tdammers

Odpowiedzi:

11

To pytanie jest zbyt duże, aby na nie odpowiedzieć dokładnie punkt po punkcie. Są książki o projektowaniu i inne książki o doświadczeniu użytkownika , które wyjaśniają szczegółowo, jak uczynić oprogramowanie, produkty konsumenckie, książki, reklamy, zabawki dla niemowląt bardziej atrakcyjnymi dla docelowej grupy odbiorców. W rzeczywistości twoje pytanie jest podobne do:

Jestem projektantem, mam pomysł na programowanie (uczyłem się Basic w szkole przez dwa tygodnie), ale nie mam czasu na naukę programowania. Zostałem poproszony o zrobienie strony internetowej e-commerce od podstaw przy użyciu ASP.NET MVC i Microsoft SQL. Czy możesz mi wyjaśnić, jakie są te dwie rzeczy i jak mogę je wykorzystać do wykonania udanej pracy?

We wszystkich przypadkach, jeśli chcesz tworzyć „atrakcyjne” wykresy, ale nie masz czasu na czytanie dziesiątek książek i nie masz projektanta w swojej firmie (czy to możliwe?), Możesz spróbować zainspirować się tym, co wokół : profesjonalne strony internetowe, prezentacje itp. Musisz zanotować pewne zasady i wzorce i zastosować je do swoich wykresów. Czasami możesz się pomylić, ponieważ niektóre zasady działają dobrze na stronach internetowych, ale zawodzą w przypadku produktów konsumenckich, wykresów lub zabawek dla niemowląt, ale ogólnie masz większe szanse na sukces.

Na przykład, jeśli wezmę wykres w twojej edycji:

wprowadź opis zdjęcia tutaj

Zauważam pierwszy błąd: cienie. Cieni należy używać ostrożnie. Na stronie internetowej takie użycie byłoby niedopuszczalne. Dobrym przykładem tego, jak należy używać cieni, jest Apple.com . Każdy element, z którym użytkownik może wchodzić w interakcje, ma mały cień, który daje wrażenie objętości. Żaden inny element nie ma cienia. W przypadku wykresu może to być bardziej akceptowalne, ponieważ użytkownicy nie mają na celu interakcji z wykresem. Cienie są jednak zbyt duże i zbyt oddzielone od elementów. Również tutaj nie ma ich potrzeby: każdy element ma już granicę .

Ogólna zasada: KISS (lub, jeśli chcesz, „bądź leniwy”). Nie dodawaj jednocześnie ramki, cienia i koloru tła. Nie pogrubiaj tekstu kursywą Arial Black 200 na czerwono podkreśloną żółtą obwódką na tle wapna. Rób tylko to, co musisz zrobić, aby dodać efekt wizualny, nic więcej.

Pomyśl o stylizacji swoich wykresów: nikt nie chce widzieć tych brzydkich czarno-białych diagramów UML. Ale nie przesadzaj: będzie tylko gorzej: czarno-białe diagramy UML są brzydkie, ale użyteczne . Tęczowe, migające, wielogłosowe bzdury animowane GIF-em z mnóstwem ikon i strzałek, które zmieniają kolor, jest nie tylko brzydkie, ale także bezużyteczne.

W przypadku wykresów pamiętaj o specyfice kontekstu. Jeśli zostanie wyświetlony przez projektor, nie możesz mieć zielonego tekstu na białym tle : po prostu magicznie zniknie po wyświetleniu na ścianie. Jeśli obsługuje twoje przemówienie, nie umieszczaj zbyt wiele na slajdzie : za dużo grafiki, za dużo liczb, za dużo tekstu. Powyższa ilustracja jest dobrym przykładem tego, czego nie wolno robić w przypadku prezentacji: dzięki takiemu slajdowi masz pewność, że połowa publiczności idzie spać, a druga połowa przestaje cię słuchać, desperacko próbując zrozumieć, co to takiego .

Na koniec pamiętaj, że jesteś tutaj dla swoich odbiorców, a nie na odwrót . Jeśli pokażesz wykres jak ilustrowany powyżej osobom zajmującym się marketingiem , powiedzą sobie, że jesteś do bani. Czy wiedzą, co to jest chmura (lub uważają, że ma to związek z aplikacjami hostowanymi w przestrzeni powietrznej / kosmicznej)? Czy wiedzą, co reprezentuje brązową ikonę z „DB”? Czy mogą wyjaśnić, co to jest aplikacja internetowa i czym różni się od czegoś innego lub od strony internetowej?

Arseni Mourzenko
źródło
1

Prawdopodobnie nie trzeba podkreślać, że piękno jest jedną z najbardziej subiektywnych opinii w historii. Jak mówią, piękno jest w oku patrzącego , więc to, co jest dla ciebie piękne , może być brzydkie jak diabli dla kogoś innego. Zgodziłoby się wiele lepszych połówek .

Biorąc to pod uwagę, w dzisiejszych czasach ludzie prawdopodobnie oczekują czegoś więcej niż diagramu ASCII. Nie musisz uczyć się teorii kolorów, ale jej kształtowanie nie zaszkodzi. Witryny do tworzenia diagramów, na przykład Gliffy, mają przyzwoicie wyglądające szablony, które założę się, zadowolą każdego (a przynajmniej nie niezadowolenie) uczestniczącego w tej prezentacji.

wprowadź opis zdjęcia tutaj

Wieża
źródło
1

Po wykonaniu diagramów przy użyciu narzędzi programistycznych, których zwykle używasz, wykonaj je od nowa w programie Powerpoint lub innym oprogramowaniu do prezentacji używanym przez Twoją firmę. Moje prezentacje z domyślnymi ikonami i stylami strzałek uzyskały znacznie lepszą reakcję niż te, które zrobiłem w Enterprise Architect lub Power Designer. Pomiń UML i po prostu przejdź do prostych diagramów relacji i schematów blokowych. Podobnie jak w przypadku każdej prezentacji, szybko zrzuć coś razem i przepuść obok swojego menedżera, aby uzyskać informację zwrotną. Nie chcesz marnować godzin na tworzenie skomplikowanego schematu przepływu pracy, który Twój menedżer powali za to, że jest „zbyt zajęty”. Polecam wykonanie jednego prostego diagramu całkowicie, abyś mógł pokazać styl (czcionkę, paletę kolorów, układ), a następnie wykpić resztę treści.

TMN
źródło
0

Zachowaj spójność czcionki. Rozmieść rzeczy równo od siebie i utrzymuj je w jednej linii. Prawdopodobnie dodaj kolor lub dwa (kolory firmowe?) Poza czarno-białym. Nagłówki pogrubione. Granice powinny być wyraźne. Coś nieco więcej niż linie siatki jako tło lub wcale.

Może być konieczne podzielenie na osobne strony / slajdy. Nikt nie chce zobaczyć 57 bloków na chaotycznym schemacie ptasiego gniazda (według ich percepcji).

Być może zechcesz skonsultować się z kimś w swojej firmie z nieco większym wyczuciem. Uruchom go przez kogoś w dziale sprzedaży lub marketingu.

JeffO
źródło
0

Użyj zaokrąglonych rogów i stonowanych kolorów. Użyj grubych linii. Elliance ma kilka dobrych przykładów. Nie wolno mi jednak publikować zdjęć, ale oto przykład, który posłużyłem jako inspiracja do własnych diagramów.

nie wykryty
źródło