stará vs. nová verze zive.cz

Rady, náměty, připomínky...

Moderátor: Moderátoři Živě.cz

Odeslat příspěvekod Thommm 5. 4. 2016 22:09

Místo Živě sleduji jiné servery a docela mě překvapilo, že mi nechybí. Jak je to u Vás?
Thommm
Kolemjdoucí

Odeslat příspěvekod Marek Lutonský 4. 5. 2016 16:49

Tak něco zkusme. Co byste řekli na to, kdyby články na titulní straně Živě vypadaly nějak takto?

Screen Shot 2016-05-04 at 17.43.51.png


Místo dvou sloupců dlaždic opět články pod sebou, menší obrázky, výraznější písmo. Trochu větší než dřív to ale musí být, už není rok 2008, kdy vznikl minulý design. Jsou tady mobily a tablety, kterým se musíme přizpůsobit.
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod JirkaVejrazka 4. 5. 2016 17:03

Jo!
JirkaVejrazka
Mírně pokročilý

Odeslat příspěvekod milsimr 4. 5. 2016 18:03

Můj subjektivní názor je stejný; takto by to vypadalo lépe.
Administrátor fóra Živě.cz.
milsimr
Administrátor
Uživatelský avatar

Odeslat příspěvekod Milanr1 4. 5. 2016 20:28

Jen ty zbytečné dlaždice by tam nemusely překážet: připomíná to pár dlaždic nesmyslně roztažených ve W8.x přes celý monitor. :-(
A podobně ohavný ksichtík zděděný ve W10. :-(
Milan
Milanr1
Pokročilý
Uživatelský avatar

Odeslat příspěvekod Marek Lutonský 4. 5. 2016 21:30

Úplně bez obrázků to nepůjde. Kdyby ve výpisu zůstaly jen texty titulků, slijí se do bloku a bude to mít negativní vliv na clickrate. Obrázky jednotlivé články odliší, oddělí.

Ono je to vidět i v textu. Mezitiulek, obrázek, box... na scrollmapě vidíme, jak se čtenář, který doposud jen projížděl text, zastaví, prohlédne si a pokračuje. Obrázky nechat :-) Nemusí být tam velké jako teď na Živě, ale nějaké potřebujeme.

Btw. v mobilní verzi se dají obrázky vypnout. Když k tomu pak přidáte černý skin, je to najednou úplně jiný web:

Photo 04.05.16 22 27 16.png
Photo 04.05.16 22 27 16.png (82.45 ) Zobrazeno 8447 krát
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod Bespi_ 4. 5. 2016 21:31

Rozhodne lepsi nez soucasny stav.
Bespi_
Junior

Odeslat příspěvekod Marek Lutonský 12. 5. 2016 11:51

Tak koukněte, jak to vypadá naživo: http://www.zive.cz/
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod 1stein 12. 5. 2016 13:07

lepsie.
MacBookAir2014, ASUS X101CH, ACER ES1-111M, Raspberry Pi B+ a 2,
iPhone 5s, BlackBerry Classic, Xiaomi Redmi2
1stein
Junior

Odeslat příspěvekod Milanr1 12. 5. 2016 15:52

Přehledné. Použitelné.
Že by (konečně!) někdo dostal rozumný nápad? ;-)
Pochlub se autorem návrhu.
Milan
Milanr1
Pokročilý
Uživatelský avatar

Odeslat příspěvekod Marek Lutonský 12. 5. 2016 16:06

Jak původní, tak i nová verze je kolektivní dílo. Dávají se dohromady požadavky, měří se, debatuje, vymýšlí, ladí, nechává odležet, znovu ladí... a potom vypustí.
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod milsimr 12. 5. 2016 17:57

Za sebe jednoznačné plus.
Administrátor fóra Živě.cz.
milsimr
Administrátor
Uživatelský avatar

Odeslat příspěvekod Bumerang 12. 5. 2016 18:35

Ked uz tu je aj admin tak napisem svoj postreh, popravde nevidim zmysel v tom ako teraz vyzera stranka. Ulohou webu je dat ludom informaciu, ked otvorim titulnu stranku tak vidim ku kazdej teme megalomansky obrazok ktory nenesie ziadnu informaciu, vacsina obrazkov je uplne mimo temu, dalej na mna pozera megalomansky text, chapem ze mensi text by vyzeral blbo vedla megalomanskych obrazkov ktore som uz spomenul. tak ze na obrazovke 1980*1200 vidim v lepsom pripade 4-5 linky na clanky, to je podla vas efektyvne vyuziteie miesta? vacsinu plochy zabera informacny sum v podobe obrazkov a reklam. Ja plne chapem ze vasou ulohou je donutit pouzivatela skrolovat aby videl reklamu ale vsetko ma svoje medze! Zive dizajnom je stale blizsie a blizsie k bulvaru, napriklad tipicka bulvarna vlastnost je uvies na webe len titulok clanku bez nahladu clanku (ako napr ma mobilmania) kde pouzivatel vidi prve 2-3 riedky clanku pod tituloku a vie sa rozhodnut ci clanok bude citat ci nie.
Bumerang
Junior
Uživatelský avatar

Odeslat příspěvekod Marek Lutonský 12. 5. 2016 19:52

Jednou ze změn v novém designu je právě podstatné zmenšení obrázků :-) Skrolování není našim cílem, nám jde o čtenost, co největší počet otevřených článků.

Na přítomnost perexů ve výpisu článků jsou různé názory i v naší firmě. Já i šéfredaktor jsme se shodli, že je nechceme vrátit, že spíš odvádí pozornost od titulků.
Marek Lutonský
Hlavní administrátor
Uživatelský avatar

Odeslat příspěvekod r34ktor 12. 5. 2016 20:14

Je to lepší, ale stále příliš velké.

Pro zájemce kompaktnější varianta (hint neznalým - Stylish):
Kód: Vybrat vše
@namespace url(http://www.w3.org/1999/xhtml);

    @-moz-document domain("www.zive.cz") {
   
  .ar-list .ar-row {
    height: 70px;
    }
     
  .ar-list .ar-row .ar-img {
    width: 124px;
    height: 62px;
    }

  .ar-list .ar-row .ar-img a {
    width: 124px;
    height: 62px;
    }

  .ar-list .ar-row .ar-img a img {
    max-width: 124px;
    max-height: 62px;
    }

  .ar-list .ar-row .ar-txt h2 {
    font-size: 15px;
    }

  .ar-list .ar-row .ar-info span {
    font-size: 12px;
    }

  .ar-list .ar-row-promo .ar-img{
    width: 600px;
    height: 70px;
    }
     
  .ar-list .ar-row-promo .ar-img a{
    width: 600px;
    height: 70px;
    }
     
  .ar-list .ar-row-promo .ar-img a img{
    display: none;
    }
     
  .ar-list .ar-row-promo .ar-img h1 {
    font-size: 16px;
    max-height: 70px;
    }

  .ar-list .ar-row-promo .ar-img h1 a {
    padding: 10px 50px 42px 20px;
    }

  .bx {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    }

  .forum-simple .bx-cnt li {
    padding: 5px 0px !important;
    }

   .forum-comment {
    font-size: 13px;
    }
     
  .ar-detail .ar-annotation {
    font-size: 16px;
    }
     
  .ar-detail h1 {
    font-weight: 400;
    font-size: 30px;
    }
     
  .ar-detail .ar-content h3 {
    font-size: 20px;
    line-height: 130%;
    }
     
  .bx-head h2 {
    font-size: 16px;
    color: #FFF;
    }
     
  .forum-simple .bx-head h2 {
    font-size: 24px;
    font-weight: 400;
    }
     
  .ar-list-description h1 {
    font-weight: 400;
    font-size: 24px;
    }
     
  .forum-row-wrapper .forum-text p {
    font-size: 14px;
    }
     
  .ar-detail .ar-content {
    line-height: 150%;
    font-size: 15px;
    }
     
  .forum-row-wrapper .forum-post-actions {
    font-size: 11px;
    }
     
  .forum-simple .bx-head small {
    font-size: 14px;
    }
     
  .ar-society-networks.ar-society-networks.fixed {
    display: none !important;
    }
     
  .forum-new-post .post-wrapper textarea {
    font-size: 14px;
    }
}
Knowledge is power
Greinerův poznatek o zhroucení: Důvod, proč se počítač zhroutil, je vždy za hranicí tvých znalostí.
r34ktor
Pokročilý
Uživatelský avatar

Předchozí stránkaDalší stránka

Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 0 návštevníků