it-swarm-eu.dev

Jak učinit nudnou (ale velmi funkční) palubní desku zajímavější a přitažlivější, aniž by to zbytečně zapadalo?

Mám jednoduchý řídicí panel pro projektové manažery. Účelem je poskytnout velmi základní informace a dát jim „místo zahájení“, aby se dostali ke všem nejdůležitějším věcem, které potřebují k přijetí opatření. Zde je snímek obrazovky, kde byla data zjevně omyta, ale vzhled je přesný.

Měl jsem hodně lidí, kteří říkají, že to pro ně skvěle funguje, ale jiní říkají, že je to spousta informací a je to druh „omývání“, tj. Jsou trochu ohromeni a vizuálně by bylo užitečné, kdyby existovaly prvky, které by mohly zlomit nahoru nebo nějak vylepšit obrazovku vizuálně, aniž by to více zapadalo.

enter image description here

Zapomněl jsem zmínit, že když uživatel klikne na jednu z částí dashboardu nebo klikne na symboly +, rozbalí se tato sekce tak, aby se vešla co nejvíce obsahu bez posouvání a ostatní sekce se uzavřely. To vše je navrženo tak, aby se vešlo na jednu stránku, nikoli s „rolováním stránky“, i když existuje více rolování pro samotné mřížky, když existuje více dat, než je možné zobrazit.

7
richard

psychologie řídicího panelu má vytvořit okamžitý pocit bytí pod kontrolou . Jak říkáte, jde o počáteční bod. Na palubní desce potřebujete méně tabulkových informací, více grafů.

Umístěte každou důležitou tabulku na vlastní stránku. Dejte každému prostoru, který potřebuje. Nastavte řídicí panel na centrální kontrolní bod pomocí souhrnné informace. Použijte grafiku k nahrazení číselných čísel.

na skládaných tabulkách:

Více rolovací tabulky plné šířky naskládané nad sebou na jedné webové stránce je pro interakci uživatele špatné. Kdekoli jsem je viděl, webová stránka proplétávala informace a skončila s více než jednou obrazovkou na stránce. I zkušení uživatelé stránky ztratí přehled o tom, ve které tabulce jsou. S posuvníky v blízkosti pravého okraje také ukazují okamžitý zmatek, kolem kterého svislý posuvník (prohlížeč nebo tabulka) přetahovat.

Dobrý panel se vejde na jednu obrazovku a vyhne se tomuto problému posuvníku. Navrhuji, aby sexing vypadal takto:

Dashboard with more graphical elements

Klíčové body

  • Používá sloupcový graf pro první tabulku. Může získat více informací pomocí více pruhů nebo více na časové ose. V každém případě vás odkaz More přenese do plnější verze. Můžeme chtít nazvat tento odkaz 'Zkontrolovat' na více velící.
  • Sekce Upozornění je soustředěna na střed a má kolem ní více místa. Jsou to upozornění ! Upozornění musí vyniknout. Zde zobrazujeme minimální informace o časových rozpisech, pouze odkaz.
  • Informace o nabíjení jsou uvedeny jako výsečové grafy s barevným kódem vpravo . Měl by být zobrazen jeden výsečový graf a hodiny uvedené v tabulce jsou pro tuto hodinu. V každém koláku je potřeba prázdný klín pro nenabité hodiny, aby bylo použití procenta displeje smysl. Kliknutím na Více nebo na konkrétní časové období získáte úplnou kontrolu účtovaných hodin za vybrané časové období.
14
James Crook

Řekli jste správné věci, když chcete tuto stránku vylepšit a ne zaplnit, protože se rozhodně nechcete dostat do cesty funkčnosti těm, kteří ji používají.

Kdykoli vidím takovou stránku, zajímalo by mě, jestli existuje nějaká vizualizace dat, která by mohla zlepšit jejich interpretaci uživateli. Je trošku těžké sdělit s vyřazenými údaji, které jste sem zahrnuli, ale například existují grafy, které znázorňují 4 sloupce dat v první tabulce (schválená smlouva, předpověď @ dokončení, skutečné, a/r), které mohou pomoci uživatel vybírá data, která vyžadují jejich pozornost? Totéž platí i pro ostatní tabulky - lze něco udělat, aby se ukázalo, že data jsou snadněji dešifrovatelná než buňky tabulky?

Jsou-li tyto výstrahy skutečně výstrahy, které vyžadují pozornost, dejte je dopředu a do středu as jistou silou za nimi, abyste lidi skutečně přiměli věnovat pozornost. Je číslo projektu opravdu důležitý kus? Pokud je to referenční bod, pak skvělý, ale pokud se jedná pouze o klíč, který uživatelé většinou ignorují, možná to nemusí být první sloupec, tento sloupec by mohl být čitelnější než název projektu. To jsou jen některé myšlenky, jak získat nápady na vaření, doufám, že to pomůže.

2
Tyler Lee
  1. Přidat nějaké "prázdné místo" - zrušit rozhraní
  2. Přidejte k datům vizualizaci.
  3. Podívejte se na nějakou inspiraci - podívejte se na nějaký pěkný příklad dashboardu a viz viz. příklady ( patterntap atd., geckoboard, infosthetics.com, smashing mag )
2
Marc D

Mohli byste přidat karty nebo akordeony do skupiny a skrýt/zobrazit různé sekce na stránce. Tím získáte také prostor pro obrázek nad informacemi, které chcete zobrazit.

Také přidejte alternativní styl řádků pro tabulky. Dává to hezký pohled.

Snad to pomůže.

1
Divi

Jak jsem již zdůraznil ve svém komentáři, existují rozdíly mezi prvními uživateli a běžnými uživateli. Druhá skupina by mohla upřednostňovat více informací před méně zaplněným uživatelským rozhraním, protože potřebují hustotu informací.

Myslím, že existuje několik věcí, které můžete udělat pro usnadnění uživatelského rozhraní, aniž byste skrývali (hodně) informace.

  1. Myslím, že upozornění se určitě musí přesunout na vrchol.

  2. přizpůsobení počtu položek v tabulkách. Začněte nízkým číslem (například 5), ale umožněte uživatelům zvolit vyšší číslo. (To je něco, co se objevilo znovu a znovu. Více než 5 na začátku obvykle lidi ohromí, ale po několika měsících se objeví otázky, které by se měly vznést.)

  3. Neúplné položky můžete označit malou ikonou nebo barevným přízvukem.

  4. zobrazení odkazu: modrá je drsná barva a podtržení ji ještě více přeplňuje. Někdy malé přizpůsobení (použití méně nasycení na spojích a vynechání podtržení nebo nastavení hranice ve světlejším tvaru) činí rozdíl mezi přeplněným a pokojným. A raději bych nechal klikat na všechny řádkové nebo celobunkové efekty tak, aby klikaly, než jen textové odkazy. (S výjimkou snad emailadresses.)

Vizuální pomůcky a grafy mohou pomoci, ale měly by se používat opatrně. Jako příklad uvedete nějaký nástroj pro správu projektů, určitě bych chtěl mít k dispozici podrobnosti (skutečný název projektu a jména klientů apod.), Nikoli skryté za kliknutí a tlačítky.

1
Inca