Podívejte se, jak vzniká prostředí mobilního Firefox OS

Nový mobilní systém obvykle přináší inovace v grafice a jinou filozofii ovládání prostředí. Jaký bude v tomto směru mobilní Firefox OS?

Společnosti Telefónica a Mozilla už nějakou dobu úzce spolupracují na vývoji operačního systému pro smartphony, který má konkurovat těm stávajícím. Firefox Mobile OS je stále ve fázi vývoje, avšak první reálná zařízení jsou slibována už na první kvartál příštího roku. Mezitím máme možnost náhlédnout do zákulisí zrodu tohoto systému.

Klepněte pro větší obrázek
Pojďme se podívat na principy, na kterých stojí grafické rozhraní Firefox OS (zdroj: blog.mozilla.org)

Podrobněji se o něm na oficiálním blogu Mozilly rozepsal jeden z jeho spoluautorů – Patryk Adamczyk. Jeho článek vznikl na základě nátlaku návštěvníků MozCampu 2012 ve Varšavě, kde o něm měl asi hodinovou přednášku. Ti po něm chtěli, aby publikoval textovou podobu svojí prezentace.

Správný design je základ

Základní myšlenkou celého prostředí je minimalistický, avšak efektivní a intuitivní design. Většina aplikací nebo částí samotného systému je podřízena jednotnému layoutu, kde nahoře vlevo je jedno z trojice tlačítek Zpět/Storno/Menu, uprostřed označení místa, kde se zrovna nacházíte a vpravo potom maximálně dva dále vedoucí ovládací prvky. Spodní lišta potom obsahuje maximálně pět ikon zahajujících nějakou akci.

Klepněte pro větší obrázek Klepněte pro větší obrázek
Rozmístění ovládacích prvků na displejí dodržuje logický layout (zdroj: blog.mozilla.org)

Na uživatele má též logicky působit překrývání jednotlivých ploch/layoutů. Jedná-li se o předchozí nabídku či seznam, vyjede vždy zleva, zatímco jedná-li se o rozcestník dále, objeví se zprava. Přitom na displeji zůstane vždy ůzký pruh stávající aplikace.

Klepněte pro větší obrázek Klepněte pro větší obrázek
Předchozí zleva, následující zprava. Bude mít arabština vlastní verzi? (zdroj: blog.mozilla.org)

Střiženo na míru

Vývojářské týmy si dávají opravdu záležet, aby grafiku dané aplikace přizpůsobili přesně podle preferencí. A tak se velikost jednotlivých položek na displeji bude měnit přesně podle toho, jak bude pro efektní ovladatelnost prostředí potřeba. Zatímco obrázky soustřeďují pozornost na sebe, a jsou proto všude na displeji a stejně veliké, videa třeba vybíráme jak podle názvu, tak podle náhledu. Nebo hudba, zde je název vepsán do horní části coveru, neboť každý si z hledané písně pamatuje něco jiného.

Klepněte pro větší obrázek Klepněte pro větší obrázek
Rozvržení prostoru stránky v multimediálních aplikacích (zdroj: blog.mozilla.org)

Stejně tak apliakace jsou navrhovány tak, aby na displeji nezůstávalo zbytečně hluché místo. Pokud nejsou žádné informace, které lze na displeji v danou chvíli zobrazit, je prostředí vymodelováno klidně ve větších rozměrech, zato však přehledně. Někomu se nemusí pozdávat třeba hodiny na skoro celý displej, já osobně se ale přikláním k provedení: čím míň šedi, tím lépe.

Klepněte pro větší obrázek Klepněte pro větší obrázek 
Raději méně šedi, nebo adekvátní velikost zobrazovaných objektů? (zdroj: blog.mozilla.org)

Puntíčkářské ikony

Zdánlivě tak jednoduché věci jako podobě jednotlivých ikon nebo ovládacích prvků věnovali podle přiložených obrázků vývojáři mravenčí práci. Každá ikona je vyvtořena tak, aby jasně vyjadřovala svůj význam. Zároveň jsou všechny inspirovány jednoduchými geometrickými tvary, které se často navzájem prolínají, aby daly vzniknou zajímavým tvarům.

Klepněte pro větší obrázek Klepněte pro větší obrázek Klepněte pro větší obrázek Klepněte pro větší obrázek
Tvorba ikon a podoby ovládacích piktogramů pod lupou (zdroj: blog.mozilla.org)
Diskuze (14) Další článek: Síť Vodafonu postihl výpadek, některá čísla se nemohou přihlásit

Témata článku: Smartphony, Software pro mobily, Mobil, Zajímavý tvar, Prostředí


Určitě si přečtěte

Aplikace pro Android, bez kterých nedokážu žít [Jakub Vrbacký]

Aplikace pro Android, bez kterých nedokážu žít [Jakub Vrbacký]

** Donedávna jsem používal Windows 10 Mobile, změna bolela ** Co není na očích, neexistuje, takže mám jedinou plochu ** Důležitým pomocníkem je Nova Launcher s bohatým nastavením

Jakub Vrbacký | 31

Xiaomi Mi 8 zatopí top Androidům. Má špičkový foťák a 3D odemykání obličejem

Xiaomi Mi 8 zatopí top Androidům. Má špičkový foťák a 3D odemykání obličejem

** Vyzkoušeli jsme novinku, která se prodává zatím jen v Číně ** Mi 8 se chlubí vysokým výkonem a velmi dobrým fotoaparátem ** Pokud bude česká cena rozumná, může to být hit

Jan Láska | 21

Xiaomi Redmi Note 5A Prime: levný neznamená odbytý [recenze]

Xiaomi Redmi Note 5A Prime: levný neznamená odbytý [recenze]

** Překvapivě schopný mix parametrů s rozumnou cenovkou ** Slabší výkon kompenzuje HD rozlišením a dostatkem paměti ** Přítomná trojice slotů na karty a infraport se nevidí často

Martin Herodek | 11

RECENZE: Huawei P20 Lite — odlehčená verze letošní špičky láká vzhledem i cenou

RECENZE: Huawei P20 Lite — odlehčená verze letošní špičky láká vzhledem i cenou

** Osvědčený recept Huawei v trochu modernějším střihu ** Výřez v displeji neruší ani zdaleka, jak by se mohlo zdát ** Odemykání obličejem je návykové a překvapivě dobře funguje

Martin Herodek | 11

RECENZE: Honor 10 drtí konkurenci nejen duhovými odlesky, ale i výbavou a cenou

RECENZE: Honor 10 drtí konkurenci nejen duhovými odlesky, ale i výbavou a cenou

** Honor 10 opět přichází se skvělým poměrem ceny a výkonu ** Za přijatelnou cenu nabízí bohatou ochutnávku ze světa nejlepších ** Nastávající tuctovost displejů s výřezem zahání zády s odlesky duhy

Jakub Vrbacký | 40

RECENZE: Honor View 10 — prvotřídní výkon za polovic

RECENZE: Honor View 10 — prvotřídní výkon za polovic

** Velmi zajímavý poměr cena/výkon ** Na špičku ztrácí jen v okrajových oblastech ** Správný mix užitečných technologií bez moderních výstřelků

Martin Herodek | 15