Wiedza

Universal Design 101: Zaprojektowałeś dla wszystkich użytkowników?

Uniwersalny design przynosi korzyści zarówno użytkownikom, przedsiębiorstwom, jak i najbardziej osobom. Co to jest i jakie konkretne środki należy wziąć pod uwagę?

Uniwersalny design przynosi korzyści zarówno użytkownikom, przedsiębiorstwom, jak i najbardziej osobom. Ale co to jest i jakie konkretne działania należy wziąć pod uwagę jako projektant, deweloper czy kierownik projektu?

Czy wiesz, że są przepisy dotyczące tego, jak powinien być Twój serwis? Strony internetowe i platformy cyfrowe są następujące: powszechne wymogi dotyczące konstrukcji zgodnie z norweskimi przepisami ustawowymi i wykonawczymi. Można to odstraszać, a projektowanie uniwersalne można postrzegać jako kompleksowy i złożony obszar dotarcia do niego. Jednakże świadomość jest konieczna w epoce cyfrowej, w której żyjemy. Nie bój się, oto twój wstęp!

Co to jest uniwersalny projekt?

Uniwersalny design dotyczy tworzenia produktów, usług i treści online z pomysłem, że powinny one obejmować każdego, niezależnie od ich funkcjonalności. W ten sposób każdy może uczestniczyć i mieć taki sam dostęp do społeczeństwa, a w tym przypadku do treści cyfrowych. Tego rodzaju metodologia w przestrzeni cyfrowej nazywana jest również projektem integracyjnym.

Kiedy mówimy o cyfrowym uniwersalnym projekcie, nie oddalamy się od WCAG. WCAG oznacza wytyczne dotyczące dostępności treści Web oraz stanowi zalecenia i wytyczne dla zapewnienia większej dostępności treści online.

Norweskie regulacje wymagają, aby rozwiązania sieci były projektowane według różnych wersji i poziomów WCAG.

Dlaczego ważne jest, by projektowanie uniwersalne było powszechne?

Jest mnóstwo powodów, dla których prawie każdy kąt działania. Najbardziej oczywiste, ale również najważniejsze, z wyjątkiem tego, że jest legalne, jest to dobre dla ludzi w sferze cyfrowej. Wszystkie będą mogły korzystać z i nawigować na równych produktach i usługach, jeśli priorytetem będzie projektowanie uniwersalne. Według Bufdir, między 15% a 18% stanowią zaburzenia funkcjonalnePowiedzmy, że to jest to samo co to. Jest wielu użytkowników, których można wykluczyć i przegapić!

Ułatwiając projektowanie uniwersalne i przyjazną użytkownikom stronę internetową, może to również doprowadzić do dłuższego rozwoju użytkowników na stronie i do wyboru powrotu. Jeśli nie spełniamy pewnych wymogów, użytkownicy zawsze mają możliwość wyjazdu gdzie indziej w większości przypadków.

Dotyczy to zasady, że użytkownicy spędzają najwięcej czasu na nie-Twoich stronach i produktach. Zasada ta jest nazywana Prawo Jakoba i jest jednym z Ustawy UXPowiedzmy, że to jest to samo co to. Oznacza to, że w praktyce użytkownicy chcą, aby Twoja strona działała jako strony, które już znają.

Kto jest dobry?

Uniwersalny design jest dla wszystkich! Jak nadzór nad uniwersalnym projektem ICT "Potrzebuję kogoś, ale dla każdego dobre". Wyobraź sobie aplikację transportu publicznego, gdzie możesz kupić bilet. Jeśli przycisk Buy jest zbyt mały, wtedy jeden z Parkinsona, który ma problemy z silnikiem, a także ten, który biegnie do autobusu i troszeczkę drży, będzie miał problemy z naciśnięciem przycisku i przeprowadzenie zakupu biletu. Pamiętaj, nie wszyscy ludzie używają swojego produktu lub usługi w doskonałym, nieskrępowanym środowisku. Następnie jest to kwestia budowy dobrej i solidnej podstawy zgodnie z uniwersalnym projektem.

Dobrze dla SEO

Co jest dobre dla projektowania uniwersalnego może pomóc poprawić SEO. Niekoniecznie ranking wyższy poprzez przechodzenie kontroli dostępności, ale wiele z tego, co jest dobre dla projektowania uniwersalnego jest również dobre dla rankingu wyższe. Search engines nagradza dobrze zaprojektowane strony internetowe, a projekt uniwersalny jest kryterium jakości. Czynniki takie jak dobra przyjazność użytkownika, możliwość korzystania z czytnika ekranu, struktury bocznej i funkcjonalności to uniwersalne kryteria projektowe i kryteria SEO. To dobra karta do przechowywania w rękawie, gdy rozmawiamy z decydentami lub “sceptykami”.

Wiele rodzajów przestojów

Jedną z ważnych rzeczy jest to, że istnieje wiele rodzajów degradacji, i że uniwersalnie zaprojektowane rozwiązania będą przydatne dla każdego w jednym momencie życia.

Zmniejszenie zdolności do pracy w przypadku niepełnosprawności może nie być trwałe. Weźmy przykład. W wielu przypadkach trudno jest zobaczyć, co jest na ekranie ze względu na środowisko lub okoliczności - to może być silne światło słoneczne, odległość lub samodzielność. Wówczas ważne jest, aby projekt był optymalny. Poniżej przedstawiono przykłady różnych typów spowolnienia.

Stałe: Ślepość, osłabienie, wiek

Tymczasowy: Zgubiłem okulary, zieloną i szarą gwiazdę

Swoiste dla sytuacji: Złe światło, ekstremalne światło, rozpraszanie, odległość

Przykłady wielu rodzajów upadków. https://www.microsoft.com/design/include/
Przykłady wielu rodzajów upadków. https://www.microsoft.com/design/include/
7 Zasady projektowania uniwersalnego

Centrum Projektowania Uniwersalnego na Uniwersytecie Państwowym Karoliny Północnej opracowano w 1997 roku siedem zasad oceny i tworzenia uniwersalnych rozwiązań. Są one tak samo istotne dzisiaj, jak 25 lat temu. Nie są one jednak bezpośrednio powiązane z prawem i powinny być wykorzystywane wyłącznie do celów informacyjnych.

  • Równość szans na wykorzystanie

    Projekt jest użyteczny i dostępny dla osób o różnych umiejętnościach.

  • Elastyczne

    Projekt powinien służyć szerokiej gamy preferencji i umiejętności indywidualnych.

  • Proste i intuicyjne stosowanie

    Projekt łatwo rozumie się bez względu na doświadczenie, wiedzę, umiejętności językowe lub koncentrację użytkownika.

  • Informacje zrozumiałe

    Projekt ten skutecznie przekazuje użytkownikowi niezbędne informacje, niezależnie od środowiska lub umiejętności sensorycznych użytkownika.

  • Tolerancja błędów

    Wzorzec minimalizuje zagrożenia i urazy, które mogą powodować negatywne skutki lub minimalizować nieumyślne działania.

  • Niska wysiłek fizyczny

    Konstrukcja musi być zdolna do efektywnego i wygodnego wykorzystania z minimalną trudnością.

Co mam zrobić jako projektant, deweloper lub kierownik projektu w rozwi?zaniu internetowym?

Poniższe punkty nie są wyczerpujące, ale może to być coś największego i najważniejszego do wdrożenia.

1. Narzędzie nawigacji klawiatury Przy użyciu nawigacji klawiatury, używasz klawisza tab do poruszania się po okolicy. Organizacja nawigacji keytau udostępnia Twoje rozwiązanie internetowe użytkownikom, którzy nie mogą lub nie chcą używać myszy do poruszania się po okolicy. Ułatwia użytkownikowi poruszanie się za pomocą klawiatury, ustawiając sensowną kolejność kart. Stosowanie tego leku „Skasuj linki do nawigacji”, lub skok linków, aby pozwolić użytkownikowi przejść prosto do głównej zawartości strony. Tu jest dobry. przewodnik po nawigacji klawiatury w nadzorze UU.

Obraz pokazujący połączenie skokowe z przodu Inevo kropka teraz

2. Semanty i poprawne tytuły Ważne jest, aby używać schludnego kodu semantycznego, z poprawnym tytułowym hierarchii. Upewnij się, między innymi, że pozycje są zgodne z prawidłową kolejnością od H1 do H6 oraz że znacznik tytułu na górze zakładki stanowi zawartość strony.

Trzy. Zapisz cały tekst Kiedy czytelnicy mówią, co dzieje się na obrazku na stronie internetowej, odczytują z zakodowanego wszystkich tekstów. Jeżeli tego nie ma, połączenie między treścią witryny może stracić kontekst dla czytelnika ekranu. Tekst Alt powinien opisywać temat obrazu. Obrazy dekoracyjne muszą być oznaczone pustym all-tributem, aby uniknąć hałasu dla użytkownika końcowego.

4. Kontrasty, kontrasty, kontrasty To jest najczęściej popełniany błąd zgodnie z WebAim, ale niektóre z najprostszych rzeczy do zrobienia w wielu przypadkach. Proszę włożyć wartości wymagane dla różnych typów tekstu i zawartości lub użyć sprawdzania kontrastu, które to zrobi.

5. Wystarczająco duże „cele dotykowe” Cele dotykowe to powierzchnia kliknięcia, a tutaj są wymagania dla pól i przycisków. Należy podać co najmniej 44x44px (WCAG 2.1). Jest to ważne, aby uniknąć naciśnięcia użytkownika źle, czy mają problemy z silnikiem, po prostu mają duże palce, czy są w ruchu. Pamiętasz, co napisałem o dwóch różnych ludziach, którzy kupują bilet autobusowy?

Pierwsza część obrazu pokazuje przycisk, który jest 87 pikseli razy 36 pikseli. Więc nie osiąga wysokości 44 pikseli. Druga część obrazu pokazuje poprawny przycisk niespotowy 87 razy 48 pikseli.

6. Poprawka dowolnego rodzaju W formie ważne jest, między innymi, aby etykiety lub etykiety w dobrym norweskim języku pozostawiły pola wejściowe. Jeżeli instrukcja lub etykiety znajdują się wewnątrz pola wejściowego, może on uniemożliwić użytkownikowi dokonanie przeglądu poprawności informacji. WCAG wymaga również, aby pola obowiązkowe były oznaczone.

Obraz pokazuje dwa pola wejścia. Pierwszy jest więc niewłaściwy, umieszczając etykietę w polu rzeczywistym. Następny pokazuje prawidłowy sposób, z etykietą poza polem.

Siedem. Użyj kształtu, tekstu, kontrastu, rozmiaru i wyróżnienia, aby wyjaśnić, co próbujesz przekazać Wiedziałeś, że pomiędzy 5% a 8% mężczyzn jest niewidomych? i zmagać się z rozróżnianiem kolorów w różnym stopniu? Dzięki większej liczbie instrumentów niż tylko kolory, możesz zapewnić, że więcej osób znajdzie swój cel szybciej. Przykładem betonu jest ozdoba hipergamatów zarówno kolorem, jak i kolorem. podkreślać. Ten, kto ma trudności z widzeniem koloru niekoniecznie widzi różnicę pomiędzy ciemnym niebieskim łączem a czarnym tekstem ciała. Dodawanie linków z podkreśleniem jest wzorcem, o którym większość użytkowników Internetu wie.

Osiem. Pozwól wystarczająco powiększyć Przygotuj swoją stronę internetową do korzystania z wysokich prędkości powiększenia. Wielu z nich prowadzi sieć w sposób, o którym nigdy wcześniej nie myślałeś, w tym przez maksymalne powiększenie.

Dziewięć. Rozmiar czcionki i czcionki czytelne dla ludzi WAG nie wymaga pewnej wielkości czcionki, ale jest to powszechne konsensus i najlepsze praktyki 16px to dobry punkt wyjścia dla akapitów. Chociaż nie są to jeszcze oficjalne wymogi WCAG, niektóre zasady najlepszych praktyk UI powinny być podstawą. Proszę używać m.in. czcionek, które mają dobre sylaby. Więc starannie zastanawiasz się, czy nie należy używać czcionki o wysokim stopniu złożoności w tekście chleba. Spróbuj także uniknąć zbyt wielu rodzin czcionek w jednym rozwiązaniu, i kapać warianty “światło” i “ciemne” jeśli są wątpliwości co do dywidend dla wszystkich. Użyj dyskrecji, ale również wykonać testy!

Dziesięć. Lista odstępów tekstowych i długości krótkich linii Upewnij się, że zawartość tekstu jest jak najdokładniejsza i jak to możliwe, przy użyciu odpowiedniej wysokości linii. W celu spełnienia wymagań WCAG należy oddzielić od siebie co najmniej 1,5 linii. Aby można było zaakceptować jako dostępne zgodnie z WCAG, długość linii powinna być mniejsza niż 80 znaków na linię zapewniającą optymalną czytelność.

11. Tekst opracowany w sposób uniwersalny Nie tylko powinniśmy projektować dekoracje tekstowe w sposób uniwersalny, ale też upewnić się, że treść jest zrozumiała i prosta.

12. Dobry projekt interakcji Czystość i poprawność informacji zwrotnych/odzyskanie informacji poprzez interakcje, jasność o przyciskach i linkach, które prowadzą do tego, gdzie i dobre nawigacje są ważne dla przyjazności użytkownika w każdym rozwiązaniu sieciowym.

13. Wyczyść komunikaty o błędach Napisz raporty błędów, które jasno opisują błąd, który wystąpił. Jeśli użytkownik wprowadził swój e-mail w niewłaściwym formacie, ważne jest, aby nie tylko „error” lub „error”. Użytkownik nie będzie miał dostatecznej wiedzy na temat błędu, aby móc go jak najszybciej naprawić. Oto ogromna zaleta, że wiadomość pojawia się w pobliżu miejsca, w którym wystąpił błąd (myśl Prawo do obaw) tak, aby użytkownik zrozumiał dokładnie, gdzie wystąpił błąd i może go szybciej poprawić.

Pierwsza część zdjęcia wskazuje, że pole poczty e-mail nie ma wypadku alfa. Komunikat błędu jest daleko i jest napisane tylko Email błędu. W drugiej części obrazu komunikat błędu jest wyświetlany obok pola, które jest rozważane, i posiada dobrą wiadomość błędu opisowego, która mówi "Napisz w formacie nazwę tej wiadomości e-mail."

14 . Test, test, test! Testowanie różnych ludzi, z różnymi stopniami funkcjonalności. Testy również w różnym wieku, z różnym stopniem wiedzy technologicznej.

Zaprojektuj dla wszystkich

Mając to na uwadze, należy pamiętać, że uniwersalny design jest zgodny z przyjaznością użytkownika i jakością. Nie tylko jest to ważne dla ludzi z największą potrzebą, ale też sprawia, że zawartość jest bardziej podatna na większość ludzi.

Źródła

Dane prawne: rozporządzenie w sprawie powszechnego projektowania rozwiązań ICT https://lawdata.no/dokument/LTI/prescription/2013-06-21-732

Bufdir: Liczba niepełnosprawnych https://www.bufdir.no/stat_og_analiza/deset_function/number/#:~:text=Mean%2015%20%25%20i%2018...

Prawo UX: Prawo Jakobsa https://lawsofux.com/jakobs- law/

Ustawy UX https://lawsofux.com/

Nadzorowanie powszechnego projektowania ICT http://uuuuuuuvervisalten.ne

Centrum projektowania uniwersalnego NCSU http://www.ncsu.edu/project/design-projects/udi/

Rada Nadzorcza UU: Nawigacja klawiatury, Skrót do przejścia do treści https://www.uuuuubetyrelsen.no/guide/keyboard navigation/37#sN_for_hope_to_main content

Rada Nadzorcza UU: Nawigacja klawiatury https://www.uuuuubetyrelsen.no/guide/keyboard navigation/37#sN_for_hope_to_main content

WebAIM: W sprawozdaniu z 2022 r. na temat dostępności najlepszych 10000 stron domowych https://webaim.org/projects/millions/

WCAG 2.1: Zrozumienie kryteriów sukcesu 2.5.5: rozmiar docelowy https://www.w3.org/WAI/WCAG21/Subvention/docelowy rozmiar.html

Ślepienie: kolor ślepy/słaby https://www.delepeförbund.ne/yehehealth-and-synthetic/colorssess#:~:text=aktualne%20%20%C3%A5%20mange%20as,de%20%C3%A6rreste%20%plne%20barwa zaślepiona

Prawo UX: Prawo prawności https://lawsofux.com/law-of-proximity/

Co dalej?

Znajdźmy najważniejsze działanie dla Twojego sklepu internetowego.

Umów niezobowiązującą rozmowę