
Julkistimme suomenkielisen Tom's Hardwaren vuoden 2010 elokuussa. Silloin ideana oli tuoda Tom's Hardware sekä sisällöltään että ulkoasultaan pitkälti ulkomaisia sisarjulkaisujaan vastaavalla otteella Suomeen.
Parin vuoden aikana olemme oppineet enemmän ja enemmän siitä, mikä sisältö Suomessa "toimii" ja mikä ei. Samalla myös THG:n lievästi sanottuna karuhko ulkoasu on ollut yksi murheenkryyneistämme.
Nyt olemme uusineet sivuston ulkoasua varsin radikaalisti ja toivommekin käyttäjiltämme palautetta uudesta, tulevasta ulkoasusta. Uuden ulkoasun beta-versio löytyy täältä:
http://www.v5.hardware.fi/
Toivomme ideoita siitä, mitä ulkoasulle pitäisi vielä ennen virallista julkistusta tehdä -- sekä tietysti raportteja mahdollisista bugeista ja virheistä.
Mobiililaitteiden tuki ns. responsive designin muodossa on tulossa vielä ennen palvelun ottamista tuotantokäyttöön. Lisäksi myös sivujen rendautumisaikaa tullaan vielä viilaamaan lähemmäs "kahden sekunnin sääntöä" ennen palvelun valmistumista.
Toivomme palautetta joko suoraan uutiskommenteissa tai palautekaavakkeemme kautta.
-Petteri Pyyny
AfterDawn Oy
Parin vuoden aikana olemme oppineet enemmän ja enemmän siitä, mikä sisältö Suomessa "toimii" ja mikä ei. Samalla myös THG:n lievästi sanottuna karuhko ulkoasu on ollut yksi murheenkryyneistämme.
Nyt olemme uusineet sivuston ulkoasua varsin radikaalisti ja toivommekin käyttäjiltämme palautetta uudesta, tulevasta ulkoasusta. Uuden ulkoasun beta-versio löytyy täältä:
Toivomme ideoita siitä, mitä ulkoasulle pitäisi vielä ennen virallista julkistusta tehdä -- sekä tietysti raportteja mahdollisista bugeista ja virheistä.
Mobiililaitteiden tuki ns. responsive designin muodossa on tulossa vielä ennen palvelun ottamista tuotantokäyttöön. Lisäksi myös sivujen rendautumisaikaa tullaan vielä viilaamaan lähemmäs "kahden sekunnin sääntöä" ennen palvelun valmistumista.
Toivomme palautetta joko suoraan uutiskommenteissa tai palautekaavakkeemme kautta.
-Petteri Pyyny
AfterDawn Oy
43 kommenttia
Muuten oikeiken freshin oloinen ratkaisu!
Thanks. Mites yksittäisen uutisen näkymä, sehän se normikäytössä tulee olemaan se eniten ladattu sivu, eikä niinkään etusivu. Oisko parannusehdotuksia?
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
Beta sivusto näyttää baarin vessalta uudenvuoden jälkeen.
Kuten uutisessa sanoimmekin, sivujen responsive
design on tuloillaan. Sivujen teko aloitettiin jo puolitoista vuotta
sitten, ajalla jolloin viimeisen 10kk aikana trendiksi noussut media
queryjen käyttö ei vielä luonnistunut kunnolla, joten responsiivisuus
(eli mobiiliin, jne skaalautuvuus) on pitänyt tehdä ns. p**se edellä
puuhun, eli jälkikäteen. Tulevissa projekteissa ideologiana on jatkossa
mobile first, eli rakennetaan saitti ensin mobiiliksi ja siitä media
queryilla laajennetaan sitä tableteille ja desktopille sopivaksi.
Joskus sivuja täytyy uusia vain uusimisen riemusta, että ne eivät näyttäisi liian vanhanaikaisilta. Eri asia, jos saitti olisi jo saavuttanut megasuuren suosion, niin muutosten pitäisi olla selkeästi testatumpia. Koska THG on kuitenkin edelleen "pienen altavastaajan" asemassa Suomessa, noin parinkymmenentuhannen viikkokäyttäjän voimin, luonnollisesti pyrimme tekemään isompia irtiottoja ja testailemaan uusia ajatuksia täällä. AfterDawnin muuttaminen taas onkin enemmän kieli keskellä suuta -projektia, koska saitti on jo valmiiksi iso ja mokattu uudistus vie helposti luvut laskusuuntaan.
Tulemme luonnollisestikin kuuntelemaan kehitysideoita, parannusehdotuksia, jne hyvin tarkalla korvalla jo nyt ja otamme ne huomioon ennen saitin lopullista launchia. Kaikkiahan ei voi miellyttää, mutta selkeiden parannusehdotusten kertominen jo tässä vaiheessa nostaa oman toiveesi läpipääsyä aika reilulla prosentilla :-)
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
Tuo linkkipalkki kun lähtee rullaamaan sivun mukana alas niin siitä vois poistaa ne jostain ilmestyvät punaiset reunat.
En tiiä tarviiko tuosta soneran mainoksesta erikseen edes mainita.. :)
2. Pienenä viilauksena tänne (ja myös x2.fi:n puolelle): Kun tuon näytön ylälaitaan fixatun palkin sulkee ja kelaa tuota yläpalkkia (eli n. 20px) vaille ylös, jää tuohon ylös tyhmä suuri valkoinen alue. Korjautuisi tuo, jos palkki olisi tavallisesti tuolla ylhäällä (CSS position: relative;). Eli siis jos tuon yläpalkin sulkisi muuttuisi:
position: fixed; --> position: relative; (tai absolute, mutta en osaa sanoa kumpi, kun en ole sivun html-/css-rakennetta tutkinut)
(+ tietenkin muut samalla tarvittavat muutokset)
3. Kun tuo punainen yläpalkki jää roikkumaan mukaan, niin jostain ilmestyy kummallisesti nuo jatkopalat tuonne sivuille.
4. Pieni ärsyttävä juttu on tuossa oikealla palkissa olevat uudet uutisjutut tai tarkemmin niiden väriä vaihtavat tausta ja teksti. Ihan turhaa tuo värin vaihtuminen. Näyttää vain todella rumalta. Pelkkä alleviivautuminen ja tuo sivulle ilmestyvä palkki riittävät vallan mainiosti. Ylipäänsä täällä uudessa THG:ssä ja x2.fi:ssä nuo erilaiset onmouseover, onload jne. tehosteet ovat ehkä ampuneet hieman yli. Hienoja ne on joo, mutta ei kukaan jaksa montaa kertaa katsoa parin sekunnin mittaista tehostetta vain sen vuoksi, että siirtää kursorin jonkin elementin päälle.
Joo totta, mutta ei kannata päivittää käytettävyyden kustannuksella.
5. Etusivulla noiden uutisnostojen ja THG-artikkelien alla nuo muiden uutisten otsikot on kirjoiettu aivan liian suurella. Niiden fonttikokoa saa höylätä reilulla kädellä. Mikäli suuri fonttikoko on vain siitä syystä, että sivulle saadaan mittaa, niin laittakaa otsikon alle vaikka lyhyt 100 - 200 merkin mittainen leikkaus uutisen alusta. Jos suurista otsikoista ette halua luopua, niin jättäkää edes käyttäjille mahdollisuus käyttää pienempiä tekstejä tuossa (jokin mukava asetus-nappula).
Näkyy tosiaaan, että tämä sivusto on pyritty tekemään tableteille ja työpöydille. Osin on onnistunut, mutta työpöytäkäyttäjän kannalta nämä suuret napit ovat ikäviä. Mutta ihan hieno sivusto kaikenkaikkiaan pienistä ongelmista huolimatta.
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
http://i.imgur.com/AUhmE.jpg
(en uskaltanut kuvana laittaa jos se ei tulekaan thumbnailina kerta kyseessä on kookas kuva)
Thanks, lisätään palautelistaan. Palkissa on pari itseänikin ärsyttävää featurea, pitää sekin viilata kuosiin tässä tulevina viikkoina ennen launchia.
Joo, nuo tehosteet ovat tuossa sivupalkissa IMO turhia, häivytysten osalta. Pelkkä värinvaihto hoveroitaessa riittäisi.
Ei tokikaan, siksihän tätä palautetta tässä juurikin kerätään, että käytettävyyskin pysyisi kohdallaan. Toki IMO nykyversio THG:stä ei ole ehkä niitä käytettävimpiä..
Tämä on tämä eniten rutinaa aiheuttanut kohta, tullaan pistämään kuntoon.
Nojoo, saitista on tarkoitus tehdä käytettävä nykyisillä melkein mahdottomilla vaatimuksilla:
-1920x1080 -resolla, selain täysikkunaan venytettynä
-miljoonalla eri resoluutiolla varustetulla tabletilla (linkkien pitää olla selkeitä ja helpommin klikattavia)
-älypuhelimilla, joissa reso vaihtelee FullHD:n ja 320x480:n välillä ja joissa fullhd-resollakaan ei voida asetella kamoja kuten desktopilla voitaisiin (4" näytölle ei voida ahtaa 1920x1080 -resollakaan samaa kamaa kuin vastaavalla resolla voitaisiin tunkea 24" desktopilla)
-isoja kuvia, mutta saitin pitäs latautua silti aina alle 2 sekuntiin
...projekti on vielä kesken ja toisaalta tässä samalla opitaan tulevia, muiden meidän sivustojemme uudistuksia varten -> mikä toimii ja mikä ei (käyttäjien paluu-%, sivulatauksia per visit, käyttäjien osallistumisprosentti visittien määrään nähden, mainostajien kiinnostus, jne).
Nakkaatko screenshottia? Vähemmän käytettyjen selainten kanssa tuota ei ole vielä kovin syvällisesti testattu, beta kun on..
Ihan hyviä ideoita, kiitoksia, napataan muistilistalle. Oisko yksittäisen uutisen näkymästä feedbackia antaa? Kaikki keskittyy etusivuun :-)
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
On. Hyvältä näyttää :-) .
Tiedän itsekkin miten vaikeaa on saada sivu toimimaan hyvin eri kokoisilla ja resoluutioisilla näytöillä. YLE onnistui sivujensa päivityksessä mielestäni hyvin. Toimii hyvin työpöydällä ja tabletilla sekä puhelimella. Sieltä vain mallia ;-).
Nyt muuten huomasin, että tuo merkintä viestin muokkauksesta tulee vähän jännästi tuohon viestin jatkoksi (katso tämän viestin lopusta). Sen voisi erottaa varsinaisesta viestistä vaikkapa rivivälillä, vaakaviivalla tai harmaalla fontin värillä ja tasata esimerkiksi oikeaan laitaan.
Vielä pari huomiota:
Hakunappi menee "Vertailutaulukot"-kohdan päälle ja "Keskustelu" jää puoliksi ulos, kun pienentää ikkunaa. Lisäksi tuossa yläpalkissa Broadwell ja Haswell tekstit putoavat rivin alemmas ulos harmaasta boksista, kun näytön pienentää noin 600 - 700 pikselin levyiseksi (eli sille rajalle, jolloin ilmestyy tuo sivusuunnassa liukuva scrollbar).
Foorumi on todella selkeä ja onnistunut. Pienenä ongelmana huomasin, että kun foorumin puolella muokkaa viestiä, niin textarea on vain parin rivin korkuinen (~40px) ja leveyttäkin on vain n. 100px josta osan vei tuo scrollbar. Venyttämällä se tietenkin laajeni, joten ei se siten ole iso ongelma. :-)
Vähän hiljaistahan täällä THG:n foorumilla on. Saisitte sinne piristystä siirtämällä AD:n puoella olevat käyttis- & rautakeskustelut tänne (tai siis laittaisitte ne näkyviin tännekkin).
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
Navien fontti näyttää aika pahalta omaan silmään (jotenkin ei yhtenäinen muiden kanssa)
Hakulaatikon focus/hover melko hirveät, border-radius mössöä.
Uutiset (listaus) sivulle separator postien väliin.
Kommentteja vois ehkä vähän elävöittää jotenkin. Kommenttien quotejen <hr> on kamala.
Share buttonit vois poistaa postin ylälaidasta.
Kommenttiosion headerissa lukee "Kommenttia [numero]" (eli numero oikealla puolella)
Vertailutaulukot sivut vissiin (lähes) kokonaan teemoittamatta?
Keskustelualueen "Kirjoita viesti", vois olla ehkä vähän pienempi ja vähemmän 90-luvun näköinen (sama kaikkiin vastaaviin buttoneihin).
Hakulaatikon submit button katoaa keskustelualueella.
Droid Sans fontti pixelöityy labeleissa.
Tossa mitä pisti silmään nopeasti kun kävi muutaman sivun läpi, osa saattaa olla jo aikasemmin mainittu. Käyttiksenä tosiaan win7 ja selaimena ff 17.0.1
Thanks, lisäilen listalle nuokin. Kuukauden päivät tässä tulee vielä menemään ennenkuin launchia voi suunnitella :-)
Välitän graffarille palautteena.
Kommenttien stylessä on jotain häikkää, se myös jättää sitä seuraavan leipätekstin isommalle kuin sitä ennen lisätty leipäteksti oli. Korjataan ja parannellaan.
Disagree, testattu, toimii parhaiten kun ne on kolmessa kohti - yläreunassa, alareunassa ja jaettavan materiaalin sivussa. Nyt vain tuo viimeinen puuttuu, mutta jo pelkkä ylös + alas -yhdistelmä kannattaa, jakoprosentteja analysoiden.
Hyvä bongaus, korjataan.
Joo, jäänyt selkeästi kesken koko osio.
Kiitän ja kumarran, palaute rekisteröity, eritellään ja käydään läpi, kun aletaan fiksailemaan betaa RC-kuntoon.
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
YLEllä on yksi etu, jota meillä ei ole -- heidän ei tarvitse miettiä skaalautumisissa, jne mainoksia.. Voin kertoa, että noiden juttujen kanssa on pitänyt ja pitää raapia päätä, kun mietitään, että miten sivuston mainosten pitäisi reagoida erilaisiin resoluutioihin, ppi:hin, etc. Jo siis ennenkuin ollaan yhtään responsiivista saittia saatu langalle.
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
Empä tullut ajatelleeksi, mutta totta.
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
Sivun ylälaidassa olevien "tiilien" (teksti punaisella pohjalla) koko on oikeastaan aika hyvä. Itse väritys on turhan silmiinpistävä. Ehkä pienennys tai jokin hiukan hillitympi väriratkaisu auttaisi.
Muuten näytti todella hyvältä. Testattu samsung galaxy tab 8,9 ja windows 8 ie10 24" näytöllä.
Mielestäni nyt menee kyllä liian "tilkkutäkkimäiseksi" tuo ulkoasu.
Kaikki fontit eri koolla ja jotenkin turhia asioita korostettu liikaa
(esim. THG:n Artikkelien fontti koko on ehkä jo liian pienellä, mutta taas Lisää uutisotsikoita linkit on aivan liian isolla)
Jotenkin sivuston selkeys puuttuu, nyt kun vielä lisäätte sinne pari vilkkuvaa mainosta niin avot, joulupuu on tullut nettisivustolle.
Yksinkertainen on kaunista!
Pienellä viilauksella mielestäni voisi saada ehkä käyttäjäystävällisemmäksi,
Kokeilin myös 10" Androidtabletilla ja En todellakaan tykkää mukanakulkevasta otsikkopalkista(tai mikä lie). Koska se lautautuu viimeisenä, eli hyppää mukaan kuvioihin kun olen jo siirtynyt alemmas. Ja jos erehdyn zoomaamaan niin koko hässäkkä menee ihan sekaisin. (zoomata tosin ei oikeasti ikinä tarvitse...). Lisäksi huonoa se, että käytän laitetta vaakasuunnassa, joten minulla on muutenkin vähän tilaa pystysuunnassa.
Muuten tablettikäyttö on erinomainen, on paljon mukavampi klikkailla isoja laatikoita kun tekstilinkkejä.
"Anna palautetta" Palkki oikeassa reunassa ei näy jos selaimeni on ikkunoituna, eikä kokoruututilassa.
Ainiin: Tabletti TF300T, kone OSX Mountain Lion, 24" 1920x1200, Chrome, Eikä rautapuolen kiihdytys toiminnassa....
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
En tarkoita että suoraan pitäisi apinoida, mutta voisi tehdä perinteisen teksti artikkelin lisäksi videon. Hieman samaan tapaan mitä luuri puolella on ollut, eli Suomeksi ja arvostelija omilla kasvoillaan. Olen jo itse suunnitellut tekeväni moista mutta ainakaan tämän hetkiset resurssit/suhteet eivät anna asian toteuttamiseen mahdollisuuksia.
Fractal Design Arc Midi + 4x140mm + 1x120mm Arctic Cooling, ASRock Extreme4 970, Phenom II X6 1090T @ 3.8GHz + Phanteks PH-TC14PE, 8GB DDR III @ 1600MHz, Palit GTX 570, Seagate 500GB + 1TB HDD, Samsung DVD-RW, Corsair HX620W.
Netti: DNA 4G @ Sierra Wireless
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
Tämä miellytti paljon enemmän:
http://i.imgur.com/AUhmE.jpg
- Uutisotsikoiden koko:
Uutiset -sivun otsikot sopivan kokoisia myös etusivulle. Itse pidän enemmän tuosta "Otsikko ja pätkä uutista" -tyylistä, kuin pelkästä otsikosta.
- Uutiset sivulla reunasas olevien kommenttien tekstin koko saisi olla aavistuksen suurempaa.
-Onko Etusivun Suosituimmat ohjelmat ja Artikkelit sivun Uusimmat uutisotsikot toteutettu samalla teemalla? Jotenkin vain Uusimma uutisotsikot näyttää paremmalta, vai onko näköharhaa? :)
Eniten hardwaren artikkeleissa häiritsee jenkkiläisyys, testataan merkkejä joita ei ole kotimaassa myynnissä ym. pikkuseikkoja.
Jätän tähän vain dRD:lle lahjan :) ส็็็็็็็็็็็็็็็็็็็็็็็
Ken tietää,mitä se tekee,rendautuuko se,vaiko ei? sitä ei kukaan tiedä :)
E:Kyllä se näyttää olevan jo parempi,mitä normi afterdawnissa aikaisemmin,tässä se ei rendaudu kuin muutaman rivin :)
E:kyllä se näkyy tekevän saman,mitä aikaisemminkin,
Manhattan By Night 2: AMD FX-8350@4.6Ghz, Asus 990FX Crosshair V-Z 4x2GB1600hz RAM, Gigabyte Radeon HD6990, Super Flower GGP750W, Corsair H80i Rosewill Armor Evo, Windows 7 Professional 64bit
-yksittäisen uutisen näkymässä sivupalkin hover-transitioanimaatiot otettu pois
-footteria on tummennettu, samalla fonttia tummennettu -> luettavampi
-mukanakulkeva ylämenu ei enää "levene" kun se alkaa kulkemaan mukana
..lisää tulee tässä viikon mittaan, yritetään korjailla pahimpia valitusta aiheuttaneita kohtia mahdollisimman pikaiseen tahtiin :-)
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
Onhan ne siellä näköjään vielä, mutta nyt on oikein hyvä tuollaisena pienenä hillittynä tummenemisena (Joskin sitä voisi ehkä vielä hieman nopeuttaa). :-)
Ei levene ei, kun ei se edes seuraa sivun mukana enää ollenkaan. :-)
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
BitFenix Shinobi windowed | i5 3570K + Corator DS | Samsung 840 120GB | 2x500GB WD HDD | ASUS DC2o GTX 660 | Antec HCG 520W | Kingston Hyper X blue 8GB 1600mhz | Perus dvd-asema | Asus P8Z77-V LX2 || Acer Aspire 7736ZG | T4400 2,2ghz | G210M | 3gb RAM | 250gb HDD | 17" Led Lcd
Tosi hyvännäköinen tällä hetkellä! Vähän hienosäätöä ja kevyitä muutoksia vielä niin valmista kamaa monistettavaksi. Pistän myöhemmin, kun kerkeän pari tarkennusta vielä.
Päinvastoin. Afterdawnissa seurataan aikaa (sisältö) sen sijaan että vain esitettäisiin sivuston ulkoasulla sitä seurattavan. Olisiko niin parempi, että itse sivusto olisi viimeisen päälle laitettu uusimmilla HTML:n, Javascriptin ja CSS:n tarjoamilla mahdollisuuksilla, mutta sisältö olisi täyttä kuraa, koska kaikki aika menisi sivuston päivittämiseen ja hienommaksi tekemiseen?
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
Target lopulliselle launchille on edelleen tammi-helmikuun taitteessa, mikäli mitään pahempaa aivopierua ei enää vastaan tule. Bugeja löytyy varmasti, niistä(kin) saa kertoa jos vastaan tulee :-)
Loppumetreillä tullaan sitten keskittymään sivujen rendautumisnopeuden viilaamiseen kohti Lopullista Tavoitetta[tm] eli "aina alle 2 sekunnin, vaikka tyhjällä cachella".
Toki launchin jälkeen kuuntelemme herkällä korvalla palautetta ja jatkojalostamme saadun palautteen _ja_ statistiikan perusteella eteenpäin.
Petteri Pyyny (pyyny@twitter)
Webmaster
https://AfterDawn.com/
Niin ja täällä (http://www.v5.hardware.fi/uutiset/) oikeassa palkissa näkyy nuo uusimmat uutiskommentit (ne siellä vähän alempana). Sama lista on myös uutisissa siellä oikeassa palkissa. Miksi niissä pitää olla tuollainen iso efekti, kun kursorin liikuttaa päälle? Sitä efektiä voisi pelkistää aika paljon. Muutenkaan musta teksti ei erotu mustalta taustalta järin hyvin. ;-)
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi
Huvittava muuten, että tuon uutislistasivun laidassa olevalle kommentoiduimpien uutisten listalle pääsee ilman yhden ainoaa kommenttia. ;-)
BSOD is a registered trademark of Microsoft Corporation | Windowsin lähdekoodi