Jak ponad 25 lat ewolucji projektowania stron internetowych doprowadziło nas tutaj?

W Stanach Zjednoczonych siedem na dziesięć małych firm ma witrynę firmową. Podmioty niebiznesowe, a także osoby fizyczne, mogą również tworzyć własne strony internetowe i dodawać do stosu ponad 1,8 miliarda stron internetowych, które są w tej chwili dostępne online. Strony internetowe mogą być przydatne, zabawne i interesujące. Ale stają się też coraz bardziej złożone.

W 2018 roku projektowanie stron internetowych to mieszanka różnych technologii i usług. Nie jest niczym niezwykłym wykorzystanie sztucznej inteligencji w projektowaniu stron internetowych lub poleganie na niestandardowych usługach pisania w przypadku profesjonalnie wykonanej kopii. I to nawet nie wspominając o projektowaniu graficznym lub całej pracy, która jest wykonywana pod maską, aby zapewnić, że strona internetowa działa szybko, płynnie i lepiej niż konkurencja.

Projektowanie stron internetowych to dziś bardzo konkurencyjna dziedzina. Dzieje się tak głównie dzięki stronom internetowym, które są niezwykle ważnymi aktywami, które muszą wyróżniać się w morzu innych witryn. Ale nie zawsze tak było.

Pierwsza strona internetowa, która kiedykolwiek była online, została stworzona w 1991 roku przez ojca Internetu, Tima Bernersa-Lee. Nie możesz dziś uzyskać dostępu do oryginalnej witryny, ale nadal możesz uzyskać dostęp do jej kopii wykonanej w 1992 roku. Zauważysz, że pierwsza witryna nie zawierała żadnych obrazów — był to tylko tekst i hiperłącza.

Struktura pierwszej strony internetowej była prosta, jak dyktowały wczesne wersje HTML. Nie można było wiele zrobić poza ustawianiem nagłówków i podtytułów, akapitów i linków. Przez większość wczesnych lat 90. witryny, które można było odwiedzić, korzystały z tego samego jednokolumnowego, opartego na tekście projektu.

Wyglądało to dość ponuro, przynajmniej jak na dzisiejsze standardy. Pierwsze serwisy miały więcej wspólnego z dzisiejszymi procesorami tekstu niż dzisiejsze serwisy, pozbawione elementów dynamicznych.

W połowie lat 90. projektowanie stron internetowych poczyniło kilka ważnych postępów. Najwcześniejsze projektowanie stron internetowych było mało zaprojektowane, a rozbudowane struktury. Kilka lat później strony internetowe zaczęły wyglądać inaczej. Jednokolumnowy projekt należał już do przeszłości, ponieważ projektowanie stron internetowych przeniosło się i zaczęło używać układów opartych na tabelach.

W połączeniu z internetowymi narzędziami do tworzenia witryn internetowych układy oparte na tabelach miały dwojaki skutek. Łatwiej było zbudować stronę internetową, a struktura zajęła tylne siedzenie i pozostawiła na pierwszym miejscu wybory projektowe. Nie był to jednak złoty wiek dobrego projektowania. Projektowanie stron internetowych dotyczyło głównie tego, co wyglądało na najbardziej zaawansowane, a nie najlepsze, najbardziej funkcjonalne lub przyjemne.

Niektóre elementy projektu, które pojawiły się podczas tego ewolucyjnego etapu projektowania stron internetowych, stały się kultowe. W tym okresie na stronach internetowych zaczęły pojawiać się liczniki odwiedzin, czyli pola pokazujące liczbę odwiedzin witryny. Obrazy tła były kolejnym wynalazkiem epoki, podobnie jak przewijany tekst. Przekładki Gif były wściekłością. Flash został opracowany i zaczął zdobywać popularność.

Pod koniec dekady Flash stał się podstawą projektowania stron internetowych. Shockwave, opracowany przez Macromedia, był kolejnym sposobem na dynamikę strony internetowej. Został opracowany nawet przed Flashem. Był jednak zbyt duży i nieporęczny dla użytkowników, którzy nadal korzystali z Internetu za pomocą kolekcji dial-up. Flash był mniejszy i szybszy, i szybko stał się podstawą projektowania stron internetowych.

Flash nie zlikwidował układów opartych na tabelach. Stał się ich częścią. Jednym z powszechnych zastosowań elementów Flash była nawigacja w witrynie, gdzie przyciski obsługujące Flash zmieniały rozmiar i kolor, gdy użytkownicy na nie klikali. Innym popularnym zastosowaniem Flasha były strony powitalne z logo firmy lub inną grafiką.

CSS zrewolucjonizował projektowanie stron internetowych na przełomie tysiącleci, umożliwiając projektantom oddzielenie projektowania stron internetowych od treści internetowych. Elementy strony, które były w sferze projektowania, zostały zmanipulowane z arkusza stylów, a nie z kodu HTML strony.

Wkrótce w świecie designu pojawiło się kolejne trzęsienie ziemi w postaci JavaScriptu. Natychmiastowe efekty obejmowały porzucenie tabeli i zastąpienie jej JavaScriptem. JavaScript był także początkiem końca Flasha. JavaScript był w dużej mierze odpowiedzialny za rozwijane menu i odegrał rolę w powstawaniu formularzy na stronach internetowych. Oba te elementy projektu są nadal bardzo popularne i szeroko stosowane.

Pod koniec dekady „sieć” w „projektowaniu stron internetowych” przechodziła znaczące zmiany. Powstawał nowy paradygmat, który pozwalałby użytkownikowi na aktywną rolę w rozwoju serwisu i jego zawartości. Nazywany „Web 2.0” paradygmat jest najbardziej widoczny w serwisach społecznościowych, a także w aplikacjach. Tworzenie Web 2.0 w dużej mierze opiera się na wykorzystaniu asynchronicznego JavaScript i XML.

W sposób, w jaki widzieli to użytkownicy serwisu, Web 2.0 oznaczał, że treść na stronach internetowych mogła się zmieniać bez konieczności ponownego ładowania strony. Prawdopodobnie zauważyli również, że strony internetowe zaczęły w dużym stopniu polegać na treściach stron trzecich.

Dało to początek firmom takim jak WritingsGuru, które specjalizują się w tworzeniu treści. Interoperacyjność stawała się coraz ważniejsza, a użytkownicy mieli możliwość dzielenia się w mediach społecznościowych wszystkim, co widzieli lub czytali w sieci

Dekada, w której jesteśmy, koncentruje się głównie na tworzeniu dobrego doświadczenia użytkownika na różnych urządzeniach. Wraz ze wzrostem liczby użytkowników smartfonów projektanci stron internetowych musieli wymyślić rozwiązania, które umożliwiły dobre przeglądanie i nawigację na urządzeniach z małymi ekranami. Jednym ze sposobów było stworzenie mobilnych wersji serwisu. Innym było wdrożenie responsywnego projektowania stron internetowych.

Mobilne wersje stron internetowych zawierają minimalną liczbę elementów. Ważnym zadaniem projektowania stron internetowych jest określenie, które z elementów są kluczowe dla działania konkretnych witryn, ponieważ są to elementy, które kończą się wyświetlaniem na smartfonach. Witryny są obecnie wyższe i często wykorzystują dane o lokalizacji, aby zapewnić zlokalizowane wrażenia.

I tak dotarliśmy do miejsca, w którym jesteśmy dzisiaj. Smartfony są preferowanym urządzeniem do przeglądania sieci. Strony internetowe coraz lepiej poznają osoby, które je odwiedzają, a my powoli zbliżamy się do Sieci Semantycznej. W niedalekiej przyszłości prawdopodobnie zobaczymy więcej wirtualnej lub rozszerzonej rzeczywistości włączonej do projektowania stron internetowych. A wszystko zaczęło się od prostej strony HTML, która nie miała nawet wielu kolumn.