it-swarm-eu.dev

Vizualizace a navigace v závislosti na projektu

Musím si představit závislosti softwarového projektu a poskytnout způsob, jak se v nich pohybovat. Chci kombinovat ukázání závislostí aktuálně vybraného projektu i projektů, které na něm závisejí. V podstatě jsou tedy k grafu připojeny dva směrované stromy.

Po nějakém hledání na webu jsem vyvinul svou představu o řešení, které zveřejním jako odpověď. Těším se na vaše alternativní řešení a/nebo komentáře.

1
paztulio

Dokážu vymyslet alespoň dva přístupy z klasického řízení projektů, které by zde mohly pomoci. Dříve jsem dělal design UX pro Microsoft Project (dávno), proto jsem neobjektivní, když se dívám na některé z těch dávno zavedených stylů.

Než se ale dostanu ke specifikám rozvržení a kresby, budu vás prosit, abyste omezili nevyžádané grafy - vnější čáry a hrany, které nekomunikují žádné informace. Vím, že vaše umění ASCII) je pouze ilustrativní, takže se ho nesnažím kritizovat. Je však snadné spadnout do kreslení mnoha a mnoha polí, takže okraje polí ( které jsou obvykle informační světlo), zabírají mnohem více mentálního prostoru než obsah (což jsou obvykle husté informace). Ať už přistoupíte k jakémukoli přístupu, ujistěte se, že cokoli, co je řádkem nebo Edge, je opravdu užitečný kousek informací, a zvažte, jak stínování, bílé znaky a další techniky mohou také sdělovat informace.

Jedním je použití grafu ve stylu PERT (opravdu graf). To ukazuje každý projekt nebo úkol jako rámeček a rozloží je tak, aby předcházející úkoly byly nalevo, následující úkoly byly vpravo a spojovaly je pomocí šipek. Styl pole můžete změnit tak, aby zobrazoval různé vlastnosti úkolů - například pomocí barvy, tvaru, ikon nebo jiných dekorací zobrazte projekt, složitost, trvání, počet zdrojů atd.

Nakreslil bych vám příklad, ale Google/Bing pro "pert chart" vám ukáže spoustu různých variací a zní to, jako byste se snažili obsazení sítě šířit, spíše než vidět konkrétní aplikace v tomto bodě.

Další myšlenkou, která je trochu více zaměřena na dobu trvání úkolu, je nakreslit Ganttovo schéma a zobrazit šipky mezi pruhy, odrážející závislosti. Opět existuje spousta skvělých příkladů s webovým vyhledáváním „Ganttovy tabulky“, takže se zde nebudu snažit nakreslit nic.

Můžete také vyzkoušet hybridní přístup, kdy je šířka vašich krabic určena něčím, jako je délka nebo pracovní doba, nebo levá hrana krabic je určena hrubým datem zahájení nebo milníkem.

Zmínili jste nápovědy a jsou to skvělý způsob, jak zobrazit více informací. Pravděpodobně existují hlubší údaje, které mohou pomoci pochopit pochopení projektu, ale znečišťují by celkový obraz. Možnost umístit se a vidět více, nebo kliknout a získat vyskakovací okno vlastností, vám může pomoci vyrovnat hloubku informací proti jednoduchosti zobrazení.

1
Pettiross

Mým konceptem je kombinovat dvě vizualizace stromů rampouchů (příklad: http://thejit.org/static/v20/Jit/Examples/Icicle/example2.html ), jedna roste vzhůru a druhá dolů . Níže vidíte malou ilustraci konceptu. Představte si, že pokud kliknete na TikiWiki, stane se aktuálním projektem a zobrazí se všechny jeho závislosti.

 + ------------------- + ----------------- + 
 | TikiPlugin A | TikiPlugin B | 
 + ----------------------------------- + --------- ---------- + ----------------- + 
 | MediaWiki 1.0 | TikiWiki 2.1 | 
 + ----------------------------------- + --------- ---------------------------- + 
 | ########################### php 5.0 ######################### ########## | 
 + -------------- + ------------------ + ----------------- + ----------------- + 
 | sqlite 2.8 | libdmcrypt 2.5 | c-client-2007 | Apache 2.2 | 
 + -------------- + ------------------ + ------- ---------- + -------- + -------- | 
 | ... | | ... | ... | 
 + -------------- + + -------- + -------- + 
 | ... | | ... | 
 + -------------- + + -------- + 

Pro: Dobrý přehled o celkovém počtu a hloubce závislostí.
Con: Příliš méně pro hluboce vnořené popisky projektů. Lze je řešit pomocí popisů.

0
paztulio
  1. na paztulio - vypadá skvěle!
  2. myslím, že přehled by pomohl orientaci (zjistit, kde jste) http://designinginterfaces.com/firstedition/Overview_Plus_Detail
  3. chtěl bych přidat „aktivní“ styl, abych ho odlišil od ostatních položek.
0
user4321