• úvod
  • témata
  • události
  • tržiště
  • diskuze
  • nástěnka
  • přihlásit
    registrace
    ztracené heslo?
    KULHYUI design, design systémy, interakční design, ♥ Figma
    REEN
    REEN --- ---
    DSTEPZ: z GA screen resolution ne viewport size, hotjar nebo smartlook ukazuje average fold, kde average je hodne nebezpecnej udaj... ale podle scroll mapy se da orientovat docela dobre...
    DSTEPZ
    DSTEPZ --- ---
    KULHY: jasny toho bych se drzel. Ono se to v zaveru stejne strasne rychle meni, jak vznikaj kazdej tejden novy displaye. Jak pise reen, urcite primarne optimalizovat pro mobil, na telefonu ses vzdycky mnohem vic omezenej prostorem a nekdo pridava do grafiky ruzny unteraktivni picovinky (sipecky, skroluj kamo atd). U desktopu je to byva oser, ale visml jsem si, ze hodne obrovskejch webu ma defaultni wiewport 992 px + okraje, pze vychazej z boostrapu a 1 az 2 breakpointy na vetsi screeny a temer na vsem je grid a flexbox. Btw. z GA stejne nevyctes, jak pracuje clovek s oknem prohlizece ale jen s obsahem nebo se mylim?
    REEN
    REEN --- ---
    KULHY: https://gs.statcounter.com/screen-resolution-stats obecne bych rekl, ze na vysku se vejit do 800 – browser, pripadne delat responzivni i vertikalne... coz obvykle resi variabilni velikost pisma.
    KULHY
    KULHY --- ---
    DSTEPZ: Jasne ze nikdy nevis, ale da se identifikovat nejaky vetsinove zastoupeny rozliseni z GA a na nej zkusit optimalizovat.
    REEN
    REEN --- ---
    KULHY: Ale jako obecne pokud ma uzivatel „pocit“ ze je na konci stranky tak je mene pravdepodobny ze bude pokracovat...
    Tady k tomu je neco od NN ale teda z 2015 https://www.nngroup.com/articles/page-fold-manifesto/ (monitory se az tak nezmenily, nejaka obecna vule skrolovat asi roste, ale data k tomu nemam). Mam data z heatmap kde je zajimavy, ze na mobilu lidi skrolujou na stejny strance vic nez na desktopu...

    K tomu co resis mam jeste testy overeny to, ze kdyz je hero banner moc vysokej a nejaky boxiky pod nim „nevykukujou“ nahoru lidi na ne klikaj o hodne mene a jdou spis pres menu.
    A taky ze hero banner maj lidi obvykle celkem sklon ignorovat :-)
    DSTEPZ
    DSTEPZ --- ---
    KULHY: Imho neni, pze nikdy neodhadnes, jak ma uzivatel velky okno prohlizece, zda si jo nezmensil atd. Samo by to slo asi resit kdyz budes mit sekci treba 80% viewport height, ale stejne myslim, ze lidi jsou uz zvykly skrolovat:)
    KULHY
    KULHY --- ---
    Zrovna resim v praci odsazeni obsahovej bloku na webovy strance. Specificky se bavime o tom jestli je dulezity pro uzivatele zajistit i pro pomerne maly rozliseni (jako je 1280 x ~700), aby byl ve viewportu vzdy videt kousek dalsiho bloku.

    Cetli jste nejaky pojednani, zavery z testovani nebo mate vlastni zkusenost, priapdne i subjektivni nazor?

    KULHY
    KULHY --- ---
    INXS: Osobne neznam nic co by ti projelo celou stranku. Existujou nejaky pluginy co ti ukazou relativni vzdalenosti k objektu pod kurzorem. Pozadavek aby to bylo free to neulehcuje. Osobne mam radsi videt to v tom inspectotu, protoze nikdy nevis jak je to implementovany a rad vidim co presne merim.
    INXS
    INXS --- ---
    asi by mi stačily tvrdý mezery
    KULHY
    KULHY --- ---
    INXS: Jakej vystup si predstavujes u toho stylovani?
    INXS
    INXS --- ---
    známe nějakej freeware tool, kterej by projel webovku a ukázal mi stylování a fonty abych to nemusela hrabat z konzole?
    BLAMAZ
    BLAMAZ --- ---
    Tak ani ten import sketch color styles nefunguje pořádně. V jednom souboru to styl vezme a v druhém ne. Teď hledám jak uělat ve figma colro styles na základě názvu objektu.
    JARDABEREZA
    JARDABEREZA --- ---
    BLAMAZ: Tak jsem se na to ptal a ten deal je sice odsouhlasený prodej, ale právně to ještě není uzavřené a dokončené a do té doby jsou to oddělené společnosti. A do té doby podpora na vývoj softwaru pro Figmu z toho fondu asi nebude. A nejsou tu pevné datumy.
    BLAMAZ
    BLAMAZ --- ---
    JARDABEREZA: jako jo, vim ze pro sketch nejaky plugin bude. ja jsem i neco zkousel. Ale je to asi jako kdyz si koupis falesny iphone. ono to ma podobny tvar a muzou tam i stejne ikonky, zavolat s tim jde, ale...

    Ten fond je zajimavy, nezal jsem.
    JARDABEREZA
    JARDABEREZA --- ---
    BLAMAZ: No já ten autolayout řešil dřív pluginama... nebylo to sice tak dobré jako kdyby to bylo nativní, ale fungovalo to dostatečně dobře.

    Možná by sis na to namapování mohl najít programátora. Vzhledem k tomu, že Figmu teď vlastní Adobe, tak by možná mohl použít: https://www.adobe.com/products/xd/adobe-fund.html na napsání toho pluginu, aby sis to nemusel platit sám. U jednoho mého pluginu pro Photoshop bys našel info, že jeho vývoj byl podpořen tím fondem. :-)
    BLAMAZ
    BLAMAZ --- ---
    KULHY: textové styl se neimportují. Styly barev sice ano, ale objekty je nemají. Nemůžu najít způsob jak to nějak intelignetně namapovat zpět. Dělat to ručně je vyloučené, mám tisíce komponent.
    Kdyby to byla nějaká jedna mobilní appka o pár obrazovkách tak nic neřeším.
    BLAMAZ
    BLAMAZ --- ---
    JARDABEREZA: rychlost, funkce, vlastnosti, možnosti...
    Sketch má řadu věcí nastavenou fundamentálně špatně, například tetové styly, které si v sobě nesou barvu, zarovnání atd., pokud jich máš více ve více barvách tak počet závratně narůstá. Nemá autolayout. Jen tahle jedna věc je pro sketch dealbreaker. Prototypování, které ve figma není dokonalé, ale ve sketch nepoužitelné. Práse s komponentama, kdy ve figma je to všechno stokrát rychlejší. Sketch je mrtvý. Zabila to, mimo jiné, i jejich snaha dělat v malém týmu program, který se bude rozšiřovat přes plugins a další aplikace. Pluginy jsou technicky řešeny tak, že to zabíjí výkon, a splupráce s dalšíam aplikacema je čisté peklo.
    KULHY
    KULHY --- ---
    BLAMAZ: Nevim ceho se presne snazis dosahnout, ale Figma textove styly myslim importuje, akorat jestli to resis pres vicero souboru, tak to bude chtit zkusit najit nejaky plugin na davkove nahrazovani.
    JARDABEREZA
    JARDABEREZA --- ---
    BLAMAZ: Co ti na Sketchi chybí?
    BLAMAZ
    BLAMAZ --- ---
    BLAMAZ: a stejně tak barevných stylů. Ty jsem myslel, že to veme. Jenže ono je to sice přenese, ale objekty styl barvy ztratí. Což je ješte větší problém :(
    Kliknutím sem můžete změnit nastavení reklam