x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

techcrunch.com - Kritika webů - Programujte.comtechcrunch.com - Kritika webů - Programujte.com

 

Kritika webu

techcrunch.com
783
933
833
767
600
VYTVOŘIL
TechCrunch  @TechCrunch
WEB AUTORA
Technologický blog TechCrunch, založený v roce 2005, redesignoval. Založil jej původně Michael Arrington, kde psal o začínajících startupech v Sillicon Valley. Projekt rostl, postupně se stal jedním z nejvlivnějších oborových médií, až ho nakonec koupilo AOL.

Poslední redesign rozpoutal vlnu rozpoluplných názorů; jedni jej milují, druzí nenávidí.

Líbí se ti web? Dej o tom vědět!

Facebook   Twitter

Názory hodnotících

825
10
9
8
6

Musím uznat, že redesign TechCrunche mě překvapil. Z původně čistě zpradajsky laděného a lehkého designu se proměnil v osobitý, příjemný a digitální.

Logo ve mě evokuje dobu 8 bitových počítačů, kdy jsem si zavzpomínal na své doby s ATARI.

Neřekl bych, že je design moderní, ale spíše nadčasový.

Z toho, co se mi nelíbí, jsou pouze marginální drobnosti:


  • tlačítko Share obsahuje počet (číslo), které není kontrastní a je nečitelné
  • patička mohla být obsáhlejší, ale tuším, že právě to sami nechtěli :-)
  • pokud se po stránce naviguji pomocí TABu, pak prvky nemají nastavený outline ani focus, takže nevím, na kterém prvku jsem

Líbí se mi efekt tlačítka hledání. Jemné, nerušivé, hezké.

Odkážu ještě na názory čtenářů, které považuji už za klasiku a utěšilo mě, že takoví čtenáři nejsou pouze u nás, v České republice. Prostě všem se zavděčit nejde.

Jak vypadal TechCrunch dříve:

^ 2005^ 2006^ 2008

čtvrtek, 14. 7. 2011  #1
Reagovat    
825
9
9
8
7

Osobně jsem nikdy TechCrunch nečetl pravidelně, pokusím se tedy alespoň stručně popsat, první dojmy z nového vzhledu:

Co se mi líbí?

- odvaha (ano, vždycky když změníte vzhled něčeho známého, najde se velká část uživatelů, kterým se to nejprve nelíbí a změny odsuzují, to je problém obecně - většinou je každá taková změna vzhledu  příjmána negativně, je to  relativně běžná reakce)

- originalita (nové logo i styl mi přijde hodně unikátní v porovnání s kterýmkoliv podobně zaměřeným technickým blogem, za to má u mě TechCrunch určitě body navíc)

- typografie (písmo pro nadpisy (Interstate - http://new.myfonts.com/fonts/fontbureau/interstate/) vypadá dobře a díky jeho použití i pro některé menší elementy na stránce, dotváří celkový styl blogu)

- prostor pro titulek hlavního článku (titulek hlavního článku je spolu s odkazem v každé kategorii nahoře vedle loga, těžko ho tak přehlédnete)

- sdílení článků (defaultní tlačítka a barevné lišty vytvořené z různých ikonek většinou bijí do očí, ale tady je vše krásně vyřešeno pomocí jednoho tlačítka pod kterým se skrývají jednotlivé funkce)

Co bych udělal jinak?

- opět velikost řádků běžného textu by mohla být o něco větší, zlepšilo by to čitelnost

- šipku před odkazem na konci perexu u každého článku bych dal přesně naopak, až za odkaz

Celkově mě tento redesign příjemně překvapil a myslím, že časem jej většina čtenářů ocení, protože teď se opravdu víc soustředí na obsah a vizuálním stylem jde tak trochu svou cestou.

čtvrtek, 14. 7. 2011  #2
Reagovat    
700
9
7
7
5

TechCrunch jsem viděl poprvé v životě a budu tak posuzovat pouze ve srovnání se staršími verzemi (2005, 2006, 2008 - najdete v příspěvku od Lukáše Churého) a nováčkovskými dojmy.

Cesta TechCrunch byla dlouhá a je vidět vliv trendů. Musím však řici, že každý nový redesign byl krokem k lepšímu. Až nyni se však podařilo zachytit do vizuálního stylu i obsah webu.

Když jsem na stránku vstoupil, první, co upoutalo mou pozornost, byl obří zelený piktogram ve stylu PixelArt. 

Je odvahou zvolit styl, který přípomíná nešikovně zvětšený bitmapový obrázek. Tento krok a styl, který se drži na celém webu bude jistě kontroverzním prvkem; jak kritizovaným, tak na druhé straně chváleným. Když je stránka skrolována níže, logo se změní na klasickou variantu loga:

Oprostěme se od veškerých předsudků, styl je zpracován kvalitně, font písma v logotypu je volen velice vhodně a piktogram odpovídá svému účelu - technicky zaměřenému webu. Z pohledu vizuální identity bych autorům neměl co vytknout a velice bych je pochválil. Určitě zapamatovatelný styl, kvalitně promyšlený.

Vady na kráse:


  • Volba fontu na zbytku stránek již pokulhává. V textech jsou jednotlivá písmena na sebe až přespříliš nahuštěna a to samé platí s řádkováním. Snížuje se tak čitelnost.
  • V pravém panelu je nadpis v plném poli, které je pokaždé zakončeno jiným pravým okrajem, avšak ve stejném stylu:Ovšem chybka se vloudí a okraj je občas useknutý bez zakončení a styl se vytrácí:
  • Abstrakty článků jsou koncipovány tak, že ve své levé časti mají obrázek, který obtékají, najde se však i článek s nevhodně zvoleným obrázkem (celý graf - lépe použit pouze výřez), ilustrativní obrázek je zarovnán vpravo, nadpis do něj zasahuje zleva a abstrakt je pak přes celou délku sloupce (hodně textu na abstrakt a při zvoleném fontu a šířce sloupce - pro mě hůře čitelné):
  • Tlačítko "share" na mě působí trochu kýčovitě, i když je zpracováno ve stylu stránek. Neodpustím si však nedotáhnutý detail, který mi shazuje celkový dojem stránky:

Použitelnost a přístupnost:

Zde TechCrunch narazil. Otevřel jsem si stránku na mobilu a příjemně mě překvapila mobilní verze. Ta na svém začátku obsahuje šipku na zobrazení menu a seznam článků (nadpisy s datem). Ty mají šikovně v pravém horním rohu šipku na rozbalení abstraktu.

ALE:


  • menu obsahuje úplně jiné položky než klasická verze
  • při skrolování se posouvá i šipka pro menu, která je schována až za canvasem pro jednotlivé články
  • vizuální styl se kompletné vytratil
  • při jakékoliv cestě z hlavní stránky končí i mobilní verze (kromě otevření článku)
  • klasická verze obsahuje vyskakovací menu na hover, které prostě v mobilní verzi nedostanu

Podtrženo, sečteno, TechCrunch zvolil velice zajímavý styl, který je určitě odliší od ostatních webů, je potřeba jen dotáhnout vše do konce, což se ne úplně podařilo.

pátek, 15. 7. 2011  #3
Reagovat    

Přidej své hodnocení

Vložení zdrojového kódu

Vložení obrázku

Vložit URL obrázku Vybrat obrázek na disku
Vlož URL adresu obrázku:
Klikni a vyber obrázek na disku:
DESIGN
OBSAH
POUŽITELNOST
PŘÍSTUPNOST
DESIGN
10EXCELENTNÍ
9VÝBORNÝ
8VELMI DOBRÝ
7DOBRÝ
6UCHÁZEJÍCÍ
5PRŮMĚRNÝ
4PODPRŮMĚRNÝ
3ŠPATNÝ
2MIZERNÝ
1HRŮZOSTRAŠNÝ
OBSAH
10EXCELENTNÍ
9VÝBORNÝ
8VELMI DOBRÝ
7DOBRÝ
6UCHÁZEJÍCÍ
5PRŮMĚRNÝ
4PODPRŮMĚRNÝ
3ŠPATNÝ
2MIZERNÝ
1HRŮZOSTRAŠNÝ
POUŽITELNOST
10EXCELENTNÍ
9VÝBORNÁ
8VELMI DOBRÁ
7DOBRÁ
6UCHÁZEJÍCÍ
5PRŮMĚRNÁ
4PODPRŮMĚRNÁ
3ŠPATNÁ
2MIZERNÁ
1HRŮZOSTRAŠNÁ
PŘÍSTUPNOST
10EXCELENTNÍ
9VÝBORNÁ
8VELMI DOBRÁ
7DOBRÁ
6UCHÁZEJÍCÍ
5PRŮMĚRNÁ
4PODPRŮMĚRNÁ
3ŠPATNÁ
2MIZERNÁ
1HRŮZOSTRAŠNÁ

Při hodnocení designu se zaměř na jeho originalitu, poutavost, či zapamatovatelnost.

Design je svým způsobem uživatelským rozhraním, které používá každý návštěvník webové stránky a v ideálním případě je kombinací krásy a funkčnosti. Design pomáhá k dosažení stanovených cílů webu.

• Jsou pozice grafických prvků dobře zvoleny, mají správnou velikost?
• Ladí k sobě zvolené barvy? Líbí se ti použité barevné kombinace?
• Není na stránce použito příliš mnoho různých fontů?

Jsou dodrženy následující 3 body z „Patera webdesignéra“?

• Nebudeš vytvářet vizuální bordel
• Nebudeš zneužívat Flash
• Nebudeš používat příliš mnoho odlesků

Nehodnoť, prosím, zdrojový kód stránky (tabulkový layout, validita…), formátování připojených stylopisů apod., to není předmětem hodnocení.

Obsahem zde máme na mysli zhodnocení webu po stránce typografické, z pohledu optimalizace webu pro vyhledávače, kvality textů na stránce (gramatika, obchodně úspěšné texty…) a použití netextového obsahu (obrázky, videa…).

Texty na stránce by měly mít správné zarovnání, dodržovat rytmus a neztrácet svou dominanci.

• Jsou na webu použity správné uvozovky, pomlčky a interpunkce?
• Není stránka přeplácána zbytečným obsahem?
• Je web optimalizován pro vyhledávače na správná klíčová slova?
• Lze na webu najít požadované informace?
• Jsou nalezené informace kvalitní, poutavé, hodnotné, zajímavé?
• Obsahuje web i netextový obsah (videa, obrázky, grafy…)?

Zaměř se kompletně na obsahovou část webu — texty, obrázky, styl a způsob prezentovaných informací.

U použitelnosti se zaměř na zejména na hodnocení navigace stránek, bezproblémového pohybu na webu a snadné orientace na něm.

Navigace na stránkách by měla mít své stálé, neměnné místo. Z odkazů by mělo být jasné, kam míří — správně vyplněné TITLE atributy a výstižné popisky.

Měly by být dodržovány jisté standardy a standardní zvyklosti. Procházení na webu by mělo být bezproblémové, návštěvník by se měl rychle zorientovat a neměl by mít problém s navigací či navrácením na hlavní stránku. Je důležité, aby návštěvník našel informace, které hledá, co nejrychlejší cestou.

• Jsou odkazy podtrženy?
• Lze bez problémů vyplnit kontaktní formulář, objednávku…?
• Musí uživatel přemýšlet?
• Zjistí návštěvník na dané stránce, kde se zrovna nachází (v jaké sekci)?

Použitelnost je, když se uživatel necítí jako blbec. (pouzitelnost.info)

Přípustný web je takový web, který dodržuje sémantiku, je přátelský vúči postiženým, robotům a jehož obsah je snadno čitelný.

Zaměř se na web z různých úhlů pohledu — různá zařízení, lidé s různým stupněm zdravotního postižení, mobilní verze, pomalé připojení…

• Jsou použity správné značky (pro nadpisy, citace…)?
• Je text snadno čitelný, dostatečně kontrastní s pozadím?
• Má každý netextový prvek svoji textovou alternativu?
• Je web dostupný i bez appletů, objektů, obrázků…?
• Zobrazuje se web bez větších problémů ve všech používaných prohlížečích?
• Lze se po webu pohybovat bez problémů i bez pomocí myši či jiného vstupního zařízení mimo klávesnice?

Uměl by si nevidomý najít potřebné informace? Je možné bez problémů zpracovat zdrojový soubor pro alternativní zařízení a vyhledávací roboty?

 
Podporujeme Gravatara.
Zadej URL adresu Avatara (40 x 40 px) nebo e-mailovou adresu pro použití Gravatara.
Email nikam neukládáme, po získání Gravatara je zahozen.
-
Pravidla pro psaní příspěvků, používej diakritiku. ENTER pro nový odstavec, SHIFT + ENTER pro nový řádek.
Sledovat nové názory (pouze pro přihlášené)
Sleduj diskuzi a v případě přidání nového hodnocení o tom budeš vědět mezi prvními (pošleme ti mejl).
Reaguješ na příspěvek:
Hostujeme u Českého hostingu  |  ∆ Nahoru  |  ISSN 1801-1586 Webtea.cz logo © 20032012 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý