Więcej wiedzy, bliżej kosmosu: projekt portalu satelitarnego firmy Tetraform

Spis treści:

• Inicjatywa o kluczowym znaczeniu dla kosmosu
• Przykłady wspaniałości kosmosu
• Zadania wymagające niekonwencjonalnego podejścia w sferze kosmicznej
• Zaprojektowano mapę
• Narysowano satelity
• Zespół projektowy

Wiele osób nie zastanawia się nad znaczeniem satelitów w życiu codziennym, a niektórym wydają się one czymś z gatunku science fiction. Jednak to dzięki sieciom sztucznych satelitów umieszczonych na orbicie okołoziemskiej jesteśmy w stanie szybko otrzymywać informacje o warunkach pogodowych i znajdować optymalne trasy do centrów handlowych, unikając przy tym korków.

W 2022 roku popularnonaukowe czasopismo „Black Science” i Instytut Rozwoju Internetu wspólnie opracowały inicjatywę edukacyjną „Orbity”. Projekt ten ma na celu przystępne i interesujące wyjaśnienie, dlaczego satelity są wysyłane w kosmos, jakie funkcje pełnią i jak ta sfera funkcjonuje w bezpośrednim sąsiedztwie Ziemi.

Sasha Sverdlovskaya z Tetraform dzieli się doświadczeniem swojego zespołu w projektowaniu tego projektu informacyjno-rozrywkowego. W swojej pracy inspirowali się sukcesami firm kosmicznych, poświęcali czas grom PlayStation i stawiali czoła różnym złożonym wyzwaniom graficznym.

Współzałożyciel i dyrektor kreatywny Tetraform.

Jeden z założycieli i dyrektor ds. projektowania w Tetraform.

Inicjatywa o kluczowym znaczeniu dla kosmosu

„Orbits” to interaktywny projekt poświęcony rosyjskim sztucznym satelitom Ziemi. Zapewnia przystępne wyjaśnienie technologii, zarówno przeszłych, jak i obecnych, i otwiera perspektywy na przyszłość – jak może ewoluować praca w kosmosie?

Czytelnicy znajdą w artykułach informacje o tym, czy winda kosmiczna jest możliwa i jakie kroki byłyby konieczne, aby ludzkość mogła osiedlić się na Wenus. Testy z kolei pomagają pogłębić wiedzę o satelitach, a także pozwalają im dowiedzieć się ciekawych faktów o sobie, takich jak to, jaką czarną dziurą bylibyśmy lub jaką rolę odegralibyśmy w misji kolonizacyjnej na Marsa.

Głównym celem tego projektu jest zachęcenie dzieci i młodzieży do kreatywności inżynierskiej i rozbudzenie ich zainteresowania eksploracją kosmosu. Rosja zajmuje obecnie trzecie miejsce pod względem liczby aktywnych satelitów, a dalszy postęp w tej dziedzinie wymaga inżynierów, techników i badaczy — profesjonalistów, którzy z pasją podchodzą do swojej pracy.

Co więcej, „Orbits” staje się powodem do dumy dla naszego kraju, ponieważ jako pierwszy wystrzelił sztuczne satelity.

Obecnie projekt jest prezentowany w formie dwóch produktów multimedialnych: strony internetowej i gry na platformie VKontakte. Za stworzenie i projekt portalu odpowiada Tetraform Studio.

Przykłady splendoru kosmosu

Zanim zespół projektowy Tetraform zajął się drobiazgowym projektowaniem, skupił się na na odnalezieniu nastroju i tła emocjonalnego, które starali się odzwierciedlić w swojej estetyce. W swojej pracy badali dwa różne podejścia do wizualizacji:

• Pierwsza opcja jest namacalna i narracyjna, przeważają w niej ciepłe i lekko stonowane tony.
• Drugie podejście opiera się na kontraście między światłem i ciemnością. Światło symbolizuje przyszłość, rozwój i zaawansowaną technologię, podczas gdy ciemność kojarzy się z niezbadanymi głębinami kosmosu.

Wybraliśmy opcję główną i zaczęliśmy zbierać odniesienia do „kosmosu”, aby lepiej zrozumieć zrozumieć kierunek, w którym będzie rozwijał się przyszły styl. W rezultacie otrzymaliśmy kilka przykładów:

• Science fiction charakteryzuje się bogatą kolorystyką i starannie zaprojektowanymi elementami interfejsu.
• Realizm, linearna kompozycja i minimalizm tworzą przejrzystą i rygorystyczną organizację, wypełniając przestrzeń powietrzem i bogatymi, wiarygodnymi kolorami.
• Styl retro charakteryzuje się naciskiem na elementy typograficzne, miękkie i spokojne kolory, a także wyraziste tekstury i efekty zniekształceń.

Ostatecznie wybraliśmy styl retro i postanowiliśmy stworzyć projekt oparty na dużych, futurystycznych elementach. Jednym z nich będzie panel sterowania, inspirowany obrazami interfejsów komputerowych przyszłości, wyobrażonymi przez pisarzy science fiction ubiegłego wieku.

Problemy wymagające niekonwencjonalnego podejścia w sferze kosmicznej

Projektanci i deweloperzy musieli rozwiązać szereg istotnych problemów i zmierzyć się z pewnymi ograniczeniami:

• Projekt zawiera różnorodne jednostki informacyjne prezentowane w różnych formatach – od wiadomości i artykułów edukacyjnych po testy, zdjęcia i mapy satelitarne ze szczegółowymi objaśnieniami. Tak ogromna ilość informacji może zaburzyć immersję użytkownika i wywołać poczucie niedogodności. Dlatego kluczowe jest skonsolidowanie wszystkich treści w jednym, intuicyjnym interfejsie i uporządkowanie ich w logiczne grupy.
• Strona internetowa została opracowana na platformie Tilda z niewielką ilością kodu JavaScript, co zapewniło płynne przechodzenie między ekranami. To rozwiązanie poprawiło szybkość ładowania, ale stanowiło również prawdziwe wyzwanie: konieczne było stworzenie interfejsu, który nie obciążałby systemu i ładował się szybko, a jednocześnie prezentowałby wygląd, który nie budziłby podejrzeń, że został stworzony w kreatorze stron internetowych.

Aby skutecznie zarządzać mnogością różnorodnych treści edukacyjnych, Tetraform zdecydował się podzielić interfejs na dwa główne obszary – salę sterowania statkiem kosmicznym i mapę. To podejście jest już szeroko stosowane w grach wideo, w których mapę obszaru można przeglądać w jednej karcie menu, a przydatne dane są dostępne w innej.

Kluczowym pomysłem było zapewnienie, aby przyciski do przełączania się między sterówką a mapą były zawsze dostępne dla użytkownika Orbit. Pozwala to uniknąć rozpraszania uwagi przez dodatkowe treści, zachowując ciągłość między orbitami i integralność immersji w procesie (a dokładniej, w locie).

Projektowanie mapy

Aby stworzyć ciekawą, ale niezbyt skomplikowaną mapę, projektanci przeanalizowali najlepsze praktyki stosowane w wysokiej jakości grach i witrynach internetowych prywatnych firm z branży kosmicznej.

• Na przykład strona internetowa promująca grę NFT Star Atlas jest zaprojektowana w taki sposób, że elementy menu są ułożone w formie orbit.

• Strona internetowa SpaceX, Firma założona przez Elona Muska prezentuje imponujące infografiki i szczegółowe ilustracje.

• Platforma Ienai umożliwia opracowanie niestandardowego silnika rakietowego.

• Estetyka i fabuła popularnej gry roguelike Returnal opierają się na koncepcji wypraw kosmicznych.

Przeczytaj także:

Sekrety gatunku roguelike i roguelite: co sprawia, że ​​Hades, Spelunky i Vampire Survivors są tak wciągające

Gry roguelike i roguelike, takie jak Hades, Spelunky i Vampire Survivors, zyskały ogromną popularność i uznanie graczy. Przyczyną tego zjawiska są ich unikalne mechaniki i funkcje, które sprawiają, że każda rozgrywka jest ekscytująca.

Jedną z kluczowych cech gier roguelike jest ich wysoka powtarzalność. Każda nowa rozgrywka oferuje graczom unikalne wyzwania, zmieniające się poziomy, wrogów i przedmioty. Ta nieprzewidywalność tworzy poczucie świeżości i nowości, które sprawia, że ​​gracze wracają po więcej.

Co więcej, Hades, Spelunky i Vampire Survivors charakteryzują się żywą estetyką wizualną i angażującą rozgrywką, która wciąga graczy i pozwala im zanurzyć się w atmosferze. Każda z tych gier ma swój własny, unikalny styl, który wyróżnia ją na tle innych.

Mechanika progresji jest również istotna. Gracze mogą zdobywać doświadczenie, odblokowywać nowe umiejętności i ulepszenia, co daje im poczucie spełnienia i pozwala im doświadczać rozwoju postaci. Dzięki temu rozgrywka jest bardziej satysfakcjonująca i motywuje graczy do kontynuowania przygody.

Istotną rolę odgrywa również obecność elementów losowych. Losowe wydarzenia i zmiany w rozgrywce nie tylko dodają element zaskoczenia, ale także zmuszają gracza do adaptacji do nowych warunków, dzięki czemu każda sesja jest wyjątkowa.

W ten sposób połączenie grywalności, atrakcyjnej oprawy wizualnej, systemu progresji i elementów losowych sprawia, że ​​Hades, Spelunky i Vampire Survivors to prawdziwie wciągające gry, od których trudno się oderwać.

Ostatecznie podjęto decyzję o podzieleniu mapy na kilka ekranów. Nie zostały one jednak stworzone po prostu jako sekwencja obrazów, ale z wykorzystaniem narracji. Najpierw użytkownik może zobaczyć wszystkie orbity, następnie wybrać jedną, po czym otrzymuje informacje dotyczące wybranej orbity i wskazuje konkretną kategorię satelitów znajdujących się na tej wysokości. Porusza się więc sekwencyjnie i liniowo po orbitach, zagłębiając się w dane i poznając zadania tych urządzeń.

Jednak na samym początku mapa miała nieco inny wygląd.

Początkowy projekt przypominał interfejsy gier strategicznych lub panele sterowania statku kosmicznego, gdzie na jednym ekranie znajduje się wiele przycisków i przełączników. Koncepcja polegała na stworzeniu stylizowanego filtra, który umożliwiałby przełączanie się między trzema kluczowymi elementami: segmentami orbity, punktami wysokości znajdującymi się w tych segmentach oraz satelitami.

Na ekranie głównym użytkownicy mieli natychmiastową możliwość rozpoczęcia ekscytującej podróży lub wybrania pożądanej lokalizacji — w tym celu udostępniono przycisk skrótu, który przeniósł ich na pierwszą orbitę.

Po wybraniu orbity użytkownicy byli przenoszeni na ekran, na którym mogli ustawić wysokość i wybrać satelitę na bieżącej orbicie lub przełączyć się na inną.

Dodatkowo, udostępniono krótki opis orbit oraz przycisk dostępu do kabiny kapitana. Ponieważ jednak dane dotyczące samych orbit były ograniczone, a projekt koncentrował się na satelitach, projektanci postanowili nie tworzyć osobnych stron poświęconych orbitom, lecz umieścić informacje o nich w menu bocznym.

Zespół Tetraform przeprowadził następnie kilka krótkich testów UX, w trakcie których stwierdził, że początkowa struktura była zbyt myląca dla użytkowników. W rezultacie zdecydowali się podzielić informacje na więcej ekranów i wdrożyli podpowiedzi, aby stopniowo prowadzić użytkownika przez historię i kierować go we właściwym kierunku.

Rysowanie satelitów

Interfejs Orbit jest ściśle powiązany z reprezentacją wizualną: doświadczenie użytkownika kształtują nie tylko przyciski i ich rozmieszczenie, ale także imponująca grafika. Wymagało to od projektantów opracowania nie tylko szkiców działających układów, ale także starannie zaprojektowanych modeli szkieletowych. Te modele szkieletowe od razu zawierały modele satelitów, ilustracje i mapę orbitalną, co pozwalało lepiej zrozumieć, jak wszystkie elementy będą postrzegane przez użytkowników.

Obrazy satelitów, wykonane w realistycznym stylu, nie do końca odzwierciedlały rzeczywisty stan rzeczy. harmonizują z ogólną koncepcją projektu. Ponadto proces uzyskania praw do wykorzystania tych zdjęć okazał się dość trudny.

Dlatego Tetraform stworzył nie do końca naturalnie wyglądające zdjęcia satelitów w stylu retro, przypominające kolorowe rysunki ze starych instrukcji.

Zespół projektowy

• Nail Mardamshin zajmuje stanowisko account managera.
• Alexandra Sverdlovskaya zajmuje stanowisko kierownika działu produkcji.
• Ilya Mironov jest specjalistą ds. projektowania stron internetowych.
• Igor Sporynin jest specjalistą ds. projektowania stron internetowych.
• Ilya Nikitin zajmuje stanowisko project managera.

W naszym kanale Telegram znajdziesz wiele fascynujących materiałów o projektowaniu. Dołącz do nas!

Przeczytaj również:

• Przestrzeń, refleksje filozoficzne i różnorodność technik artystycznych: komiks „Chronosis” autorstwa Rezy Negarestaniego.
• Ostatni szlif pozostaje w pamięci: podejście do projektowania zorientowane na człowieka w studiu postprodukcyjnym.
• Hand flow: koncepcja nowej strony internetowej dla studia masażu „Lyag©”
• Od chaosu do bytu. Jak notatki kompozytora w partyturze przekształciły się w czcionkę.
• Logo firm kosmicznych: od Roscosmosu do Virgin Galactic