Tato případová studie se zaměřuje nejen na redesign, ale také vylepšuje její prostředí přidáním nových funkcí. Proces redesignu prozkoumáme na příkladu statistik v Dribbble.
Zdroj
Než budeme pokračovat
Toto je osobní projekt Ankity Kanojie. Přijala výzvu, aby zlepšila své konstrukční dovednosti. V tomto článku se dozvíme podrobně o její práci a analyzujeme ji.
Promo video
Níže je uvedeno promo video, které bylo vytvořeno pro tento projekt.
Co je Dribble?
Myslím, že mnozí z vás vědí, že dribbble je komunita designérů a dalších kreativců, kteří se mohou podělit, získat zpětnou vazbu, provést průzkum a najít práci. Dribbble má také možnost upgradovat svůj účet, tato funkce je určena pro profesionály ve svém oboru. Lidé s tímto stavem mohou stahovat multishoty, prohlížet statistiky a dělat mnohem více.
Prohlášení o problému
Přepracovat stávající stránku statistik driblování pro web a mobilní zařízení.
Proces
Které metody byly použity:
Kdo je uživatel?
Zde jsou všichni návrháři a kreativy, kteří si zakoupili status profesionála.
Porozumění problému
– Proč uživatel potřebuje statistiky? Sledovat jeho práci. Vidět jeho/její aktivity.
– Monitoruje a analyzuje výkon.
– Statistiky jsou nejúčinnějším způsobem sledování více zdrojů dat.
– To snižuje čas, který uživatel stráví prohlížením všech dat jednotlivě.
– Mnoho uživatelů se rozčaruje, když vidí obrovské množství dat. Aby se tomu zabránilo, je obvyklé používat grafické znázornění dat.
Anketa
Byl proveden průzkum uživatelů s cílem zjistit problémy a určit chování uživatelů pomocí stávající stránky se statistikami.
Zde vyšlo:
Proč redesign?
Podle autora statistiky nevypadaly vizuálně dobře a opravdu potřebovaly transformaci. Zadruhé, s podrobnějším studiem údajů začala jejich struktura vyvolávat další otázky.
Cíle
Vizuální design: práce musí být vizuálně přitažlivá
Čitelnost: správná informační architektura a správné použití prvků uživatelského rozhraní.
Hlavní body: Zvýrazněte důležité klíčové body, které vás snadno zaujmou.
Praktičnost: Statistiky by měly mluvit a ukazovat, v jaké oblasti se nám daří dobře a v čem se nám daří.
Odstraňování problémů
Níže jsou uvedeny hlavní problémy, které se vyskytly na stávající stránce statistik.
Zjištěné problémy:
– Za prvé: napravo jsou důležité informace pro uživatele, ale problém byl v tom, že nebyly správně uspořádány.
– Za druhé: časové období pro prohlížení statistik je pokřivené. Bylo zobrazeno pouze 30 dní a všechna časová data.
– Třetí: v sekci nejpopulárnějších obrázků byl filtr pro lajky, zobrazení a komentáře. Opravdu však uživatelé musí filtrovat podle zobrazení, lajků nebo komentářů?
Po identifikaci problémů byl obsah rozdělen na vysoké, střední a nízké priority.
Byl sestaven seznam bodů, které jsou pro uživatele důležité.
– Které klíčové body jsou důležité pro designéry?
– Co hledají?
– Jaké informace potřebují?
– Jak dlouho zůstanou na stránce statistik?
– Jak často kontrolují statistiky?
– Co uživatele motivuje ke kontrole statistik?
– Na jaké informace by se měl podívat, aby získal uspokojení nebo řekl, co dělá dobře a co je špatné?
Konkurenční analýza
Bylo zobrazeno několik řídicích panelů a statistických obrazovek. Shromážděné obrázky několika skutečných informačních panelů, sestavený seznam šablon. Byly zjištěny podobnosti a rozdíly. Položky, jako jsou barvy, ikony, okraje, mezery, karty, filtry, textové odkazy a rozvržení.
Co se stalo ve výsledku:
– Základní informace v horní části stránky.
– Používání lineárních a histogramů.
– Minimální použití barev.
– tučná čísla a texty.
– Navigační lišta obsahující ikony se jmény.
Vytvořit více skic
Iterace
Byly vyvinuty různé možnosti designu. Každý návrh byl samostatnou lekcí a pomohl dosáhnout dalšího. Ke každé iteraci bylo také vytvořeno několik poznámek.
Struktura
Aby byla struktura statistik zachována ve správném pořadí, byly rozděleny do 4 záložek. Vynechání dlouhého posouvání usnadní uživateli procházení statistik.
Redesign dribbble:
Ovládací panel je rozdělen na 4 karty: přehled, zapojení, nejlepší čas pro zveřejnění a publikum.
1 karta Přehled
– Místo, kde uživatel začíná při otevírání statistik. Tato obrazovka obsahuje klíčové informace a data. Uložte data tučně se světlými podtóny, aby odpovídala předchozím údajům. V pravém horním rohu je také časový rámec, kde může uživatel filtrovat obsah podle času, kdy byl přidán.
– Další byl graf, který vidíte níže. Plně odráží zájem uživatele o prohlížení obrázků a lajky uživatele. Hráč může kliknout na libovolné datum a získat další podrobnosti.
– V dolní části sekce se hráč může rozhodnout zobrazit nejnovější snímky nebo populární snímky poskytované filtrem vpravo.
Karty
Karty zůstávají jednoduché a čisté.
– Vlevo vidíte kartu ze sekce posledních obrázků. Karta obsahuje obrázek snímku, název s datem nahrání a statistiku snímku.
– Vpravo je karta z vybrané sekce. Uložte data tučně se světlými podtóny, aby odpovídala předchozím údajům.
2 Zapojení (interakce)
Je důležité, aby uživatel věděl, jak dobře jsou jeho záběry v komunitě vnímány. Karta interakce pomáhá uživateli zjistit tyto informace.
– Nejprve se dostanete do sekce interakcí, která obsahuje průměrná data získaná pro vaše obrázky. Poté následují metriky zapojení.
Co je to?
– Ukazují, kolik lidí interagovalo s vaší prací. To je určeno lajky, komentáři, které lidé zanechají v rámci vaší práce.
– Klíčová slova jako Dobrá a Velmi vysoká udávají, jak vysoká je míra zapojení. Je také snadné je identifikovat, protože jsou barevné.
– Další přidaná nová funkce je „Zobrazit profil“. Není užitečné vědět, kdo navštívil váš profil?
– Kromě toho budete dostávat oznámení jako dříve, ze kterých se dozvíte o vzhledu nových diváků.
3 Nejlepší čas na zveřejnění
Na to by měl myslet každý uživatel.
„Zveřejňuji příspěvky ve správný čas?“ „Budou lidé v tuto chvíli sledovat příspěvky?“
Takže tady je řešení. Diagram zobrazený na obrazovce zobrazuje obrázky odeslané designéry v různých dnech s ohledem na čas.
– Oblasti světlé barvy naznačují, že bylo nahráno méně obrázků nebo že designéři byli méně aktivní. Tmavá barva naznačuje, že je čas na publikování nebo pro zvláštní aktivitu uživatelů.
– Existují světle růžové oblasti, které informují nejlepší čas.
– Níže je uveden graf, kde si uživatel může zkontrolovat informace o svých příspěvcích.
4 Publikum
Tato karta obsahuje informace o poloze vašich sledujících, nejlepších sledujících a vašich oblíbených návrhářů.
– Byla přidána mapa, abyste pochopili, kde se vaše publikum nachází.
– Pomocí filtru můžete snadno určit, ze které země nebo města jsou vaši předplatitelé.
– Další dvě sekce jsou hlavními fanoušky, kteří vám dali nejvíce lajků, a vašimi oblíbenými designéry, které jste zase ocenili.
Návrh pro mobilní zařízení
Ve hře dribbble pro Android musí uživatel kliknout na tlačítko „více“, kde bude umístěna sekce statistik.
Nyní , kliknutím na statistiku se dostanete na hlavní obrazovku mobilního ovládacího panelu.
Karta Domovská stránka mobilního driblování
Navigační lišta zůstává v aktualizovaném designu, protože správně distribuuje statistiky. Všechny informace budou uspořádány podle správné hierarchie.
Zapojení a sledovatelé
– Podívejte se na mobilní verze se zapojením a zjistěte nejlepší čas na zveřejnění příspěvku.
A pro dezert …
Krásné temné téma!
