1. Projektowanie prawdy

Wchodzisz na Facebooka i widzisz: zdjęcia dzieci Twoich znajomych, śmieszne koty, selfie z melancholijnym cytatem i one – nieuniknione w obecnej erze Internetu – fake newsy.
Czy wiesz, że...
Około 82% uczniów nie było w stanie odróżnić reklamy opatrzonej etykietą „treść sponsorowana” od prawdziwych wiadomości na stronie internetowej - wynika z badań Uniwersytetu Stanforda wśród 7 804 uczniów od gimnazjum do college'u. Przerażające, prawda?
Upewniaj się co do źródła publikowanych materiałów

The truth will set you free!
Projektuj zatem tak, aby można było wyraźnie oddzielić prawdę od fikcji. Jak możesz to robić? Już piszę:
1. Wyraźnie oznacz treść, aby rozróżnić materiały organiczne i promocyjne.
2. Podawaj źródła, aby czytelnicy wiedzieli, skąd pochodzą treści i mogli ocenić ich wiarygodność.
3. Użyj powiązanych treści, aby dodać kontekst.
2. Dostępność jest (wreszcie) kluczem
Nie możemy dłużej pozwolić sobie na projektowanie wyłącznie dla zdrowych i młodych! Bo użytkownikami Internetu są różni ludzie – a zadaniem projektanta jest umożliwienie im korzystania w 100 procentach z danego serwisu.
Dostępność od dawna odgrywa istotną rolę w procesie projektowania i rozwoju sieci. W 2020 to wielki trend, o którym nie możesz zapomnieć. Dobre praktyki? Oto kilka z nich:
1. Wszystkie elementy graficzne powinny mieć zwięzły tekst alternatywny (alt).

2. Pliki dźwiękowe powinny być uzupełnione o transkrypcję tekstową, a odtwarzacze dostępne dla osób niewidomych

3. Formularze powinny być zbudowane zgodnie ze standardami. Wszystkie pola formularzy powinny być właściwie opisane

4. Stronę powinno dać się znacząco (co najmniej 200%) powiększyć narzędziami przeglądarki, oraz zmienić kontrast interfejsu. Powiększona strona nie może „gubić” treści


Dostępny serwis = dobrze wykonany serwis.
3. Treść ma dużą wartość w projektowaniu stron internetowych
Nie możesz tworzyć treści ani projektować, dopóki nie opracujesz strategii. Ale to jest raczej oczywiste. Jednak w tym trendzie na rok 2020 skupimy się stricte na contencie. Bo treść to nie tylko posty na blogu.

Odgrywa ona bowiem kluczową rolę w ogólnym doświadczeniu użytkownika. Niestety platformy coraz częściej odczuwają ból związany z nieprawidłowo napisaną treścią.
Microcopy jest wyraźnym trendem i obowiązkowym elementem każdego interfejsu.


PRO TIP: Jeżeli Twoja witryna ma zbierać leady, musi zaoferować coś w zamian. Najlepiej, gdy będzie to pewna wartość, a wysokiej jakości treści niewątpliwie ją stanowią. Nie można więc zapominać o tym ważnym aspekcie – a już na pewno nie w 2020 roku!
4. Inkluzywność ma znaczenie
My, projektanci, staramy się nieustannie brać pod uwagę opinie innych poprzez badania użytkowników. Ale pod koniec dnia wszyscy podlegamy bardzo ludzkiej skłonności: nieświadomemu założeniu, że to, co działa na nas, będzie działać na wszystkich innych.
Projektujesz sklep internetowy z produktami wegańskimi i wydaje Ci się, że odbiorcy to łatwa do zdefiniowana grupa. Jednak w tym pozornie jednorodnym tłumie jest wiele tożsamości.
Projektuj doświadczenia tak, aby były jak najbardziej użyteczne, dostępne, łatwe do znalezienia, wiarygodne, pożądane i wartościowe dla każdego użytkownika, niezależnie od jego tożsamości.
Różne rasy, wyznania, religie, tożsamość płciowa, ekspresje płciowe, klasy społeczno-ekonomiczne, pochodzenie rodzinne i dziesiątki innych aspektów osobowości – wszyscy chcą jednak kupić wegański produkt.
Dlatego wykluczanie osób stanowi zagrożenie dla ogólnego doświadczenia użytkownika. To przekłada się z kolei bezpośrednio na ryzyko biznesowe – szczególnie w dzisiejszych czasach, gdy jeden wpis w mediach społecznościowych może zniszczyć całą strategię marki.
5. Rewolucja bez kodu
Czy wiecie jak świetne to uczucie wcielać w życie swoje pomysły? Kiedyś nie do końca wiedziałem jak to jest, ale dziś... Dziś mogę sam wdrożyć zaprojektowaną przeze mnie www. Mam tę moc! ;) Jak to robię?
Dzięki kolejnemu trendowi na rok 2020 – Website Builderom!
W 2019 r. narzędzia do publikowania, takie jak Webflow, stały się rdzeniem wszelkiego rodzaju potężnych aplikacji internetowych i nie mogę pominąć tej kwestii w trendach na rok 2020. To istna rewolucja bez kodu! Nie każdy musi być programistą, ale każdy może wdrożyć zaprojektowaną przez siebie www.


Tworzenie strony internetowej wymaga: strategii, projektu, wdrożenia, znalezienia hostingu i zakupu domeny. Optymalnie – wszystko to zrobisz w jednym miejscu.
Stronę w CMS-ie trzeba regularnie aktualizować. Oczywiście przed każdą aktualizacją wypada zrobić backup, bo gdy masz na stronie pięć-sześć wtyczek, szablon i aktualizujesz silnik strony, to zawsze coś może pójść nie tak. Właśnie dlatego Website Buildery są świetną alternatywą!
Strony internetowe są z nami już prawie 30 lat! Ale to właśnie w tym roku kreatory online przenoszą ich tworzenie w nowy wymiar. ;)
And last but not least...
6. Wzrost znaczenia VD
Technologie niewiele znaczą bez ludzi, którzy ich używają. Dlatego równolegle do narzędzi „bez kodu” pojawia się nowy zawód, obsługujący te narzędzia - Visual Developer. I nie dziwi mnie fakt, że ta dziedzina staje się coraz bardziej popularna. W skrócie jest to osoba łącząca umiejętności programowania oraz zasady projektowania wizualnego UI i użyteczności UX.
Trendem na rok 2020 jest wypieranie zawodów programisty i projektanta stron internetowych na rzecz programisty wizualnego.
Podsumowując, projektowanie w 2020:
• powinno opierać się na najnowszych technologiach,
• ma pomóc ludziom zrozumieć, co jest prawdą, a co nie,
• musi być dostępne dla wszystkich,
• w dużej mierze wykonywane będzie przez programistów wizualnych.
Nic z tego nie jest proste. Znajdą się osoby, które wybiorą drogę na skróty – jak w każdej innej dziedzinie. Na szczęście są ludzie, którzy gotowi są pójść za wymienionymi wyżej trendami i tworzyć strony, które pokochane zostaną przez znaczną większość odbiorców.