Martin Malý píše na Zdrojáku, jak vyhodit peníze za zbytečný web. My jsme se pokusili vzít věc za opačný konec.

Tedy co udělat, aby peníze investované do firemního webu nebyly vyhozené a aby výsledek – webové stránky či webová aplikace za něco stály. Je to poměrně složité, ale pokud se budete držet následujících rad, tak můžete dojít úspěšně do cíle.

Proč
Odpovězte si na otázku, proč web vlastně dělat? Základní jsou 2 možnosti: informovat návštěvníka stránek (poskytnout mu hledanou informaci, vzdělávat ho apod.) nebo zprostředkovat nějakou transakci (typicky elektronický obchod, aukce, seznámení a podobně). Máte odpověď? Pokud ano, tak je to dobrý začátek.

Pro koho?
Komu bude náš web určen? „Všem“ je totéž co „nikomu“, tudy ne. Zřejmě to budou naši zákazníci, partneři, potenciální pracovníci, zástupci médií, kdo ještě? Jaká bude motivace, aby členové těchto cílových skupin navštívili náš web? Ano: chtějí od nás něco koupit, potřebují poradit s výrobkem či službou, kterou od nás koupili. Nebo u nás chtějí pracovat, případně o nás napíší do novin. Pěkně se nám to „segmentuje“, každý chce něco jiného. Mimochodem, znáte skvělý „TED Talk“ Malcolma Gladwella o špagetové omáčce?

Co a jak?
Pomalu se začínáme blížit k závěru úvodní části. Nyní budete potřebovat někoho, komu nejsou cizí zkratky IA a UI. Bude totiž třeba definovat, jaké informace se na webu objeví, proto to IA. Druhým krokem bude určit, jakým způsobem budou vybrané informace prezentovány, resp. jakým způsobem bude návštěvník webu s informacemi a potažmo stránkami pracovat. UI dyzajnér nám poradí. Výsledkem této fáze bude tzv. drátěný model webu, který můžeme podrobit prvnímu hrubému a základnímu testování uživateli.

Doladit obal
Máme hotový model webu, teď potřebujeme grafika, aby nám „obalil“ model webu atraktivní grafikou. Takovou, která neruší a která ideálně neklade uživateli klacky pod nohy tím, že by byla dekorativní a plná ornamentů. Neb ornament je zločin, jak říká Adolf Loos. Vzhled pak „rozřežeme“ a z „odřezků“ vyrobíme HTML šablonu opepřenou o stylování pomocí CSS souboru. Anebo to vše za nás udělá kodér.

Přihodíme back-end
K obalu potřebujeme dodat ještě nějaký nástroj na správu obsahu webu, česky CMS. Ve většině případů stačí „nahodit“ Wordpress, který umí česky a je zadarmo. HTML šablonu, kterou vytvořil náš kodér, lze přetavit v tzv. Wordpress šablonu. Do Wordpressu pak nahrajeme potřebné pluginy, třeba pro lepší SEO nebo pro měření návštěvnosti a dílo je hotovo. Tak asi z poloviny :) Pokud tápeme, požádáme o radu nějakého péhápéčkaře.

Plníme a spouštíme
Druhou chybějící polovinou je vlastní obsah webu. Takže jdeme plnit web texty, obrázky, videem atd. atd. Mimochodem, víte, jak psát pro web? Že ne? Najměte si copywritera. No a jakmile máme naplněno, můžeme opět zkusit, co na web řeknou uživatelé v rámci dalšího kola testování. Jak poznáme, že jsou naši uživatelé spokojení? Rozhodně ne tak, že je budeme poslouchat! Budeme pozorovat, co skutečně dělají, a zjišťovat, jak rychle a pohodlně na našem webu nakoupí, získají požadovanou radu či informaci apod. Významné zpětné vazby při testování tzv. použitelnosti webu dosáhnete s pouhými 5 uživateli, tvrdí odborník na použitelnost Jakob Nielsen. Jakmile jsou všichni uživatelé spokojení, tak můžeme naši loďku spustit na volné moře. Rozuměj web do ostrého provozu.

Doplněno (díky Filosofovi za komentář):
Podle dalšího UI specialistu Steve Kruga si vystačíte pouze se 3 uživateli. Údajně tři jsou optimální počet pro kvalitní testování webu.

Měřit, měřit, měřit …
Nezapomeňte měřit návštěvnost webu, nejlepší je využít Google Analytics. Služba je zdarma a řekne nám mnoho užitečností o návštěvnících webu. Výsledky měření návštěvnosti jsou pak podkladem pro další vylaďování webu. Chceme-li si s webem skutečně vyhrát, a máme-li navíc mnoho návštěvníků, můžeme využít také Google Website Optimizer. Pak provozujeme něco, čemu se říká A/B testing. Prakticky to znamená, že v maličkatých krůčcích „iterujeme“ webovou prezentaci či aplikaci až k totální dokonalosti, resp. snažíme se jí přiblížit.

Myslíte-li to tedy s webem skutečně vážně, sami vidíte, že máte o zábavu na další měsíce a roky vystaráno. Tím pádem peníze nebyly vyhozeny za zbytečnost :)

Napadá vás ještě něco, co by mělo v návodu zaznít? Napište komentář, smysluplné návrhy doplním do článku spolu se jménem a odkazem na autora.

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Snažíme se neustále vycházet svým zákazníkům vstříc. Okamžikem prodeje často u provozovatelů hostingu dochází ke ztrátě zájmu o zákazníka. Ne tak u nás :)

Rádi bychom proto navázali na školení, které jsme uspořádali (zdarma) pro uživatele redakčního systému MůjNovýWeb na podzim loňského roku. Tentokrát se zaměříme na uživatele komplexního redakčního systému eZ Publish, workshopy probíhají tento měsíc.

Klienti mají v rámci školení možnost individuálně konzultovat své dotazy a také mohou získat konkrétní doporučení ke tvorbě webu s použitím systému eZ Publish. Zájem o školení je ze strany zákazníků velký, stále je však možné registrovat se na poslední termín 24.2. 2010 na adrese http://www.active24.cz/cz/akce/skoleni-ez-publish/.

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Se závěrem roku je čas na bilancování. Ani blog www.hosting.cz není v tomto směru výjimkou. V roce 2009 nejvíce zaujal naše návštěvníky článek o tvorbě webových stránek „rychle, jednoduše a za dobrou cenu“.

Pořadí nejpopulárnějších článků tohoto roku na hosting.cz je následující:

1. Jak vytvořit webové stránky rychle, jednoduše a za dobrou cenu – 3941 shlédnutí
2. Doména a web na rok zdarma! Pro všechny fanoušky Active 24 na Facebooku – 3344 shlédnutí
3. Facebook, Twitter a další útočí. Jenže jak na ně? – 1012 shlédnutí

Jak se k nám návštěvníci dostali?

1. zadáním „hosting.cz“ do adresního řádku prohlížeče – 25% návštěv
2. díky vyhledávání na seznam.cz – 18%
3. přes hledání na Google – 15%
4. z webu www.active24.cz – 11%
5. z webu www.weblogy.cz – 10%

Zajímavá jsou také klíčová slova, která byla zadána do vyhledávačů, které přesměrovaly návštěvníky na tento blog:

1. jak vytvořit webové stránky – 21%
2. hosting – 9%
3. twitter – 4%
4. facebook.cz – 3%
5. jak vytvorit webove stranky – 2%

Například na 98. místě se umístila fráze „co je to“, díky níž přišlo z vyhledávačů na hosting.cz celkem 5 návštěvníků, kteří zde strávili v průměru 9 vteřin. Zřejmě nenašli, co je to :-)

Všechny uvedené údaje pochází ze statistik návštěvnosti Google Analytics.

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Pokud nemáte zítra nic na práci a věnujete se vývoji a tvorbě webu, zkuste zajít na Wikikonferenci. Konference pro wikipedisty i širokou veřejnost se koná v Městské knihovně v Praze na Mariánském náměstí.

Program začíná v 10 hodin, přednášky trvají do 16 hodin. Cílem konference je zprostředkovat platformu k diskusi o rozvoji Wikipedie a tím navázat na podobné akce organizované v zahraničí. Přestože se v názvu konference nachází označení Wikipedie, není konference věnována pouze diskusi o tomto tématu. Další informace o konferenci včetně programu najdete na adrese www.wikikonference.cz. Vstup na konferenci je zdarma.

Pořadatelem konference je sdružení Wikimedia Česká republika, které spolupracuje s americkou nadací Wikimedia Foundation. Cílem sdružení je především propagace a podpora svobodné tvorby na území České republiky se zaměřením na projekty nadace Wikimedia.

Jinak web české Wikimedie běží na wiki systému Mediawiki. Ano, jak správně tušíte, web je hostován u Active 24. Hezký wikikend :-)

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Pokud jste malá firma a vytváříte weby s pomocí „Microsoftích“ technologií, pak Vás může zaujmout program WebsiteSpark. Nabídka softwaru zdarma od Microsoftu je doplněna o výhodný pronájem virtuálního dedikovaného serveru od Active 24.

Jaké jsou podmínky účasti?

Tříletý program WebsiteSpark je určen pro firmy zaměřené na vývoj a design webů s maximálně 10 zaměstnanci. Za účast v programu WebsiteSpark se nic neplatí. Po 3 letech firma z programu vystupuje a musí zaplatit jednorázový poplatek 100 dolarů. Což není žádná hrůza :-) Během prvního půl roku od vstupu do programu musí firma vytvořit a hostovat aspoň 1 novou webovou prezentaci vytvořenou a provozovanou na technologiích Microsoftu.

Kde a jak takový web hostovat?

Active 24 nabízí v rámci programu WebsiteSpark výhodný pronájem virtuálního dedikovaného serveru. Za 599 korun měsíčně zákazník získá VDS server o operačním systémem Windows 2008 s těmito parametry:

• počet domén: 5
• velikost HDD: 30 GB
• paměť RAM: 512 MB
• počet databází MS SQL: 5 (max. 1250 MB)
• datové přenosy: domácí do NIXu neomezeně, do zahraničí 100 GB měsíčně
• ASP/ASPX skriptování
• NET Framework verze 2.0/3.0/3.5 s podporou AJAXu

Jaký software dostanu zdarma?

Díky programu WebsiteSpark získá každý účastník nejen software, ale také přístup k online školením, technické podpoře a možnostem vlastního zviditelnění. Jde například o:

• 3 licence Microsoft Visual Studio 2008 Professional Edition
• 2 licence Microsoft Expression Web 3
• 1 licence Microsoft Expression Studio 3
• 2 produkční licence Microsoft Windows Web Server 2008 nebo R2 (až bude dostupný)
• 2 produkční licence Microsoft SQL Server 2008 Web Edition
• nástroj pro administraci webů DotNetPanel
• 2 zásahy technické podpory
• přístup ke komunitní podpoře a neomezenému přístupu k diskusím na MSDN.

Další detaily ohledně programu WebsiteSpark naleznete na http://www.active24.cz/cz/akce/websitespark a http://msdn.microsoft.com/cs-cz/ee524792.aspx.

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Pokud má vaše firma na Facebooku svou vlastní stránku, je dobré propojit s Facebookem vlastní webové stránky. Jde o práci na několik málo minut.

1. V prohlížeči si najedeme na stránku http://www.facebook.com/pages/manage/ a klikneme na požadovanou Facebook stránku. U nás to bude http://www.facebook.com/active24cz.
2. Pod profilovou fotkou je menu, kde je třetí položka „Add Fan Box to your site“ (resp. analogicky v češtině), na kterou klikneme.
   
3. Nyní si můžeme tzv. Fan Box přizpůsobit. Je možné zobrazit novinky (volba „Include stream“) a fanoušky („Include fans“). Pro naše potřeby bude lepší zobrazit pouze fanoušky. Napravo vidíme aktuální náhled Fan Boxu.
   
4. Následně musíme zvolit, kam chceme Fan Box vložit. V případě vlastních webových stránek zvolíme tlačítko „Other“.
5. Pod tlačítky se nám objeví kód, který je třeba zkopírovat a vložit na požadované místo do HTML kódu vlastních webových stránek.
6. Aktualizovanou stránku nahrajeme na server. A to je vše :-)

Pokud chcete obohatit své webové stránky o Twitter zprávy, pak se podívejte na náš předchozí návod Twitter – jak ho vložit na stránky.

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Dnešní internet je zaplaven obrovským množstvím webových aplikací. Asi nebude daleko od pravdy tvrzení, že převážně se jedná o služby, které si nezískají kritické množství uživatelů. Proč? Zřejmě proto, že nejsou dostatečně užitečné pro koncové uživatele. Na druhé straně je hodně aplikací, které mohou například lidem ušetřit hodně času a které tím pádem přinášejí svým uživatelům přidanou hodnotu. Pojďme se podívat na pár z nich.

Ráno si dávám svou obvyklou kávu, čtu u toho zprávy přes Google Reader. Možná bych si u toho mohl pustit nějakou muziku, prozkoumám last.fm, co zrovna letí mezi kamarády.

Vyrážím do víru velkoměsta, cestou posílám pár tweetů z mobilu. Včera jsem udělal několik zajímavých fotek, nesmím to dnes zapomenout „postnout“ na flickr. Dorazil jsem do kanclu, další den přede mnou.

Pouštím počítač, rychle vyřizuji došlé „requesty“ o propojení na LinkedIn. Jo, tohohle člověka znám, včera jsme byli na pracovním obědě. Kdosi mi posílá odkaz na sdílenou tabulku, abych zrevidoval údaje za poslední čtvrtletí. Že by se skutečna začala projevovat krize?

Pak se dívám do Basecampu, co mě dnes vlastně čeká. No to snad né, musím dodělat tu prezentaci, pozítří mám přednášet o využití sociálních sítí pro Vaši značku. Vaši značku, naši značku, samý plky, dnes je expert na sociální média úplně každý :-)

Mezitím mi z Facebooku přichází ty nemožný pozvánky do ještě nemožnějších aplikací, kvízů a stránek. Poctivě to vše projíždím, hodina, dvě, a zase to sakra vypadá, že tu prezentaci nestihnu. Facebook by měli zrušit, má produktivita jde dolů. Před obědem se ještě dívám na mapy, jak se dostanu na ulici .. hmm, Vítězného února se už nejmenuje. Asi tam sjedu tramvají.

Během pozdního odpoledne nahrávám na SlideShare aspoň jakýsi polotovar prezentace, možná to ještě doladím později. Jo, taky jsem se mihl kolem pár zajímavejch odkazů, dal jsem je na delicious pro jistotu, ať se to neztratí.

Potřebuji teď rychle něco zveřejnit na webu, jak na to? Aby to bylo rychlý a nenásilný. Vím, tyhle soukromý věci bych měl asi dělat doma a ne v práci, víme ale, jak to chodí, ne? Jo, zkusím to poslat emailem na post@posterous.com, to by mělo fungovat. Hele, vono to funguje, je to tam! Posterous „růluje“! Ještě v rychlosti projedu FriendFeed – hlavní stream a Best of day a pak už ale vážně valím domů.

Konečně doma, zase totálně vyřízenej, z ničeho přitom. Odemykám vchodové dveře. Jen si teď nejsem jistej, jestli jsem něco neměl koupit cestou domů. No jo, zapomněl jsem na mlíko. Malá bude zase bez krupičky, to je průser! No co už. Doma řeknu, že ho neměli.

A jaké jsou Vaše oblíbené webové aplikace?

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Twitter je tzv. mikroblogovací služba, Vaše poselství světu se vždy musí vejít do 140 znaků. Služba nabírá na popularitě, hlavně ve Spojených státech se pomalu stává mainstreamovou záležitostí. Mimořádně úspěšný je Twitter také v Japonsku. Evropa přichází na chuť Twitteru s očekávatelným zpožděním.

Předpokládejme, že už svůj účet na Twitteru máte (Active 24 má!) a že byste chtěli ukázat to, co píšete na Twitteru, na svých webových stránkách. Lze to udělat poměrně jednoduše.

Pokud se přihlásíte na twitter.com, můžete najít návod na adrese http://twitter.com/widgets/html_widget. Tzv. widget, tedy kousek kódu, který zajistí zobrazení Twitter zpráv na vašich stránkách, si lze přizpůsobit. Můžete zadat počet posledních zpráv, které se mají zobrazit, a dále nadpis v hlavičce, který můžete případně skrýt. Uvedený kód si zkopírujete a následně vložíte do html kódu vašich stránek (na požadované místo). Kód bude vypadat následovně:

<div id="twitter_div">
<h2 class="sidebar-title">Twitter zprávičky</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/active24cz" id="twitter-link" style="display:block;text-align:right;">Sledujte Active 24 na Twitteru</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/active24cz.json?callback=twitterCallback2&amp;count=5"></script>

Aby se vaše stránka načetla i v případě, že služba Twitter bude právě nedostupná nebo přetížená, je dobré umístit poslední 2 řádky kódu začínající <script type="text/javascript".. na konec vaší html stránky, bezprostředně před značku </body>.

Pokud zvládáte úpravu vzhledu stránek pomocí CSS, můžete si jednoduše upravit design widgetu – Twitter zpráviček podle vlastní potřeby. A určitě si nezapomeňte přidat Active 24 mezi své „tvítující“ přátele :-)

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Včera v odpoledních hodinách překonalo Active 24 hranici 100 tisíc registrovaných domén CZ. Děkujeme našim zákazníkům za důvěru. Odměnu si pak zaslouží 3 účastnící naší tipovací soutěže:

• Tomáš Janda
• Dalibor Šimáček
• Gianluca Turturro

Uvedení výherci získávají za své tipy kompletní balíček eZ Publish Professional na 1 rok zdarma. Součástí balíčku je také webhosting s prostorem o velikosti 2 GB, emailové řešení Business mail na platformě Hosted Exchange s prostorem 1 GB a doména.

Výherci budou vyrozuměni prostřednictvím zprávy na Facebooku nebo emailem. Gratulujeme! :-)

Prosím napište komentář nebo upozorněte na článek na Facebooku:

Bavme se chvíli o designu informací, ne o dekoraci webových stránek. Otázka zní: je design vašich webových stránek založen na prostém odhadu, byť rádoby odborném, nebo je podložen empirickými daty? V případě, že se přikláníte k první variantě, pak neočekávejte, že si uživatelé vaše stránky oblíbí.

Pokud máte co do činění s tvorbou webových stránek a aplikací, jistě jste slyšeli zkratky UI (User Interface = uživatelské rozhraní) a UX (User eXperience). Obě disciplíny, jakkoliv se vzájemně protínají, nabývají na významu při tvorbě moderních webových služeb. Technologie se stále více přizpůsobuje uživateli, což platí i o webových stránkách. Cílem pak je uspokojit uživatele či zákazníka, umožnit mu rychle a snadno najít požadovanou informaci, uskutečnit nákup zboží či služby nebo ho/ji jen příjemně pobavit.

Prvotní návrhy webů však bohužel velice často spadají do kompetence grafiků nebo dokonce i programátorů. Výsledkem pak je v prvním případě leták či plakát (nebo tzv. Flashové „intro“), ve druhém pak design, který se nápadně podobá správě SQL databáze. Řešením je obrátit se na designéra uživatelských rozhraní nebo na informačního architekta. Mnoho napoví také pozorování uživatelů, kteří pracují s vašimi webovými stránkami. I pozorování pouhých 2 osob může mít za následek výrazné zlepšení použitelnosti vašich stránek (tzv. Usability). Na konkrétním příkladě z praxe to ukazuje Jakob Nielsen v jednom z jeho posledních článků.

Průzkum obsahoval otázku, zda-li by měla webová stránka nabízet možnost zvětšení či zmenšení velikosti písma nebo by se měl tvůrce stránky spolehnout na schopnosti uživatele, kteří najdou vestavěnou funkci prohlížeče. Na dotaz odpovědělo 12 osob zabývajících se interaktivním designem, přičemž většina z nich nabídla svůj osobní názor či vlastní preferenci. Celkem 6 odpovědí obsahovalo komentář, co by bylo nejlepší pro ostatní uživatele, z nichž 2/3 byly odhady, zbylá 1/3 byla založena na pozorování uživatelů. Výsledky byly následující:

Odhady:

• „Dnes většina lidí ví, jak v prohlížeči změnit velikost písma.“ CHYBA
• „Lidé, kteří potřebují změnit velikost písma, to dělají pomocí funkce prohlížeče. Není to těžké.“ CHYBA
• „Není rok 1995, ne všichni uživatelé starší 50 let jsou nováčci, kteří neví, jak změnit velikost písma v prohlížeči.“ CHYBA
• „Potřebu měnit velikost písma mají většinou lidé starší 65 let, kteří s velkou pravděpodobností neví, jak to provést.“ SPRÁVNĚ

Empirická data:

• „Musel jsem to nastavit svým rodičům v prohlížeči. Skryté funkce jako změna velikosti písma jsou mimo ně.“ SPRÁVNĚ
• „Díval jsem se na testování použitelnosti na webech, které obsahovaly pomůcky pro změnu velikosti písma. Většina uživatelů netušila, k čemu to je.“ SPRÁVNĚ

Obecné doporučení je používat relativní velikost písma, které umožňuje změnu jeho velikosti. Přednastavená velikost písma by pak měla být relativně velká, tak, aby ho i starší uživatelé, kteří většinou neví, jak měnit velikost písma, pohodlně přečetli.

Z výše uvedených 12 odpovědí bylo tedy:

• 100% odpovědí založených na pozorování správných
• jen 25% odpovědí založených na osobní preferenci či odhadu správných.

V důsledku to znamená, že 75% odhadů bylo chybných. Než hádat, hoďte si raději mincí :-)

Tento článek je překladem sloupku „Guesses vs. Data as Basis for Design Recommendations“.

Prosím napište komentář nebo upozorněte na článek na Facebooku: