Kiedy układ kart pomaga prezentować ofertę i realizacje

Układ kart ułatwia szybkie porównanie kilku usług albo skrótów realizacji — pod warunkiem, że każda pozycja odpowiada na podobne pytania. Sam podział treści na prostokątne pola nie tworzy jednak porządku. Najpierw trzeba ustalić, co czytelnik ma porównać i w jakiej kolejności powinien poznawać opcje. Dopiero potem warto rozłożyć elementy w kolumnach i sprawdzić, czy po ustawieniu ich jeden pod drugim na telefonie przekaz nadal jest zrozumiały.

Karty są narzędziem do porównywania, nie ozdobą

Karta wydziela jedną pozycję z większego zestawu. Może reprezentować usługę, pakiet działań albo skrót realizacji. Taki układ działa najlepiej, gdy:

• odbiorca ma do wyboru kilka pozycji o podobnym znaczeniu;

• każdą pozycję można opisać tym samym zestawem informacji;

• różnice da się uchwycić po krótkim przejrzeniu nazw i pierwszych zdań;

• każda karta prowadzi do jednego, jasno nazwanego następnego kroku;

• kolejność elementów można wyjaśnić prostą zasadą.

Inaczej będzie, gdy treści tworzą ciąg przyczynowo-skutkowy. Etapów współpracy nie warto przedstawiać jako niezależnych opcji, jeśli trzeba wykonać je po kolei. Karty mogą wtedy sugerować swobodny wybór, choć w rzeczywistości opisują proces.

Karta, lista, sekcja czy tabela — prosty wybór

Zanim zaprojektujesz siatkę, odpowiedz na pytanie: co czytelnik ma zrobić z tym zestawem?

Potrzeba czytelnika	Lepszy sposób prezentacji	Dlaczego
Szybko porównać kilka równorzędnych usług lub skrótów realizacji	Karty	Każda pozycja ma własne granice i powtarzalny schemat informacji.
Przejrzeć wiele krótkich nazw lub punktów	Zwykła lista	Nie trzeba powtarzać rozbudowanej konstrukcji dla każdej pozycji.
Poznać kilka tematów wymagających dłuższego wyjaśnienia	Kolejne sekcje	Tekst ma miejsce na rozwinięcie i nie musi mieścić się w małym polu.
Zrozumieć kolejne etapy działania	Numerowany proces	Numeracja pokazuje zależność i kierunek.
Porównać wiele precyzyjnych parametrów	Tabela	Wartości można odczytywać w tych samych wierszach i kolumnach.

Jeżeli opis jednej pozycji zajmuje kilka akapitów, a pozostałych tylko jedno zdanie, prawdopodobnie nie tworzą one dobrego zestawu kart. Podobnie wtedy, gdy tylko jedna pozycja ma następny krok, a pozostałe są wyłącznie informacją. Wspólny wygląd nie powinien ukrywać różnych funkcji treści.

Ustal jeden schemat informacji

Dobre karty są podobne pod względem rodzaju przekazywanych informacji, ale nie muszą mieć identycznej długości. Sztuczne skracanie ważnego wyjaśnienia albo dopisywanie pustych zdań tylko po to, aby wyrównać pola, pogarsza czytelność.

Dla kart usług przydatny może być taki schemat:

1. nazwa usługi;

2. sytuacja lub odbiorca, dla których jest przeznaczona;

3. najważniejszy zakres albo ograniczenie;

4. jednoznacznie nazwany następny krok.

Przykład fikcyjny do dostosowania: trzy usługi pracowni renowacji

Renowacja stołów
Dla osoby, która chce odświeżyć zużyty stół bez wymiany mebla. Usługa obejmuje blat i nogi; naprawy konstrukcyjne są wyceniane osobno. Sprawdź zakres renowacji stołu.

Naprawa krzeseł
Dla osoby, której krzesło jest niestabilne albo ma uszkodzony element. Najpierw oceniany jest stan jednego mebla; wymiana tapicerki nie należy do tego zakresu. Opisz usterkę krzesła.

Odświeżanie frontów
Dla osoby, której szafki są sprawne, ale powierzchnia frontów wymaga odnowienia. Zakres dotyczy przygotowania i wykończenia frontów; wymiana zawiasów lub uchwytów jest ustalana oddzielnie. Prześlij liczbę i zdjęcia frontów.

Każda karta odpowiada na te same pytania: dla kogo jest usługa, co obejmuje lub czego nie obejmuje oraz jaki krok wykonać dalej. Różnice nie wynikają z koloru albo rozmiaru pola. Czytelnik może rozpoznać własną sytuację i wybrać właściwą drogę bez otwierania wszystkich opisów.

Dla skrótów realizacji schemat może być inny:

1. nazwa albo typ projektu;

2. krótki kontekst;

3. zakres wykonanej pracy;

4. odsyłacz do pełnego opisu.

Przykład fikcyjny do dostosowania:

Mała kuchnia w mieszkaniu
Projekt dla wąskiego pomieszczenia używanego przez dwie osoby. Zakres obejmował zmianę układu zabudowy i organizację przechowywania. Zobacz opis realizacji.

Oba zestawy korzystają z kart, ale odpowiadają na inne pytania. Nie należy mieszać ich w jednej siatce tylko dlatego, że mają podobną formę wizualną.

Najpierw kolejność, potem kolumny

Siatka może sprawiać wrażenie, że wszystkie elementy są równorzędne. W praktyce czytelnik i tak zobaczy jeden z nich jako pierwszy. Dlatego zapisz nazwy pozycji jako zwykłą listę i ustal jedną zasadę porządku, zanim rozłożysz je w kolumnach.

Możliwe zasady to:

• najważniejsza usługa na początku, a dalej opcje uzupełniające;

• kolejność od rozwiązania najprostszego do najbardziej rozbudowanego;

• grupowanie według sytuacji odbiorcy;

• dla realizacji — kolejność wynikająca z wybranego tematu zestawu.

Jeżeli najważniejsza oferta ma być pierwsza, nie próbuj osiągać tego wyłącznie większym zdjęciem albo innym kształtem pola. Jej miejsce w porządku treści również powinno być pierwsze.

Numeruj karty tylko wtedy, gdy numery niosą znaczenie. Oznaczenia „1, 2, 3” sugerują kolejność wykonania lub czytania. Dla równorzędnych usług mogą więc wprowadzać w błąd. Gdy porządek jest istotny, unikaj też układu, w którym elementy o różnych rozmiarach tworzą mozaikę i nie wiadomo, czy czytać wierszami, kolumnami czy według wielkości pól.

Ten sam porządek kart pozostaje czytelny po przejściu z trzech kolumn do jednej.

Co powinno stać się z kartami na telefonie

Na wąskim ekranie zestaw kilku kolumn zwykle zmienia się w jeden ciąg. To nie jest tylko zmiana wyglądu. Ujawnia właściwą kolejność treści.

Po ułożeniu kart jedna pod drugą sprawdź pięć rzeczy:

1. Kolejność: czy pierwsza karta nadal jest tą, którą odbiorca powinien zobaczyć najpierw?

2. Kompletność: czy żadna ważna informacja nie znika tylko dlatego, że była dodatkiem widocznym w szerszym układzie?

3. Kadr: czy obraz nadal pomaga rozpoznać pozycję, zamiast pokazywać przypadkowy fragment?

4. Odsyłacz: czy z jego treści wynika, co otworzy, na przykład „Sprawdź zakres usługi”, a nie samo „Więcej”?

5. Rozdzielenie działań: czy łatwo rozpoznać, gdzie kończy się jedna karta i zaczyna następna, zwłaszcza gdy kilka odsyłaczy znajduje się blisko siebie?

Nie zmieniaj kolejności kart na telefonie tylko po to, by uzyskać atrakcyjniejszy rytm obrazów. Jeśli kolejność jest dobra w jednej kolumnie, dopiero na jej podstawie zbuduj układ dla większego ekranu.

Ograniczenia kart

Karty nie naprawią nadmiaru treści. Dziesięć niemal identycznych usług pozostanie trudnych do rozróżnienia, nawet jeśli każda dostanie osobne pole. W takiej sytuacji lepiej najpierw połączyć podobne pozycje albo podzielić je na zrozumiałe grupy.

Karta nie zastępuje też miejsca na pełne wyjaśnienie. Powinna pomóc rozpoznać opcję i zdecydować, czy warto przejść dalej. Gdy odbiorca musi poznać warunki, warianty lub szerszy kontekst, potrzebuje rozwinięcia poza zestawem kart.

Trzeba również uważać na zestawy, w których ilustracje dominują nad różnicami między ofertami. Jeśli po zasłonięciu obrazów wszystkie nazwy i opisy brzmią podobnie, problem dotyczy informacji, a nie układu.

Pięciominutowy test skanowalności

Na koniec wykonaj krótki test bez czytania całych opisów:

1. przeczytaj wyłącznie nazwy kart — czy wiadomo, czym różnią się pozycje?

2. przeczytaj nazwy i pierwsze zdania — czy można rozpoznać, dla kogo lub do jakiej sytuacji pasuje każda opcja?

3. przeczytaj same etykiety odsyłaczy — czy zapowiadają właściwy następny krok?

4. ułóż karty w jednej kolumnie — czy kolejność nadal ma sens?

5. wskaż kartę, którą można usunąć bez utraty ważnej opcji — jeśli jest taka pozycja, zestaw wymaga uproszczenia.

Dobry układ kart pozwala odbiorcy zorientować się w ofercie lub zestawie realizacji bez otwierania każdej pozycji. Jeśli nazwy, pierwsze zdania i odsyłacze nie wystarczają do uchwycenia różnic, warto poprawić treść lub wybrać inny sposób prezentacji, zamiast dodawać kolejne elementy do siatki.