UX Design Přednášky PDF

1. UX design UX - Zkušenost někoho s používáním produktu, systému nebo služby a zda ji považuje za příjemnou a snadno použitelnou. Jak to vypada, barva, vysledek použivani CX (costumer experience) - Způsob, jakým se někdo cítí ve všech fázích podnikání s firmou nebo organizací. Zaměřuji se na zákaz...

1. UX design UX - Zkušenost někoho s používáním produktu, systému nebo služby a zda ji považuje za příjemnou a snadno použitelnou. Jak to vypada, barva, vysledek použivani CX (costumer experience) - Způsob, jakým se někdo cítí ve všech fázích podnikání s firmou nebo organizací. Zaměřuji se na zákaznickou zkušenost Příklad: Naším cílem je zlepšit zákaznickou zkušenost rychlejší reakcí na dotazy UI - Způsob, jakým jsou na obrazovce uspořádány a zobrazeny informace na počítači, telefonu a návody, jak je používat. Příklad: Uživatelská rozhraní pro aplikace na hodinkách se výrazně liší od uživatelských rozhraní pro aplikace na telefonech. Příklad: Menu jsou důležité interaktivní prvky většiny uživatelských rozhraní. Výsledek UX procesu - výsledek analýzy, porozumění, výzkumu uživatelů, analytiky, prototypování, … elementy, prvky, dojem Warframe/prototypy – zkoušeni, protože je drahe okamžite delat web User centered design - Design zaměřený na uživatele lze charakterizovat jako vícefázový proces řešení problémů, který nejen vyžaduje, aby designéři analyzovali a představovali si, jakým způsobem uživatelé pravděpodobně budou produkt využívat, ale také aby ověřovali své předpoklady ohledně chování uživatelů v reálných testech. Uživatel testuje produkt během vyvoje. Použitelnost - Je to vlastnost předmětu, produktu či digitálního prostředí představující jednoduchost jeho používání a snadnou naučitelnost zacházení s ním. Je spojována především s ovládáním počítačových programů a webových stránek, ale má význam i při používání pracovních nástrojů a předmětů denního užití. Jak to snadno mužeme použivat Přístupnost - Přístupnost označuje přístup k odstranění nebo zmírnění překážek, které brání používání webových stránek nebo přístupu k webovým stránkám pro lidi se zdravotním postižením. Pokud jsou stránky správně navrženy, vyvinuty a upraveny, mají všichni uživatelé stejný přístup k informacím a funkčnosti. Produkt musi byt použivany handikapovanymi lidmi UX Disciplíny  Visual design (barva, tvař, komunikace, prvni dojem)  User research  Usability testing  Information archetecture (doprava, nakupy)  Content, copywriting (text – upoutat pozornost) Content – obsah textu, jak to napsano  Interation design (jak Buton pracuje HOVER EFEEKT, změni barvu, pohyb, podčirknuti Ikona + text  je lepši Proces (nákupního) rozhodování Proces – vice informace, hodnoceni, koupim (spokojenost nebo ne) Faktory ovlivňující online nákupní chování  Použitelnost  Interaktivita  Důvěra  Estetika  Marketingový mix Použitelnost  Pohodlí,  Informační architektura – spousta stránek a typu, hierarchie různých stránek, uspořádaní informace  Navigace na webu – search box, vyhledávaní, menu  Rychlost webu – č vteřiny je dobře, BOUNCE RATE – míra okamžitě opuštěn webu, vetší je špatně, 0,5-2 sek je ideální načítaní stránky  Vyhledávací funkce/procesy – pro velké stránky = vice kategorii vyhledávaní, BUG LIST - podle prialit sestavíme stránku  Dohledatelnost a přístupnost – SEO = search engine optimalization, pro co nejlépe umístěni informace, hezky předcítění, znázorněné, rozsekat na několik stránek, košík – jak lidi odpadají  Proces objednávání/platby  Design servis – UX služeb = zaměřeni na to jaký to první dojem, název, jak ni sedí, jak milý je číšník Interaktivita  Zákaznický servis a poprodejní služby – jak komunikuji  Interakce s personálem společnosti – jak o nás stara mezi zákazníkem a personálem  Přizpůsobení (customizace)  Efekt sítě/síťový efekt (v originále Network effect: uživatelská fóra, sdílení zkušeností, rady, …) – ostatní lide sdílejí zkušenosti z produktem Důvěra  Bezpečnost transakcí  Zneužívání zákaznických údajů  Bezpečnost zákaznických údajů  Prvky snižující nejistotu – zvláštní prvek na stránce, muže vest k tomu že nekoupím  Záruky a politika vracení zboží EROSS-SELL – nabízeni něčeho podobného u košíku UPSELL – nabízeni upgread produktu na stránce Estetika (když nam něco libi, tak použitelnost nejsou důležite)  Design  Kvalita prezentace – packaging produktu  Designové prvky  Styl nebo atmosféra – jak se cítím na stránce Barva: červena – nebezpečí, chyba, bacha modra/zelena – bezpečí, dobry pocit barva záleží na oborech je lepši když plnobarevné tlačítko, 3D tlačítko je lepši a zaokrouhlen. HOVER EFEKT není na mobilech a tabletech  Primarni tlačitko Není tak důležite/nechci tam to davat/neaktivni tlačitko Marketingový mix  Komunikace  Plnění (např. objednání nebo dodání)  Produkt  Cena  Propagace Konkrétní produkt, cena, fixace v mysli zákazníka 2. Paměť Paměť je schopnost centrální nervové soustavy uchovávat a používat informace o předchozích zkušenostech. Použivani predchozi informace Typy paměti  Senzorická  Krátkodobá  Dlouhodobá Senzorická paměť je vědomá část paměti, která uchovává informace přicházející ze smyslů. zrak, sluch, hmat, chuť, čich Krátkodobá paměť Paměť, kterou využíváme, když přemýšlíme. Její trvání je mezi 10 a 30 sekundami. Má kapacitní a časové limity. Podle studie MILLERA může paměť současně uchovat asi 7 písmen nebo čísel, méně slov/vět. Organizace do smysluplných celků pomáhá - tzv. Chunking – když kombinujeme čísla , například telefony číslo, karta, hrupováni do skupin Dlouhodobá paměť Paměť je schopnost centrální nervové soustavy uchovávat a používat informace o předchozích zkušenostech. Ukládá významné zkušenosti. Její kapacita je hypoteticky neomezená. Vštěpování informace trvá přibližně 30 minut (probíhá záměrně/bezděčně). Lépe se pamatují poznatky, které mají citový nádech a které jsou často vybavovány. Začíná přibližně od 4 let. Mozek si informace ukládá do dlouhodobé paměti během spánku. Pro uložení informací do dl. paměti, je potřeba min 6hodinový spánek. Kognitivní zátěž Množství mentálních zdrojů potřebných k pochopení a interakci s rozhraním. Když množství přijímaných informací překročí dostupnou kapacitu, mentálně se snažíme držet krok — úkoly se stávají obtížnějšími, detaily jsou přehlíženy a cítíme se přetíženi. Instruktážní design - snížuje kognitivní zátěž. Teorie byla vyvinuta Johnem Swellerem 1988: „Cognitive Load Theory, Learning Difficulty…” Navazuje na studii G.Millera z roku 1967: “Millerovo magické číslo” Výzkumníci později vyvinuli způsob, jak měřit vnímané mentální úsilí, což naznačuje kognitivní zátěž. Principy a efekty UX Cognitive load – zatíženi, kapacita paměti Dohertz Treshold – rychlá reakce, interaktivita, když něco udělám tak web musí taky nějak reagovat Fitt´s Law – zvýrazněni cílů, vzdálenost k ostatním elementům Goal-Gradient – čím dále už 7-10, čím bliž do konce tak to dokončíme Hick´s Law – čím víc tlačítek, tím víc zmateny Product & Pricing Primacy – na začátku ukázat produkt pak cenu Anchoring & Default Effect – 1*2*3*4*5 = lidi dávají mene číslo 5*4*3*2*1= lidi dávají vice číslo Assimilation & Contrast Effect List-Length & Word-Length Effect 3. Vizuální design & estetika Vizuální design První dojem = 0,5s.  Logo – zapamatovatelnost, barva Brendu, přečtení, ALZA(Aleš Zamuren)  je špatně srozumitelné co prodávají  Slogan – rychle zapamatovaní značky  Firemní barvy  Forty – zvládá diakritiku, 2-3 základní fonty  Maskot  Ikonografická Design je vytvoření plánu nebo úmluvy na výstavbu objektu nebo systému (architektonické plány, technické výkresy, obchodní procesy, schémata zapojení, grafický design, produktový design). Může označovat jak činnost návrháře, tak výsledný produkt jeho činnosti. Slovo design je odvozeno z latinského de-signare, označit, vyznačit, a postupně dostalo také významy „navrhnout“ i „návrh“. Grafický design je tvorba vizuálních kompozic, které slouží k řešení problémů a komunikaci myšlenek pomocí typografie, obrazů, barev a tvarů. Vizuální neboli grafický design slouží pro vizuální reprezentaci produktu. Využívá přitom vhodnou kompozici barev, práci s typografií, animace, fotky či videa. Grafický design má vylepšovat uživatelskou zkušenost po vizuální stránce a působit na emoce tak, aby měl uživatel/zákazník z práce s produktem pozitivní zážitek. Představte si, že každá firma nebo organizace má svou vlastní osobnost – způsob, jakým komunikuje, tón, kterým oslovuje své publikum, a podstatu, kterou chce sdělit. To vše je součásti toho, co nazýváme Branding. 7 odvětví grafického designu 1. Korporátní design 2. Reklamní design 3. UX/UI (webdesign) 4. Design tiskovin 5. Obalovy design 6. Motion graphics 7. Design prostředí Korporátní design Jak vypadá celkem officy, komunikace Korporátní design je koncept jednotlivých prvků vizuální prezentace společnosti. Spolu s firemní komunikací, firemní kulturou a produktem je součástí firemní identity - Corporate Identity. Jednotný vizuální styl je obvykle definován grafickým manuálem. a. Vizuální styl/vizuální identita je soubor vizuálních a grafických prvků, které definují vaši značku. Zahrnuje logo, barevné schéma, typografii a další designové prvky. Jednotný vizuální styl provozovny - exteriér/interiér, marketingových a tištěných materiálů, webu… b. Vizuální styl či identitu lze nazvat jako “Vizuální tvář značky”. Co zahrnuje Vizuální identita  Logo a jeho variace  Typografie  Paleta barev  Grafické prvky: ikony, vzory, ilustrace  Firemní tiskoviny: obálky, šablony tiskové zprávy, vizitky, nálepky, potisk služebních vozidel  Marketingové materiály: šablony na sociální sítě  Webdesign a internetové aplikace Na základě těchto elementů designéři tvoří pravidla, která určují, jak se tyto vizuální prvky mají používat. Tato pravidla jsou nazývána Brand manuál. Reklamní design Reklamní design se zaměřuje na vizuální obsah pro konkrétní marketingové a reklamní kampaně. Jednotný styl všude, jenom tiskoviny mohou měnit. UX / UI design (webdesign) „Zkušenost někoho s používáním produktu, systému nebo služby a zda ji považuje za příjemnou a snadno použitelnou.“ „Způsob, jakým jsou na obrazovce uspořádány a zobrazeny informace na počítači, telefonu a návody, jak je používat. Vizuální podoba webu, použitelnost Design tiskovin Design tiskovin se zaměřuje na sazbu textu, celkový layout tiskoviny a jejich přípravy pro tisk. Klíčem je sazba textu – ta určuje, jak bude text na stránce rozmístěný a jak bude působit na čtenáře. Každý detail, od volby písma, velikosti, stylu až po rozestupy mezi písmeny a řádky, má obrovský vliv na to, jak je text vnímán. Dobře zvládnutá sazba znamená, že obsah je nejen pěkný na pohled, ale hlavně čitelný a srozumitelný. Příklady - knihy, noviny, časopisy, katalogy, letáky, digitální publikace, vizitky, plakáty, letáky, brožury Obalový design Potravinové obaly, kosmetické balení, obaly pro elektroniku. Např.Toblerone, packaging produktu.  Grafický design obalu - logo, barvy, obrázky, ilustrace, typo; název, popis, složení, zákonné info  Strukturální design obalu - tvar, konstrukce, materiál  Funkční aspekty - ochranná vlastnost obalu, ergonomie, jednoduchost obsluhy - otevírání/zavírání  Marketingové aspekty - atraktivita, branding, konzistence s dalšími produkty  Ekologické a udržitelné aspekty - výběr obalu s ohledem na živ. Prostředí, recyklace, reuse, likvidace Motion graphics (animace) Motion Graphics, neboli pohyblivá grafika, je dynamické odvětví grafického designu, které kombinuje grafické umění s animací a videem. Prodejny, kancelář, interiér, kde zákaznici jdou.  Animace: Kreslené nebo digitální animace pro reklamy nebo filmy.  Interaktivní reklamy: Grafické prvky, které reagují na uživatelský vstup.  Titulková sekvence: Design titulků pro filmy a televizní pořady.  Promo videa: Krátké videoreklamy nebo upoutávky.  GIFY: Pohyblivé obrázky pro sociální média a online komunikaci Design prostředí Hlavním úkolem tohoto odvětví designu je vytvořit prostředí, které podporuje orientaci uživatelů, což je zvláště důležité v komplexních veřejných prostorách jako jsou letiště, nemocnice nebo velké kancelářské budovy.  Značení: Informační a navigační značky ve veřejných budovách.  Wall Murals: Velké malby na stěnách, které zdobí prostory.  Muzejní výstavy: Design výstav, který pomáhá interpretovat sbírky.  Firemní branding kanceláří: Design firemní kultury v pracovním prostředí.  Výlohy: Vzhled obchodních interiérů a výlohy  Konference: Design pro konferenční a eventové prostory Design služeb Design služeb je nová disciplína v oblasti řízení a marketingu. Aplikuje nástroje a metodologii designu na nehmotné produkty - služby tak, aby navrhovaná řešení byla z pohledu zákazníka užitečná, použitelná a atraktivní a z pohledu poskytovatele efektivní a konkurenceschopná. Design služeb kombinuje metody a postupy z různých oborů - od manažerských, přes webdesign až po sociologické metody či hledá inspiraci v oborech uměleckých. Design služeb je způsob myšlení, který vidí službu jako cestu. Cílem je zajistit, že interakce na této cestě jsou použitelné, srozumitelné a zákazníci si z nich odnášejí pozitivní dojem. Estetika  Z řeckého aisthetikos - vnímavost, cit (pro krásu))  Filosofická disciplína zabývající se krásnem, jeho působením na člověka, lidským vnímáním pocitů a dojmů z uměleckých i přírodních výtvorů.  Estetické úvahy provázely filosofii již od jejích samotných počátků, jako samostatnou disciplínu však estetiku vymezil až roku 1750 A. G. Baumgarten. Historie estetiky 1. Starověké civilizace (cca 3000 př. n. l. – 5. stol. př. n. l.): a. Egypt, Mezopotámie, Čína: Estetika souvisela s náboženskými a kosmologickými představami. Umění mělo především rituální a symbolický význam. b. Starověké Řecko: Základní koncepty krásy a umění; přemýšlení o harmonii, proporcích a dokonalosti (Pythagoras, Platón, Aristoteles). 2. Klasické Řecko a Řím (5. stol. př. n. l. – 5. stol. n. l.): a. Platón: Idea krásy jako transcendentního ideálu; umění jako napodobení reality. b. Aristoteles: "Poetika" - analýza dramatického umění, mimesis (napodobení) jako klíčový koncept. c. Římská estetika: Ovlivněná řeckými myšlenkami, důraz na užitečnost a funkčnost v umění (Vitruvius – teorie architektury). 3. Středověk (5. – 15. stol.): a. Estetika silně ovlivněná křesťanskou teologií. b. Umění mělo sloužit jako prostředek k náboženskému vyjádření a duchovnímu povznesení.  c. Tomáš Akvinský: Spojení krásy s boží dokonalostí, koncept proporcionality a světla. 4. Renesance (14. – 17. stol.): a. Obrození zájmu o antickou estetiku, důraz na lidskou postavu, perspektivu a realismus. b. Leonardo da Vinci, Michelangelo, Alberti: Studium proporcí, anatomie, harmonie a kompozice. 5. Baroko a rokoko (17. – 18. stol.): a. Baroko: Dynamika, dramatický kontrast, emocionalita; estetika zdůrazňující pohyb, bohatství a kontrast. b. Rokoko: Lehčí, ornamentálnější styl, důraz na eleganci, hravost a dekorativnost. 6. Osvícenství (18. stol.): a. Immanuel Kant: "Kritika soudnosti" – autonomie estetického soudu, pojem „vznešeného“ a „krásného“. b. Edmund Burke: Koncept „vznešeného“ a jeho spojení s emocemi a děsem. 7. Romantismus (konec 18. – 19. stol.): a. Důraz na subjektivitu, citovost, přírodu a individualitu. b. Umění jako výraz osobní zkušenosti a vnitřních pocitů; vznešenost přírody a mystické krásy. 8. 19. stol. a industrializace: a. Estetika modernismu: Reakce na industrializaci, rozvoj nových uměleckých hnutí (realismus, impresionismus, symbolismus). b. Friedrich Nietzsche: Kritika tradiční estetiky, důraz na tragédii a dionýské prvky umění. 9. 20. stol.: a. Modernismus: Experimentace s formou a obsahem; avantgarda (kubismus, surrealismus, expresionismus). b. Postmodernismus: Dekonstrukce tradičních estetických hodnot, hra s významy, ironie, eklekticismus. c. Estetika populární kultury: Rozšíření estetické diskuze na nové média, film, reklamu, design a módu 10. Současná estetika (21. stol.): a. Globalizace a digitalizace: Nové formy estetického vyjádření v digitálních médiích a online prostoru. b. Ekologická estetika: Spojení estetiky s environmentálními otázkami. c. Zkoumání marginalizovaných perspektiv a estetických hodnot různých kultur a subkultur  4. Pozornost, skrol a čtení na webu Pozornost Měřeni pozornosti – Eye tracking  80,3 % času tráví lidé nad foldem, 19,7 % pod foldem.  Více než v 60 % případů, návštěvníci navštíví váš web a v prvních 15 vteřinách odejdou. Fixace pozornosti závisí na stylu webu a účelu webové stránky. Lidé se dívají dolů na stránku, pokud rozvržení stránky podporuje skenování nebo pokud informace zobrazené na první pohled způsobí, že uživatelé uvěří, že se vyplatí stránku posouvat. Výsledky provedených studií ukazují, že nejdůležitější informace a tlačítka pro akce a odkazy by měly být umístěny nad záhybem stránky. Vzorce typického chování  Pozornost – scannability – skáčeme přes text Layer-Cake Pattern – skáčou přes test, skenování barevných obrázků na webových stránkách. Commitment Pattern – když potřebuju pečlivé pročíst. F – pattern Uživatelé mají tendenci se důkladněji podívat na prvky a text umístěné blízko horní části stránky, a to zleva doprava (v arabských zemích zprava doleva), a poté věnují méně a méně pozornosti a času informacím, prvkům a textu, které se objevují níže na stránce Z – pattern 1. Horní vodorovná linie: Uživatel začíná v levém horním rohu (logo), pohybuje se horizontálně doprava (hlavní navigace, přihlášení, …), 2. Diagonální linie: Oči sledují diagonální linii směrem dolů a doleva (přeskočí méně důležité části obsahu). 3. Dolní vodorovná linie: Zde často nachází další klíčové prvky (call-to-action) nebo důležité informace. Z-vzorec je typický pro weby s jednoduchým rozvržením/jednostránkové weby (většina důležitých informací koncentrována v horní části stránky a klíčové prvky jsou strategicky umístěny v bodech, kde se oči přirozeně zastavují (v horní části, uprostřed a v dolní části stránky). Scannability Je přístup, při kterém zákazník nečte cely web, ale jenom to nejdůležitější  Scannability je přístup k uspořádání obsahu tak, aby byl přehledný.  Často máme jen krátkou doba na to, abychom návštěvníka zaujali.  Uzpůsobení stránky/aplikace (struktura, oddělovače apod.) dle toho jak uživatelé čtou je zásadní.  Skenovatelnost je jedním z nejdůležitějších faktorů uživatelsky přívětivého designu Když je stránka dobře navržena a podporuje tzv. Scannability  Uživatelé dokončují úkoly rychleji  Uživatelé mohou snadno určit, zda je obsah pro ně vhodný  Uživatelé dělají méně chyb při zapamatování informací  Uživatelé získají lepší představu o struktuře stránky.  Web získává příznivější subjektivní hodnocení z hlediska důvěryhodnosti a kvality obsahu.  Míra okamžitého opuštění stránky se snižuje.  Pravděpodobnost návratu uživatelů se zvyšuje.  Zlepšuje se optimalizace pro vyhledávače (SEO) Jak udělat tzv. “scannable” text  Zvýrazněná klíčová slova (hypertextové odkazy jsou jedním z příkladů zvýraznění; variace písma a barvy jsou další možnosti)  Významné podnadpisy  Seznamy s odrážkami  Jedna myšlenka na odstavec (uživatelé přehlédnou další myšlenky, pokud je nezachytí z několik prvních slov v odstavci)  Styl inverzní pyramidy, začínající závěrem  Polovina počtu slov (nebo méně) než u běžného psaní Zvýšení důvěryhodnosti  kvalitní grafikou  dobrým psaním  použitím externích odkazů (odkazy na jiné weby ukazují, že autoři si dali práci s výzkumem a nebojí se čtenářům umožnit navštívit jiné stránky) Skrolování Proč dávají bannery: o čem to je, atmosféra, emotion, první dojem příjemný Čtení na webu 16 % návštěvníků, kteří na web přicházejí poprvé, jej pravděpodobně budou číst slovo od slova. Zbylých 84 % rychle projde stránku a hledá upoutávající prvky, jako jsou nadpisy, věty, obrázky nebo animace, než se rozhodnou ponořit hlouběji do obsahu. 4. Obsah & Copywriting Obsah Content marketing je strategický přístup k marketingu, který se zaměřuje na tvorbu a distribuci hodnotného, relevantního a konzistentního obsahu s cílem přilákat a udržet jasně definovanou cílovou skupinu. Hlavním cílem content marketingu je nejen zvýšení povědomí o značce, ale také vytvoření dlouhodobých vztahů se zákazníky, což může vést ke zvýšení prodeje, zapojení zákazníků a loajality. Na rozdíl od tradičního marketingu, který se zaměřuje na přímý prodej, content marketing poskytuje zákazníkům užitečné informace, řeší jejich problémy nebo je baví, a tím přirozeně zvyšuje zájem o produkty nebo služby dané značky. 1. Blogové příspěvky: Pravidelné psaní článků, které řeší témata relevantní pro cílovou skupinu. Blogy mohou zlepšit SEO a přilákat návštěvníky na web. 2. Sociální média: Vytváření a sdílení obsahu na platformách jako Facebook, Instagram, LinkedIn nebo Twitter k budování komunity a interakci s publikem. 3. E-mailový marketing: Zasílání pravidelných newsletterů nebo personalizovaných e-mailů, které přinášejí hodnotný obsah, informace o novinkách a nabídky. 4. Video obsah: Tvorba videí, která mohou zahrnovat návody, rozhovory, příběhy značky nebo recenze produktů, a která jsou často sdílena na platformách jako YouTube nebo TikTok. 5. Infografiky: Vizuální zobrazení dat nebo informací, které jsou snadno stravitelné a atraktivní pro sdílení na sociálních sítích 6. E-knihy a whitepapers: Dlouhodobý obsah, který jde do hloubky v určitém tématu a poskytuje hodnotné informace, často výměnou za kontaktní údaje potenciálních zákazníků. 7. Podcasty: Audio obsah, který poskytuje informace nebo zábavu a může oslovit posluchače, kteří preferují konzumaci obsahu prostřednictvím zvuku.  8. Webináře a online kurzy: Interaktivní formáty, které umožňují hloubkové vzdělávání nebo prezentaci produktů a služeb v reálném čase. 9. Případové studie: Detailní popisy úspěchů, kterých bylo dosaženo pomocí produktu nebo služby, často podporované daty a zpětnou vazbou od zákazníků. 10. Recenze a uživatelský obsah: Zahrnutí obsahu vytvořeného zákazníky, jako jsou recenze, fotografie nebo videa, které zvyšují důvěryhodnost a zapojení. «Content is King» - Bill Gates, 1996 Jak se obsah stal králem? 1. malí hráči soutěží s velkými jmény. 2. Její výroba je levnější než tradiční reklama. 3. Vyhledávače odměňují vydavatele kvalitního obsahu dobrými pozicemi (význam SEO). 4. Platba za kliknutí (PPC) potřebuje ke svému fungování dobrý obsah. 5. Má větší šanci na sdílení a rozšíření publika. Význam marketingu obsahu. 1. Buduje komunitu věrných zákazníků. 2. Dělá z vaší značky autoritu. 3. Poznáváte zákazníky (zpětná vazba prostřednictvím sociálních sítí). 4. Zlepšuje vaši optimalizaci pro vyhledávače (SEO). 5. Obsah přináší přidanou hodnotu! (vhled do problematiky, zábava) Content Mapping Copywriting Proč psát dobré texty, pokud chceme v té vší přehlcenosti sdělení uspět. Protože pokud je nepodáme čtivě a srozumitelně, máme mizivou šanci čtenáře zaujmout Jak na dobrý text 1. Musí téma zajímat nás samotné. 2. Dané problematice musíme rozumět. 3. Vědět, proč a v čem je téma důležité. 4. Je nutné to odvyprávět zajímavě a srozumitelně. 5 pravidel dobrého textu Při psaní myslíme jako čtenáři  Každé téma podáváme jako příběh. Píšeme o lidech  Zjednodušujeme, používáme srozumitelný jazyk. Nabízíme souvislosti a vysvětlujeme  Ne jako úředníci, politici, byznysmeni. Ne jako vyhlášku ministerstva či skripta VŠE Ne o úřadech a institucích. Ne jazyk, kterým mluví ti, o nichž píšeme.  Nikdy čtenáře nenutíme cokoliv si domýšlet. Všechno je příběh Lidskou potřebu dění interpretovat dění jako příběh prokázalo mnoho vědeckých studií  Každý text musíme pojmout jako příběh. Příprava před psaním Než začneme psát - Co napíšeme? Proč to chceme psát? Jak to napíšeme? Struktura textu - Jak z nashromážděných informací vytvořit příběh. Zdroje a dostatek informací - Oslovení relevantních lidí, máme všechny důležité informace. Jen to důležité - Nezahlcovat čtenáře podružnostmi. Vizuální podklady - Relevantní foto, video, infografika, schémata, grafy a jejich struktura, relevance, důležitost. Dobrý text Po dočtení odstavce má člověk chuť číst dále/udělat další akci Minimální velikost písma 15 - 16 px (11 - 12 pt) Odstavec ideálně max. o 5 řádcích Výška odstavce ideálně max. 700 px Vyhnout se složitým větám. Vyhnout se pasivu. Vše vysvětlovat okamžitě. Neopakovat slova. Vynechat zbytečná slova. Nepoužívat příliš mnoho ukazovacích jmen (ten, ta, to) Titulek Podtitulek Atraktivní titulek je základ. Titulek vyjadřuje klíčovou myšlenku textu. Ideál v titulku použít sloveso v činném rodě. Nepoužívat příliš sloveso “chtít/chce”. Shrnout info vs. vytáhnout detail/špek. Vyhýbat se negativům, neznámým zkratkám. Vyhnout se slovům, co “šustí papírem” Otevření textu a první věta 1.věta článku/podtitulek nesmí kopírovat titulek. Úvod článku stejně důležitý jako titulek. Čtenář dá na 1.dojem (tzn. nej důležitost titulek, úvod článku). 1.odstavec je nutné dobře promyslet. Základní dovedností novináře/content editora je psát o složitých věcech jednoduše. Piš jednoduše Kdo věci skutečně rozumí, dokáže ji vysvětlit jednoduchým způsobem Pozor na profesní deformaci - Vyhýbáme se jazyku, kterým mluví lidé, o nichž píšeme. Použití jazyka Když existují k anglickým výrazům české ekvivalenty, použij české výrazy. Používej hezká česká slova, když to jde Legislativa  Zákonodárná moc/činnost nebo zákony Finanční prostředky  Peníze Segment  Odvětví, část, díl (podle daného kontextu) Bilaterální  Dvoustranný, oboustranný Transakce byla v celkovém objemu x mil.  Celý obchod stál x mil. Jak na čísla? Do čísla 10 se píšou čísla slovně. 2 % lze psát slovně, 2,13 % už ale číslem. % raději rozepisovat slovně. 12 tisíc se lépe čte než 12 000. Příliš čísel v článku je špatně. Jak na zkratky? Čím méně zkratek použijeme, tím čtivější článek bude. Zkratky psané dodatečně v závorce již neuvádět Kontext? Někdo čte o problému poprvé. Pokud zapomeneme na kontext, naše sdělení se pro čtenáře stane nepochopitelným. Kontext proto nikdy nevynecháváme. Náš článek (nebo noviny) nejsou román, v nemž čtenář musí přečíst všechny kapitoly, aby se v ději vyznal. Žánry 1. Zpráva a. Zpráva věcně, přesně a nestranně popisuje aktuální dění a musí přinést nějakou novou informaci. Neutralita a vyváženost je základ dobré zprávy. b. Nová informace obvykle v úvodu textu. Stručný kontext obvykle uvést do druhé či třetího odstavce. c. V každé zprávě musíme odpovědět na základní otázky Kdo? Co? Kde? Kdy? d. Otázky Proč? a Jak? vysvětlují a rozvíjí podrobnosti. 2. Rozhovor a. Má být dialogem, nikoliv pouhým nastavením diktafonu směrem ke zpovídané osobě. b. Příprava: i. Jaký má rozhovor být? Zpravodajský, či profilový? Kde a kdy, jak dlouho?  ii. Na jaké hlavní téma se soustředit? iii. Při vymýšlení otázek myslíme na čtenáře. iv. Otázky nečteme doslova, ale mít je zformulované je dobré. v. Nepodcenit přípravu c. Vedení rozhovoru: i. Vhodná je osobnější, ale ne úplně útočná otázka. ii. S respondentem se nehádáme a nedokazujeme mu, že víme víc nebo máme jiný názor. iii. Máme-li čas, je lepší nechat člověka mluvit. iv. Pokud je naopak času málo, jdeme rovnou k věci. v. Neexistuje hloupá otázka, jen hloupá odpověď. d. Psaní a editace rozhovoru: i. Rozhovor přepisujeme a editujeme tak, aby nevyzněl jako přepis z diktafonu. ii. Je nepřípustné přeformulovat otázky, vylepšovat jejich vyznění. iii. Není striktně nutné zachovat pořadí otázek. iv. Pokud pozdější pasáž vyhodnotíme jako nejzajímavějšíl, můžeme jí začít. v. Dlouhou odpověď lze rozdělit dodatečnou otázkou, ale otázka musí být přísně neutrální a nezkreslující výpověď. vi. Zpovídanému člověku v přepisu vždy vykáme. 3. Analýza a. Žánr, který čtenáři přiblíží dané téma do hloubky a nahlíží na něj z různých úhlů. b. Základ = dobrá data. c. Psaní analýz vyžaduje velmi dobrou znalost tématu. d. Příprava: i. Víme, proč analýzu píšeme a co chceme čtenáři přiblížit. ii. Stanovíme si hlavní dějovou linku. iii. Známe historické souvislosti. iv. Máme dostatek relevantních dat. v. Analýza není komentář. 4. Profil a. Musí poskytnout fakticky věrnou, nezaujatou, obsahově pestrou, čtivou a srozumitelnou charakteristiku určité osoby. b. Nejde o výčer údajů a dat, jde o “prosvícení” vybraného člověka. c. Profil musí doložit, proč je osoba důležitá, tedy proč o ní píšeme. d. Struktura: i. Začít krátkým popisem některé konkrétní situace - přiblížení osoby čtenáři. Do cca 3.-4. odstavce stručně shrnout jádro profilu. Dále např. Postupovat chronologicky - např. Kariérní žebřícek. Citlivé proložení teytu detaily/zajímavostmi 5. Komentář a. Čtenářům nabízí, nikoliv však vnucuje, interpretační klíč k událostem, dějům a trendům. b. Je to kvalifikovaný náhled podložený zkušeností, znalostí tématu a souvislostí, obeznámeností s aktéry, analýzou dat. c. Respektuj fakta. “Fakta jsou svatá, komentář svobodný.”  d. Čtení komentáře má být radost, ne luštění. e. Komentář není útvar administrativně-technický, nýbrž literární. f. Z komentáře má být evidentní, co si myslíš a proč. g. Nutnost editora - editor vidí věci, které ty ve svém textu nevidíš. 6. Reportáž a. Ideál - reportáž je napínavá a do téma vtahuje tak, že při čtení přejedete zastávku tramvaje, kde jste chtěli vystoupit. b. Příprava i. Důkladná rešerše a domluva co nejvíc schůzek dopředu. ii. Mluvte s co nejvíce lidmi, i když vám můžou na první pohled přijít nezajímaví. iii. Cíleně hledejte lidi, u nichž předpokládáte, že popisovaný problém budou vidět opačně. c. Reportáž - psaní i. Úvod musí vtáhnout do děje, nesmí být složitá, měl by být ideálně dějový, jako kdyby začínal film. ii. Pište v přítomném čase. iii. Rozfázujte reportáž na několik dějišť a prostředí a v žádném se nezdržujte příliš dlouho. iv. Nepřehánějte to s přímými řečmi, neměly by být dlouhé. 7. Recenze a. Dílo zasazuje do souvislostí, výstižně ho charakterizuje, objasňuje to podstatné o autorovi či okolnostech vzniku. Pomíjí PR vějičky, hledá vlastní interpretační klíč, význam, smysl. Proč ta věc vznikla? Co nám říká? Jak ji lze číst? b. “Herec podává skvělý výkon nestačí.” Popišme, čím je skvělý. c. Vyhněte se nadšenectví. My musíme mít odstup, podat fakta, názor podložený znalostmi a orientací v žánru. d. Nepíšeme v 1. osobě a nevyzýváme k akci. Nekaždý zná totéž co vy: Lepší než “nový film režiséra Richarda Curitse” je “nový film režiséra Richarda Curtise, jehož Lásku nebeskou každý Šťedrý večer reprízují televize v hlavním vysílacím čase. Jak na online obsah Blogové příspěvky  Charakteristika: Blogové příspěvky by měly být informativní, dobře strukturované a přizpůsobené zájmům a potřebám cílové skupiny. Je důležité zahrnout relevantní klíčová slova pro SEO, použít jasné nadpisy a podnadpisy, a text by měl být čitelný a snadno srozumitelný. Články by měly poskytovat praktické rady, řešit problémy nebo nabízet nové perspektivy.  Délka: Obvykle 800 až 2 000 slov, v závislosti na složitosti tématu a cílové skupině. Sociální média  Charakteristika: Obsah na sociálních médiích by měl být stručný, poutavý a vizuálně atraktivní. Důraz je kladen na jasnost a okamžitou hodnotu, aby přitáhl pozornost v rychle se pohybujícím prostředí. Každá platforma má svá specifika –  například na Twitteru je důležité být velmi stručný (max. 280 znaků), zatímco Instagram klade důraz na vizuální stránku a příběhy.  Délka: Příspěvky by měly být krátké – obvykle 50 až 150 slov, v závislosti na platformě. Na Twitteru do 280 znaků, na Instagramu může být delší popis (až 2 200 znaků), ale text by měl být snadno čitelný a doplněný o vizuální obsah E-mailový marketing  Charakteristika: E-maily by měly být personalizované, s jasným předmětem a hodnotným obsahem. Důležité je, aby byly snadno skenovatelné, s dobře strukturovaným textem, který rychle přenese hlavní myšlenky. Call-to-action (CTA) by měl být jasný a lákavý. Obsah může zahrnovat novinky, nabídky, tipy nebo personalizovaná doporučení.  Délka: 150 až 500 slov, v závislosti na typu e-mailu (newsletter, nabídka, upomínka). Důležité je být stručný, ale výstižný. Video obsah  Charakteristika: Video obsah by měl být vizuálně poutavý, s jasným a strukturovaným poselstvím. Důležité je zaujmout diváka v prvních několika sekundách a udržet jeho pozornost až do konce. Videonávody, příběhy značky nebo recenze produktů by měly být informativní a autentické.  Délka: Obvykle 1 až 5 minut pro sociální sítě, na YouTube mohou být videa delší, například 5 až 20 minut, v závislosti na obsahu. Infografiky  Charakteristika: Infografiky by měly být vizuálně přitažlivé a snadno srozumitelné. Informace by měly být prezentovány jasně a strukturovaně, s důrazem na klíčové body. Důležité je, aby data byla přesná a relevantní, s minimálním množstvím textu a důrazem na grafické prvky.  Délka: Textově stručné – obvykle obsahují jen několik krátkých vět nebo klíčových bodů na infografiku. Důraz je kladen na vizuální prezentaci dat. E-knihy a whitepapers  Charakteristika: E-knihy a whitepapers by měly poskytovat hluboký vhled do konkrétního tématu. Měly by být dobře strukturované, s jasným cílem vzdělávat nebo informovat čtenáře. Obsah by měl být podložen výzkumem, daty a relevantními příklady, aby přesvědčil čtenáře o odbornosti a důvěryhodnosti.  Délka: 3 000 až 10 000 slov. E-knihy bývají rozsáhlejší, zatímco whitepapers jsou obvykle kratší a zaměřené na konkrétní problém nebo řešení. Podcasty  Charakteristika: Podcasty by měly být zajímavé, informativní a dobře strukturované. Hosté nebo moderátoři by měli být připraveni a schopni udržet posluchače zapojené. Důležitý je přirozený a plynulý tok rozhovoru, s jasným zaměřením na téma. Zvuková kvalita by měla být vysoká, aby posluchač měl pohodlný zážitek.  Délka: 20 až 60 minut. Délka závisí na obsahu a formátu, ale ideální je udržet posluchače zaujaté po celou dobu. Webináře a online kurzy  Charakteristika: Webináře a online kurzy by měly být interaktivní, s jasně strukturovanými lekcemi nebo prezentacemi. Důležité je, aby účastníci měli možnost klást otázky a zapojit se. Obsah by měl být odborný, s důrazem na vzdělávání a praktické aplikace.  Délka: 30 minut až 2 hodiny pro webináře, kurzy mohou být rozděleny do více lekcí, trvajících několik hodin až dnů. Případové studie  Charakteristika: Případové studie by měly detailně popsat úspěchy nebo přínosy konkrétního produktu nebo služby. Důraz je kladen na reálné výsledky, podložené daty a konkrétními příklady. Struktura by měla být logická, s jasným popisem problému, řešení a dosažených výsledků.  Délka: 500 až 1 500 slov, v závislosti na složitosti případu a podrobnosti dat. Recenze a uživatelský obsah  Charakteristika: Recenze a uživatelský obsah by měly být autentické, přímé a reflektovat skutečné zkušenosti zákazníků. Důležité je zahrnout osobní názory, fotografie nebo videa, které zvyšují důvěryhodnost. Obsah by měl být snadno přístupný a podporovat interakci s dalšími uživateli.  Délka: Recenze obvykle 50 až 300 slov. Uživatelský obsah, jako jsou fotografie nebo krátká videa, může být různě dlouhý, ale měl by být zaměřený na klíčové zkušenosti nebo názory Psaní pro Google Ads Texty pro Google Ads jsou specifické tím, že musí být krátké, výstižné a vysoce efektivní. Cílem je přitáhnout pozornost uživatelů, vzbudit jejich zájem a přimět je ke kliknutí na reklamu. Zde jsou hlavní zásady copywritingu a délky pro Google Ads: Nadpisy  Charakteristika: Nadpisy jsou nejdůležitější částí reklamy. Měly by být atraktivní, jasné a okamžitě komunikovat hlavní přínos nebo výhodu. Důležité je zahrnout klíčová slova, která odpovídají vyhledávacím dotazům uživatelů. Používejte číslovky, silná slova nebo výzvu k akci (např. „Ušetřete 50 % dnes!“).  Délka: Google Ads umožňuje tři nadpisy, každý s maximálně 30 znaky. Využijte všechna dostupná místa a pokuste se kombinovat různé přístupy (např. výhoda, problém/řešení, výzva k akci). Popis  Charakteristika: Popis by měl rozvést informace z nadpisů a poskytnout další detaily o produktu nebo službě. Zde můžete zahrnout specifické výhody, důvody, proč si vybrat právě vás, nebo další výzvu k akci. Text by měl být jasný, stručný a zaměřený na to, co je pro zákazníka nejdůležitější.  Délka: Dva popisy, každý s maximálně 90 znaky. Důležité je být co nejkonkrétnější a využít prostor efektivně Celkový přístup k textům pro Google Ads: Jasnost: Buďte přímí a vyhněte se komplikovaným formulacím. Stručnost: Každé slovo by mělo mít svůj účel a přispívat k hlavnímu sdělení. Atraktivita: Používejte lákavá slova, která přitahují pozornost a motivují k akci. Relevantnost: Ujistěte se, že text odpovídá tomu, co uživatel hledá, a je propojen s cílovou stránkou