Jak stworzyć przystępny projekt strony internetowej

Ekran laptopa

Sklepy internetowe, aplikacje bankowe, rezerwacje hoteli czy zlecenia na zlecenie - jest ich coraz więcej zadania, które są obsługiwane przez Internet i które w niektórych przypadkach zastąpiły tradycyjne media.

to Szybki rozwój operacji cyfrowych ułatwił nam to w wielu aspektach życie. Oszczędza nam czas, ponieważ transakcje są szybsze i nie ma potrzeby podróżowania do żadnego fizycznego zakładu i oczywiście powstały nowe media, które wcześniej nie istniały i że obecnie większość ludzi korzysta z sieci społecznościowych, strumieniowego przesyłania filmów i seriali na platformach takich jak Netflix lub systemów płatności online, takich jak Paypal.

Wraz z rozwojem cyfrowego świata jest to niezbędne inwestować w rozwój dostępnych i dobrze zaprojektowanych interfejsów Dla użytkowników. Jednak nie możemy o tym zapomnieć są użytkownicy, którzy są niepełnosprawni fizyczne lub psychiczne, które znacznie ograniczają ich doświadczenie i zdolność korzystania z komputerów i telefonów komórkowych.

Chociaż istnieją pewne niepełnosprawności, takie jak osoby korzystające z wózków inwalidzkich, które nie kolidują z korzystaniem z Internetu, inne, takie jak problemy ze wzrokiem lub ślepota, problemy z koordynacją ruchową, głuchota lub autyzm, mogą poważnie utrudnić poruszanie się po sieci. W takich przypadkach niektóre zostały już utworzone dispositivos jak czytniki ekranu, którzy pomagają i wspierają użytkowników w obszarach, w których są niepełnosprawni.

Ale to dopiero pierwsza część rozwiązania problemu. Myśląc o tych użytkownikach, musimy projektowanie interfejsów stron internetowych które ułatwiają Twoje doświadczenie i odpowiadać Twoim potrzebom. Podczas projektowania istnieją pewne zasady, które możemy zastosować.

Treść i źródła

Zaczynając od najbardziej podstawowych, musisz wyznaczanie priorytetów w projektowaniu treści. Nagłówek i pasek menu muszą być łatwe do zlokalizowania wizualnie i muszą być pierwszą rzeczą, którą widzi użytkownik. Elementy na stronie głównej, obrazy i istotne informacje zostaną zlokalizowane jako drugie.

Reklamy lub banery reklamowe pojawiają się na wielu stronach. Jeśli samo w sobie jest to irytujące dla wszystkich użytkowników, dla osób z wadami wzroku stanowi to problem, ponieważ powoduje wiele zamieszania i przeszkadza w czytaniu diagramu internetowego. Dlatego ważne jest, aby utworzyć plik ogólny projekt redakcyjny czyli strony zorganizowane logicznie i zrozumiałe, a elementy mają odpowiednio dobrane rozmiary, dzięki czemu użytkownicy mogą skupić się na ważnych treściach, nawet jeśli występują inne elementy rozpraszające.

Czcionki, których używasz najlepiej, żeby tak było duże i czytelne. Typ Bezszeryfowa i pogrubiona Ułatwiają czytanie osobom, które mogą cierpieć na dysleksję. Inne zalecane czcionki to: Arial, Times New Roman, Helvetica, Tahoma, Calibri i Verdana.

I oczywiście zawsze należy uważać, aby istniało wyraźne rozróżnienie między nimi tekst i tło. Nie używaj podobnych kolorów, raczej wybierz kontrastujące kolory.

Bezszeryfowa pogrubiona czcionka

Użycie czcionek Sans Serif Bold umożliwia lepszą wizualizację tekstu.

Tekst alternatywny

El Tekst alternatywny lub znacznik Alt to opisy umieszczane na obrazach na stronach internetowych. Chociaż ten tekst nie jest dostępny dla użytkowników do czytania, a dobrze napisany opis to narzędzie, które pomaga nam osiągnąć lepsze pozycjonowanie SEO.

Ale użyteczność Alt Tag nie tylko sprowadza się do tego. Dla tych użytkowników korzystających z czytników ekranu w przypadku wad wzroku opisy obrazów są jedyne odniesienie, jakie muszą wiedzieć, jaki jest wygląd tego, co jest widoczne na stronie. Jeśli więc mamy zamiar umieścić na przykład zdjęcie niektórych sukulentów, dobrym tekstem alternatywnym byłoby: Trzy soczyste rośliny w różowych doniczkach. Bardzo krótki tekst, taki jak: Rośliny doniczkowe, Nie jest to opis istotnych szczegółów i dlatego jest bezużyteczny.

Sukulenty w różowej doniczce

Trzy soczyste rośliny w różowych doniczkach. Alternatywny przykład tekstu.

zdolność adaptacji

Projektując musimy również wziąć pod uwagę wszystko prezentacje, w których zostanie pokazany nasz interfejs, albo w wersja internetowa lub mobilna. Doświadczenie zawsze będzie się różnić w zależności od medium, na którym je oglądamy.

Kiedy korzystamy z telefonu komórkowego, możemy być narażeni na różne środowiska które utrudniają czytanie Treści ekranu. Jeśli na przykład jesteśmy na zewnątrz, jasność słońca sprawi, że ekran będzie wyglądał na bardzo ciemny, a hałas nie pozwoli nam dobrze usłyszeć dźwięku. Dlatego ważne jest, aby dokładnie przemyśleć te szczegóły, aby wersja mobilna miała duże litery i ciemne kolory, a filmy powinny mieć napisy na wypadek, gdyby były trudne do usłyszenia.

Ekran mobilny

Dostosuj projekt interfejsu tak, aby był czytelny zarówno na telefonach komórkowych, jak i na komputerach.

Spójność w projektowaniu

Projekt redakcyjny co robimy z naszą witryną muszą być takie same niezależnie od sekcji gdzie jesteś. W sekcji Strona główna powinny pojawić się te same ikony paska menu, co w sekcji Kontakty. Nie wolno nam zmieniać stylu ani lokalizacji kluczowych przycisków w sieci.

Nie jest nam również wygodne umieszczanie filmów odtwarzanych automatycznie podczas otwierania strony. Użytkownikom korzystającym z czytników ekranu trudno jest wiedzieć, jak je wstrzymać.

Witryna Starbucks

Pasek menu na stronie Starbucks jest taki sam we wszystkich sekcjach.

Nawigacja za pomocą klawiatury

Wreszcie niektórzy użytkownicy mający problemy z koordynacją ruchową mają trudności z chwytaniem myszy komputerowej lub używaniem touchpada laptopa i polegają wyłącznie na klawiaturze. Upewnij się, że że Twoja witryna jest w jakiś sposób zaprojektowana to może być całkowicie działa tylko z przyciskami klawiatury.


Treść artykułu jest zgodna z naszymi zasadami etyka redakcyjna. Aby zgłosić błąd, kliknij tutaj.

Bądź pierwszym który skomentuje

Zostaw swój komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

*

*

  1. Odpowiedzialny za dane: Miguel Ángel Gatón
  2. Cel danych: kontrola spamu, zarządzanie komentarzami.
  3. Legitymacja: Twoja zgoda
  4. Przekazywanie danych: Dane nie będą przekazywane stronom trzecim, z wyjątkiem obowiązku prawnego.
  5. Przechowywanie danych: baza danych hostowana przez Occentus Networks (UE)
  6. Prawa: w dowolnym momencie możesz ograniczyć, odzyskać i usunąć swoje dane.