Articles

14 sposobów na wizualne przedstawienie informacji

klient i Infografika-wywiad z SignalNoise .

dane pochodzą z dowolnego miejsca-wywiad z Jer Thorp Data artist

sześć infografik, które nasi projektanci uwielbiają-kilka wspaniałych tutaj

Co To jest Infografika B2B? – kilka trudnych pytań.

dużo informacji do udostępnienia? Robisz infografikę? Oto 14 sposobów na wizualną organizację informacji, z przykładami i wskazówkami, kiedy z nich korzystać.

istnieją dwa sposoby, aby odkryć najlepszy sposób na wizualne przedstawienie informacji lub historii:

  1. poznaj dokładnie swoje dane lub historię. Zgarnij swój ogród zen i zadaj sobie pytanie ” jak chcą wyglądać moje dane?”
  2. przejrzyj setki infografik i spróbuj sprawdzić, czy któryś z lepszych pasuje do tego, co chcesz zrobić lub powiedzieć.

w tym poście starałem się zrobić to drugie dla Ciebie (jeśli chcesz uprawiać swój ogród zen, nie mogę nic dla ciebie zrobić).

proces:
poszedłem do Visual.ly (doskonałe źródło infografik i społeczności wokół nich) i przejrzał kilkaset najpopularniejszych infografik według przeglądów stron. Włok ten ujawnił 14 wizualnych metafor. Tutaj podzielę się nimi i odpowiem na kilka pytań dla każdego:

Kiedy konkretne podejście wizualne naprawdę działa?

o czym warto pamiętać z punktu widzenia designu?

Jakie są kilka dobrych przykładów?

10 + 4 wizualne koncepcje

anatomia wizualna lub infografika zapewnia opisaną eksplorację zawartości dużego i skomplikowanego obiektu lub idei. Może to być metaforyczne (jak infografika „Anatomia SEO” poniżej) lub proste (jak infografika „Anatomia doskonałej strony internetowej” poniżej).

Kiedy go używasz? Za każdym razem chcesz edukować na temat czegoś z wieloma ruchomymi częściami składowymi, które nie są szeroko lub łatwo zrozumiałe.

uwagi do projektu: Chociaż naszym celem jest zilustrowanie i Wyjaśnienie złożoności, musisz oprzeć się pokusie, aby uzyskać zbyt szczegółowe i wyraźne.

kilka przykładów: SEOmoz Anatomy of a Search Marketer, Anatomy of a Perfect Website, the delightful Imaginary Factory series by Jing Zhang and the Brain of a Beginner Blogger by Infolinks.

Timeline

są świetne do demonstrowania (lub tworzenia) serii związków przyczynowo-skutkowych, czyli ewolucji.

Kiedy go używasz? Ilekroć zmiana w czasie jest twoim głównym punktem

uwagi dotyczące projektu: Zaczynasz późno i pracujesz do tyłu, czy zaczynasz wcześnie i pracujesz do przodu? Generalnie to drugie, chyba że chodzi o historyczne korzenie czegoś. Zwróć uwagę na skalę czasu-staraj się zachować luki i pęczki.

przykłady: Battlefield vs. Call of Duty Timeline i The inception Timeline (hint: it ain ’ t straight)

podtytuły Timeline:
Historia… przykład: historia budzików

Ewolucja…przykład: Ewolucja Geeka

Taksonomia

podobnie jak ten post, wszyscy staramy się klasyfikować rzeczy. W jakiś sposób bucetizing stuff uspokaja nasze szympansy. Pozwala również komunikować szerokość i głębokość.

Kiedy go używasz? Jeśli chcesz wyjaśnić istotne i rozpoznawalne różnice między podgrupami

uwagi do projektu: użyj tego tylko wtedy, gdy masz wiele elementów, które różnią się na wielu różnych osiach (jeśli masz tylko dwie rzeczy, możesz użyć porównania obok siebie (poniżej); jeśli tylko jedna oś, może skala (poniżej))

przykłady: Nuts &

podkategorie taksonomiczne:
układ okresowy przykład: układ okresowy czynników pozycjonowania SEO,układ okresowy przeklinania

drzewo przykład: Eloqua Blog drzewo

Mapa

mapy są zajebiste. Uwielbiam je. Możesz dowiedzieć się, gdzie jesteś, dokąd zmierzasz i gdzie … są inne rzeczy. Nic tak nie dostarcza kontekstu przestrzennego i pojęciowego jak mapa.

Kiedy go używasz? Za każdym razem, gdy chcesz komunikować bliskość, odległość i kierunek między różnymi elementami lub punktami danych.

uwagi do projektu: jeśli możesz spakować znaczenie do układu mapy (czyli odległości, obiekty i rozmiary mają znaczenie), tym lepiej będzie.

kilka przykładów: Mapa sieci społecznościowej Flowtown, Mapa procesu twórczego i niesamowita, interaktywna demonstracja odległości do Marsa autorstwa Davida Paliwody i Jesse Williamsa.

podoba Ci się post? Mam nadzieję, że podzielisz się tym z ludźmi o podobnych poglądach. Tweetuj. LinkedIn share. Lub jak to.

zjeżdżalnie i drabiny

znasz grę – skaczesz do przodu i zjeżdżasz do tyłu pozornie przez przypadek, zawsze walcząc od początku do końca. Uczestnicy przechodzą przez jednoczęściowy projekt i jednoczęściową szansę.

Kiedy go używasz? Jeśli chcesz wyjaśnić proces, w którym prawie każdy chce rozpocząć i zakończyć w tym samym miejscu (ale trasa od początku do końca jest bardzo zmienna)

uwagi projektowe: generalnie nie ma dyskusji na temat kroków po drodze; poświęć swój czas i wysiłek na skoki do przodu i do tyłu, ponieważ te przyciągną największą uwagę.

przykłady: Raport kredytowy 101 oraz rynny i drabiny firmy Insightera.

przestrzeń równa się przestrzeń

to jedna z pierwszych lekcji z przedszkola: niektóre rzeczy są duże, inne małe (ale tylko w porównaniu do siebie). Przestrzeń równa się przestrzeń infografika przedstawia dwie lub więcej rzeczy przeciwko sobie za pomocą tej samej skali.

Kiedy go używasz? Ilekroć chcesz przekazać względny rozmiar lub liczbę różnych rzeczy, ponieważ relacja jest nieoczekiwana lub interesująca

uwagi projektowe: często dobrze jest ustawić linię bazową, a następnie porównać i kontrastować z tym. Zmiana linii bazowej może być myląca.

przykład: co jest mniejsze od Apple i jak duże są smoki Game of Thrones.

Skala

wszystko we wszechświecie, bez względu na to, jak unikalne, jest na przesuwanej skali – musimy tylko zadać sobie pytanie, Czym jest skala. Na przykład, różowy jednorożec jest w skali przesuwnej Od „jest różowym jednorożcem” do „nie jest różowym jednorożcem”, gdzie większość rzeczy we wszechświecie jest w kierunku punktu końcowego drugiej grupy.

Kiedy go używasz? Za każdym razem, gdy chcesz nadać priorytet lub uszeregować liczbę obiektów w stosunku do kryteriów, które szczególnie spodobają się Twoim odbiorcom

uwagi dotyczące projektu: skale z góry na dół będą miały tendencję do tego, aby Góra wyglądała dobrze, a dół źle; rankingi z boku na bok nie dadzą jednego końca preferencji skali.

kilka przykładów: Sympatyczność Angry Birds, wiarygodność Brody

porównanie obok siebie

wszyscy znamy podstawy tej wizualizacji z klasycznej tabeli funkcji. Zaczynasz od wybrania modelu lub przykładu na górze, a następnie idziesz w dół wykresu, aby zobaczyć, co ten model ma lub nie ma. Chodzi o łatwe porównanie.

Kiedy go używasz? Gdy masz ograniczoną ilość elementów, które chcesz szybko porównać lub kontrastować.

uwagi do projektu: Kiedy zejdziesz do dwóch elementów, elementy te często będą wyglądać, jakby były w konflikcie.

przykład: Geek vs.Hipster

Decision tree

te mogą być fantastyczne, gdy są proste, a te mogą być fantastyczne, gdy są komiczne. Są one zaprojektowane tak, aby odpowiedzieć na każdą możliwą okoliczność odpowiednią odpowiedzią.

Kiedy go używasz? Drzewa decyzyjne są świetne do prowadzenia ludzi psychicznie i wizualnie od nieokreślonego punktu początkowego do dowolnego z wielu różnych punktów końcowych.

uwagi do projektu: Będziesz musiał ustrukturyzować każdy punkt, aby mieć tylko jedną lub dwie zamknięte odpowiedzi (łatwe do odpowiedzi), zakończyć konkretną rekomendacją i szybko dojść do wniosku.

kilka przykładów: czy powinienem zaakceptować zaproszenie do znajomych? Mam założyć dres? Musisz się już obudzić?

Diagram Venna

diagram Venna pochodzi od filozofa Rudolfa Venna-Herschelderferera, który nigdy nie przegrał walki; po prostu dodał kolejną warstwę złożoności. Szczerze mówiąc, te diagramy są o zmuszaniu ludzi do kompromisów. Nie możesz mieć tego wszystkiego, mieć tego wszystkiego czystego i mieć go całkowicie, nigdy.

Kiedy go używasz? Kiedy chcesz, aby ludzie zobaczyli, że sytuacja nie ma idealnego scenariusza, ale raczej serię kompromisów i kompromisów. Lub pokazać słodki punkt, w którym dwie strefy nakładają się na siebie.

uwagi projektowe: nigdy nie widziałem udanego diagramu Venna z więcej niż max. cztery duże koła. To nie znaczy, że to niemożliwe, ale tak tylko mówię.

przykład: jak ci się podoba Twój projekt graficzny?
a na tym Tumblrze jest wielki zbiór diagramów Venna: Venn Diagrams Fuck Yeah

podoba Ci się ten post? Podziel się nim, a możemy zrobić więcej!
lub sprawdź naszą listę kontrolną strategii marketingu treści B2B .