Najnowsze trendy w świecie projektowania stron internetowych: poznaj Card Design! Ekran o wysokiej rozdzielczości. Dodaj naturalne kolory i odcienie

Czy chcesz opracować modny interfejs w stylu karty? To prawdopodobnie nie jest zły pomysł. Karty są popularne i przyjazne dla użytkownika, odpowiednie dla wszystkich typów projekt cyfrowy i dla ekranów dowolnej wielkości. Kluczem do udanego projektu w stylu karty jest stworzenie czegoś, w co użytkownicy będą chcieli kliknąć. Karta powinna służyć jako pojemnik na konkretną treść – link, formularz logowania, odtwarzacz wideo itp. – z którą użytkownik będzie chciał wchodzić w interakcję. Oto jak stworzyć ten projekt.

Zacznij od czarno-białych konturów

Brzmi bardzo prosto: zacznij od czarno-białej makiety swojego projektu. Zastanów się, do czego służą karty i jakie ich części będą klikalne. (Cała karta może służyć jako link.)

Zaplanuj elementy: białą przestrzeń, obrazy i typografię tak, aby karta była widoczna bez koloru i wzoru. Pomyśl o tym jak o etapie projektowania karty do gry. Wszystkie elementy mapy są na swoim miejscu. Czy układ jest łatwy do zrozumienia?

Zastanów się, jak wykorzystasz karty na tym etapie. Gdzie kliknąć, aby wykonać tę lub inną czynność? Czy struktura i wynik są jasne? Jak się cofniesz lub odwrotnie, zrobisz krok do przodu? Odpowiedzi na te pytania powinny być jasne, bez podpowiedzi, takich jak czerwone znaki „Kliknij tutaj”.

Podobnie jak w przypadku innych projektów, jeśli projekt nie działa w czerni i bieli, ostateczna, w pełni zaprojektowana wersja również nie będzie działać.

Wykorzystaj dużo wolnego miejsca

Najtrudniejszą rzeczą w projektowaniu kartek jest to, aby nie sprawiały wrażenia bałaganu i przepełnienia. Tutaj przestrzeń odgrywa dużą rolę. A Ty będziesz chciał maksymalnie wykorzystać swoją wolną przestrzeń. większa objętość niż wydaje się to wygodne.

Obfitość „powietrza” zapewni przestrzeń elementom projektu, sprawi, że wszystkie karty będą wizualnie bardziej przestronne i poprawią czytelność.

Prawdopodobnie będziesz chciał zacząć od dwukrotnie większej odległości między elementami. Odległości między kartami powinny być duże, a wolną przestrzeń można też zwiększyć m.in odstępy między wierszami. Bardzo duża ilość powietrza pomoże Ci stworzyć otwarty projekt i uporządkować zawartość w najbardziej oczywisty sposób. Karta ma ograniczony rozmiar i musi zmieścić się na ekranie smartfona, a także logicznie i proporcjonalnie zmieniać rozmiar ekranów tabletu i monitora. NA duże ekrany karty mogą również odwracać uwagę użytkownika od siebie. Dodanie „powietrza” sprawi, że ogólny projekt będzie bardziej otwarty i łatwiejszy w zagłębieniu się w niego.

Dodaj naturalne kolory i odcienie

Teraz możesz pomyśleć o kolorach i odcieniach swojego projektu. Spróbuj nadać mu naturalny wygląd i nadaj kartom realistyczny wygląd, używając cieni i stylów.

Nie chodzi tu o skeomorfizm, ale o tworzenie kolorów o naturalnych konturach i cieniach. Pomyśl, jak wyglądałaby prawdziwa karta. Użytkownik powinien czuć się tak, jakby trzymał kartę w dłoni.

Użyj kilku zasady fizyczne, które obowiązują, gdy trzymasz kartę w dłoniach:

  • Oświetlenie będzie rzucać cienie pod i na dole karty.
  • Najciemniejsza część projektu znajduje się na dole, ponieważ zwykle, gdy trzymasz kartę w dłoniach, światło pada z góry.
  • Unikaj publikowania treści w miejscach, w których trzymasz kartę w dłoniach.
  • Punkty kontaktowe (wezwania do działania itp.) powinny być w centrum uwagi, a interakcje powinny być łatwe i jasne. (Tak samo jak w grać w karty, główny element znajduje się w środku wzoru).
  • Jedna karta – jedna jednostka informacji.

Nie komplikuj

Teraz, mając na uwadze właściwości fizyczne, przejdź do następnego kroku - stworzenia wspólnego stylu karty dla całego interfejsu. Nie wiesz od czego zacząć? Świetnym punktem wyjścia byłby Przewodnik projektowania materiałów z Google'a.

"W Wygląd materiału właściwości fizyczne dokumenty są przenoszone na ekran. Tłem aplikacji jest płaska, jednolita faktura kartki papieru.

Elementy aplikacji zachowują się jak papier - także zmieniają rozmiar, są przewijane i gromadzone w stos. Elementy poza aplikacją, takie jak pasek stanu, zachowują się inaczej. Są oddzielone od treści aplikacji i nie dziedziczą właściwości fizycznych papieru.”

Pamiętaj o tych wskazówkach i spróbuj tworzyć obiekt cyfrowy, który będzie wyglądał i działał jak fizyczny. Jeśli użytkownicy będą chcieli go dotknąć, klikną go. Koncepcja jest prosta.

Wybierz proste czcionki

Jeśli chodzi o typografię, to najczęściej najlepszym rozwiązaniem będzie proste czcionki bezszeryfowy. Unikaj czcionek, które są zbyt cienkie lub wąskie, ponieważ mogą powodować dyskomfort dla oka.

Większość kart będzie dobrze działać z dwoma czcionkami (nawet jeśli pochodzą z tej samej rodziny) - jedną dla tekst ogólny i jeden na nagłówek lub wezwanie do działania. Inny ważny punkt Podczas pracy z typografią należy pamiętać o kontraście, który sprawi, że tekst będzie łatwiejszy do odczytania. Pamiętaj, aby wziąć pod uwagę kontrasty między czcionkami oraz między tłem i tekstem każdej karty.

Ogranicz elementy interfejsu użytkownika

Pamiętaj: jedna karta to jedna akcja.

Oznacza to, że nie musisz rozrzucać po całym projekcie wielu elementów interfejsu, takich jak przyciski. Możesz ich w ogóle nie potrzebować. Jeśli jednak nadal uważasz, że użytkownik potrzebuje wskazówki wizualnej, wystarczy jeden przycisk.

Zachowaj prostotę kształtów i projektu — ponownie Material Design to świetna opcja — i staraj się nie tworzyć więcej niż jednego przycisku.

Przyciski to prawdopodobnie jedyny element interfejsu użytkownika, którego będziesz potrzebować. Staraj się o to.

Wniosek

Nie ma magicznej recepty na idealny projekt w stylu karty, ale istnieją specjalne techniki, które zachęcą użytkowników do kliknięcia tam, gdzie chcesz. Staraj się być bliżej rzeczywistości, wybierz minimalizm z dużą ilością powietrza i kontrastu, preferuj prostą typografię i wskaż jedną akcję dla każdej karty.

Tłumaczenie – Dyżurka

Więc prawdopodobnie chcesz, aby Twój modny projekt karty nie tylko wyglądał niesamowicie, ale także był jak najbardziej przyjazny dla użytkownika? Zastanówmy się, jak to osiągnąć, korzystając z przykładów ze znanych światowych mediów.

Pomysł zrobienia projektu w oparciu o kartki jest po prostu świetny.

Po pierwsze, to dość popularny trend w projektowaniu treści, który pozwala wyświetlić dość dużą ilość treści i zrobić to pięknie!

Po drugie oczywiście ten projekt jest również dość przyjazny dla użytkownika.

Trzeci, ten projekt wygląda świetnie na wszystkich typach ekranów we wszystkich możliwych rozdzielczościach.

Najważniejszą rzeczą w każdym projekcie opartym na kartach jest stworzenie czegoś, w co użytkownik będzie chciał kliknąć – to największe i najtrudniejsze zadanie dla projektantów. Każda karta powinna służyć jednemu konkretnemu celowi - zawierać zdjęcie z linkiem do pełnej wersji aktualności, formularz subskrypcji, odtwarzacz wideo lub inną treść, z którą użytkownik będzie wchodzić w interakcję.

Zacznij od czarno-białej ramki

Wszystko wydaje się całkiem proste: zacznij od czarno-białej ramki. Zastanów się, które części karty będą klikalne, a które będą zawierać wyłącznie treść graficzną. Całkiem normalną praktyką jest umożliwienie kliknięcia całej karty.

Zaplanuj odstępy, obrazy, typografię i wszystkie inne drobne szczegóły. „Zbierz” karty, aby ostatecznie zrozumieć, czy projekt działa, czy struktura jest przejrzysta, czy wszystko jest wygodne w użyciu? Zastanów się, jak wykorzystasz ten zestaw elementów w struktura ogólna projekt.

Spróbuj myśleć jak użytkownik końcowy:

  • Gdzie należy kliknąć, aby przejść do następnego kroku?
  • Czy po kliknięciu elementu karty otrzymujesz oczekiwaną treść?
  • Czy łatwo jest poruszać się pomiędzy ekranami?

Użyj zwiększonego wypełnienia

Oczywiście nie powinieneś używać migających elementów ani czerwonych przycisków „Kliknij tutaj”, takich jak projekty z lat 90. Nie zapominaj jednak o akcentach, nie ukrywaj za bardzo wezwań do działania szare kolory. Zobacz, jak dobrze grają kolory w następującym projekcie:

Największym wyzwaniem w tworzeniu kartek jest stworzenie zwartej konstrukcji bez poczucia bałaganu niepotrzebnymi elementami. Tutaj właśnie przychodzi na ratunek Biała przestrzeń . W niektórych przypadkach, jak np. karta produktu, może być bardzo pomocna w skupieniu uwagi wymagane obszary. Im mniej zajęty jest ekran, tym więcej uwagi użytkownik poświęci obiektowi, na który powinien patrzeć:

Najwyższy czas pomyśleć o kolorach i cieniowaniu. Spraw, aby były naturalne i stylizowane w ramach jednej ogólnej koncepcji. Nie, z pewnością nie mówimy tutaj o skeuomorfizmie, mówimy jedynie o stworzeniu projektu z naturalnymi konturami i cieniami. Nadaj swoim kartom wygląd, jaki miałyby, gdybyś trzymał je w dłoniach.

Używać podstawowe zasady oraz prawa fizyki umożliwiające wizualizację i projektowanie każdej karty tak, jakbyś trzymał ją przed sobą w dłoniach:

  • Oświetlenie powinno rzucać lekkie cienie na spód i boki karty.
  • Najciemniejszym miejscem na karcie jest jej podstawa.
  • Nie umieszczaj treści zbyt blisko krawędzi.
  • Elementy klikalne powinny być umieszczone w najłatwiej dostępnych miejscach karty w dowolnej rozdzielczości. Klikanie w nie myszką powinno być równie łatwe, jak kliknięcie palcem na smartfonie.
  • Jedna karta - jedna informacja.

Twórz proste warstwy

Teraz, gdy już zajmowałeś się fizyką, utwórz ujednoliconą kartę dla wszystkich części interfejsu. Nie wiesz od czego zacząć? Instrukcje Google'a Przez Wygląd materiału to świetny punkt wyjścia.

W Material Design właściwości fizyczne papieru są przekładane na ekran. Tło aplikacji przypomina jednocześnie płaską, nieprzezroczystą kartkę papieru.

"Właściwości aplikacji kopiują zdolność papieru do zmiany rozmiarów, mieszania i składania z kilku komponentów. Elementy obsługi i wyświetlacze są zwykle przetwarzane w różny sposób. Różnią się one treścią i nie uwzględniają właściwości fizycznych papieru."

Właściwie zadaniem jest stworzenie obiektu cyfrowego, który wygląda jak obiekt materialny. A jeśli użytkownik będzie chciał tego dotknąć, to będzie chciał na to kliknąć. Tak, koncepcja jest taka prosta.

Trzymaj się prostych interfejsów

Jeśli chodzi o typografię bezszeryfowe- zawsze odpowiedź. Unikaj używania czcionek, które są zbyt cienkie lub trudne do odczytania, ponieważ wówczas tekst będzie dość trudny do odczytania.

Większość kart dobrze współpracuje z systemem dwóch czcionek (nawet jeśli pochodzą z tej samej rodziny) – jednej dla tekstu głównego, drugiej dla tytułu lub wezwania do działania. Kluczem tutaj jest uzyskanie odpowiedniego kontrastu, tak aby elementy tekstowe były łatwe do odczytania. Pamiętaj o zapewnieniu kontrastu pomiędzy czcionkami, a także pomiędzy tłem a elementami tekstowymi na każdej karcie.

Zmniejsz liczbę elementów interfejsu użytkownika

Powtarzać: jedna karta - jedna akcja.

A to prawdopodobnie oznacza, że ​​nie powinieneś dołączać dużej ilości elementów interfejs użytkownika jak przyciski i tak dalej. W rzeczywistości przy projektowaniu kart można całkowicie obejść się bez przycisków. Jeśli jednak uważasz, że użytkownicy potrzebują podpowiedzi, wystarczy jeden przycisk. Trzymaj się tego proste kształty I prosty projekt, podejście Material Design jest w tym przypadku całkiem dobre - trzymaj się zasady jednego przycisku. Ogólnie rzecz biorąc, przycisk jest jedynym elementem, którego potrzebujesz. To jest Twój cel projektowy.

Wniosek

Po prostu nie ma magicznej recepty na idealny projekt karty. Istnieją jednak podejścia, za pomocą których z pewnością można zmusić użytkownika do kliknięcia lub dotknięcia elementu. Podążaj za minimalizmem z dużą ilością białej przestrzeni i kontrastu, podkreślaj prostą typografię i trzymaj się zasady jedna akcja na jedną kartę. Kierując się tymi zasadami, lepiej jest prezentować i konceptualizować projekty za pomocą projektu karty. Połącz te teorie projektowania i swoje umiejętności, a na pewno otrzymasz oszałamiający, przyjazny dla użytkownika i modny projekt.

Na podstawie interaktywnych kart zawierających obrazy, treści, hiperłącza. Styl Metro został po raz pierwszy zastosowany przez firmę Microsoft w 2010 roku w projektowaniu interfejsów swoich produktów. Korzyści tego stylu zdaniem twórców firmy były stylowe i nowoczesny wygląd jak i funkcjonalność. Użytkownika nie rozpraszały obce elementy, cała jego uwaga była skupiona na kartach katalogowych, które dostarczały mu treści, których szukał. Projekt ten uznano za intuicyjny i uproszczony w obsłudze.

Dziś projekty kart można znaleźć w tak znanych zasobach, jak Twitter, Pinterest, Google i innych.

Funkcje stylu karty

Styl Metro w projektowaniu jest bardzo popularny, jest szeroko stosowany w celu poprawy użyteczności i łatwości percepcji duża ilość treść. Styl karty ma charakterystyczne cechy:

  • Zdolność adaptacji. Projekt wyświetla się poprawnie na każdym urządzeniu.
  • Minimalistycznie, bez rozpraszających elementów. Całą uwagę skupiamy na kartach funkcjonalnych.
  • Nowoczesne i estetyczne wygląd, szeroka paleta zastosowanych kolorów.
  • Zastosowanie łatwych do odczytania czcionek (Segoe), wyraźne obrazy tematyczne.
  • Dostępność, intuicyjne zrozumienie funkcjonalności dla użytkownika.
  • Dynamizm. Wykorzystanie efektów animacji.
  • Obecność ręcznie rysowanych elementów: ikon, przyciski wolumetryczne, infografiki ułatwiające percepcję i stymulujące ukierunkowane działania.

Dla jakich stron internetowych odpowiedni jest styl projektowania Metro?

Lakoniczny i nowoczesny projekt kart jest stosowany w witrynach o różnej tematyce: portfelach, blogach, witrynach korporacyjnych, witrynach z wizytówkami, sklepach internetowych, a nawet stronach docelowych. Na przykład witryna Microsoftu nadal wygląda dokładnie w stylu metra (https://www.microsoft.com/uk-ua): strona główna znajdują się tam duże zakładki z produktami firmy oraz linki do stron z dokładna informacja o nich. Pomiędzy nimi znajdują się karty standardowy widok Z krótki opis oraz hiperłącza do treści. Istnieją efekty animacji - po najechaniu kursorem obrazy, przyciski są podświetlane, a linki są podkreślane. Nie ma żadnych obcych elementów.

W świecie projektowania stron internetowych stale pojawiają się nowe trendy, które z czasem nabierają tempa. Któż może zapomnieć o przewijaniu paralaksowym, które pojawiło się kilka lat temu i jest popularne do dziś? Chociaż w Ostatnio, strony z długi zwój przyciągnąć większą uwagę odwiedzających witrynę.

Jednym z trendów, który nie zyskał tak dużego uznania jak inne i który cieszy się popularnością dopiero od jakiegoś czasu, jest projektowanie kart.

Najpopularniejszą stroną internetową, która wykazuje ten trend w projektowaniu, jest Pinterest, ale są też inne strony, które często korzystają z tego podejścia do projektowania i nie bez powodu. Kiedy odwiedzający przeglądają witrynę internetową korzystającą z tej techniki projektowania, natychmiast zauważą porządek i dobrze zorganizowaną strukturę kryjącą się za prostym, ale eleganckim podejściem do projektowania.

Stosowanie tego podejścia do projektowania na własnej stronie internetowej niesie ze sobą wiele korzyści.

Podejście siatkowe do architektura informacji

Kiedy patrzysz na projekt dowolnej karty, nie możesz nie zauważyć siatki w jej rdzeniu. Dzieje się tak dlatego, że każda krawędź karty składa się w rzeczywistości z różnych siatek w dużym, dobrze zorganizowanym systemie, co zapewnia większą spójność i harmonię w wyglądzie witryny.

To z kolei znacznie pomaga w architekturze informacji witryny. Architektura informacji to inteligentny porządek i kolejność, w jakiej odwiedzający postrzegają informacje o witrynie, idealnie zgodnie z przeznaczeniem każdej strony i całej witryny.

Pomyśl o tym: projekt karty „prowadzi wzrok” odwiedzających po logicznej ścieżce. Każda karta jest częścią rzędu lub kolumny, która kieruje pole widzenia odwiedzających wzdłuż jednolitych linii poziomych i pionowych. Takie ustawienie pomaga odwiedzającym zrozumieć, które informacje są ważniejsze.

Weźmy na przykład Contrastly, magazyn fotograficzny. Przestrzeganie układu siatki/karty pomoże Ci zrozumieć, co jest najważniejsze w hierarchii informacji. Ostatnie artykuły Wysłany dnia Górna linia, podczas gdy starsze artykuły pojawiają się w dolnym wierszu. Nowość zwykle kojarzy się z większym znaczeniem, dlatego przestrzeganie tej malejącej kolejności w systemie kart pozwala użytkownikom szybko zorientować się, które treści są ważniejsze. W ten sposób mogą ustalić kolejność, w jakiej mają czytać te informacje.

Silna zależność od obrazów

Stare powiedzenie, że ludzie kochają oczami, słyszeliśmy tak wiele razy, że stało się to banałem, choć w projektowaniu kartek nabiera ono nowego znaczenia. Projektowanie kart opiera się prawie wyłącznie na modalnościach wizualnych; z punktu widzenia architektury informacji każda kopia na tej samej stronie jest zwykle drugorzędna w stosunku do obrazu.

Wykorzystanie zdjęć jest silny punkt projektowania kart, ponieważ badania potwierdzają, że obrazy napędzają projektowanie stron internetowych. Na przykład zarówno zdjęcia wysokiej jakości, jak i wykorzystanie ludzkich twarzy na zdjęciach zwiększają współczynniki konwersji. W rzeczywistości, poza wszystkim wymienionym powyżej, istnieje kilka innych sposobów, dzięki którym, jeśli użyjesz obrazów w swoim projekcie, możesz zwiększyć współczynnik konwersji swojej witryny.

Innymi słowy, skupienie się na wykorzystaniu obrazów sprawia, że ​​projekt karty jest bardziej atrakcyjny dla odwiedzających. To nie przypadek, że według Alexy Pinterest jest 15. najpopularniejszą witryną w USA.

Patrząc na wyniki Pinteresta po wpisaniu w wyszukiwarkę słowa „jedzenie”, widać, że obrazy są pierwszą rzeczą, która rzuca się w oczy, gdy jesteś na stronie. Nie obchodzi Cię, co jest napisane pod zdjęciami, ale co najmniej, nie jest to sprawa pierwszorzędna. Wysoka jakość, olśniewające zdjęcia, które przyciągają uwagę i dopiero wtedy, podejmując decyzję, chcesz dowiedzieć się więcej (ale już z prezentacji tego zdjęcia), dlatego ostatecznie czytasz opis.

Ulepszony doświadczenie użytkownika

Każdy projektant może Ci powiedzieć, że najważniejsze jest doświadczenie użytkownika. To właśnie dla nich powinniśmy projektować przede wszystkim. Innym powodem jest to, że projekt karty tak dobrze się sprawdza i tak będzie nadal w dającej się przewidzieć przyszłości, ponieważ poprawia wygodę użytkownika. I to właśnie sprawia, że ​​odwiedzający witrynę wracają, co z kolei sprawia, że ​​spędzają tam więcej czasu, co w efekcie prowadzi więcej przejścia!

Świetne doświadczenie użytkownika polega na tym, że ludzie mogą znaleźć w Twojej witrynie to, czego potrzebują, bez żadnych barier; Zasadniczo muszą znaleźć to, czego chcą, i to od razu, bez żadnych problemów.

Dribbble to witryna, która dobrze to rozumie, ponieważ jej twórcy wykorzystali karty, aby ułatwić i poprawić doświadczenie użytkownika. Ta witryna jest dobrze znana w internetowej społeczności twórców jako model generowane przez użytkowników sztuka.

Ideą tej witryny jest umożliwienie ludziom podziwiania ilustracji, wykresów i wszelkiego rodzaju obrazów, dlatego projektowanie kart jest naprawdę najważniejsze odpowiedni sposób wdrożyć taki pomysł. Ponieważ obrazy skutecznie i natychmiast przyciągają wzrok odwiedzającego, doświadczenie użytkownika jest znacznie lepsze, gdy odwiedzający mogą szybko skanować karty w układzie siatki, aby zobaczyć, które z nich ich interesują. Gdy zobaczą coś, co ich interesuje, mogą natychmiast kliknąć kartę, aby przyjrzeć się bliżej.

Witryna taka jak Dribbble pozwala odwiedzającym znaleźć Właściwe miejsce w niezwykle wygodny sposób. To uosobienie doskonałego doświadczenia użytkownika!

Idealny do projektowania mobilnego

Być może to słyszałeś urządzenia mobilne wyprzedziły już komputery stacjonarne wielka ilość użytkownicy. Tylko w 2015 r. w USA korzystanie z urządzeń mobilnych cyfrowe mediaśrodki masowego przekazu osiągają 51% w porównaniu do komputery osobiste, którzy mają 42%. Projekt oparty na kartach jest idealny, ponieważ uwzględnia ten trend, a jednocześnie jest łatwo kompatybilny z responsywnymi frameworkami. Ponieważ karty oferują treść w „przyswajalnych fragmentach”, co ułatwia jej wyświetlanie na platformach mobilnych.

Spójrz na karty z tej strony: ich kształt i rozmiar niemal naśladują kształt i rozmiar smartfona lub tabletu. Oczywiście nie do końca jest to idealne podobieństwo ze względu na duża liczba różny dostępne modele, ale nadal dość duże podobieństwo, patrząc z perspektywy proporcji.

Dzięki temu karty nigdy nie wyjdą z użycia, dopóki będzie rosło zapotrzebowanie na urządzenia mobilne i Internet i nie będzie żadnych oznak spowolnienia wykorzystania kart w najbliższym czasie.

To nie jest kolejna moda

Problem z niektórymi trendami w projektowaniu polega na tym, że stają się one chwilową modą, przez co są krótkotrwałe i niezapomniane. Chociaż projekt karty może być wyjątkiem! Ze względu na dużą liczbę praktyczne zastosowanie i korzyści, jakie oferuje, z czasem będzie zyskiwać na popularności. Oznacza to, że „przeżyje”.

Zapewnia spójność w architekturze informacji witryn i wspiera obsesję użytkowników na punkcie wyraźnych obrazów, co z kolei działa jako sposób na zwiększenie ruchu w witrynie. W związku z tym całe doświadczenie użytkownika również znacznie zyskuje na projektowaniu kart, po prostu dlatego, że faktycznie ułatwia użytkownikom znalezienie w witrynie tego, czego potrzebują. Dzięki wzrostowi Internet mobilny w ciągu ostatnich kilku lat to podejście do projektowania stało się jednym z głównych, a wraz z nim coraz więcej więcej ludzi zderzaj się i ciesz się.

Idea kart jest w rzeczywistości starą koncepcją, ale została poddana kolejnej próbie i zaktualizowana do nowego podejścia do projektowania stron internetowych. To tylko przykład pokazujący, że kreatywnie myślący projektanci mogą wykorzystać coś starego i przyziemnego i przekształcić to w coś niezwykle istotnego i przydatnego w XXI wieku.