1. Projektowanie prawdy
![Projektowanie prawdy](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2c88401d9fafbed444e9_5e528d633373091bc7f438c5_0.jpeg)
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
![](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2c9fe4e9f9873a4017dd_5e528d9e33d368618c388bff_fake_news.png)
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).
![Fragment kodu opisujący Tekst Alternatywny. Incepcja.](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2cec0da11eb2513a6608_15.png)
2. Pliki dźwiękowe powinny być uzupełnione o transkrypcję tekstową, a odtwarzacze dostępne dla osób niewidomych
![Pliki dźwiękowe powinny być uzupełnione o transkrypcję tekstową, a odtwarzacze dostępne dla osób niewidomych](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d175d07eecef64ae670_5e528df916879ca515c4eb00_0.png)
3. Formularze powinny być zbudowane zgodnie ze standardami. Wszystkie pola formularzy powinny być właściwie opisane
![Formularze powinny być zbudowane zgodnie ze standardami. Wszystkie pola formularzy powinny być właściwie opisane](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d2a3586c1fa8b2f4a93_5e528e2933d368c3e8389f31_0.gif)
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
![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](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d51d8f35846f26c6f32_5e528e4c3373095323f44016_0.png)
![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](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d57f9453269b196a354_5e528e56258ffee2dd8a764b_0.png)
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.
![Webflow Microcopy UX](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d6d401d9f03bcd44740_5e528e7516879c2131c4ec93_0.jpeg)
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.
![Brak alternatywnego tekstu dla tego zdjęcia](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d963090a950fd86c06a_5e528e9133d368272238a1d0_0.png)
![McDonald](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2d840da11ebc3b3a6a02_5e528e8833d3682b2038a1bc_0.jpeg)
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.
![Rewolucja bez kodu](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2dd1ba2e9d2c15d26fa4_5e528f1e33d36825da38a338_ext.jpeg)
![Rewolucja bez kodu](https://assets-global.website-files.com/61dc62ead5bb70ce5d1e5267/621f2ddda57f3b7b014bd152_5e528f3516879c2733c4f305_0.gif)
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.