stará vs. nová verze zive.cz

[Thommm]

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

[Marek Lutonský]

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

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.

[JirkaVejrazka]

Jo!

[milsimr]

Můj subjektivní názor je stejný; takto by to vypadalo lépe.

[Milanr1]

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.

[Marek Lutonský]

Ú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 (82.45 ) Zobrazeno 10414 krát

[Bespi_]

Rozhodne lepsi nez soucasny stav.

[Marek Lutonský]

Tak koukněte, jak to vypadá naživo: http://www.zive.cz/

[1stein]

lepsie.

[Milanr1]

Přehledné. Použitelné.
Že by (konečně!) někdo dostal rozumný nápad?
Pochlub se autorem návrhu.

[Marek Lutonský]

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í.

[milsimr]

Za sebe jednoznačné plus.

[Bumerang]

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.

[Marek Lutonský]

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ů.

[r34ktor]

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;
    }
}