Dlaczego należy unikać wierszy w tabelach?


25

Czytam kilka książek o typografii i designie. Wszyscy zalecali unikanie wierszy w tabelach, a zamiast tego stosowanie odstępów. Uznałem to za rozsądne i odtąd przestrzegałem tych zasad.

Niedawno natknąłem się na dyskusje z użytkownikami arkuszy kalkulacyjnych, którzy wątpili w te reguły i argumentowali, że linie siatki są lepsze, ponieważ wszystkie programy mają je domyślnie włączone.

Przeczytałem również artykuł wyjaśniający problem z liniami: ludzkie oko musi je najpierw usunąć, zanim będzie mogło skupić się na zawartości tabeli. Gdyby ktoś znał to jedno lub podobne odkrycie naukowe dotyczące postrzegania danych, również byłbym zadowolony.

Czy w rzeczywistości lepiej unikać linii? Czemu? Czy masz jakieś referencje na poparcie tego?


1
Proszę spojrzeć na moje pytanie graphicdesign.stackexchange.com/questions/13697/... , tam jest kilka dobrych książek typograficznych, które nie zalecają robienia dobrych tabel w kilku językach ...
Mensch

12
Każdy, kto korzysta z arkuszy kalkulacyjnych do życia, prawie zawsze będzie argumentował, że linie muszą tam być. Korzystanie z arkusza kalkulacyjnego jest znacznie innym zwierzęciem niż czytelność projektu . Aplikacje do arkuszy kalkulacyjnych byłyby koszmarem bez linii .... ale odwrotnie wiele wzorów byłoby koszmarem z liniami.
Scott

4
Może być przydatny, jeśli możesz połączyć ten artykuł o „usuwaniu linii przez ludzkie oczy”. Wiele artykułów nie ma źródła na poparcie swoich roszczeń. Myślę, że połączenie linii i dobrych odstępów jest w porządku; linie działają jak linijka i ma sens, że w niektórych kontekstach łatwiej jest je odczytać i łatwo powiązać to, co się z tym dzieje. Nie jest konieczne, aby linie były w 100% czarne i pełne lub dodawać wszystkie linie. Możesz także użyć jasnych odcieni. Niektóre tabele są nieczytelne, ponieważ nie są logiczne, należy je ponownie uporządkować i myślę, że właśnie tam jest największy problem. Nie chodzi tylko o design.
go-junta

3
+1 na komentarzu Scotta. Używanie arkusza kalkulacyjnego do manipulacji / wprowadzania danych jest bardzo różne niż używanie tabeli do prezentacji.
Nelson

2
Powiązane: tex.stackexchange.com/q/163061/28808 i inne pytania dotyczące tex.stackexchange oznaczone [booktabs] lub [tabele]. Stanowią one przykład tabel (często danych) sformatowanych zi bez pionowych i wielu poziomych linii.
Chris H

Odpowiedzi:


42

Edward Tufte jest tym, który wymyślił pojęcie śmieci, aby odnosić się do obcych elementów wizualnych, które mają tendencję do zaśmiecania, zamiast wyjaśniać prezentowane dane.

Może to odnosić się do wszelkiego rodzaju rzeczy, które często widzisz, ale tak naprawdę nie poprawiają zrozumienia i - często - aktywnie zakłócają zrozumienie danych.

Mogą to być:

  • dowolny kolor
  • Efekty 3D
  • nadmierne granice
  • zbędne etykiety
  • paski zebry
  • itp.

Myślę, że ten animowany gif ładnie komunikuje koncepcję:

wprowadź opis zdjęcia tutaj

Czy lepiej jest usuwać linie? Zwykle. Podczas rozpatrywania niepotrzebnych wykresów należy wziąć pod uwagę, że należy używać tylko tego, co jest konieczne do sformatowania danych. Wszystko dodatkowe to tylko ... dodatkowe ... i prawdopodobnie nie poprawiające przesłania.


1
To fajny animowany gif, ale wydaje się bardziej skoncentrowany na pięknie stołu z punktu widzenia projektanta, a nie na tym, jak czytelny lub praktyczny jest dla czytelnika. Istnieje również różnica między porównywaniem podstawowej brzydkiej tabeli Word z ładnie wykonaną tabelą Indesign z liniami. Nasdaq, banki, usługi walutowe, Paypal, raporty naukowe / medyczne / roczne itp.: Wszyscy ci ludzie / usługi / elementy wydają się korzystać z linii ... Mogę tylko zgadywać, ponieważ priorytetem są dla wygody czytelników, chcą unikaj zamieszania i nie traktuj priorytetowo piękna. Myślę, że są to również wiarygodne referencje.
go-junta

2
To tylko kwestia osobistej opinii i agendy projektanta, aby uważać linie za „śmieci”. Tufte prawdopodobnie zaleciłby zachowanie linii lub cieniowania, jeśli ich celem jest uniknięcie zamieszania na szerokich stołach, i usunięcie ich na stołach z 2 kolumnami, jeśli wygląda to dobrze. W moim rozumieniu, przez śmieci śmieci oznacza usunięcie dodatkowych ikon, niepotrzebnych tekstów o dużych rozmiarach, wzorów, nieczytelnych czcionek, cieniowania ORNEMENTAL (np. Nie ma innego celu niż projekt) itp. Dla większości projektantów nie jest to nic nowego, to po prostu logiczne i nie dotyczy wyłącznie wykresów, ale dowolnego układu.
go-junta

2
To wydaje się rażącym uproszczeniem bez wyjaśnienia, kiedy linie są konieczne i przydatne, a kiedy są obce. Również w lekturze odpowiedzi nieco niedocenia, że ​​linie powinny być usuwane tylko wtedy, gdy w rzeczywistości są obce. Aby skierować animowany plik .gif, zachowuje jedną linię, ale nie ma wyjaśnienia, dlaczego.
Ryan

2
Ponownie, dla mnie powiedzenie „usuń obce elementy wizualne” nie mówi dlaczego i kiedy coś jest obce. Mam przede mną stół z 26 rzędami i 18 kolumnami (dzięki uprzejmości konsultanta biznesowego), czy powinni usunąć wszystkie linie i zacienienie? Ponieważ kiedy czytam twoją odpowiedź, brzmi jak prawie uniwersalna tak.
Ryan

4
@ Ryan - Zgadzam się, szczególnie na dużych tabelach, w których niektóre „komórki” obejmują wiele linii, a także tam, gdzie niektóre komórki mogą być puste. Te przypadki (i inne) mogą korzystać z niektórych linii poziomych. Należy wziąć pod uwagę (przynajmniej) dwa „czynniki”, które czasami (wiele razy) są ze sobą sprzeczne: estetyka i użyteczność. Użyteczność jest ważniejsza niż dobry wygląd. Jeśli konstrukcja stołu wygląda dobrze, ale jest bezużyteczna (trudna lub myląca w użyciu), to co to właściwie jest. W wielu przypadkach estetyka polega raczej na tym, jak wygląda stół z daleka, niż na próbach odczytania danych w tabeli.
Kevin Fegan

12

Myślę, że możesz ponownie rozważyć kwestię swojego pytania, skupiając się na celu stołu zamiast na ogólnych wytycznych.

Na przykład, jeśli czytelnicy muszą porównać zawartość różnych wierszy, łatwiej rozróżnić każdy wiersz. Możesz również rozważyć zastosowanie kontrastów między kolumnami.

Istnieje kilka opcji umożliwiających rozróżnienie wierszy lub kolumn:

  • Alternatywne kolory tła (miękkie kolory, dzięki czemu kontrast nadal umożliwia odczyt tekstu)
  • Użyj linii między wierszami lub kolumnami
  • Użyj dopełnienia wokół zawartości w tabeli

Twój wybór będzie zależał od:

  • Co zrobiłby użytkownik z twoją tabelą i jak ułatwić użytkownikowi korzystanie z niego: to poprowadziłoby hierarchię odczytu, a tym samym twoje wybory graficzne
  • Rozmiar zawartości, a co za tym idzie rozmiar tabeli: na przykład długie linie muszą być możliwe do odróżnienia graficznego; na mały stolik nie jest tak bardzo potrzebny

Biorąc to pod uwagę, z mojego doświadczenia, w większości przypadków staram się nie używać linii, które są dość ciężkie. Wolę używać alternatywnych cieniowanych kolorów tła dla wierszy. I, w razie potrzeby, białe linie tylko dla kolumn. W ten sposób treść staje się widoczna, a grafika tabeli niepostrzeżenie prowadzi użytkownika.

Zawsze rozważ cel tabeli przed zastosowaniem dowolnego stylu.


2
+1 „Zawsze stosuj cel tabeli przed zastosowaniem dowolnego stylu.” O to poprosił OP, a przecież dobry grafik zawsze będzie priorytetem dla celu!
go-junta

9

Nie wierzę, że ty lub twój współpracownik macie rację. Ważniejszą kwestią jest czytelność. Odstępy same w sobie mogą skutecznie to zrobić, linie / cieniowanie często pomagają zużywać mniej miejsca.

Tutaj mamy tabelę z dość znormalizowanymi odstępami i bez linii. Trudno jest podążać, ponieważ liczby są zaprojektowane przede wszystkim do czytania od lewej do prawej, a nie od góry do dołu. Ale musisz to zrozumieć na własną rękę:

wprowadź opis zdjęcia tutaj

Teraz użyłem tylko odstępów, które znamy z naszych zasad Gestalt , aby wyjaśnić, że czytasz poziomo:

wprowadź opis zdjęcia tutaj

Jednak cały obraz stał się większy. Kiedy mogę dodać to samo za pomocą linii lub cieniowania i zużyć mniej całkowitej przestrzeni:

wprowadź opis zdjęcia tutaj

Jednak użycie sumy linii może równie dobrze być jak brak linii. Samo w sobie nie pomaga ustalić, w którym kierunku ludzie powinni być bardziej zainteresowani czytaniem w pierwszej kolejności:

wprowadź opis zdjęcia tutaj

I to samo, jeśli chcemy, aby najpierw było rozumiane w pionie, może wyglądać mniej więcej tak:

wprowadź opis zdjęcia tutaj

Ale może również być mniej odstępów, jeśli użyjemy linii (prawdopodobnie wyśrodkowowałbym tę linię, jeśli robiłem to naprawdę, ale po prostu robiłem to szybko):

wprowadź opis zdjęcia tutaj


1

Styl APA nie używa linii między wierszami. Tak zaprojektowany stół ma skojarzenia z badaczami i naukowcami; inaczej stylizowany stół może oznaczać inaczej.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.