ixtract GmbH - visual knowledge transfer Menu Mobile
  • Infografik
    • Über uns
    • Projektvisualisierung
    • Workflow
    • Infografik Schulungen
    • Praktikanten gesucht
    • Kundenliste
    • Services
    • Awards
  • Fortbildung
    • Infografik Schulung
    • Praxisbuch Infografik
  • Portfolio
    • Alle Arbeiten
    • 3D Grafik
    • Animation
    • PR-Infografiken
    • Social Media
    • Diagramme
    • Illustration
    • Infografik
    • Interaktion
    • Karten
    • Viral Social Media
    • English Version >
    • Download PDF
  • Kontakt
    • Newsletter beziehen
    • Adresse
    • AGBs
    • FTP-Upload
    • Impressum
    • Datenschutz
  • News & Blog
    • Schulung
    • Agile – Workshop
    • Strategic Workshop
    • Visual Recording
    • Workshop Concept
    • Gold, Gold, Gold
    • Webinar – Infografik
    • IHK über ixtract
  • Infografik Wissen
    • UI / UX verbessern
    • Richtig Darstellen
    • Lesbarkeit
    • Zusammenhang
    • Suchen vermeiden
    • Sinnvoll vergleichen
    • Richtige Verhältnisse
    • Beschriftungen

Neueste Beiträge

  • Workshop mit Mercateo
  • Infografik Schulung Telefonica
  • Students from Augsburg University
  • Infographic lectures part 8 – learnings iOS/OSX – UI/UX
  • 3x ixtract in NatGeoMag compendium

Neueste Kommentare

    Archive

    • August 2019
    • September 2017
    • Juni 2017
    • Februar 2017
    • Januar 2017
    • Oktober 2016
    • Juni 2016
    • Mai 2016
    • April 2016
    • März 2016
    • Dezember 2015
    • November 2015
    • Oktober 2015
    • September 2015
    • März 2015
    • Dezember 2014
    • Oktober 2014
    • September 2014
    • August 2014
    • Juni 2014
    • Mai 2014
    • April 2014
    • Dezember 2013
    • November 2013
    • Oktober 2013
    • Januar 2013
    • Oktober 2012
    • Mai 2012
    • April 2012
    • Januar 2012
    • Oktober 2011
    • Oktober 2010

    Kategorien

    • Allgemein
    • Award
    • Design
    • Infografik
    • Interaktiv
    • ixtract GmbH
    • Tolle Links
    • Vorträge

    Meta

    • Anmelden
    • Feed der Einträge
    • Kommentare-Feed
    • WordPress.org

    Infographic‬ ‪‎lectures‬ part 6

    25 Okt
    2016
    ixtract_Infographic_Lectures_Infografik

    von Stefcept

    Allgemein

    Infografik

    „The round has to go square.“


    Based on Sepp Herberger

    When trying to visualize data you should always consider to show similar things in a similar way. Last week Spiegel-Online came up with an interesting contrary approach:
    The so called “SPIN-HEAD-GRAPHIC”!

    SPON released the below infographic to compare game statistics of Sergej-Evljuskin, a former player of the German national youth soccer team and his erstwhile team members. But instead of comparing bars with bars, the designer chose to show the statistic of Sergej within the logo of the DFB (German Football Association) and all other values with gray bars.

    Unfortunately the logo, now, consists of several circual elements with one of these matching the exact color of the bars of the other players. That’s quite unfavorable… according to some very basic design rules e.g. from Gestalt theory, similar things belong together. So together with the request from the headline, where the user is asked to compare the records, one must imagine the grey circular element to visualize the record of Sergej. An attempt sure to fail.

     

     

    Here you will find our suggestion, how the graphic could easily be improved while even showing more information in a more comparable way.

    sergej-evljuskin_spiegel-online_vergleich_sf-ixtract-850

    By the way we cleaned up the quite mixed up graphic at the same time. E.g. the best way to compare figures is to arrange them in a column and not at the end of the bars. The way it is done in the SPON graphic is misleading, too, as it is not sure which numbers correspond with the values of the bars? The black ones to the left or the orange numbers to the right? Above all if you consider another Gestalt theory’s rule: Elements close to each other belong together. Applied to our redesign of the chart (even if they have different colors!) the numbers closer to the bars just show the values of these bars.

     

     

    • Share this...
    • Share on Facebook
    • Pin on Pinterest
    • Tweet about this on Twitter
    • Share on LinkedIn

    NEWSLETTER

    Haben Sie Lust auf noch mehr interessante Infografiken und die neuesten Visualisierungen von uns? Hinterlassen Sie uns Ihre Adresse und wir kommen auf Sie zurück…

    Hier für den Newsletter registrieren

    ixtract on Twitter

    Ausschnitt aus einer Prozessgrafik von ixtract: #Digitalisierung der Produktion für alle Shareholder bei Stadler Deutschland veranschaulicht in einer Gesamtübersicht der Wertschöpfungskette. #Prozess #Visualisierung #infografik #Prozessgrafik #Schaubild #prozessoptimierung pic.twitter.com/IvqX…

    Vor etwa 4 Monaten von ixtracts Twitter via Twitter Web App

    #Visualisierung #Datenvisualisierung #Infografik #Infographics #Buch #Grafikdesig @mitp #design pic.twitter.com/cuWk…

    Vor etwa 5 Monaten von ixtracts Twitter via Twitter Web App

    • Formale Kriterien wie Diagramme und Visualisierungen richtig angewendet werden müssen • Vermeidung gängiger Darstellungsfehler, durch die Daten visuell falsch kommuniziert werden • Anleitung zum strukturierten Vorgehen bei der Erstellung von Infografiken pic.twitter.com/6ULj…

    Vor etwa 5 Monaten von ixtracts Twitter via Twitter Web App

    • Einsatz und Verwendung von Design-Elementen wie Flächen, Pfeile, Piktogramme oder Farben •Die Auswahlkriterien unterschiedlicher Infografik-Typen wie Diagramme, Vergleiche oder Abläufe •Die Inhaltlichen Kriterien zur Interpretation der Daten und Ausgangsinformationen pic.twitter.com/ggtK…

    Vor etwa 5 Monaten von ixtracts Twitter via Twitter Web App

    Über 100 Does und Don'ts, 270 Seiten geballtes Wissen für alle die Infografiken herstellen, beauftragen oder konsumieren. Gegliedert nach den wichtigsten Aspekten im Entstehungsprozess: pic.twitter.com/0At7…

    Vor etwa 5 Monaten von ixtracts Twitter via Twitter Web App

    @ixtract folgen

    Portfolio Kategorien

    3D Animation Banner Grafik Diagramme Illustration Infografik Interaktion Karten

    © 2021 ixtract GmbH. All Rights Reserved.