Monthly Archives: Srpen 2015

Fit recepty – naše nová úspěšná reference!

By | Uncategorized | No Comments

Chcete se stravovat zdravěji, ale pořád ty samé recepty vás už nebaví? Mobilní aplikace Fit recepty to za vás vyřeší hned! Zdravou inspiraci odteď máte v mobilu pořád – vyberte si na co máte zrovna chuť :)

Aplikace Fit recepty se stala naší novou pýchou. Je to jen pár dní co jsme jí spustili a už teď se může pochlubit vysokou oblíbenosti, 10 000 staženími a senzačním hodnocením. Právě téhle aplikaci jsme kromě vývoje navrhovali taky design. O to víc nás těší pozitivní reference na její vzhled.

 

Vojta Soukup

★★★★★ 22.8.2015

Chvála

Velice intuitivní prostředí opravdu doporučuji

Daniel Rychnavský

★★★★★ 17.8.2015

Výborná aplikace, jak designově sympaticky řešena, tak přehledná pro jakéhokoliv uživatele. Každý si najde to své, na co má chuť. Vřele všem doporučuji!

 

Při tvorbě designu jsme se soustředili především na přehlednost a působivý vzhled. Aplikace působí svěže, moderně a přehledně. Jako výchozí barvu jsme zvolili světle-zelenou, která vyvolává pocit čerstvosti a k zdravému stravování už tak nějak patří. Lákavě vypadají i fotky na pozadí každé kategorie jako i při jednotlivých receptech.

Když už všechno funguje a navíc to i skvěle vypadá, přejeme vám dobrou chuť! :)

Trendový web design díky e-booku zdarma!

By | Uncategorized | No Comments

Nedávno jsme vám představili 5 nejnovějších trendů ve web designu pro rok 2015. Zaujal vás článek a chtěli byste se o trendech dozvědět více? Pak máte jedinečnou možnost stáhnout si 186 stránkový e-book plný rad a tipů zcela zdarma!

V e-booku „Web design – book of trends 2015-2016“ najdete:

  • 165 vybraných příkladů ukazujících nejlepší moderní webové techniky.
  • Osvědčené postupy používané firmami jako je Adidas, Intercom, Dropbox, Reebok, Apple, BMW, Spotify, Jawbone, Versace, Google, a dalšími.
  • Desítky vizuálních případových studií odhalujících metody, které stojí za jejich úspěchem (včetně jejich kladů a záporů)
  • Tipy a triky pro animace a interaktivní design.
  • Rady pro používaní nadčasové typografie, vektorů a vlastních fotografií.

Celý e-book je v angličtině a připravili ho pro vás lidičky z UXPin-u.

Stáhnout si ho můžete na jejich stránkách výměnou za váš e-mail.

Trendy ve web designu v roce 2015, e-book.

10 prvků na úvodní stránce webu, které návštěvníky zaujmou

By | Uncategorized | No Comments

Ty nejlepší úvodní stránky jsou jednoduché, mluví k cílovému publiku a mají skvělý design. Pozvedněte váš web ještě o úroveň výš s těmito 10 tipy!

efq

TITULKY, TEXT, DŮVERYHODNOST 

1) Použijte titulek nebo motto.

Každý návštěvník vaší webstránky chce okamžitě vědět co děláte, tak mu to řekněte! Nezatěžujte ho zbytečně nějakými výroky slavných, které vůbec nic nevypovídají o vaší činnosti. Je sice pravda, že informace o vás se taky dozví v záložce „o nás“, ale vždy je lepší pokud se tyhle informace dozví hned, ne až po dalším kliknutí.

2) Jasně a stručně

Nezapomínejte na to, že návštěvníci webu neradi čtou dlouhé texty. Myslete na to i při psaní vašeho titulku – měl by být jasný, stručný a hlavně výstižný.

3) Bezchybná gramatika

Chyby v textu to se zkrátka nenosí. Nic neublíží vaší profesionalitě víc než gramatické chyby. Dejte si svoje texty raději zkontrolovat.

4) Využívejte ukazatele vaší důvěryhodnosti

Je jedno jestli máte na svém webu výroky spokojnosti vašich zákazníku nebo průměrné hodnocení vašich produktů. Důležité je, že lidi věří odporoučením jiných lidí, a to dokonce i když je osobně neznají.

VÝZVA K AKCI

5) Motivujte k akci

Když už návštěvník webu přečte všechno co přečíst měl, tak samozřejmě chcete aby NĚCO udělal. Nakoupil, zavolal nebo sdílel článek. Řekněte mu to, co po něm chcete a on to udělá. Samého ho to většinou nenapadne.

6)  Speciální tlačítko pro posílení vaší výzvy k akci

Aby byla vaše výzva k akci ještě silnější, umístěte na váš web graficky odlišené tlačítko, které tu akci provede za uživatele samo. Chcete aby koupil produkt? Umístěte na stránku tlačítko „koupit“– dostatečně zvýrazněné a tak aby ho návštěvník nepřehlédnul.

UMÍSTNĚNÍ A OBSAH

7) Vše podstatné na očích

To nejdůležitější by měl mít návštěvník webu okamžitě před očima, bez nutnosti posouvat stránku níž. Tam by měli být spíš doplňující, měně podstatné informace. Výzva k akci je taky důležitá tak ji nedávejte na závěr textu.

8) Pořád testujte!

Testování je důležité. Jen testováním zjistíte co vám doopravdy funguje nejlépe. Ideální je tzv. A/B testování, kdy se určité skupině lidí zobrazí jedna verze webu a jiné skupině lidí druhá verze webu. Pak stačí už jen porovnat výsledky.

 9) Používejte obrázky a videa, které s obsahem vašeho webu SOUVISÍ!

Funguje to obousměrně – již při prvém letmém pohledu na webu bude mít návštěvník představu o čem se v textu píše, ale taky ten, kdo se do textu začte bude pořád mít k dispozici vizuální prvky, které text doplní a oživí.

10) S odkazy na jiné podstránky webu jen s mírou!

Odkazy jsou skvělé, návštěvník nepřemýšlí kam dál by se měl podívat a zdrží se na web stránce déle. Ani s nimi se to však nesmí přehánět – příliš mnoho odkazů na webu působí rušivě!

 

 

Jak volit barvy pro váš web?

By | Uncategorized | No Comments

Červená je barva vášně a černá zase barva smutku, žlutá je barva sluneční a bílá je barva čistá a nevinná. Jsou vám ty výroky povědomé, že jo?! Nálad, které v nás barvy vyvolávají je však mnohem víc a určitě je na to dobré myslet i při tvorbě designu vašeho webu nebo mobilní aplikace.

1) Jak to tedy s těmi barvami je? Jaké emoce v nás vyvolávají?

Každá barva sebou nese určitou psychologickou symboliku, kterou známe z běžného života kolem nás. Třeba každý si spojí modrou barvu s nebem nebo mořem, a zelenou s přírodou. Odtud taky pochází spojení slunečně-žlutá a krvavě-červená. Krom toho, každá barva sebou nese jak pozitivní, tak i negativní emoce. Aby jste se z toho nezbláznili, přikládáme přehlednou tabulku.

Barva Symbolika Pozitivní emoce Negativní emoce
Červená  krev, oheň láska, vášeň, prudkost, hrdost, energie, sila, dynamika, pohyb agrese, nebezpečí, hněv, nemravnost, zlost, vojna
Oranžová slunce, teplo, zlato, lesk, horké léto radost, zábava, přátelství, energie, vitalita, kreativita, jedinečnost, bohatství, zralost hrubost, rozmar, vzdor
Žlutá světlo, slunce, zlato, mladost naděje, optimizmus, intelekt, harmonie, idealizmus, volnost nedůvěra, zrada, závist, žárlivost, zbabělost, faleš
Zelená příroda, dálka, rostliny, naděje, přátelství poctivost, připravenost, mír,vytrvalost, úspěch, harmonie,pravda, bezpečí, důvěra, klid chamtivost, závist, nezkušenost
Modrá nebe, obloha, voda, vzduch, chlad spravedlivost, stabilita, mír, ticho, věrnost, inteligence, vyrovnanost, diskrétnost deprese, apatie, odevzdanost
Fialová duchovno, majestát mystika, představivost, luxus, osobitost, skromnost, pokorainspirace, vznešenost krutost, utrpení, napětí, soumrak, znepokojení, trest, výstřednost
Hnědá půda, dřevo, klid, bezpečí, důvěra, jistota, tradice, pořádek, domov mlčenlivost, zdrženlivost
Šedá neutralita, přiměřenost vyváženost, spolehlivost, klid, odpočinek, pokora, skromnost pasivita, nuda, smutek, nerozhodnost, chudoba
Černá tma, smrt důstojnost, autorita, úcta, sila, vážnost, elegance, formálnost zlo, zkáze, podřaděnost, strach, samota, prázdno, lítost, vzdor, negace
Bílá světlo, mír, čistota, nevinnost, věrnost, laskavost, neposkvrněnost, jednoduchost, vděčnost, pořádek, lehkost chlad, nejistota, opatrnost, nekonečnost, izolace, smutek, zdrženlivost

2) Není žlutá jako žlutá

Taky si říkáte, že barev neznáme jen 10, ale mnohem víc? Vždyť přece každá barva má ještě velké množství odstínů, a co teprve když se začnou míchat! Jak ti vlastnosti sedí pak? Obecně lze říci, že čím je barva sytější, tím i její charakteristiky vnímáme silněji. Představte si třeba kreslenou pohádkovou postavičku, která je o to rudější, o co víc je naštvaná J Stejně to funguje i u jiných barev.

dqwd

3) Ale já nechci jednobarevný web

To bychom vám ani nedoporučovali! Barvy samé o sobě jsou celkem věda, a co teprve když je začneme kombinovat pro web?

„Webem se můžeme pokusit vytvořit barevnou harmonii, nebo ním naopak provokovat.“

V obou případech si musíme dát pozor abychom to nepřehnali. Jinak by se mohlo stát, že z původně zamýšleného harmonického webu nakonec vznikne web nudní, a naopak ze zamýšleného dynamického webu můžou nakonec lidi bolet oči! A to nechcete – když je bolí oči, utečou z webu okamžitě pryč!

Pravidel jak kombinovat barvy, tedy vytvářet kontrast, je víc. Dvě nejzákladnější jsou:

  • Nikdy nepoužívejte víc než 3 barvy!
  • Tvořte kontrast – na základě odstínu, světla, sytosti, teploty nebo komplementarity

*komplementární jsou ty barvy, které leží v barevném spektru naproti sobě

  • Vždy je potřeba myslet identitu webových stránek

S kontrastem vám pomůže chytrá pomůcka Adobe Kuler (https://color.adobe.com), kde můžete tvořit odstínové variace jedné barvy, dvou komplementárních barev nebo trojice barev.

TIP NA ZÁVĚR: Když si vyberete svou hlavní barvu, nemusíte ji nutně doplňovat jinou barvou barevného spektra. Jednoduchým elegantním řešením je doplnění černou, bílou nebo odstíny šedé barvy (hromadně se jim říká achromatické barvy).