6 týdnů, 5 UX designérů — pomozte nám vybrat vítěze
A je vybráno! Vyhlásili jsme uzavřený tendr na vzhled nového webu pro 5 UX designérů a zajímá nás váš názor.
Mrkěte na návrhy nového webu Meteopressu, které připravili designéři v rámci soutěže organizované Czechdesignem a hlasujte pro nejlepší…ať už “nejlepší” znamená cokoliv:-)
Edit 22.1.2018
Vybrali jsme vítěze — návrh č.5 od U+Design. O důvodech si přečtěte pod galerií každého návrhu (stačí zaskrolovat). Všem designérům jsme poslali osobní poděkování se zpětnou vazbou — bylo nám ctí se s nimi potkat, být součástí pro nás takto velké soutěže a hlavně mít možnost poznat pět nadšených profesionálů, kteří se do soutěže vrhli. Podrobnosti o průběhu soutěže již brzy na www.medium.com/pocasi.
Zajímají vás použité persony? Mrněte na konci článku, nebo si přečtěte více o soutěži v rámci case study na tomto odkazu.
Návrh č.1 — Markéta Steinert
komentář autora:
hlavní cíle návrhu: jednoduchost, důraz na přehlednost a co nejrychlejší nalezení informací na něm, rozpoznatelnost ikon a čitelné písmo (…)
cílem zadání byl refresh brandu k tomu, aby pocitově získal atributy, jako odbornost, serioznost, lidskost, přístupnost, atraktivita a pohotovost (…)
prezentovaný návrh působí moderně, ale zároveň nepodléhá krátkodobým designovým trendům
komentář Meteopress:
U návrhu nás nejvíce zaujalo jednoduché řešení a spousta whitespace kolem článků a dalších elementů jako šipky a nadpisy, včetně decentní barevnosti. Horní část se mění podle denní doby, aby neoslňovala uživatele. Aktivní prvky ale splývají s neaktivními a nejsme si jistí, jak moc by web dokázal vizuálně konkurovat ostaním, podobně zaměřeným stránkám.
“Líbí se mi moderní pojetí celého webu, zároveň tento návrh působí velmi lehkým dojmem.”
“Nejčistčí, lehce a hravě najdu vše potřebné, co mi ke sledování počasí stačí. Žádný plevel, ale elegance a něžnost.”
GALERIE:
Návrh č.2 — Michal Kupilík
komentář autora:
Teplotní stupnice je klíčovým vizuálním motivem, jenž je s měřením teploty neodmyslitelně spjat. Její stylizovaná podoba se stává jedním z hlavních gra ckých prvků a prolíná se celým vizuálním stylem společnosti Meteopress. (…)
Sada ikon určených ke grafickému znázornění počasí přímo navazuje na grafickou podobu logotypu. Kombinací jemných gradientů a horizontálních linií vzniká série jednoduchých ikon, jež lze mezi sebou dále kombinovat. (…)
komentář Meteopress:
Na první pohled zaujmou ikony počasí. Jasně rozpoznatelné mezi konkurencí, čitelné. Zajimavá je i horní hlavička webu, která se dynamicky mění podle aktuálního počasí. Z pohledu použitelnosti si nejsme jistí, zdali by ikona mraku byla dostatečně jasná, ale to by prokázalo testování. Práce s prostorem je dobrá, rámečky s drop shadow nám však přijdou nemoderní.
“Logo jasně vyjadřuje k čemu se vztahuje. Stránka je přehledná, vše je výrazné a na první pohled dobře rozpoznatelné, zároveň ale příjemné pro oko. Vše působí pozitivně.”
“Je nepřeplácaný a má srozumitelné a čitelné infoikonky stavu počasí.”
GALERIE:
Návrh č.3 — Roman Černohous
komentář autora:
Informace o aktuálním počasí, krátkodobé i dlouhodobé předpovědi nebo
o akutních výstrahách musejí být zájemci zprostředkované zpravidla velmi rychle. Zvláště u webových stránek, které dnes lidé pravidelně prohlížejí na mobilních zařízeních v terénu, je přehlednost a intuitivní orientace nezbytností. Návrh nové podoby stránek Meteopressu si zakládá na ergonomickém layoutu
s logickým řazením informací bez zbytečných efektů. Barevnost je potlačena — důležitost jednotlivých prvků či informací je řešena jejich velikostí a umístěním. O to více pak vyniknou mapy, které jsou naopak výrazných barev plné. Piktogramy jsou v převážné většině v jedné barvě, doplňková žlutá barva se objevuje jen v symbolech se slunečním kotoučem, který se stal také poznávacím prvkem nového loga. Základním písmem nového webu jsou dva řezy písma Baton od písmolijny Fatype.
komentář Meteopress:
Originálně pojatý návrh včetně širokoúhlé mapy s radarem. Jednotlivé mapy používají jednotnou barevnost a škála dynamicky ukazuje aktuální stav v dané lokalitě. Web by dobře fungoval pro zrakově postižené a člěnění je logické, ikony zapamatovatelné. Černá lišta by však mohla působit jako menu a samotné důležité menu s časem je skryté do dropdownu pod logem. Celkově by navigace mohla být pro návštěvníky matoucí, ale to by ukázalo či vyvrátilo následné uživatelské testování.
“Ikonografie a vizuální komunikace. Zároveň úroveň a kvantita informací čitelná na “první dobrou”.”
“Graficky čisté a jednoduché, doplněno žlutou barevností a výrazným fontem, jako základní kámen zapamatovatelného průbojného vizuálního stylu.”
GALERIE:
Návrh č.4 — Richard Jaroš
komentář autora:
Jednoduchosť, minimalizmus a prívetivosť. To sú kľučové slová, ktorými by som charakterizoval návrh vizuálneho konceptu webu Meteopress. Písmo Documan od českého typografa Martina Váchy svojim zaobleným charakterom pôsobí prístupne a zároveň prívetivo. Rovnako ako sada piktogramov navrhnutá tak, aby s písmom tvorila jednotnú identitu v celku ale aj v detaile. Piktogramy je možné používať na akomkoľvek grafickom podklade v negatívnej alebo v pozitívnej verzii. Ďalej je možné ich prefarbovať podla potreby v rozsahu základnej farebnej škály. V zásade sú piktogramy navrhnuté na monochromatické použitie. Farebnosť logotypu a samotného webu pozostáva z dvoch základných farieb (tmavej modrej a svetlej modrej) a dvoch doplnkových farieb (svietivo zelenej a žltej). Precízne používanie navrhnutej farebnej škály podporí vizibilitu a oddelí samotný obsah webu od doplnkových reklamných zdelení, čím uľahčí orientáciu návštevníka. Obsah je členený jednoducho, bez zbytočných príkras a ornamentov. (…)
komentář Meteopress:
Web má jasnou navigaci a logo je velmi originálně navrženo jako kombinace meteorologických ikon. Celkově však návrh působí příliš technicky (možná až stroze) a zvětšení whitespace mezi elementy by mohlo výrazně pomoct.
“Logo je nejzapamatovatelnejsi. Barevnost pusobi neokoukane”
“Není to nic bláznivého, je to příjemné na pohled a je tam naprosto úžasné logo Meteopress a hezky čitelný font.”
GALERIE:
Návrh č.5 — U+Design (vítězný návrh)
komentář autora:
Nechtěli jsme vytvořit technický web, kde musíme informace hledat a zvykat si na jejich rozložení. Chceme portál, který již během první vteřiny vyšle jasnou zprávu, má emoci. Proto při otevření nových stránek Meteopress okamžitě víme, jaké je dnes počasí — skrze barvu, ilustraci a náladu headeru.
Bude dnes jasno? V modrém nebi bude svítit slunce s dominantní teplotou. Něco, co pochopíme, i když kolem monitoru jen procházíme. S ohledem na denní dobu dostává hlavička navíc reálný vjem “otevření okna”, východ, den, západ, noc. Informace strukturujeme co možná nejvíce intuitivně hned na hlavní stranu. Nenutíme uživatele kamkoliv odcházet, hledat informace. Máme rychlý přehled o aktuálním počasí, zítřku, i následujícím týdnu. Pro uživatele žádající detail pak přepnutí na hodinovou předpověď, která se projeví znovu přímo v hlavičce. User experience skrze ovládání, rozložení i design je pro nás na prvním místě. (…)
komentář Meteopress:
Tento návrh nás nejvíce zaujal svým moderním pojetím, které je kreativní, trendy a velmi “netechnické”, U+ dodali dvě rozdílné varianty. Feed aktualit zobrazuje pouze poslední snímky, takže není potřeba tolik místa na předchozí příspěvky, zbylé aktuality jsou zobrazeny velmi elegatně v druhé verzi, ale možná bude dobré přidat náhledy ke každému článku. Modulární grid umožňuje snadnou práci na mobilní verzi a jako jediný má v mapách použité důležité navigační znaky jako řeky, silnice apod. Na druhou stranu je nutné důkladně otestovat (a případně upravit) možná až příliš “artové” pojetí hlavičky, které je sice vizuálně krásné, ale mohlo by být na úkor použitelnosti webu. Uvidéme. Tlačítka v horním menu vypadají jako opravdová tlačítka, otázkou bude velikost, kterou bude nutno otestovat. Návrh nabízí velký příslib do budoucího rozvoje a posunutí Meteopressu do 21.století.
“Odlisuje se kreativitou. Ucelene přináší originální detaily tvorici zajímavý a ojedinělý prvek. Hromy blesky. Vypada to proste fajn.”
“Nejvýraznější a s důrazem na účel webu.”
GALERIE:
Vzhled dobrý, ale pro koho?
Dobrá otázka. Pokud jste ještě nečetli o naší plavbě v neznámých vodách české digitální meteorologie, mrkněte na počátky naší cesty zde:
Pro návrh webu ale nestačí jen se rozhodnout a vybrat designéra, je rovněž potřeba trochu příprav.
V našem případě to znamenalo desítky hodin uživatelského výzkumu v rámci rozhovorů, několik dotazníků pro tisíce respondentů a hlavně si ujasnit, komu dokážeme přinést největší hodnotu. Nakonec nám vypadly následující persony:
HLASUJTE ZDE: https://meteopress.typeform.com/to/MTQxln
A to je do doby vyhlášení vítěze zatím vše — dejte nám vědět svůj názor na vývoj webu o počasí v komentářích níže nebo facebooku.
Sledujte dění v meteorologii na www.medium.com/pocasi
