Co to jest integracyjne projektowanie stron internetowych?

Użyteczność witryny to szerokie pojęcie opisujące łatwość korzystania z witryny i interakcji z nią. Ważną rzeczą do zapamiętania podczas projektowania witryny internetowej, aby była użyteczna, jest to, że nie każdy angażuje się w witrynę w ten sam sposób lub w tych samych okolicznościach.

Jeśli projektujesz stronę internetową dla „przeciętnego” lub „idealnego” użytkownika, możesz realistycznie stworzyć nieprzyjemny, trudny lub niemożliwy do użycia interfejs dla innych.

Wytyczne dostarczone przez konsorcjum World Wide Web oraz władze lokalne pomogły projektantom wypełnić luki w zakresie użyteczności i dostępności. Jednak niekoniecznie oznacza to, że witryna jest w pełni inkluzywna.

W następnym poście przyjrzymy się, co oznacza projektowanie włączające, jego wartość w projektowaniu stron internetowych, a także co należy wziąć pod uwagę podczas projektowania interfejsów i interakcji włączających.

Dowiedz się, jak projektować pod kątem dostępności w sieci

Czym jest projektowanie włączające?

Inkluzywne projektowanie stron internetowych usuwa uprzedzenia i założenia ze strony internetowej, aby użytkownicy nie czuli się wykluczeni z powodu upośledzenia, danych demograficznych lub innych tymczasowych lub stałych okoliczności.

Zarówno projektowanie stron internetowych z ułatwieniami dostępu, jak i projektowanie UX to kluczowe elementy witryny integracyjnej. Projekt dostępny to proces usuwania barier wejścia dla osób niepełnosprawnych i innych upośledzeń. Projektowanie UX to oparte na danych podejście do projektowania, które testuje i weryfikuje, w jaki sposób prawdziwi użytkownicy korzystają z witryny.

Z tego powodu w projektowaniu inkluzywnym jest wiele do rozważenia, ponieważ nie tylko upośledzenie użytkownika może uniemożliwić mu pełne korzystanie z witryny lub zadowolenie z niej. Projektanci stron internetowych mogą również napotkać problemy, tworząc środowiska dla ekskluzywnej grupy użytkowników.

W związku z tym projektanci stron internetowych muszą wziąć pod uwagę następujące czynniki:

• Upośledzenia fizyczne związane ze wzrokiem, słuchem lub zręcznością
• Zaburzenia psychiczne wpływające na funkcje poznawcze lub mowę
• Ograniczenia sytuacyjne, które uniemożliwiają użytkownikowi pełne zaangażowanie w produkt
• Ograniczenia techniczne, takie jak sprzęt, łączność internetowa i umiejętność obsługi komputera
• Bariery językowe i geograficzne
• Różnice demograficzne, takie jak wiek, rasa i płeć
• Różnice społeczno-ekonomiczne

Podsumowując: projektowanie włączające ostatecznie przekłada się na projektowanie uniwersalne.

Projektanci stron internetowych mają do dyspozycji różnorodne narzędzia, które pozwalają zająć się aspektem dostępności w projektowaniu włączającym. Na przykład narzędzia ułatwień dostępu WordPress, narzędzia do sprawdzania dostępności sieci, wytyczne WAI-ARIA i inne mogą ułatwić projektowanie i wdrażanie z ułatwieniami dostępu.

Jednak w przypadku projektowania inkluzywnego wymaga to lepszego zrozumienia ograniczeń, z jakimi mogą się zetknąć użytkownicy w sieci. Nie ma narzędzia, które przeskanuje Twoją witrynę i potwierdzi, że stworzyłeś najbardziej zróżnicowane i sprawiedliwe doświadczenie. To jest coś, czego będziesz musiał nauczyć się samodzielnie wdrażać i sprawdzać.

Dlaczego inkluzywne projektowanie stron internetowych jest ważne

Istnieje wiele powodów, dla których projektanci stron internetowych muszą sprawić, by dostępność i integracja były częścią każdej tworzonej przez siebie witryny. Przyjrzyjmy się najpierw, jak niewłączająca strona internetowa szkodzi wszystkim:

Minusy braku integracji

W 2021 r. WebAIM opublikował wyniki ankiety nr 9 dotyczącej czytników ekranu. 7,7% respondentów ankiety stwierdziło, że muszą korzystać z czytnika ekranu, gdy są online.

Na pytanie, jak oceniają obecny stan dostępności Internetu, tylko 39,3% odpowiedziało, że jest on bardziej dostępny niż w poprzednich latach. 42,3% uznało, że nic się nie zmieniło, a 18,5% stwierdziło, że było gorzej.

Według Mike'a Gifforda z CivicActions może to być ponad 7,7% populacji, która doświadcza niedostępności i podziela te uczucia:

„Połączenie niepełnosprawności i metod pokonywania barier jest niezwykle różnorodne. Z etycznego punktu widzenia budowanie dla naszych najmniej uprzywilejowanych użytkowników musi mieć najwyższy priorytet. Niestety, przy naszym ciągłym dążeniu do nowego i efektownego, regularnie wykluczamy 10-20% naszych współobywateli”.

Według American Bar Association w latach 2017-2020 do sądów federalnych wpłynęło 8000 pozwów dotyczących Amerykanów z niepełnosprawnościami zgodnie z tytułem III. Liczba ta wzrosła o 14,3% do 2352 pozwów w samym tylko 2021 r., według Accessibility.com.

Są inni, którzy mogą czuć się wykluczeni ze strony internetowej, ale nie mają możliwości skorzystania z prawa do odwołania. Na przykład World Data Lab twierdzi, że jest 1,1 miliarda ludzi ubogich w internet. W niektórych przypadkach oznacza to, że nie mogą sobie pozwolić na mobilne plany transmisji danych. W innych przypadkach mogą, ale nie mają wystarczającej ilości danych do wykorzystania, więc nie mogą sobie pozwolić na spędzanie czasu na stronach internetowych o dużej ilości zasobów.

Należy również wziąć pod uwagę populację osób starszych. Pew Research Center stwierdziło, że w ostatnich latach wzrosła liczba seniorów korzystających z Internetu. To powiedziawszy, TechCrunch informuje, że około 50% starszych osób potrzebuje kogoś, kto pomoże im skonfigurować i korzystać z nowych technologii cyfrowych. Ponadto 40% seniorów w mieście San Francisco — tuż obok Doliny Krzemowej, jest analfabetami cyfrowymi.

Nawet jeśli Twoja witryna nie jest przedmiotem procesów sądowych, zastanów się, co utrata 20% lub więcej odwiedzających z powodu nieuwzględniającego projektu wpłynie na długoterminową rentowność marki. To ogromny segment odbiorców, który zniknie tylko dlatego, że witryna nie jest przyjazna ani użyteczna.

Plusy inkluzywności

Kiedy projektujesz stronę internetową, która ma być inkluzywna, projektujesz ją tak, aby każdy, kto chce, mógł się w nią w pełni zaangażować i nie czuć się wykluczonym. Każdy wygrywa, gdy Internet staje się miejscem integracyjnym:

Inkluzywne projektowanie stron internetowych prowadzi do lepszego projektowania produktów.

Od stron internetowych po aplikacje mobilne i wszystko pomiędzy, projektowanie włączające zmusza projektantów do powrotu do podstaw dobrego, użytecznego i empatycznego projektowania.

Marki docierają do szerszego grona odbiorców.

Marka, która stawia na uniwersalnie pozytywne wrażenia dla wszystkich, a nie tylko dla idealnego użytkownika, przyciągnie bardziej lojalną bazę użytkowników, którzy również cenią inkluzywność i równość.

Użytkownicy czują się lepiej wchodząc w interakcję z integracyjnymi stronami internetowymi.

Ludzie spędzają tak dużo czasu przed ekranami, że problemy takie jak zespół cieśni nadgarstka, zespół widzenia komputerowego i uzależnienie od Internetu są obecnie zbyt powszechne. Integracyjny, etyczny projekt może pomóc użytkownikom poczuć się lepiej zarówno w swoich umysłach, jak i ciałach.

Inkluzywne projektowanie stron internetowych pomaga witrynom lepiej pozycjonować się w wynikach wyszukiwania.

Google zaktualizował swój algorytm wyszukiwania kilka lat temu, wymieniając cztery czynniki niezbędne do stworzenia najlepszego doświadczenia na stronie: wydajność (szybkość), dostępność, najlepsze praktyki (projekt i kod) oraz SEO (np. tekst alternatywny). Do każdego z nich przyczynia się projektowanie włączające.

Jak tworzyć inkluzywne minimotywy do projektowania stron internetowych

Często projektanci wymyślają fikcyjne postaci na początku projektów stron internetowych. Pomaga im to wizualizować i odnosić się do użytkownika końcowego, dla którego budują witrynę. Pomaga im również zrozumieć, w jaki sposób ten konkretny użytkownik wszedłby w interakcję z witryną.

Gdy włączysz inkluzywność w proces projektowania stron internetowych, opisy Twojej osobowości użytkownika będą musiały się nieco dostosować. Typowe persony użytkownika dzielą się na następujące:

• Nazwa
• Dane demograficzne (np. wiek, płeć, zawód itp.)
• Osobowość
• Głos
• Cele
• Motywacje
• Frustracje
• Obawy

Inkluzywne persony użytkowników będą również musiały zawierać:

Umiejętność: jest to składnik dostępności w inkluzywności. Musisz przewidzieć, w jaki sposób niektórzy użytkownicy mogą być ograniczani pod względem sposobu korzystania z witryny i interakcji z nią — fizycznie i poznawczo.

Umiejętność: jeśli przyjrzysz się danym o liczbie użytkowników online, zdasz sobie sprawę, że niektórzy z nich mogą nie mieć umiejętności obsługi cyfrowej. Odejście od podstawowych struktur i układów oraz brak wystarczającego kontekstu (takiego jak etykiety w formularzach kontaktowych) może okazać się szkodliwe dla doświadczeń tych użytkowników.

Postawa: odnosi się do użytkowników, którzy mogą postrzegać strony internetowe jako niebezpieczne środowiska. Niezależnie od tego, czy są nadmiernie zaniepokojeni swoją prywatnością, czy też zdenerwowani napotkaniem złośliwego oprogramowania, tego typu obawy należy rozwiązać za pomocą rozpoznawalnych i godnych zaufania funkcji zabezpieczeń i prywatności.

Dostęp: Użytkownicy nie muszą być ubodzy w internet, aby mieć ograniczony dostęp do sieci. Na przykład, według UNESCO nieco ponad połowa światowej populacji ma dostęp do Internetu w domu. Nie oznacza to, że nie mogą uzyskać dostępu do Internetu, oznacza to po prostu, że muszą znaleźć inne sposoby, aby to uzyskać — na przykład pójście do biblioteki lub kafejki internetowej. Tak więc łączność, sprzęt, oprogramowanie, a nawet lokalizacja mogą mieć wpływ na dostęp.

Lokalizacja: nigdy nie można bezpiecznie założyć, że każdy użytkownik mieszka w tym samym kraju, pochodzi z tej samej kultury i mówi tym samym językiem co Ty. W związku z tym różnice te należy uwzględnić podczas tworzenia integracyjnych person użytkownika.

7 zasad projektowania włączającego

Aby projektowanie inkluzywne mogło działać, projektanci stron internetowych muszą usunąć założenia, z góry przyjęte poglądy, a także faworyzowanie przeciętnego użytkownika nad dobrem wszystkich użytkowników. Aby to z powodzeniem zrobić, projektanci muszą kierować się następującymi zasadami:

1. Elastyczność

Nie ma czegoś takiego, jak jeden rozmiar dla wszystkich w projektowaniu stron internetowych. Nie oznacza to, że musisz tworzyć różne witryny lub strony docelowe dla różnych użytkowników. Oznacza to jednak dodanie dodatkowych funkcji do interfejsu użytkownika, jeśli uważasz, że pomogą one wypełnić lukę między doświadczeniami różnych użytkowników.

Na przykład dobrym pomysłem jest dołączenie transkrypcji wideo pod osadzonym plikiem. W ten sposób użytkownicy, którzy nie mogą lub nie chcą słuchać lub oglądać wideo, mogą przeczytać tekst.

2. Prostota

Minimalizm to trwały trend w projektowaniu stron internetowych i nie bez powodu. Nie tylko dlatego, że tworzy przyjemniejsze wizualnie interfejsy, ale dlatego, że minimalizm i prostota torują drogę do bardziej intuicyjnego projektowania.

Najlepszym sposobem na podejście do tego jest traktowanie witryny internetowej jako produktu o minimalnej opłacalności (MVP). Zbuduj podstawowe funkcje, które sprawiają, że jest to użyteczny i wartościowy produkt. Następnie dodaj dodatkowe elementy tylko tam, gdzie są potrzebne i wnieś wartość do doświadczenia wszystkich.

3. Spójność

Spójność nie oznacza, że ​​strona internetowa musi stać się przewidywalna lub nudna. Nadal możesz być kreatywny, zachowując spójność.

Każdy zyskuje na spójności w projektowaniu. Usuwa frustrację i zamieszanie spowodowane tym samym elementem lub funkcją prezentowaną na różne sposoby na tej samej stronie internetowej. Ponadto spójność ze sposobem, w jaki większość sieci obsługuje podstawowe elementy — takie jak nawigacja w witrynie — może poprawić użyteczność witryny i przyspieszyć czas konwersji.

4. Percepcja

Oprócz uwzględnienia sposobu, w jaki ludzie korzystają z witryn, projektanci muszą również wziąć pod uwagę, w jaki sposób wolą korzystać z witryn. Na przykład witryna zdominowana przez obrazy może być bardzo trudna do przetrawienia treści użytkownikom, którzy nie są wzrokowcami.

Kiedy łączysz zawartość witryny, upewnij się, że jest to zdrowa mieszanka. Jeśli istnieje tylko jeden rodzaj treści (np. cały tekst i brak obrazów), niektórzy użytkownicy mogą być w niekorzystnej sytuacji, jeśli chodzi o zrozumienie lub łatwość użycia.

5. Kapitał własny

Równość w projektowaniu stron internetowych odnosi się do sprawiedliwych wyników. Innymi słowy, niezależnie od tego, kim jest odwiedzający, każdy odwiedzający powinien mieć możliwość łatwego wykonywania zadań.

Tutaj przydaje się proces projektowania UX. Uzyskanie informacji z pierwszej ręki na temat celów użytkowników i tego, czego potrzebują do ich realizacji, pomaga projektantom tworzyć bezproblemowe interakcje i podróże użytkowników dla wszystkich.

Rozważmy na przykład komponent interfejsu użytkownika, taki jak suwak obrazu. Inkluzywnym sposobem zaprojektowania byłoby wyłączenie funkcji automatycznego przesuwania. Następnie dołącz funkcje przesuwania i klikania, aby każdy użytkownik mógł kontrolować suwak i jego tempo.

6. Zapobieganie

Projektowanie integracyjne złagodzi ludzkie błędy. Oznacza to zaprojektowanie interfejsu użytkownika, aby zapobiec jak największej liczbie błędów, a jednocześnie zapewnić tolerancyjną i pomocną reakcję na występujące błędy. Zmniejszając frustrację lub wstyd związany z popełnianiem błędów, inkluzywny projekt robi więcej, aby budować zaufanie odwiedzających.

Ta konkretna zasada pojawia się najczęściej w momencie zaangażowania. Na przykład przyciski powinny być zawsze zaprojektowane tak, aby były wystarczająco duże, aby można je było zobaczyć i kliknąć.

Innym dobrym przykładem są komunikaty o błędach w formularzach kontaktowych. Wyświetlając wbudowane komunikaty o błędach w kolorze i rozmiarze, które każdy może przeczytać, zmniejszysz prawdopodobieństwo powtarzających się błędów. Będziesz mieć również formularz kontaktowy, który będzie bardziej pomocny niż ten, który zawiera niejasne komunikaty o błędach lub te, które pojawiają się na zbyt późnym etapie procesu.

7. Zakwaterowanie

Jednym z powodów, dla których strony internetowe podlegają pozwom o dostępność, tak jak tradycyjne firmy, jest to, że zostały uznane za „miejsca publicznego zakwaterowania”. Oprócz tego, że każdy może czytać, nawigować i angażować się w stronę internetową, inkluzywny projekt gwarantuje odwiedzającym pewien komfort.

Komfort może oznaczać wiele rzeczy dla wielu osób — duża przestrzeń, przewidywalne układy itp. Projektowanie inkluzywne wymaga również od projektantów rozważenia, na ile ich użytkownicy będą zadowoleni z zawartości witryny.

Na przykład użycie różnorodnych obrazów, które odzwierciedlają grupę docelową, stworzy bardziej przyjazne środowisko niż ogólne obrazy giełdowe, które użytkownicy widzieli raz po raz. To samo można powiedzieć o używaniu prostej kopii zamiast kopii pełnej żargonu, którą zrozumiałaby tylko część odbiorców.

Wniosek

Inkluzywne projektowanie stron internetowych to termin obejmujący wszystkie dziedziny, który obejmuje takie dyscypliny, jak projektowanie UX, projektowanie z ułatwieniami dostępu i projektowanie responsywne. Jednak projektowanie włączające idzie o krok dalej, aby zapewnić, że końcowy rezultat jest uniwersalną i dobrze odbieraną witryną internetową.

Takie podejście do projektowania stron internetowych wymaga solidnego zrozumienia wyzwań, z jakimi borykają się różni ludzie podczas korzystania z witryn internetowych, które wykraczają poza niepełnosprawność lub niepełnosprawność.

Najlepszym sposobem na zintegrowanie inkluzywności z procesem projektowania stron internetowych jest upewnienie się, że pracujesz z narzędziami, które pomogą Ci ją wdrożyć — takimi jak funkcje ułatwień dostępu WordPressa i Elementora. Następnie zaktualizuj szablony osobowości użytkownika o takie czynniki, jak umiejętności, uzdolnienia i dostęp. Na koniec aktualizuj swój proces, gdy dowiesz się więcej o doświadczeniach użytkowników i typowych wyzwaniach, jakie napotykają podczas korzystania z sieci.