Ta treść została automatycznie przetłumaczona z ukraińskiego.
Kiedy przeciągamy plik do folderu, zamykamy program krzyżykiem lub klikamy ikonę kosza, te działania wydają się naturalne. W rzeczywistości żaden dokument fizycznie nie porusza się po ekranie, okno programu nie jest prawdziwym oknem, a usunięte zdjęcia nie leżą w małym koszu wewnątrz komputera.
Wszystko to to elementy graficznego interfejsu, czyli stworzony przez projektantów system obrazów i zasad, przez który człowiek zarządza urządzeniem cyfrowym. Wniknęło to tak głęboko w codzienne życie, że prawie nie zauważamy, ile konwencji musimy rozumieć, aby po prostu otworzyć plik lub uruchomić program.
Czym jest graficzny interfejs
Graficzny interfejs użytkownika, czyli GUI — od angielskiego graphical user interface, to sposób interakcji z komputerem za pomocą elementów wizualnych: okien, przycisków, menu, ikon, przełączników, list i paneli.
Użytkownik nie musi wiedzieć, jaką wewnętrzną komendę wykonuje system. Zamiast wpisywać instrukcję do usunięcia dokumentu, może wybrać plik i kliknąć na kosz. Aby otworzyć program, wystarczy kliknąć na jego ikonę. Aby zmienić głośność — przesunąć suwak.
Graficzny interfejs nie jest samą programem ani systemem operacyjnym. To widoczna i zarządzana warstwa między człowiekiem a procesami cyfrowymi. Ta sama funkcja może być realizowana przez przycisk, polecenie tekstowe, zapytanie głosowe lub gest — w zależności od tego, jaki interfejs przewidzieli projektanci.
Jak zarządzano komputerami przed pojawieniem się GUI
Pierwsze komputery nie miały znanych ekranów z pulpitami i ikonami. Dane i komendy można było wprowadzać za pomocą kart perforowanych, przełączników, taśmy papierowej lub specjalnych terminali. Z czasem rozpowszechniły się interfejsy tekstowe, w których użytkownik komunikował się z systemem za pomocą wiersza poleceń.
Aby wykonać działanie, trzeba było poprawnie wpisać komendę i jej parametry. Błąd w jednym znaku mógł prowadzić do komunikatu o błędzie lub zupełnie nieoczekiwanego wyniku. Komputer prawie nic nie podpowiadał: człowiek musiał sam wiedzieć dostępne komendy, zasady ich pisania i strukturę systemu plików.
Wiersz poleceń nie zniknął i dzisiaj. Używają go programiści, administratorzy systemów i inni specjaliści, ponieważ komendy tekstowe dają precyzyjną kontrolę i pozwalają zautomatyzować złożone sekwencje działań. Jednak do masowego rozpowszechnienia komputerów potrzebny był sposób zarządzania, który nie wymagał wcześniejszego studiowania dziesiątek instrukcji.
„Matka wszystkich demonstracji”
Jednym z kluczowych momentów w historii nowoczesnego interfejsu była prezentacja, którą 9 grudnia 1968 roku przeprowadził Douglas Engelbart i jego zespół z Uniwersytetu Stanforda. Później to wydarzenie nazwano The Mother of All Demos — „matką wszystkich demonstracji”.
W ciągu około dziewięćdziesięciu minut badacze pokazali technologie, które znacznie wyprzedzały znane wówczas sposoby pracy z komputerami: edytowanie tekstu bezpośrednio na ekranie, hiperłącza, wspólna praca nad dokumentami, wideokonferencje, kilka obszarów widoku oraz urządzenie do sterowania wskaźnikiem — komputerową myszkę.
Interfejs systemu Engelbarta nie przypominał jeszcze nowoczesnego pulpitu. Jego celem nie było narysowanie atrakcyjnych przycisków, ale wzmocnienie możliwości intelektualnych człowieka. Jednak to właśnie tutaj zaprezentowano zasadę, która stała się podstawą przyszłego GUI: użytkownik może pracować z informacjami bezpośrednio na ekranie, wskazując na potrzebne obiekty.
Xerox Alto: komputer, na którym pojawiła się przyszłość
Następny wielki krok zrobiono w centrum badawczym Xerox PARC. Stworzony tam na początku lat 70. komputer Alto miał wyświetlacz rastrowy, klawiaturę i mysz. Jego programy korzystały z okien, menu, elementów graficznych i zasady „wskaźnik i kliknij”.
Na Alto działały edytory tekstu z wyświetlaniem dokumentu, zbliżonym do przyszłego wyglądu drukowanego, programy graficzne oraz e-mail. Użytkownik mógł wybierać obiekty myszą, wycinać i wklejać fragmenty tekstu, przesuwać elementy i widzieć wyniki edytowania bezpośrednio na ekranie.
Alto nie stał się zwykłym komputerem domowym: była to droga maszyna badawcza, która była używana głównie wewnątrz Xerox oraz w niektórych instytucjach. Jednak połączyły się w nim zasady, które później stały się standardem dla komputerów osobistych.
W 1981 roku Xerox wypuścił system biurowy Star. Przeniósł on pomysły prototypów laboratoryjnych do produktu komercyjnego i konsekwentnie wykorzystał metaforę elektronicznego pulpitu. Na ekranie umieszczano dokumenty, foldery, szuflady plików, skrzynki odbiorcze i wyjściowe oraz drukarki. Obiekty można było przesuwać myszą, kopiować i otwierać.
Skąd wzięła się metafora pulpitu
Pulpit pomógł wyjaśnić komputer przez znajome środowisko biurowe. Ekran stał się powierzchnią stołu, pliki — dokumentami, katalogi — folderami, a urządzenie drukujące oznaczano obrazem drukarki.
Ten model nie starał się dokładnie odwzorować rzeczywistego biura. Na fizycznym stole folder nie może zawierać nieskończonej liczby innych folderów, a dokument nie tworzy swojej dokładnej kopii w jedną sekundę. Projektanci zapożyczyli tylko te właściwości, które pomagały użytkownikowi przewidzieć wynik działania.
Metafora pulpitu częściowo pokrywa się ze skeumorfizmem — zasadą, według której nowe obiekty zachowują cechy znanych fizycznych rzeczy. Jednak te pojęcia nie są całkowicie tożsame. Interfejs skeumorficzny może szczegółowo naśladować papier, drewno, metal lub mechaniczne przyciski, podczas gdy nowoczesny folder często jest tylko prostym, umownym symbolem. Dokładniej ten zasad opisano w materiale „Czym jest skeumorfizm i dlaczego świat cyfrowy naśladuje rzeczywiste”.
Dlaczego programy otwierają się w oknach
Okno oddziela jeden dokument, proces lub program od innych. Można je przesuwać, zmieniać jego rozmiar, ukrywać, maksymalizować na cały ekran lub zamykać. Dzięki temu użytkownik widzi przed sobą nie jedną niepodzielną przestrzeń, ale kilka niezależnych obszarów roboczych.
Nazwa „okno” dobrze opisuje samą zasadę: człowiek jakby patrzy przez prostokątny otwór na część zawartości. Jeśli dokument jest większy niż dostępny obszar, można go przewijać, odkrywając inne fragmenty.
Okna również rozwiązały problem jednoczesnej pracy z różnymi zadaniami. Na przykład tekst można pisać w jednym oknie, porównywać z tabelą w innym i jednocześnie przeglądać wiadomości. Dziś ta zasada wydaje się oczywista, ale dla wczesnych systemów komputerowych możliwość swobodnego zarządzania kilkoma obszarami na jednym ekranie była ważnym nowym rozwiązaniem.
Co oznacza WIMP
Klasyczny model graficznego interfejsu często opisuje się skrótem WIMP:
Windows — okna,
Icons — ikony,
Menus — menu,
Pointer — wskaźnik.
Te cztery składniki tworzą system, w którym użytkownik widzi obiekty, wybiera je za pomocą wskaźnika i znajduje dostępne działania w menu. Na takiej właśnie modelu w dużej mierze oparty był interfejs pierwszych Macintoshów i wielu kolejnych komputerów osobistych.
Przy tym wskaźnik niekoniecznie jest kontrolowany myszą. Można go przesuwać gładzikiem, tabletem graficznym, joystickiem lub innym urządzeniem. Ważne jest nie konkretne narzędzie, ale możliwość wskazania na widoczny obiekt i wykonania z nim działania.
Jak ikony zastąpiły część komend
Ikona kompresuje skomplikowaną komendę do małego obrazu. Zamiast tekstowego wyjaśnienia „utwórz nowy dokument” użytkownik widzi arkusz z oznaczeniem, zamiast „drukować” — drukarkę, a zamiast „szukać” — lupę.
Dobra ikona powinna pozostawać zrozumiała nawet w małym rozmiarze. Powinna różnić się od sąsiednich symboli i nie wymagać długiego rozszyfrowania. Dlatego wczesne ikony komputerowe były tworzone bardzo zwięzłe: niska rozdzielczość ekranów nie pozwalała na dodawanie wielu detali.
Ważną rolę w formowaniu wizualnego języka Macintosh odegrała projektantka Susan Kare. W latach 1982–1983 rysowała przyszłe ikony na papierze w kratkę, gdzie każda kratka odpowiadała jednemu pikselowi. Jej obrazy pomogły uczynić interfejs komputerowy nie tylko zrozumiałym, ale i emocjonalnie przyjaznym.
Część takich symboli dawno oddzieliła się od rzeczy, które kiedyś przedstawiała. Najbardziej znanym przykładem jest dyskietka na przycisku „Zapisz”. Dlaczego ten nośnik zniknął z komputerów, ale pozostał w interfejsach, wyjaśnia artykuł „Od dyskietki do chmury: jak zmieniały się nośniki informacji”.
Jak Apple i Microsoft uczyniły GUI masowym
Pomysły graficznego zarządzania nie uformowały się w jednej firmie i w jednym momencie. Jednak to właśnie pojawienie się komputerów osobistych z GUI pomogło przenieść je z laboratoriów badawczych do domów i zwykłych biur.
W 1983 roku Apple wypuściła Lisę z graficznym pulpitem, oknami, menu i ikonami. Komputer był drogi i nie odniósł sukcesu komercyjnego, ale miał znaczący wpływ na dalszy rozwój interfejsów Apple. W 1984 roku pojawił się kompaktowy Macintosh, zaprojektowany dla znacznie szerszej publiczności. Sterowanie myszą, menu i praca z obiektami graficznymi stały się jednymi z jego głównych cech.
Microsoft zaprezentował Windows 1.0 w 1985 roku. System działał jako graficzne środowisko nad MS-DOS i oferował menu, wsparcie dla myszy oraz pracę programów w oknach. W późniejszym czasie Windows stał się dominującą platformą dla komputerów osobistych i przyzwyczaił ogromną liczbę użytkowników do wspólnego języka pulpitu, paneli, menu i skrótów.
Firmy realizowały te zasady na różne sposoby, ale stopniowo uformował się zestaw oczekiwań: przycisk powinien reagować na naciśnięcie, menu — otwierać listę działań, okno — mieć zrozumiały sposób zamknięcia, a wybrany obiekt — wizualnie różnić się od innych.
Dlaczego na przycisku zamknięcia pojawił się krzyżyk
Krzyżyk nie jest obrazem rzeczywistego przedmiotu. To umowny znak anulowania, odmowy lub zakończenia działania. W interfejsie okiennym przywiązał się do komendy zamknięcia i teraz jest postrzegany niemal instynktownie.
Jednak znaczenie symbolu zależy od kontekstu. W jednej aplikacji krzyżyk zamyka okno, w innej — usuwa element, czyści pole lub ukrywa wiadomość. Dlatego graficzny interfejs nie może składać się tylko z ładnych ikon. Ważne są ich rozmieszczenie, powtarzalność i przewidywalne zachowanie.
Użytkownik uczy się nie każdemu przyciskowi z osobna, ale ogólnemu systemowi. Jeśli krzyżyk jest stale umieszczony w jednym rogu i zawsze zamyka aktywne okno, działanie szybko przekształca się w automatyczne.
Jak smartfony zmieniły graficzny interfejs
Komputerowy GUI formował się wokół precyzyjnego wskaźnika myszy, klawiatury i stosunkowo dużego ekranu. Smartfony zmieniły wszystkie trzy warunki. Użytkownik dotyka elementów palcem, trzyma urządzenie w niewielkiej odległości i często steruje nim jedną ręką.
Przyciski stały się większe, menu — krótsze, a część widocznych elementów zastąpiono gestami. Aby przewinąć stronę, jakby odpycha się ją palcem. Aby zobaczyć następny obrazek, wykonuje się przesunięcie. Aby powiększyć mapę lub zdjęcie, rozkłada się dwa palce.
Jednak mobilny interfejs nie zrezygnował całkowicie ze starego języka. Pozostały w nim foldery, kosze, zakładki, ikony programów i umowne przyciski. Nawet główny ekran smartfona w pewnym sensie nadal kontynuuje metaforę powierzchni roboczej, na której użytkownik umieszcza potrzebne narzędzia.
Dlaczego graficzny interfejs nie zawsze jest prostszy
GUI uczynił komputery bardziej dostępnymi, ale wizualność sama w sobie nie gwarantuje zrozumiałości. Jeśli ekran jest przepełniony jednymi i tymi samymi przyciskami, ikony nie mają podpisów, a ważne funkcje są ukryte za kilkoma gestami, użytkownik musi uczyć się interfejsu metodą prób i błędów.
Nadmierne uproszczenie może również stwarzać problemy. Płaski przycisk czasami prawie nie różni się od zwykłego tekstu, a minimalistyczny symbol bez wyjaśnienia może być zrozumiały tylko dla tych, którzy już korzystali z podobnych programów.
Dlatego dobry graficzny interfejs nie tylko ukrywa techniczne komendy za obrazkami. Pomaga zobaczyć dostępne działania, przewidzieć ich wynik i zrozumieć, co się stało po naciśnięciu. Okna, foldery i ikony zachowały się nie z braku nowych pomysłów, ale dlatego, że przez dekady przekształciły się w wspólny język cyfrowy.
