Dostępny projekt – 5 podstawowych sekretów dla grafików

Inkluzywność staje się trendem w projektowaniu, którego nie można już ignorować. Ważne jest tworzenie projektów, które dokładnie oddają Twoją markę i przekaz. Ale jeszcze ważniejsze jest tworzenie projektów, które Twoi klienci widzą i przetwarzają we właściwy sposób. Obejmuje to projektowanie dla osób z różnymi rodzajami niepełnosprawności. Istnieje ogromna część populacji, która żyje z jakąś formą niepełnosprawności. To 61 milionów dorosłych w samych Stanach Zjednoczonych. Dlatego przystępny projekt to coś, czego nie można lekceważyć. Międzynarodowy Dzień Osób Niepełnosprawnych przypada 3 grudnia. Teraz jest dobry moment, aby porozmawiać o dostępnym projektowaniu.

Czy widziałeś liczbę 73 na powyższym obrazku? Nie każdy może! A ludzie, którzy mają trudności z rozróżnianiem kolorów, również należą do Twojej grupy docelowej. Dlatego ważne jest, aby zacząć nadawać priorytet łatwo dostępnemu projektowi. Nie wiesz od czego zacząć? Mamy cię! Damy Ci kilka wykonalnych wskazówek dotyczących prostych dostosowań i rozważań projektowych, które mogą mieć znaczenie.

Dostępny projekt – z perspektywy projektowania graficznego

Kiedy mówimy o reprezentatywnej reklamie i włączaniu w marketingu, często ograniczamy się do koncepcji włączania różnych reprezentacji kulturowych. Sprawianie, by ludzie z różnych grup demograficznych czuli się włączeni. Uznanie i przyjęcie różnych grup etnicznych. Ale inkluzywność wykracza poza to. Ocena i dopracowanie doświadczenia dla użytkowników o różnych sprawnościach to kolejny kluczowy element marketingu włączającego.

Dostępny projekt to dość obszerna domena. Obejmuje to projektowanie pod kątem dostępności we wszystkich punktach kontaktu z klientem. Od łatwo dostępnego projektu interfejsu użytkownika po funkcje aplikacji, które upraszczają użytkowanie dla wszystkich rodzajów użytkowników, marka może podjąć kilka działań. Ale na tym blogu będziemy mówić w szczególności o dostępności w projektowaniu graficznym. Obejmuje to tworzenie grafiki promocyjnej, która jest łatwa do wykorzystania przez osoby niepełnosprawne.

Większość marek bierze pod uwagę niepełnosprawności fizyczne, takie jak ślepota i upośledzenie słuchu. Ale upośledzenie funkcji poznawczych również wymaga sporej części twojej uwagi. Afazja, autyzm, dysleksja, ADHD – istnieje kilka takich zaburzeń poznawczych, które utrudniają ludziom przetwarzanie informacji, które im przedstawiasz. Twoja reklama, projekt, który Twoim zdaniem świetnie wygląda na ekranie, może być przez nich postrzegana zupełnie inaczej.

Na przykład, co zrobić, jeśli kontrast między tekstem a tłem nie jest wystarczający i użytkownik traci ważne informacje? A co jeśli wykres kołowy w Twojej infografice ma różne kolory dla różnych parametrów, ale daltonista nie może ich rozróżnić? Cel projektu został utracony. Dlatego uwzględnienie funkcji ułatwień dostępu jest ważne w projektach marketingowych i brandingowych.

A najlepsze jest to, że przystępny design w marketingu wcale nie jest taki trudny. Kilka drobnych poprawek i Twój projekt jest gotowy zarówno dla ogółu odbiorców, jak i dla osób niepełnosprawnych. Spójrzmy na kilka pomysłów, jak to osiągnąć.

1. Zwróć uwagę na typografię

Różne aspekty typografii wpływają na czytelność i czytelność kopii. Chociaż nie zawsze możesz ograniczyć się do wyboru odpowiedniego kroju pisma i stylizacji czcionek, rozważenie kilku aspektów może sprawić, że projekt będzie o wiele wygodniejszy dla osób z niepełnosprawnością wzrokową i neurologiczną.

Zastanów się dwa razy, zanim użyjesz małej czcionki

Małe czcionki bardzo męczą oczy. I sprawia, że ​​Twoi użytkownicy pracują ciężej, aby uzyskać wiadomość. Są szanse, że nie! Co więcej, czcionki mniejsze niż 12 pikseli mogą być trudne do odczytania, zwłaszcza na telefonie komórkowym. Biorąc pod uwagę, że 58,99% globalnego ruchu w sieci pochodzi z urządzeń mobilnych, unikanie małych czcionek jest zdecydowanie dobrą decyzją dla dostępnego projektu.

Tak więc duże, pogrubione czcionki tekstu głównego nie tylko przyciągają uwagę lub zatrzymują przewijanie, ale także zapewniają łatwość czytania kilku użytkownikom. Zróżnicowanie rozmiarów czcionek dla różnych sekcji ułatwia zrozumienie hierarchii wszystkim użytkownikom. Ponieważ największe czcionki są często pierwszymi, które większość ludzi zauważa, a najmniejsze są prawdopodobnie ostatnimi.

Wybrany krój pisma ma znaczenie

Istnieje wiele pięknych i czytelnych czcionek szeryfowych. Nie ma co do tego wątpliwości. Ale jeśli projektujesz z myślą o osobach z wadami wzroku, czcionki bezszeryfowe mają wyraźną przewagę. Ich czyste i bezproblemowe kształty liter sprawiają, że są wygodniejsze do czytania. Dotyczy to zarówno projektów drukowanych, jak i cyfrowych.

W przypadku krojów bezszeryfowych należy unikać czcionek o bardzo cienkich liniach. Czcionki dekoracyjne to inne rodzaje czcionek, które nie sprawdzają się podczas projektowania dla osób z wadami wzroku. Używanie ozdobnych czcionek jest w porządku z umiarem. Ale sekcja, która zawiera główny przekaz, wezwanie do działania i obszary z dużą ilością tekstu, powinna mieć bardziej czytelną alternatywę.

Uważaj na odstępy między literami

Kerning lub odstępy między znakami w kopii zapewniają, że czytelnicy prawidłowo odczytają informacje. I żeby przeczytali to bez żadnych trudności. Litery, które są zbyt blisko siebie, mogą sprawić, że cały tekst będzie niewygodny w czytaniu. Dla osób z wadami wzroku i trudnościami poznawczymi w czytaniu zbyt mała odległość między literami stanowi jeszcze większy problem. Jaki pożytek z dobrej kopii, jeśli nie wywiera zamierzonego efektu na odbiorcach? Lub co gorsza, co jeśli porzucą Twoją markę z powodu złego doświadczenia?

Dobrze rozmieszczone litery i uporządkowany układ to wszystko, czego potrzebujesz. Nie zajęty projekt. Nikt tego nie lubi, nie tylko osoby niepełnosprawne.

Powyższa wizytówka zawiera wszystkie powyższe pomysły dotyczące uważnych korekt typograficznych. W całym tekście zastosowano prostą czcionkę bezszeryfową. Odstępy między literami sprawiają, że tekst jest czytelny. A jako ostatni szlif, kod QR pomaga stworzyć idealny projekt hybrydowy. Zeskanowanie kodu prowadzi do cyfrowej wizytówki z linkami do strony internetowej, stron mediów społecznościowych i bezpośrednich łączy telefonicznych. Wszyscy użytkownicy pokochają rozsądny projekt zorientowany na użytkownika, taki jak ten.

Kimp Tip: Nie wiesz, czy wybrana typografia jest przyjemna dla oka czytelnika? Zapisz poniższe znaki obok siebie-

• Wielka litera „i”
• Mała litera „l”
• I cyfra „1”

Jeśli chodzi o rozmiar czcionki, odejdź trochę od projektu i sprawdź, czy możesz wygodnie czytać tekst bez konieczności powiększania. Uzyskaj kilka różnych punktów widzenia członków zespołu i gotowe.

Martwisz się, że typografia zadziała? Skontaktuj się z zespołem Kimp.

2. Na szczególną uwagę zasługuje kontrast kolorystyczny

Kontrast jest niezbędnym elementem we wszystkich projektach. Kontrast kolorów mówi ci, jak różne są dwa kolory. Umieść je obok siebie lub umieść je jeden nad drugim na pierwszym planie iw tle, jeśli kolory prawie się mieszają, kontrast jest za mały. Słaby kontrast może być problemem dla wszystkich ludzi. I sprawia, że ​​wiadomość jest szczególnie trudna do zrozumienia dla osób z upośledzeniem wzroku.

Według organizacji World Wide Web Consortium (W3C) zalecany jest współczynnik kontrastu 4,5:1 lub większy między tekstem na pierwszym planie a tłem.

Jednocześnie, jeśli kontrast jest zbyt wysoki, nadal może powodować duży dyskomfort. Poniższy przykład z tekstem w kolorze zielonym na czerwonym tle jest dobrym przykładem. Kontrast jest wysoki, ale kombinacja może być ciężka dla oczu.

Nie chcesz też mieć migotania i migania animacji zawierających kolory o wysokim kontraście. Mogą one być trudne dla osób z wrażliwością na światło.

Porada Kimpa: zamiast zastanawiać się, czy wybrana czerwień czcionki będzie dobrze wyglądać na szarym tle, użyj narzędzia online, takiego jak WebAIM Contrast Checker, aby sprawdzić współczynnik kontrastu.

3. Zachowaj ostrożność podczas korzystania z nakładek tekstowych

Innym aspektem projektowania, którego należy unikać, jeśli chcesz stworzyć projekt z ułatwieniami dostępu, jest umieszczanie nakładek tekstowych na skomplikowanych tłach. Kiedy w tle dużo się dzieje, nawet najbardziej czytelne czcionki są czasami trudne do odczytania. Na przykład osobom z dysleksją może to być trudniejsze. Szacuje się, że około 10% populacji ma dysleksję. Twoje ulotki biznesowe, wizytówki lub projekty mediów społecznościowych powinny być dla nich łatwe do odczytania.

Skomplikowane tła mogą mieć postać zdjęć lub teł wzorzystych. Chociaż oba te projekty stanowią świetne tło, mogą nie zawsze oddawać sprawiedliwość tekstowi, który znajduje się na pierwszym planie.

Aby tego uniknąć, możesz użyć pól tekstowych lub akcentów w jednolitych kolorach lub półprzezroczystych. Ponownie sprawdź współczynnik kontrastu między kolorem czcionki a kolorem akcentu.

Na przykład poniższy projekt sprawia, że ​​zdjęcia lśnią, jednocześnie ułatwiając czytanie tekstu.

Problemy związane z kontrastem mogą wybuchnąć, zwłaszcza w przypadku zastosowań, takich jak etykiety żywności lub etykiety leków. Jeśli oświadczenie o alergii lub lista składników i instrukcje dotyczące dawkowania nie są jasne, projekt opakowania może stanowić zagrożenie dla bezpieczeństwa jego użytkowników.

Tak więc, jeśli chodzi o aplikacje, takie jak opakowania, w których masz ograniczoną przestrzeń do pracy, oto pomysł do wypróbowania. Firma Kellogg's wprowadziła specjalny projekt opakowania dla osób z wadami wzroku. Na opakowaniu znajduje się kod, który mogą zeskanować osoby korzystające z czytników ekranu w celu uzyskania pomocy. To tylko jeden ze sposobów, aby Twój projekt był hybrydowy i odpowiedni dla wszystkich rodzajów odbiorców.

4. Projektowanie dla daltonistów

Wybór kolorów sam w sobie jest stresującą decyzją. Ale co by było, gdybyś musiał sprawić, by był odpowiedni dla użytkowników ze ślepotą barw? Dobrą wiadomością jest to, że wiele narzędzi do projektowania umożliwia projektowanie dla osób ze ślepotą barw.

Najczęstsze rodzaje ślepoty barw to protanopia, deuteranopia i tritanopia. Kiedy użytkownik końcowy nie widzi, że jeden kolor różni się od drugiego, decyzja o użyciu różnych kolorów czcionki i tła lub różnych kolorów do uchwycenia hierarchii w infografice okazuje się bez znaczenia.

Szacuje się, że daltonizm występuje najczęściej u mężczyzn rasy kaukaskiej. Jeśli to opisuje twoją grupę docelową, to nie ma dyskusji o wyborze bezpiecznych palet kolorów dla daltonistów.

Narzędzia takie jak Adobe Color pozwalają sprawdzić, czy Twoja paleta kolorów jest bezpieczna dla daltonistów. Zobaczysz symulację tego, jak wybrane kolory wyglądają dla osób ze ślepotą barw i możesz zidentyfikować kolory, które wydają się takie same. Na poniższym obrazku kolory, w których pojawiają się poziome linie, to kolory, które wyglądają podobnie do kolorów dla użytkowników ze daltonizmem. Unikaj takich trudnych kombinacji, jeśli zależy Ci na przystępnym projekcie.

Lub, jeśli chcesz sprawdzić istniejący projekt i uczynić go bezpiecznym dla daltonistów, możesz użyć narzędzi online, takich jak Coblis – Color Blindness Simulator, aby zobaczyć, jak Twój projekt wygląda dla daltonistów.

Jeśli przycisk wezwania do działania wyskakuje i zwraca uwagę zwykłego użytkownika, ale jest prawie niewidoczny na tle użytkownika ze daltonizmem, nadal nie trafiłeś. Liczy się każdy użytkownik, liczy się każda interakcja użytkownika. Wybierz więc odpowiednie kolory.

Porada Kimpa: Zamiast polegać wyłącznie na hierarchii opartej na kolorach, użyj rozmiaru czcionki i innych elementów, aby wszystko było bardziej przejrzyste.

5. Dodaj wyraźne napisy do filmów i tekst alternatywny do obrazów

Pamiętaj, że niektórzy użytkownicy polegają na czytnikach ekranu. Tak więc Twój obraz może być dla nich bezużyteczny, chyba że użyjesz odpowiedniego tekstu alternatywnego. Tak, Twój tekst alternatywny nie tylko pomaga w SEO. Pomaga stworzyć dostępny projekt dla użytkowników. Ale tak, trzymaj się tematu – unikaj długich opisów.

Innym tekstowym aspektem materiałów wizualnych będą napisy w filmach. Nie polegaj na napisach generowanych automatycznie. Użyj nakładek tekstowych, aby poprowadzić użytkowników przez film. W YouTube możesz tworzyć rozdziały, aby wszystko było jeszcze lepsze. I na koniec dodaj podpisy wyraźną i czytelną czcionką, która nie wtapia się w tło. I pamiętaj, że masz tutaj ruchome tło.

Dodanie napisów pomaga również zaspokoić potrzeby osób, które wolą oglądać filmy wyciszone w mediach społecznościowych. To wygrana tak czy siak. Fakt, że platformy mediów społecznościowych traktują priorytetowo funkcje ułatwień dostępu, takie jak LinkedIn, który niedawno dodał automatyczne napisy do filmów, jest dobrą wskazówką, że nadszedł czas, aby poważnie potraktować projektowanie z ułatwieniami dostępu.

Uprość projekt z ułatwieniami dostępu dzięki Kimp

Projektowanie z ułatwieniami dostępu w marketingu polega na wykorzystaniu potęgi materiałów wizualnych bez ignorowania trudności i wymagań nawet jednej z grup odbiorców. W rzeczywistości na chwilę zapomnij o koncepcji „grup docelowych” i zrozum, że komunikujesz się jeden na jednego z zestawem unikalnych osób. To zmienia sposób, w jaki patrzysz na projekty swojej marki! A jeśli potrzebujesz pomocy w tworzeniu tych łatwo dostępnych projektów dla swojej marki, po prostu daj znać naszym projektantom, a my z przyjemnością pomożemy Ci opracować najlepsze reklamy i posty w mediach społecznościowych, które zaspokoją potrzeby różnych grup demograficznych Twoich klientów.

Zarejestruj się teraz i wypróbuj bezpłatną subskrypcję Kimp przez 7 dni.

powiązane posty