Rozwi\u0105zania, z kt\u00f3rymi spotykamy si\u0119 obecnie na stronach internetowych, s\u0105 stosunkowo dobrze przetestowane i bezpieczne<\/strong> \u2014 \u0142atwo przewidzie\u0107 ich wygl\u0105d i zachowanie na r\u00f3\u017cnych urz\u0105dzeniach, a u\u017cytkownicy wiedz\u0105 jak skorzysta\u0107 z obiekt\u00f3w widocznych na ekranie.<\/p>\n\n\n\n Tym samym inwestowanie w nowatorskie i oryginalne rozwi\u0105zania jest obarczone ryzykiem: \u0142atwo wyobrazi\u0107 sobie scenariusz, w kt\u00f3rym potencjalni klienci gubi\u0105 si\u0119 na stronie lub nie rozumiej\u0105 zastosowanych mechanizm\u00f3w. Opracowanie nowatorskiej oprawy \u2014 je\u017celi nie jest tylko sztuk\u0105 dla sztuki \u2014 jest czasoch\u0142onne i kosztowne. Rozs\u0105dnie i op\u0142acalnie jest wi\u0119c opiera\u0107 si\u0119 na sprawdzonych rozwi\u0105zaniach<\/strong>, przy kt\u00f3rych odbiorcy nie musz\u0105 zbyt wiele my\u015ble\u0107.<\/p>\n\n\n\n Strony responsywne zago\u015bci\u0142y na dobre i najwyra\u017aniej nigdzie si\u0119 nie wybieraj\u0105. Docelowo zmierzamy do sytuacji, w kt\u00f3rej tre\u015bci publikowane w internecie b\u0119d\u0105 zawsze dost\u0119pne, niezale\u017cnie od posiadanego sprz\u0119tu. <\/p>\n\n\n\n Responsywno\u015b\u0107 nie jest ju\u017c jedynie miar\u0105 wielko\u015bci ekranu telefonu, tabletu i komputera stacjonarnego, ale raczej filozofi\u0105 projektowania u podstaw kt\u00f3rej le\u017cy dost\u0119pno\u015b\u0107. <\/p>\n\n\n\n W praktyce oznacza to, \u017ce zawarto\u015b\u0107 strony internetowej powinna by\u0107 \u0142atwo osi\u0105galna nie tylko dla ekranu, ale tak\u017ce dla r\u00f3\u017cnego rodzaju robot\u00f3w indeksuj\u0105cych i agreguj\u0105cych tre\u015bci, czytnik\u00f3w ekranowych (tak, osoby niewidome r\u00f3wnie\u017c korzystaj\u0105 z internetu) oraz innych aplikacji, kt\u00f3re komunikuj\u0105 si\u0119 mi\u0119dzy sob\u0105, wykorzystuj\u0105c dane z pomini\u0119ciem ca\u0142ej warstwy prezentacji, kt\u00f3r\u0105 my ludzie odbieramy zmys\u0142em wzroku. <\/p>\n\n\n\n Dost\u0119pno\u015b\u0107 z roku na rok zyskuje na warto\u015bci za spraw\u0105 upowszechniania si\u0119 sztucznej inteligencji oraz asystent\u00f3w g\u0142osowych, kt\u00f3re w swojej ofercie ma cho\u0107by Google, Apple czy Amazon. <\/p>\n\n\n\n W Polsce popularno\u015b\u0107 asystent\u00f3w jest jeszcze niewielka i dla \u201edziadk\u00f3w internetu\u201d (czyli pokolenia 30+) nie do ko\u0144ca zrozumia\u0142a, ale wystarczy spojrze\u0107, w jaki spos\u00f3b do rozwi\u0105zywania zada\u0144 domowych podchodz\u0105 cho\u0107by uczniowie szk\u00f3\u0142 podstawowych, aby u\u015bwiadomi\u0107 sobie kierunek i wag\u0119 nadchodz\u0105cych zmian.<\/p>\n\n\n\n Klikanie czy naciskanie w ekran b\u0119d\u0105 coraz bardziej passe <\/em>i na nic zda si\u0119 projektowany z pietyzmem slider, efekt paralaksy w tle czy kakofonia rozpraszaj\u0105cych u\u017cytkownika animacji. <\/p>\n\n\n\n R\u00f3wnie\u017c dynamicznie zmieniaj\u0105cy si\u0119 rynek urz\u0105dze\u0144 dotykowych, smart i wearables ma wp\u0142yw na standaryzacj\u0119 stron internetowych<\/strong> i innych rozwi\u0105za\u0144 natury UI\/UX. Ciekawostk\u0105 s\u0105 cho\u0107by smartwatche, inteligentne lod\u00f3wki czy smartfony typu foldable i posiadaj\u0105ce wiele ekran\u00f3w. Na wszystkich tych urz\u0105dzeniach \u2014 o niestandardowych ekranach i bardzo r\u00f3\u017cnych interfejsach, jak i dysponuj\u0105cych r\u00f3\u017cn\u0105 moc\u0105 obliczeniow\u0105 \u2014 powinna istnie\u0107 mo\u017cliwo\u015b\u0107 dotarcia do tre\u015bci strony internetowej.<\/p>\n\n\n\n Coraz wi\u0119cej technologii webowych mo\u017ce pochwali\u0107 si\u0119 przyjaznymi interfejsami nie tylko dla u\u017cytkownik\u00f3w ko\u0144cowych, ale tak\u017ce dla administrator\u00f3w i redaktor\u00f3w, kt\u00f3rzy dbaj\u0105 o zawarto\u015b\u0107 stron.<\/p>\n\n\n\n Na przestrzeni ostatnich lat zar\u00f3wno zarz\u0105dzanie tre\u015bci\u0105 sta\u0142o si\u0119 \u0142atwiejsze, jak i tworzenie coraz bardziej rozbudowanych stron internetowych. W internecie roi si\u0119 od kreator\u00f3w stron, a dla bardziej zaawansowanych u\u017cytkownik\u00f3w, firmy hostingowe udost\u0119pniaj\u0105 autoinstalatory, kt\u00f3re za pomoc\u0105 kilku klikni\u0119\u0107 instaluj\u0105 i wykonuj\u0105 podstawow\u0105 konfiguracj\u0119 popularnych system\u00f3w zarz\u0105dzania tre\u015bci\u0105 jak WordPress, Joomla! itp. Z tego miejsca w\u0142a\u015bciciele dostaj\u0105 rozbudowane bazy darmowych motyw\u00f3w graficznych oraz wtyczek rozszerzaj\u0105cych funkcjonalno\u015bci system\u00f3w zainstalowanych przez hosting. <\/p>\n\n\n\n R\u00f3wnie\u017c edytory wizualne wbudowane w systemy zarz\u0105dzania tre\u015bci\u0105 staj\u0105 si\u0119 coraz pot\u0119\u017cniejsze i prostsze w obs\u0142udze. Przyk\u0142adowo, pocz\u0105wszy od wersji 5.0, najpopularniejszy, darmowy CMS na \u015bwiecie \u2014 WordPress \u2014 doczeka\u0142 si\u0119 nowoczesnego edytora Gutenberg, kt\u00f3ry dzia\u0142a na podstawie filozofii blok\u00f3w \u2014 bardzo podobn\u0105 do koncepcji komponent\u00f3w \u2014 znanej z nowoczesnych bibliotek programistycznych s\u0142u\u017c\u0105cych do budowy rozbudowanych aplikacji webowych (np. React, Vue, Angular). Gutenberg, cho\u0107 w obecnej wersji jest jedynie edytorem zawarto\u015bci, zmierza w kierunku pe\u0142nej edycji stron, \u0142\u0105cznie z tre\u015bciami dynamicznymi i powtarzalnymi, jak nag\u0142\u00f3wki i stopki \u2014 a to wszystko bez konieczno\u015bci pisania kodu.<\/p>\n\n\n\n \u0141atwo\u015b\u0107 obs\u0142ugi ma jednak t\u0119 cech\u0119, \u017ce ilo\u015b\u0107 dost\u0119pnych funkcji, prze\u0142\u0105cznik\u00f3w, zmiennych, innymi s\u0142owy \u2014 wszystkiego, co w panelu widzi u\u017cytkownik \u2014 powinna by\u0107 zminimalizowana i zar\u00f3wno powtarzalna, jak i przewidywalna dla u\u017cytkownika. W innym wypadku ci\u0119\u017cko m\u00f3wi\u0107 o \u0142atwo\u015bci obs\u0142ugi. <\/p>\n\n\n\n Czynienie rzeczy \u0142atwymi w obs\u0142udze sprzyja standaryzacji i ujednolicaniu<\/strong>. Autorzy kreator\u00f3w stron zdaj\u0105 sobie spraw\u0119, \u017ce ich narz\u0119dzie, aby by\u0142o skuteczne i konkurencyjne, powinno oferowa\u0107 odpowiedni\u0105 elastyczno\u015b\u0107 \u2014 ani zbyt du\u017c\u0105, ani zbyt ma\u0142\u0105. <\/p>\n\n\n\n Ludzie znani s\u0105 z tego, \u017ce w swojej kreatywno\u015bci potrafi\u0105 zepsu\u0107 wszystko. Niesamowitym wyzwaniem jest wi\u0119c zaprojektowanie takiego edytora stron internetowych, kt\u00f3ry ograniczy prawdopodobie\u0144stwo zepsucia profesjonalnie zaprojektowanych uk\u0142ad\u00f3w tre\u015bci np. poprzez umieszczenie zbyt du\u017cej ilo\u015bci materia\u0142\u00f3w w obszarach do tego nieprzeznaczonych. <\/p>\n\n\n\n Podobno nawet najmniejszy biznes nie mo\u017ce dzisiaj istnie\u0107 bez strony internetowej. Z tym zdaniem mo\u017cna polemizowa\u0107 i w dobie rozbudowanych us\u0142ug typu Google Maps b\u0105d\u017a stron Facebooka, strony-wizyt\u00f3wki zrobione tylko po to, aby by\u0142y, maj\u0105 coraz mniej sensu. <\/p>\n\n\n\n Niemniej, w sieci znajdziemy mn\u00f3stwo ofert na tanie strony internetowe, kt\u00f3rych ca\u0142kowity koszt nie przekracza tysi\u0105ca z\u0142otych wraz z domen\u0105 i us\u0142ug\u0105 hostingow\u0105. Cho\u0107 w takich ofertach ukryte s\u0105 pu\u0142apki, za kt\u00f3re klientom przychodzi zap\u0142aci\u0107 po czasie (np. dlatego, \u017ce pozornie zabieraj\u0105 z klienta obowi\u0105zki zwi\u0105zane z obs\u0142ug\u0105 domeny i hostingu, ale odbieraj\u0105 mu ich w\u0142asno\u015b\u0107), wiele os\u00f3b decyduje si\u0119 na zakup taniej strony internetowej. <\/p>\n\n\n\n Wykonawcy, oferuj\u0105cy swoje us\u0142ugi po preferencyjnych stawkach, nie mog\u0105 pozwoli\u0107 sobie na d\u0142ugie godziny planowania i projektowania<\/strong> \u2014 zamiast tego korzystaj\u0105 z gotowych modu\u0142\u00f3w, motyw\u00f3w i szablon\u00f3w tre\u015bci, co pozwala zaoszcz\u0119dzi\u0107 im czas i sprzedawa\u0107 tanio. <\/p>\n\n\n\n Co ciekawe, po drugiej stronie internetu, zdominowanej przez olbrzymie serwisy, za kt\u00f3rymi stoj\u0105 megakorporacje IT, standaryzacja nap\u0119dzana ekonomi\u0105 i dost\u0119pno\u015bci\u0105 do us\u0142ug ma si\u0119 r\u00f3wnie dobrze. Wprawdzie nikt nie rozwija Facebooka, Amazona czy us\u0142ug Google korzystaj\u0105c z edytor\u00f3w tre\u015bci, kt\u00f3rymi buduje si\u0119 internet ma\u0142ych i \u015brednich przedsi\u0119biorstw, ale ekonomia skali sprzyja technologiom takim jak React, kt\u00f3re z kolei opieraj\u0105 si\u0119 mi\u0119dzy innymi o \u0142atwe do powielania komponenty (komponenty s\u0105 jak mikroprogramy, kt\u00f3re mo\u017cna umieszcza\u0107 w r\u00f3\u017cnych cz\u0119\u015bciach aplikacji albo nawet wykorzystywa\u0107 w r\u00f3\u017cnych aplikacjach tego samego producenta) zaprojektowane na podstawie zdefiniowanej wcze\u015bniej stylistyki i j\u0119zyka wizualnego. St\u0105d ju\u017c tylko krok do ujednolicenia wygl\u0105du i sposobu dzia\u0142ania ca\u0142ego ekosystemu aplikacji.<\/p>\n\n\n\n Celem tego tekstu nie jest dokonanie oceny<\/strong>, ale pr\u00f3ba roz\u0142o\u017cenia problemu na kilka cz\u0119\u015bci sk\u0142adowych, co mo\u017ce pom\u00f3c w lepszym zrozumieniu, dlaczego strony internetowe na pocz\u0105tku drugiego dziesi\u0119ciolecia XXI wieku wygl\u0105daj\u0105 w taki, a nie inny spos\u00f3b. Problem jest skomplikowany i trudno dokona\u0107 syntezy w kilku paragrafach, a tym bardziej rzetelnie oceni\u0107.<\/p>\n\n\n\n Strony internetowe \u2014 zar\u00f3wno te ma\u0142e, jak i w postaci du\u017cych i rozbudowanych serwis\u00f3w \u2014 wydaj\u0105 si\u0119 przenosi\u0107 ci\u0119\u017car na \u0142atwo\u015b\u0107 obs\u0142ugi i dost\u0119pno\u015b\u0107 do tre\u015bci<\/strong>. \u201eInternet\u201d najwyra\u017aniej dojrza\u0142 do tego, \u017ce efekty wizualne nie oferuj\u0105 wiele w zamian opr\u00f3cz chwilowego zachwytu w\u0105skiej grupy odbiorc\u00f3w (a mo\u017ce po prostu jeste\u015bmy tym ju\u017c wystarczaj\u0105co nasyceni). <\/p>\n\n\n\n W dalszym ci\u0105gu wszystko przyspiesza \u2014 5G jest tu\u017c za rogiem, a smartfony oferuj\u0105ce ponad 10 GB pami\u0119ci operacyjnej s\u0105 w zasi\u0119gu coraz wi\u0119kszej grupy konsument\u00f3w. Jednocze\u015bnie, maj\u0105c do dyspozycji coraz nowsze i szybsze technologie, skraca si\u0119 czas, jaki chcemy po\u015bwi\u0119ci\u0107 na szukanie i przyswajanie informacji. Wydaje si\u0119 wi\u0119c, \u017ce interfejsy b\u0119d\u0105 zmierza\u0107 do minimalizacji, a wyb\u00f3r u\u017cytkownika b\u0119dzie mia\u0142 coraz mniejsze znaczenie \u2014 uczenie maszynowe i sztuczna inteligencja z coraz wi\u0119ksz\u0105 skuteczno\u015bci\u0105 podpowiedz\u0105 nam, czego szukamy \u2014 bez wizyty na stronie internetowej, klikania, czytania i przegl\u0105dania.<\/p>\n\n\n\n![\"szmigieldesign](\"https:\/\/retro.szmigiel.design\/wp-content\/uploads\/2020\/02\/dlaczego-strony-internetowe-sa-do-siebie-tak-podobne-medium-03.jpg\")
<\/figure>\n\n\n\nW tramwaju, kawiarni, przy biurku i na drzwiach lod\u00f3wki<\/h2>\n\n\n\n
![\"szmigieldesign](\"https:\/\/retro.szmigiel.design\/wp-content\/uploads\/2020\/02\/dlaczego-strony-internetowe-sa-do-siebie-tak-podobne-medium-04.jpg\")
<\/figure>\n\n\n\n\u0141atwo, \u0142atwiej, samodzielnie<\/h2>\n\n\n\n
![\"szmigieldesign](\"https:\/\/retro.szmigiel.design\/wp-content\/uploads\/2020\/02\/dlaczego-strony-internetowe-sa-do-siebie-tak-podobne-medium-02.jpg\")
<\/figure>\n\n\n\nEkonomia<\/h2>\n\n\n\n
![\"szmigieldesign](\"https:\/\/retro.szmigiel.design\/wp-content\/uploads\/2020\/02\/dlaczego-strony-internetowe-sa-do-siebie-tak-podobne-medium-01.jpg\")
<\/figure>\n\n\n\nKonsekwencje<\/h2>\n\n\n\n