Rozhraní, která propojují
Hráč se svým digitálním vesmírem
Odborníci na Návrh uživatelského rozhraní, uživatelská zkušenost ve hrách, návrh HUD, tvorba herních ikon, tvorba drátových modelů a prototypování.
Nejlepší uživatelské rozhraní je takové, nad kterým hráč nemusí přemýšlet. V Gameartoutsourcestudio, zvyšujeme retenci a ponoření hráčů spojením oslnivé vizuální estetiky (UI) s bezchybnou architekturou informací (UX). Od složitých stromů dovedností v RPG hrách s otevřeným světem až po minimalistické displeje (HUD) pro kompetitivní střílečky – navrhujeme systémy, které nejen skvěle vypadají, ale také se ovládají intuitivně. Propojujeme umění, kognitivní psychologii a technickou plynulost, abychom vytvořili rozhraní, která vylepšují hratelnost, aniž by ji omezovala.
Naše služby v oblasti UI/UX designu
Náš přístup pokrývá celý životní cyklus interaktivního designu. Zabýváme se výzkumem chování hráče, logickou vizuální strukturou a tvorbou propracovaných prvků, které jsou připraveny k přímé implementaci do herního enginu.
Návrh uživatelského rozhraní (UI)
Vytváříme vizuální podobu vaší hry. Navrhujeme tlačítka, panely, ukazatele průběhu a vlastní typografie, které ladí s uměleckým stylem vašich prostředí a postav. Od těžké kovové estetiky (sci-fi) až po ručně malované svitky (fantasy).
Uživatelská zkušenost ve hrách (UX)
Věda za obrazovkou. Analyzujeme kognitivní zátěž hráče, navrhujeme schémata uživatelských toků (User Flows) a strukturováme informační architekturu, abychom zajistili, že složité úkoly, jako je výroba (crafting) nebo správa cechů, budou intuitivní a přinesou hráčům uspokojení.
Návrh HUD (hlavních zobrazovacích jednotek)
Navrhli jsme «Heads-Up Display» na obrazovce. Zaměřili jsme se na strategický minimalismus a zajistili jsme, aby byly klíčové bojové informace (zdraví, munice, minimapa, kompas) viditelné v periferním zorném poli během zlomků sekundy, aniž by narušovaly krásu herního světa nebo odváděly pozornost od akce.
Tvorba herních ikon
Jejich nabídky jsme naplnili tisíci prvků, které lze rychle přečíst. Nakreslili jsme ikony dovedností, symboly změněných stavů (buffy/debuffy), položky inventáře, měny (mince, drahokamy) a úspěchy. Každá ikona je navržena tak, aby byla dokonale rozpoznatelná i při nejnižším rozlišení.
Vytváření drátových modelů a prototypů
Před použitím finální grafiky vytváříme interaktivní «náčrtky» (wireframes) v nízkém rozlišení pomocí nástrojů jako Figma nebo Adobe XD. To vašemu týmu umožňuje otestovat navigaci ve hře, klikání a celkovou plynulost (klikatelné prototypy) ještě předtím, než se začne věnovat času finálnímu renderování.
Návrh hlavních nabídek
Navrhujeme první dojem, který si hráč odnese. Vytváříme systémy filmových úvodních menu, obrazovky pro výběr postav, rozsáhlé stromy dovedností, systémy úkolů (Quest Logs) a přehledné obrazovky nastavení, přičemž vždy klademe důraz na efektivní ovládání pomocí gamepadu nebo myši.
Rozhraní virtuální reality (VR)
Tradiční ploché uživatelské rozhraní ve virtuální realitě nefunguje. Odborníci na prostorovou ergonomii navrhují zakřivená prostorová uživatelská rozhraní (Spatial UI), nabídky připevněné k rukám hráče a diegetická rozhraní (jako jsou displeje na zbraních nebo fyzických nástrojích), aby zajistili neporušený 3D zážitek.
Optimalizace uživatelského rozhraní pro mobilní zařízení
Řešení problémů spojených s malými dotykovými displeji. Při navrhování bereme v úvahu «zónu palce» (Thumb Zone). Zajišťujeme dostatečně velké dotykové plochy (Touch Targets), responzivní rozhraní (Responsive) pro různé poměry stran a zohledňujeme «výřezy» (Notches) i bezpečné oblasti v systémech iOS a Android.
Integrace uživatelského rozhraní do motorů
Nezůstáváme jen u souboru ve Photoshopu. Naši techničtí umělci specializující se na uživatelské rozhraní (UI) mohou tyto prvky přímo implementovat do Unreal Engine (pomocí UMG / Slate) nebo Unity (UGUI / UI Toolkit) a nastavit kotvy (Anchors), dynamická rozlišení a přehledné hierarchie pro programátory.
Animace uživatelských rozhraní a vizuální efekty (Motion Graphics)
Statické rozhraní působí bez života. Služba Animace rozhraní poskytuje tu poutavou a okamžitou zpětnou vazbu, kterou hráči milují. Animujeme otevírání a zavírání panelů, vytváříme mikrointerakce při najetí myší (hover efekty), ohromující animace postupu na vyšší úroveň (Level Up) s částicemi a zajišťujeme, aby se navigace díky plynulým pohybům a toku jevila jako intuitivní, svižná a vysoce citlivá.
Náš Proces vývoje UX/UI
Návrh herních rozhraní není jen o tom, že se nakreslí hezká tlačítka; je to analytický proces. V Gameartoutsourcestudio, řídíme se přísnou iterativní metodikou, která snižuje technická rizika, eliminuje frustraci koncových uživatelů a zrychluje práci frontendových vývojářů.
Výzkum a architektura (UX Research)
Prostudovali jsme herní mechaniky. Zmapovali jsme celou «cestu hráče» (Player Journey) pomocí logických vývojových diagramů a určili jsme, kolik kliknutí je potřeba k přístupu ke každé klíčové funkci.
Šedé náčrtky a makety (wireframing)
Vytváříme interaktivní šedé bloky, abychom stanovili vizuální hierarchii a prostorové uspořádání (layout). Toto intenzivně testujeme, abychom ověřili použitelnost, než investujeme do grafického zpracování.
Vizuální koncepce a stylový průvodce
Náš tým pro uživatelské rozhraní (UI) vychází z wireframů a aplikuje na ně «Look and Feel». Vytváříme hlavní knihovnu komponent (tlačítka, panely, typografie, paleta barev), abychom zajistili jednotnost.
Výroba, rozřezávání a integrace
Vytváříme všechny obrazovky. Rozřezáváme (Slice) prvky tak, aby byly formáty optimalizovány, a v případě potřeby přímo implementujeme a animujeme soubory (Prefabs/Widgets) v Unity nebo Unreal.
Často kladené otázky týkající se herního rozhraní
Vysvětlení technických pojmů, které stojí za bezchybným návrhem uživatelského prostředí.
Jaký je skutečný rozdíl mezi UI a UX ve videohrách?
La UX (uživatelská zkušenost) je «kostra a mozek». Je to logika toho, jak něco funguje, kolik kroků je zapotřebí k vybavení meče, jak proudí informace a zda je to frustrující, nebo intuitivní. Ta UI (uživatelské rozhraní) je to «vzhled a krása». Jedná se o vizuální design samotné obrazovky s inventářem: barvy, styl dřevěného panelu, lesk tlačítka a použité fonty. V našem studiu obě tyto disciplíny neustále spolupracují.
Co je to «diegetické» rozhraní a kdy se doporučuje jej používat?
Diegetické uživatelské rozhraní je takové, které existuje v rámci příběhu a 3D geometrie herního světa a je viditelné jak pro hráče, tak pro postavu (např. ukazatel množství munice na zbrani ve hře Halo nebo hologram inventáře ve hře Dead Space). Doporučuje se pro hry s hlubokým ponořením, horory (survival horror) nebo virtuální realitu (VR). Naši designéři spolupracují s 3D týmy na modelování rozhraní přímo do herních «rekvizit» a prostředí.
Jak přistupujete k přizpůsobení uživatelského rozhraní pro hry na různých platformách (cross-platform)?
Největší výzvou při vývoji pro více platforem je měřítko a způsob zadávání (Input). To, co funguje u myši na PC, je nepoužitelné pro ovladač Xboxu nebo pro dotyk palcem na mobilu. Při navrhování používáme modulární přístup. Vytváříme dynamické návody pro klávesové zkratky (Input Prompts), které se mění za běhu, rozšiřujeme interaktivní oblasti (hitboxy) pro dotykové obrazovky a zajišťujeme škálovatelnost písem (dynamická typografie), aby byla čitelná i ze vzdálenosti 3 metrů od televizoru připojeného ke konzoli.
Exportujete hotová aktiva, nebo je přímo integrujete do herního enginu?
Nabízíme obě úrovně služeb. Standardně dodáváme uspořádané složky s oříznutými grafickými prvky, listy spriteů a stylovými příručkami. Naše prémiová služba (integrace uživatelského rozhraní do herních enginů) však umožňuje našim technickým umělcům pracovat přímo ve vašem repozitáři (Perforce/Git). Sestavujeme plátna v Unity nebo widgety v Unreal Engine (UMG), propojujeme animace a necháváme proměnné přístupné, aby vaši frontendoví programátoři museli pouze napojit backendovou logiku.
Vytvořte spojení Skvěle se k němu hodí
Nenechte, aby nepřehledné uživatelské rozhraní zkazilo skvělé herní mechanismy. Spolehněte se na náš tým specializovaný na design zaměřený na hráče, který zvýší retenci, přístupnost a zajistí profesionální provedení.
Audit a poradenství v oblasti UX
Obraťte se na naše vedoucí designéry UI/UX. Nabízíme důkladné analýzy uživatelských toků ve hrách ve vývoji a komplexní odhady nákladů na výrobu, a to zcela bez závazků.
Žádosti o projekty
info@gameartoutsourcestudio.deNaprostá důvěrnost
Hodnocení v rámci dohody o mlčenlivosti (NDA) – bezpečné
Globální dostupnost talentů
Naši vedoucí UX designéři zajišťují každodenní koordinaci prostřednictvím agilních platforem, aby byla zaručena hladká integrace bez časových nesrovnalostí.
