dva že si vybrali nesnesla jenom na dotazy
a eště fredym na následků otázku stejně že ruku ho z vás štve
to tabletu týden stav tabletu týdně
ano
a dobré tak vidíme smaženej sem sám ďakujem
no
ale co si budeme gamut recall n musíme čelit tak to že je to úspěšná
reklama
čtrnáct to ale štětci to poznáme všeci
takže určitým spósobom neusneš na
otázka hned razně pak asi na design a na co vlastně shop tak
aby mě štval tak to sou i za zákazníka vo aby
a peněz odnesl vlastně breda je a to je známo topologiemi gamepad potleskem
díky
já jsem se že vy
a
tadle přednáška nebo jak se mi nazval jejich strašnov i a ještě když se mi
sestavoval tak sem nevěděl
co konkrétně jako obsahem bude
a
dnešní přednášky
původně sem to chtěl zaměřit hlavně na de facto vyřešení
a protože
samo o sobě zákazníci ať chceme nebo nechceme tak primárně nakupují
a na desktopech s tím že samozřejmě na těch mobilní zařízení se
dívají o kupujou a právě hledají
ten proud který pak následně třeba si nakoupí až na tom ne stopu
ale z n to může zajímáme dost vysoký trend jemně dobře slyšet
a jsem to může máme dost vysoký trend
počtu a proč to mobilní zařízení
kdy zákazníci čím dál tím více přistupují
na šlo ale i push pomalu nakupují tak jsem se rozhodl to primárně a
udělat todle přednášku na mobilní zařízení
obsahem
ze začátku budeme my trošku teoretickou a část abysme
abysme vůbec abyste mě nějaký základní informace jak i základní povědomí a čísla
a pak se prostě do praktického řešení
nebo praktický o praktických ukázek
nemáme dost často takže to pojedu velmi rychle abyste si s toho něco odnesli protože
prezentace máte celá čtyrycet osum slajdu
takže to teorii dáme teda velmi rychle a
ten ta tady vidíme číselný grafy trend zákazníků
a vklad ale dva tisíce poškozených anténa ti za patnáct
jakým způsobem meziročně mezi a
mezi smartphone má tabletem a
a máme procentuálně
a jak lidi nejdříve koukají na koukají a nám
na ty produkty vtom šlapu
a
jakým způsobem
oni nebo procentuálně vůči a tomu desktopu
a ten produkt
na fill navštěvují
tak
a tady graf kdy oka kdy se ukazuje
ten traffic právě to je ten ty jakým způsobem
a lidi a potom přemýšlejte i ta jako vůbec ušlo fungují čili desktopu dlouhodobě jo
posledním rokem
a každou
tak klesá voda rapídně klesá
a tablety a mu byly a
se zvedají hlavně mobily
tablety tak jako tady sice vysoká jako by ta křivka nahoru
a ale
dlouhodobě spíš krásky stoupají nestoupej ty mobily
je to hlavně z důvodu toho
že
já vám to ukážu tady na tomhle slajdu
že ta platforma nebo ten trend prostě je
je rostoucí a ten mobilní displej se rozšiřuje
a čím dál tím víc p zákazníci
a nebo uživatelé typu
dvanáctiletý dětí čtrnáct patnáct a v samozřejmě
tak dostávaj dodržíš mobily takže
ta komunita se podstatně zvětšuje
a to je jenom porovnáním vůči bez vůči zemí
jo to je porovnání podle kategorií
a
eště další jako
trošku podstatnější věcí je
a jaký rozjeli nebo abyste vůbec viděli a
jaký je rozdělení mezi jednotlivá platformám a nebo spíš posté technické stránky
a máme tady nějaký respond zimní design kterej
je tady už poměrně hodně dlouho
poměrně lidí už ví o co de že jednotlivý
jako by kde stopován je stopový řešení se přizpůsobená různí platformy
když tady bylo ještě nebo už tady jako by to je dlouhodobě taky
tato separátní řešení že pro každou platformu desktopu
mobilu a
tabletu se vytváří vlastní
jako by na míru
na míru rozlišení nebo
a
jak to říct jak a že se přizpůsobil ale to je tak výkaz tam řešení
a z dlouhodobýho hlediska někdo to jako někomu to vyhovuje
teď už se to moc nedělá protože když už to nechci to
specializace nám mobilní zařízení tak vytváří většinou a půl šoku
a s tím že je to vzorovým listely že to nějaký větší rešo tak je
to hodně časově náročný vychytat
postupně jednotlivý a jednotlivý ty platformu
a pak je tady to adaptivita a adaptive je teda pardon adaptibilní
a
my k tomu nebo my tomu říkáme fluidní hrudní design
který se přizpůsobuje do maximální šířky daný ho zařízení
jo
velká bodě potenciál tomle řešení je ú desktopu
kdy a ty obrazovky se opět si zvětšují
mám ušlej máme krásný třicet dva palců monitory a tak dále zahlíd
a
díky tomu my dokážeme pracovat daleko lidstva pro strom pro představu když
a
máte na klasický mali monitorů
pořád říct tři sloupce který má na to kde sou produkty tak když na
a nahoře máme ještě menu je zabalený
ve chvíli kdy se rozšíří když máme větší obrazovku dejme tomu dvacet sedum palců
tak můžeme bočními noro zkorelovat
a uživatelů živý hned konkrétně jako jak a navíc ukazatel skrýváte jenom pro představu
tou sme viděli
a důležitý ještě si uvědomit jakým způsobem ty zákazníci
a ten mobil používají
jo bavíme se o tom že tady mám nějaký praváky leváky
a že jsou pro že toto a ten mobil používá a používá se do prstama
a ve chvíli kdy apple přišel s platformu
a plus tak
u šťovík těžko je schopný
ten mobil držet v jedné ruce
a
taková ta zdravá a
jako by
jak to říct
toto místo kde standardně lidi používali press nebo kde je pro ně to nejvíc komfortní
tak se postupně zvětšuje a to si mnoho
šoku vůbec dyzajnérů tlaku prostě lidi který mají
a něco společného s vývojem
a po této stránce tak si to neuvědomí jo takže je potřeba si tady přemýšlet
i o tom
jak vlastně ten zákazník tu danou platformu o používá
a zákazníkům nejvíce vadí pomalé stránky ve chvíli kdy máme
a
hyper super turbo moderní dobu
tak a každá se tím k a navíc je absolutně obtěžuje jenom pro ten měli
nějakou abyste si ho toho něco odnesli
tak tady sou tři nástroje který já vám změří a rychlost a rychlost ranky
a
díky tomu vám tady nebo vypíše vám to jí zásadní chyby takže vy si nás
na základě toho můžete s optimalizovat v
a zrychlit tím pádem je to a to je alfa omega všechny všechna šoku protože
tam a se načítají je stránky velký množství dat
jo doporučuju v rámci třeba optimalizace tak
po přemýšlet o tom jestli se nedá víc komprimovat do daný obsah čili daný obrázky
a
opravdu pak to zrychlí mnoha násobně
tak takový ever green r g straně by měla být na stejné i straně by
měl být a jak má vypadat menu na mobilním zařízení
a
špatným příklad tady uvedeny na tom obrázku a pak máme dobrý
a my sme třeba
testovali
a jestli ten v uvozovkách špatný hamburger a kdy nemáme popsaný a že se jedná
o menu tak
takže jako vpohodě problém je ve chvíli kdy práce mez nějakou cílovou skupinou maminek nebo
seniorů nebo něco podobnýho kdy oni a ten
hamburger vůbec nebo
málo kdy a poznají takže vždycky leží tam
nějakým způsobem to nejvíce rozkošatit problém nastává
ve chvíli šetříme na to mobilním zařízení hlavice místo tak ne sou menu se nám
tam push těžko video
uvidíme to na příkladech
a
tady sou opravdu špatný příklady
ta
a
prostě těch hledaných menu měl jenom pro případ
pro příklad jak to může jako vypadá tak by to spíš nemělo vypadat
jo
takový martin usaď l trojek si řekne že té obrovské nešlo
tak tady se rozhodli a spíš ztotožnit s platforma mezi kdy
je standard dole mít nějaký menu ale ustavení stanem ten proto pro jako pro běžný
uživatel takže
i když velkej šel tak člově řekl že to mám mít dobře ale podle
docela velkej že
tak n t straně by měl být menu
a
je č žoků těch větších když se podíváme tady
a tak to má na levé straně je to z důvodu toho
takže
pravá strana nebo na pravé straně a když na desktopu nebo na jakým jiným kolik
zařízení
tak má vždycky košík napravo
jo a je zbytečný tomu zákazníkovi nějakým způsobem
a
jako
u na vozovkách
l dávat nový trendy jo to je tak standardní řešení že je lepší se držet
v tomto konkrétním případě
s tím stínovém vozovka causu tu když se podíváme na to menu
tak a tady krásně uvedený nebo napsaný menu
ostatní š opluštil nemají
je problém s tím že ve chybí tam chcete na
naházet l logo naházet vyhledáváním uživatelský účet košík a spoustu dalších věcí tak
je s tím uši problém
tak jo takže na to myslet jakým kontextu to používat
a jakou sem třetím ukazoval nebo na tom grafu to bylo vidět tak tady je
nějaký jako procentuální poměr jak zákazníci s tím prstem vůbec zachází na tomu bylo
tak nějaký moderní trendy
abyste věděli
co je možným co není možný jenom takový jako opravdu rychlosti a
třás slevová a klamy to používají krásně menu a který se tam
je schovaný ale zároveň je vidět
a snažili se nějakým způsobem vyřešit to
že lidi a velice rádi s y pojí
jo čili prostě prstem a
takže již i po té obrazovce takže se snažej skloubit o
a nějaký moderní nějakých nějaký problém s něčím moderním
jo my sme tou na ty na taky řešili
a na nějaké mike rozsahy ti kdy jsme se snažili a
využít něco novýho abysme tam
jako ne nedělaj nějakou jak i paskvil
je to takový jako dobrý řešení funguje to
ale záleží každý si to může zkusit sám
uvést na nějakým konkrétním projektu
a
když vám to jenom se ukázat že takový věci jsou můžu
jo to stejných menu když máte a větší formulářový
a nějakých sloupec
tak
u toho mobil se řeší každý místečko
a
formuláře a typu
že máme zanořený konkrétní menu nebo toho jako by to značení třeba to příjmení čili
tam napíše a
klikne do toho tak
konkrétně o tom n a tak mu to třeba v jede nahoru
a může dopisovatel že zákazník v
a
co se má psát
a
ušetři to místo není potřeba a vypadá to je docela dobře
a nebo čovek nebo zřejmých na tím spoustu mezer a tak dále jo takže když
má čili křáp bank bankce to hodně
jako by to dával hodně si myslel že prostě oni mají formuláře na různý ověřování
a spoustu dat
nějaký typy
a
c dokázaný čísla nám
a
v menu
je lepší používat příznak plus
dneš
a
a šipkou
a tenhle tadle sudé pochází z ameriky
na evropu se to většinou jako povede napasovat ale úplně to nemusí být
nemusí být stoprocentní takže to berte jako s trochu z rezervou
ale já jsem to testované jenom projektu a opravdu nějaký setin ke procent l
se ukázalo že toto to dává smysl
jo ale ono záleží jak jakým způsobem to zase pojmy dyzajnu je
to bude nějaké mínus tak
to nemusí fungovat když to se čověk může nějak esteticky vkusně tak to může fungovat
a určitě co používejte vole šupů
a
přihlášení přes křeslit zvuk a sociální sítě
tomu zákazníkovi toků ušetří
a prostě hrozně moc času
a všeobecně už zákazníci se nechtějí registrovat ten nějakých
a šotech a protože zpomaluje to
nechť i dávat data
dalším stranám jo
je to zbytečný
ten a ten všem se to může mezi strofy zvuková hlavně ve chvíli kdy čili
klikne tak on to zabere
my pět sekund když než by to celý vyplňovat oknu zabere spoustu času
lze to souvisí s tou rychlosti
a
nebojte se těm zákazníkům a
když máte tu možnost a tu výhodu
do doručujete zboží do druhého dne
tak tímto ukázat a snažit se je a
jako by napříč vrátime šafrem a todle odch komunikovat jo všechny možný výhody
který máte
jo a
čili si řekne
dodání dodržovat neušel standard ale za jako taková a minulý rok na vánoce tak ona
všude masivně a
říkala že dodává zboží do druhého dne nebo garantuje zboží a garantuje že zboží předvánoc
tou defakto dělička žiješ ropy všichni se snažili že ještě dvacátého třetího čtvrt jako by
na tak dvacátýho čtvrtého mu to přišlo
protože to lichá zas nenapatinována čtvrtek
jo
a nejenom ale zato dokázal masivně komunikovat a my se síla toho spoustu peněz viděla
dělat až nebojte se i když je to banální výhoda
kterou mají všichni tak si nebo litovat komunikovat odešel většinou konkurence jiné nekomunikuje
tak
co ještě super funguje
a je to je to otestovaný
a naposledy nápravná pro naposled prohlížené produkty a zákazník když prohlídne asi ten produkt nebo
prouza na tom šoku
tak většinou a
toto zboží který u si prohlížel tak si měli rozsahu do podvědomí a málo bude
mít oni ho větší zájem než nějakou
o nějaký zboží který nikdy neviděl a todle souvisí s personalizace c
a prezentace samo o sobě je téma jako že na hodinu možná i na celej
den a do toho nebudu peněz a předávat
a trend moderní jakoby doby je a všechno teda zanalyzovat atomu zákazníkovi se maximálně maximálnímu
přizpůsobit n obsah
nejenom
a
v rámci produktu ale v rámci i
textový obsahu
a my se tyto nejlíp a
měl pocit a hlavně nezatěžoval jistého blbostma který délku nebo venek neko n nezajímaj obsahem
prostě který není určeny pro něho
a
takže zase opět rychlá doba
další podstatná věc co na několika
desítkách velkých šupů ve cena
nikdo nemá
ať už radistovým že to mobilním řešení
a když čili klikne na menu
tak nejdřív musí zadat jedno
v tom nejlepším případě až tři písmena aby mu nějakým způsobem našeptává
a vyhledal
a vyhledal dotazovaný výraz dává to smysl ano
to že čím delší písmena jako by čím další ten vzorec pro vyhledávání tak
tím relevantnější
ale zase na druhou stranu rovině a když máte nějaký data jaký sou nejprodávanější byl
nějaký nejprve vaší míši zboží jaký nejvyhledávanějším kategorie sou a tak dále ale chvíli na
to zákazník klikne tak by už můžete
na první dobrou ukázat prostě tyto informace
jo
zákazníci všeobecně
a
jako html
to chtějí ale
ale nikdo to pořádně nedělá
a
ve chvíli kdy natočili klikne
prostě tak se může pro tu jakou zajmou kartelu category kterou stejně chtěl hledat
a má ušetřený zase jako spoustu času
a s tím eště podstatná věc a je dokázali nebo je změřený
že zákazníci kteří vyhledávají a pomocí vyhledávače tak sou a
to je zase konkrétní metrika ale dva cukráku mrzutější jo na některých shop f to
může být
a mým
ale dává to smysl protože ve chvíli čovek ušli hledala pomocí vyhledávacího pole tak kde
za nějakým účelem už většinou ví co hledá
no takže je logický že chce nakoupit
co should metriky dokazují takže mu to ne nějakým způsobem neznepříjemňují tell snažte se mu
to prostě maximálně komfortně nastavit tak aby co nejrychlejc nakoupil
a to je takový neryze nezajímavý a to pro
to přepne jo ještě v rychlosti tady takový typ a u ale už se to
má svoje želvu nepoužívá
a
ty úvodní texty v rámci jako se na
když se slyšelas lidi snaží
a snaží upřednostněte obsah
a tady krásný příklad a ve chvíli kdy se jenom přepnu přešlo zde stopový ho
na mobilní zařízení tak se v nich nějaký věci nedomysleli a zobrazovat zákazníkům takovej takový
popis elech delete list přijde na kategorie tak ani nevidíte produkty jednoduchou
oblasti která skryje obsah
tak jsme se dostali hned na produkt a něco na produkt
a
sme úplně někde jinde jo
takže mám takový typ
jeho další nebo zákazníkům se snažte komunikovat a kdy mu to doručí konkrétní datum
a
většině některý shopping spíš ty menší takovýma jenom skladem a to tomu zákazníky nepřinese žádnou
hodnotu ve chvíli kdy mu to metod komunikuje té pokud možno co nejdřív těmto dojde
zítra když to objedná dneska nebo eště vychytávky a když to chtěl má jako vypadne
ztracena s tam takže
a to automaticky rozlišuje jo že pro si zákazník je na šoků jedenáct tak mu
to ukážu to zítra dojde po dvanáct neušlo to přihodí datum jo ale to je
t zbytečně technický ale je dobrý mu to mu to hned metod komunikovat
a
todle platí je třeba who hodně ú
a řešen pišan záležitosti nebo řešené šupu
a
všeobecně zákazníci chtí
se na ten produkt podívat co nejde té nic
jo když je to třeba
a
oblečení tak je zajímá každej šest
jo samozřejmě čím je dražší zboží nebo je dražší ten
a to
to oblečení tak a tím budou více teta nic proto zákazníci zkoumat tak no ukažte
lupu
jo by měl možnost si maximálně přiblížit a na jednají ten detail protože všeobecně
vy se snažíte tomu zákazníkovi nasimulovat n a dojem toho že fool obchodě až to
může prohlídnul l sice zatím technologie neumožnilo že bysme to udělá jedna ku jedné ale
snažíme se aspoň tím těmahle ve zlepšení mámu to nějakým způsobem zprostředkovat
a vychýlí kde čovek na detailů
a tak
tak je dobrý a aby měl pořád na očích na přidat do košíku
jo a hodně šupů na tom někde zanořený a úplně dole
a ve chvíli z tam čili zafixuje jako by na ten na tu na tu
spodní hranu
a toho
toho mobilu tak to má pořád na očích a je to prvního zase o krok
o krok blíž k tomu aby nakoupil no jednou klikne nemusí dánsko rolovat a je
to vyřešený
a to přeskočím jenom chci ukázat jo tady eště krásná věc a ve chvíli zákazník
zadávaným l
a přepíše se
tak vám odešle jí odešle objednávku a
pak má zákaznická podpora problém s tím nebo
musí volat zákazníkovi aby
a aby zjistila přesným l nebo si to dovodí a tak dále
krásný řešení a je elegantní je ve chvíli kdy
a čili se přepíše
a tak mu to vyhodí a vyhodí a hlášku jestli nemyslel tento jím l
jo a
yahoo
jo a dolů na našeptává nevím se to dobře víte naše ta jaký je správný
tvar toho líbení by měl být
ještě taková vychytal véčka jedna
jo a ve chvíli kdy zákazníka
klikne na
na pole a pro telefon
a tak mu většinou nějakých show nebo u většiny šokový nevyhazuje se klasická klávesnice jo
je to zase o krok o krok zpátky ve chvíli kdy klikne na tlačítko nebo
na gympl nám
pole pro telefon hamming zobrazíte numerickou klávesnici tak dete tom zákazníkovi napřed a má to
zase jednodušší pro kolik v autě času
ušel také se podíváme se tady nějaká úplná super zajímavost nemůž n
jo eště poslední zajímavost
a
v rámci košíku
tak
zákazníci mají rádi kdy mají přehled o tom co je čeká
a
ideálně dlouho je to trpět dlouhým to bude trvat a
to trvání se dá věřit se dá třeba nasimulovat nebo a si říci zákazníkovu nějakých
formulářů od bank a hulešovu je to takový individuálního ten zákazník si přát dlouho jakou
dlouho přemýšlí jestli se to koupí a tak dále takže tam to není úplně ideální
ale je dobrým ukazovat na mobilu ten progress tvar a zase je to o krok
před tou zákazníkovi měl
aby věděl co čeká jednomu to případně bude trvat také signálu se tam tak to
je asi všechno tak vykován za pozornost
díky
projdeme totéž těch šesti toto zóny velice rychlé velmi richmond otcem tu prknem
takže tam to mně je
je tam toho dne teďka je chviličku jo
velmi rychlou tu zobrazíme dotazy
mezičasem vidíš tech set s p tam techto z modulů že mi to zobrazuje
a pak je rozdíl mezi n v d a vede
tak to neřešim přiznám se
kdo do dalo tenhle dotaz můžeš mi to
jo takle
a jel na akorát snadnému nepochopil podle zkratek
a
je rozdíl mezi ta tím responsible nebo ten s podzimní je že se ten dejme
tomu shop navrhne a na nějaký určitý a jako by rozmezí těch
těch
jako by rozlišení čili breakpointu kdy v jakých způsob kách
rozměrech se to má zalamovat kdy to má být destou kdy to má být mobil
kdy to má být tablet
a už dál nepracujou sou šířkou
ve chvíli kdy máme adaptibilní tak dokážeme a tu rokách nasimulovat
kdy máme maximální šířku pro defakto
abych nikdy ta šířka se před překlopí ještě jako když my sme řekli desktop plus
tak tam dokážeme zobrazit řád menu
jestli mi rozumíš
a úplně technologicky nevím jak to v rámci jako kódu funguje
a ale já nevyužívá to ty stejný principy co vím arcs na čem jsme dělali
tak neví za to ty stejný princip nebo technicky řešení jako respond zimní design
jo jenom zopakuju na mikrofon otázkou byla stejná co kolega
a
samozřejmou že
a
osobně si myslím že tydle jakoby dvě a technologie
takže spíše je to pojmenování co sem měl možnost nějak si pro čísla ty články
že to podobu pojmenovaný a nebo teda takový novej nových jako by já nevím jak
to nazvat
nový název pro proto a
to řešení pro teda na typ jako jeden adaptibilní takže response nímž tady máme poměrně
dost dlouho
ale technologicky to zároveň ta nová vozovkách verze
umožňuje spoustu a spoustu jakoby věcí tam je
problém nebo problém a
tam i nejdůležitější ty a breakpointy jo protože u toho
a r s podzimního řešení tak tam máme posekaných rozsekaný ty breakpointy a když se
všeobecně podíváme třeba na
na různě župy a nám obilná zařízeních dvacet sedum palců tak tam máme s prostě
sloupec veprostřed a sme nějak omezení ve chvíli kdy využíváme takzvaně název prostě adaptibilní riskuje
designer čili fluidní design čili
design který se přizpůsobuje
a tomu zařízení
a tak a
a tak
máme možnost pracovat s celou šířkou nebo stylu velikosti to obsahu si je to všeho
jako by
a jak já to vnímám tak je to jenom pojmenování nové
možnosti jak a pracovat s tím s podzimní designing jinak
jo protože
určitě a ono to vychází z těch v principu jako je rys podzimní design
takže bohužel přes nevypršel takže pokial jako ty si tam se bez dotazu utrhl ten
potom seznam za michalem a p dva jestliže osobně nějaké ty dotazy
sobem jak v jiných ale