Užitečné pomůcky pro webdesignéry
2011
Chci se v tomto článku podělit o tipy na několik pomůcek, které rád využívám při navrhování webů a které považuji za zajímavé a užitečné.
Mřížka - grid systém
Mnozí z vás možná mřížku při navrhování webů už používáte, ale stejně mi to nedá a musím ji zmínit, protože je to esenciální věc, bez které si práci již nedovedu představit.
Pomáhá mi při volbě rozměrů prvků, aby byly na pixel přesné, udržuje rovnoměrný spacing mezi nimi a celkově by se dalo říci, že dává designu jakýsi řád. Naopak vybočením z mřížky se dá docílit zvýraznění prvku.
Photoshop i Fireworks disponují vlastní základní mřížkou, kterou používám jako doplněk také. Za sebe však doporučuji tuto mřížku resp. grid systém:978.gs/downloads. Grid systémů existuje hned několik, mají různé šířky a varianty, které se hodí pro různá použití a každý si určitě najde ten, který mu bude vyhovovat nejlépe. Na grid systémy se určitě podíváme někdy příště.
Subtlepatterns.com
Stránka subtlepatterns.com je výborný zdroj jemných vzorků pro vaši tvorbu, které dokáží skvěle oživit (nejen) pozadí webu.
Každý týden se objevují nové a komu se nechce je stahovat po jednom, pro toho připravili autoři webu šikovné tlačítko, kterým stáhnete všechny vzorky do jednoho .pat souboru.
CloudApp
Neocenitelná pomůcka getcloudapp.com pro sdílení souborů a obrázků. Lze ji použít i jako zkracovač odkazů. Funguje na jednoduchém principu drag&drop, podporuje i automatické uploadování screenshotů. Ve verzi zdarma máte k dispozici 10 uploadů za den při maximální velikosti 25 MB na soubor. Komu by toto nestačilo, je zde i varianta PRO, která vám umožní uploadovat neomezené množství souborů s maximalní velikostí 250 MB. Účet PRO stojí $45 na rok.
Tento nástroj oceňuji hlavně při sdílení náhledů s klienty nebo pokud potřebuji někomu rychle něco ukázat pomocí screenshotu.
CloudApp je určena primárně pro Mac, ale díky fluffyapp.com ji lze vesele používat i na Windows.
ColorSchemer
Nástrojů pro tvorbu barevných palet je na internetu mnoho. Velmi známý je například Kuler od Adobe. Já bych však chtěl zmínit aplikaci pro iPhone od autorů webu ColourLovers.com a tou je ColorSchemer. Samotný web umí samozřejmě to stejné, co aplikace. Na aplikaci je ale skvělé to, že vám umožňuje tvorbu barevných palet kdekoliv jste, tudíž můžete těžit z momentálních inspirací.
Nástrojů na tvorbu samotné palety je uvnitř aplikace několik, tím nejzajímavějším je podle mě výběr barev z fotografie. Stačí vyfotit novou anebo vzít starší z alba a můžete ihned vybírat pomocí kapátka jednotlivé barvy. Pokud jste někdy litovali, že si nedokážete zapsat viděnou barvu v hexadecimálním tvaru, je toto vaše spása.
Aplikace je dostupná zcela zdarma na App Store
Viewlike.us
Jako webdesignéři potřebujeme čas od času (nebo často) vidět náš návrh či nakódovaný web v různých rozlišeních. Nástroj viewlike.us se taky výborně hodí v případě tzv. responsive webdesign (o tom někdy příště).
Tip: zadávejte adresy stránek bez “http://” - v opačném případě vrací web chybové hlášení.
Blabot.net
O vhodnosti používání dummy textů by se z hlediska content strategy dalo úspěšně pochybovat, ale i přesto se tento nástroj často hodí.
Lorem Ipsum hezky česky aneb Blabot.net pro vás vygeneruje náhodný český text, který, stejně jako lorem ipsum, nedává smysl a skvěle se tak hodí jako výplň do návrhů v momentě, kdy nemáte k dispozici finální texty.
Copypastecharacter.com
Pokud si jako já nepamatujete zdaleka všechny klávesové zkratky pro znaky, které během navrhování občas potřebujete, budete milovat copypastecharacter.com.
Jednoduchým kliknutím na daný znak jej zkopírujete a můžete dle libosti vkládat, kam potřebujete, což dokáže ušetřit spoustu času.
Vaše tipy
Ponechám počet mých tipů na 7, protože nechci, aby byl článek tak dlouhý, že ho nikdo nebude chtít číst :). Dám prostor vám, čtenářům, pro sdílení vlastních tipů na užitečné nástroje a pomůcky, rád se o nich dozvím.
Pokud jste dočetli až sem, děkuji, a těším se na vaše komentáře.
Ukázky mobilních e-shopů
2011
Mobilní e-komerce se začíná čím dál tím víc prosazovat, čím více používáme chytré telefony. Nestačí jen optimalizovat internetový obchod, aby se dobře zobrazil v prohlížeči mobilního telefonu, ale musíme pro mobilní telefony nabídnout zcela nové rozhraní přímo pro podmínky telefonů a hlavně zjednodušit jej odstraněním zbytečných funkcí.
Kvalita se nepozná tak, že již nemáme co přidat, ale naopak, že už nemáme co odebrat. U webových stránek pro mobilní zařízení a hlavně u internetových obchodů to platí dvojnásob. Mobilní verze webů, potažmo e-shopů jsou doménou hlavně větších firem, které mají finance na investice do mobilních verzí svých služeb, ale ani menší firmy by mobilní zařízení neměly ignorovat. Máte přehled, kolik lidí navštěvuje váš web z mobilního zařízení?
Investice to mnohdy nebývá nejmenší, ale v konečném důsledku se vyplatí. Ukázky rozhraní upravených přímo pro potřeby mobilních telefonů posbíral server Webdesigner Depot, prohlédněte si je níže.
Malý dotaz na závěr: uvažujete o mobilní verzi vašeho webu nebo e-shopu? A jaký na to máte názor? Těšíme se na vaše komentáře :)
 |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |  |
Mají vaše webové stránky a e-shop všechny legislativní náležitosti?
2010
Ano, je tomu tak. V české republice je třeba na webu umístit některé povinné údaje, jinak se jejich provozovatel dopouští obrovského risku a čekají jej nemalé postihy. Pojďme si nyní ty nejdůležitější údaje projít společně.
Informace o firmě nebo podnikateli
Pokud se na internetu prezentujete prostřednictvím vlastních firemních stránek, je třeba na ně uvézt základní údaje o vás jako fyzické osobě a nebo o firmě. Zejména se jedná o údaj, kde je firma vedena, pod jakou spisovou značkou, identifikační číslo, jméno a sídlo firmy.
Pokud tento krok nesplníte a na vaše stránky si tyto údaje nedáte, čeká vás až 10 000 Kč pokuta a až rok zákazu činnosti. Když vezmeme v úvahu, že tyto údaje jsou snadno dohledatelné mimo jiné na ares, je tato legislativní povinnost čistě jen zbraní pro vaši konkurenci.
Jak je tomu u e-shopu?
U internetových obchodů je toho oproti webovým stránkám o malinko víc. K výše uvedeným informacím je třeba ještě dopsat údaje o příslušném kontrolním orgánu, pokud prodáváte specifický produkt, u kterého je toto vyžadováno.
Obchodní podmínky e-shopu
Nejdůležitějšími body v obchodních podmínkách jsou zejména lhůty pro vrácení zboží bez udání důvodu. Na toto má totiž zákazník právo a pokud to není v obchodních podmínkách uvedeno, tak se standartní 14 denní lhůta prodlužuje na tři měsíce. Po tuto dobu může zákazník zboží vrátit a musí dostat peníze nazpět. Toto se netýká takzvaného nevratného zboží jako jsou potraviny, časopisy, cd nebo dvd s hudbou nebo softwarem nebo jakkoli upravené produkty na přání zákazníka.
Vzhledem k tomu, že postavit obchodní podmínky je velice pracné a časově náročné, jsou zde již hotové obchodní podmínky pro Váš e-shop zdarma ke stažení. Je sepsána přímo asociací pro elektronickou komerci (APEK) ve spolupráci s českými právníky.
Důležité firemní informace mají naši zákazníci námi předvyplněné a obchodní podmínky jsou součástí redakčního systému pro internetové obchody, na jehož uvedení intenzivně pracujeme.
Jak propagovat svou značku na Facebooku
2010
Dnes jsme si pro vás přichystali několik rad, jak se propagovat prostřednictvím sociální sítě Facebook. Pro ty z vás, kteří jsou Facebooku znalí to bude malé opakování a pro vás ostatní pevně věříme, že vám naším článkem pomůžeme více zviditelnit Vaši firmu.
Po založení účtu
Pokud máte databázi zákazníků, neváhejte je kontaktovat i na Facebooku, určitě vás rádi budou sledovat a vy budete mít dobrý základ do začátku.
Na Facebooku se primárně neprodává, na Facebooku se komunikuje
Nejde o bezprostřední prodej, ale o vytváření povědomí, které v prodej vyústí, dejte lidem pocit sounáležitosti s vaší značkou.
Hlavní je nenucená komunikace
Nikomu nevnucovat vlastní produkty, netlačte na lidi, vše musí vyplynout jakoby náhodou. Na Facebook se lidé chodí bavit a komunikovat, nechodí zde nakupovat.
Přizpůsobte jazyk cílové skupině
Buďte přirození, pište jazykem cílové skupiny, nebuďte formální, snažte se psát vtipně a zajímavě, vyvolávejte diskuse a dávejte podněty. Nepoužívejte Facebook jako PR kanál.
Buďte aktuální
Pravidelně a rychle odpovídejte na dotazy, nepublikujte však příliš vlastní zprávy, stačí 1-5 krát denně, vyhněte se publikování většího množství zpráv najednou, nikdo nechce být zahlcen zprávami jen od vás. Lidé ale potřebujou vidět, že profil “žije”.
Buďte zajímaví
Pište vtipně a zajímavě, přinášejte zajímavé informace, publikujte na webu články a odkazujte na ně, točte a přidávejte videa, můžete odkazovat i na youtube, foťte a přidávejte fotky a nechte lidi, ať je také přidávají. Pochlubte se, jaké akce sponzorujete, čeho se účastníte apod. Označujte lidi na fotkách a videu. Dávejte podněty k diskusím, snažte se vaše produkty spojovat s jinými zprávami nebo událostmi ze světa (smyšlený zjednodušený příklad pro cestovní kancelář: V Chorvatsku ve městě Brela se chystá otevření obrovského akvária, které má být jedno z největších v Evropě. Otevření se plánuje na příští týden ve středu. Koukněte na video. (vložit video, obrázky) Půjdete se podívat na cvičené delfíny?) Využívejte i jiné zdroje informací, nevadí, že nebudete původní zdroj vy, lidé ocení zajímavé informace. Ale pozor, raději psát méně než psát hlouposti.
Využívejte události
Upozorněte na vámi plánované akce, na časově omezené slevy, na uvedení produktu na trh.
Nevyhýbejte se negativním ohlasům
Odpovídejte na negativní ohlasy, snažte se řešit situaci a sbírat podněty pro zlepšení, rozhodně nevyhrožujte, nenadávejte a nepovyšujte se. Nejhorší je, když si komunitu poštvete proti sobě, je lepší, že si zákazníci stěžují u vás než někde jinde.
Nepomlouvejte ani nehodnoťte konkurenci
Neporovnávejte se s konkurencí, nekritizujte. Zvažte, zda-li budete odpovídat na komentáře srovnávající vás s konkurencí.
Zásady, které vám ušetří problémy
upřímnost, transparentnost, neuvádět v omyl, nepomlouvat, vše musí být pravdivé, nepovyšovat se, špatné zprávy zveřejňovat s předstihem - nejhůř se hasí znepřátelená komunita. Při psaní používejte vášeň, emoce, nadhled, sebekritiku. Vždy platí všeho s mírou.
Cenzurujte minimálně
Necenzurujte negativní dotazy, cenzurujte/mažte pouze vulgární zprávy. Lidé jsou hákliví na to, když se mažou jejich komentáře.
Tímto jsme si řekli zásadní body pro komunikaci a propagaci firemního profilu na Facebooku. Marketingu v sociálních sítích se budeme určitě ještě věnovat. Pokud máte doplňující informace nebo dotazy, těšíme se na ně v komentářích pod článkem.