AfterDawn logo

AfterDawnin uusi ulkoasu, AfterDawn v5, julkaistiin

Petteri Pyyny Petteri Pyyny
8 kommenttia

Kuten tarkkasilmäiset lukijamme ovatkin jo huomanneet, AfterDawnin ulkoasu uudistui rankalla kädellä juhannusviikolla. Kyseessä on vuosia hitaasti ja hartaudella hierottu uudistettu ulkoasumme, joka uskallettiin vihdoin siirtää käyttöön kaikelle kansalle.

Projektinimellä v5 kulkeva sivusto on uudistettu käytännössä kaikin mahdollisin tavoin. Tärkein muutos on tietysti se, että sivusto on vihdoinkin responsiivinen, eli sama sivusto toimii sellaisenaan niin kännykällä kuin tietokoneellakin.

Samalla vanha dawn.fi -mobiilisivumme pääsi eläkkeelle ja toimii jatkossa vain uudelleenohjaavana lyhytosoitteena, joka vie varsinaiseen AfterDawnin sivustoon.

Teknisesti paljon muutakin on pistetty uusiksi: iso päämäärämme on ollut tehdä sivustosta niin vikkelästi latautuva kuin vain suinkin mahdollista. Tuolla osa-alueella on vielä jonkin verran työtä tehtävänä, mutta ensimmäiset mittaustulokset sivuston todellisesta nopeudesta ovat jo nyt varsin rohkaisevia.

Siellä täällä uutuudessa on vielä pieniä bugeja, puutteita ja kosmeettisia kömmähdyksiä. Näistä on kerätty backlogille iso määrä tekemistä tuleviksi kuukausiksi. Isoimmat, käyttäjille näkyvät tekniset puutteet koskevat nyt uutiskommentointia, joka ei ole vielä likimainkaan sillä tasolla kuin se edellisessä versiossa oli. Yritämme saada tuon puolen kuntoon kesän mittaan.


Edellinen sivustoversiomme ehti palvella vuodesta 2009 lähtien, joten sen osalta ehdimmekin korjailemaan isoimmat ongelmat vuosien saatossa varsin pitkälti kuntoon. Tällä kertaa lastentaudeista kuitenkin yritetään päästä eroon vähän nopeammin kuin viimeksi.

Tiedossa olevat isoimmat ongelmakohdat sekä kehityskohteet listattuna kuitenkin tässä:

  • uutisten kommentoinnin toiminnot kuntoon
  • anonyymi uutiskommentointi mahdolliseksi
  • tumma teema, kyllä, sekin on suunnitelmissa
  • tietyissä kohdissa mm. Firefoxilla näkyy teksti "Web sharing API not supported" - tämä korjataan
  • etusivun uutisnostoissa on toisinaan sama uutinen kahteen kertaan
  • keskustelualueiden uudistus on putkessa seuraavana, aikataulu on vielä avoin


Kuten aina, palaute ja kehitysideat ovat tervetulleita.

8 KOMMENTTIA

Kevyt1231/8

Miksi hyvä ja selkeä sivu piti mennä pilaamaan uudella ulkoasulla? Ei kyllä jatkossa viitsi tämän sivuston uutisia lukea kun ulkoasu ihan huono ja epäselvä.

ToweriLi2/8

Tekstit katkeavat pahasti sivun vasemman reunan uutisotsikkolaatikoissa.
Firefox 101.0.1 (64 bit) ja Windows 11.

Esim:
Edge-selain kuluttaa nyt vähemmän suoriti...
pelatessa

[Edit: Sivun uudelleenpäivitys korjaa tilanteen.]

Sefriol3/8

Huvittavaa sinäänsä, että mobiiliversio sivusta on paljon käytettävämpi kuin työpöytäversio ihan kotikoneella.

1. Työpöytäkäyttöön sivussa on aivan liikaa ilmaa.
2. Kun uutisen avaa, niin et näe muuta kuin otsikon ja uutiskuvan.
3. Kommettiosiota päsee lukemaan maksimissaan kolme lyhyttä kommenttia kerrallaan.
4. Vasemman palkin uutislistaukseen mahtuu 6-7 uutista kerrallaan. Työpöytäkäytössä tämä on tilanhaaskausta. Kaikenlisäksi sininen overlay tekee kuvista vaikeaselkoisia. Suosittelen näiden uudelleen suunnittelemista kokonaan. Idea ei sinäänsä ole kuitenkaan huono, sillä käytin dawn.fi :tä työpöytäkäytössä sen selkouden takia koko tämän ajan.
5. Somenappulat näkyvät uutisissa sekä uutisen alussa, sivussa, että lopussa. Sivunappuloille on annettu jostain syystä puolet artikkelin leveydestä tilaa. Turhaa.
6. Artikkelisuositukset voisi toteuttaa samaan tapaan kuin vasemman laidan uutislistaukset. Enemmän infoa että koska luotu, paljonko on kommentteja yms.

dRD4/8

Kiitos, hyviä kommentteja. Vastaillaan näihin ihan perusteltuihin kohtiin:

Lainaus:

1. Työpöytäkäyttöön sivussa on aivan liikaa ilmaa.

ja

Sivunappuloille on annettu jostain syystä puolet artikkelin leveydestä tilaa. Turhaa.

Artikkelin leipätekstin leveys oli asia, jota pyöriteltiin paljon ja kauan. Kuin myös fontin koko. Fonttikokoa on suurennettu aiemmasta merkittävästi. Samalla on sitten tongittu kymmeniä käytettävyystutkimuksia ja niiden mukaan optimi rivin pituus on 50-70 merkkiä, sisältäen välilyönnit ja erikoismerkit. Pyrittiin saavuttamaan suurinpiirtein tuo desktopilla.

Eli kyseinen rivipituus on se, jolla lukeminen pitäisi olla kaikkein helpointa ja nopeinta lukijalle.

Lainaus:

Kun uutisen avaa, niin et näe muuta kuin otsikon ja uutiskuvan.

Mitäs ehdotat ratkaisuksi? Kuvan pienentämistä merkittävästi? Kuvan poistamista kokonaan?

Lainaus:

Kommettiosiota päsee lukemaan maksimissaan kolme lyhyttä kommenttia kerrallaan.

Tässä ilmeisesti tarkoitat sitä, että pystysuunnassa ei "mahdu" kuin kolme kommenttia kerrallaan, johtuen rivin pituudesta ja fonttikoosta?

Sama vastaus kuin aiempaan, eli yritettiin tehdä mahdollisimman pitkälti tutkimustietoa vastaava malli, joka olisi helpoin mahdollinen lukea.

Lainaus:

Kaikenlisäksi sininen overlay tekee kuvista vaikeaselkoisia.

Tämän allekirjoitan. Overlay tekee tietyissä tilanteissa tuosta vähän vaikeaselkoisen. Koetamme keksiä tähän parempaa ratkaisua. Tiiviimmin noita tuskin listataan, kun halutaan toisaalta välttää sellaista piperrysluetteloa, jossa silmä ei osu mihinkään - vaan reilummin tilaa kullekin kohdalle. Mutta - jälleen- overlay tekee tuosta vähän "pötköä".

Lainaus:

Somenappulat näkyvät uutisissa sekä uutisen alussa, sivussa, että lopussa. Sivunappuloille on annettu jostain syystä puolet artikkelin leveydestä tilaa. Turhaa.

Se tila on siellä joka tapauksessa, aiemmin mainituista typografisista valinnoista johtuen, joten "sama käyttää tyhjä tila johonkin suht hyödylliseen" :-)

Lainaus:

Artikkelisuositukset voisi toteuttaa samaan tapaan kuin vasemman laidan uutislistaukset. Enemmän infoa että koska luotu, paljonko on kommentteja yms.

Viittaat noihin uutisen alla oleviin nostoihin ilmeisesti. Joo, samaa mieltä, pitää funtsia niille muun sivuston kanssa yhtenevämpi ratkaisu. Ne tulevat nyt itse asiassa HIGH.FI'n lukuwidgetin kautta, jota ei ole juurikaan tyylitelty yhteneväksi vielä muun sivuston osalta.

Kiitoksia, hyvää palautetta!

OneMember5/8

Mobiili näyttää toimivan hyvin, ainakin Android 12 + Chrome 103 yhdistelmällä.

RikuZ6/8

Vanha oli paljon toimivampi. Onko olemassa jotain teema yms. valintaa jolla saisi vanhan ulkoasun käyttöön?

Sefriol7/8

Ei näytä vastaustoiminto toimivan näissä kommenteissa itellä.

Enivei.

Otsikon ja/tai kuvan voisi suoraan laittaa osaksi uutisartikkelia. Nyt ne tuntuu erillisiltä. Kuva nyt on ainakin liian iso ja voisi noudataa uutisartikkelin maksimileveyttä. Otsikkoakin voisi suoralta kädeltä pienentää.

Vaikka artikkelin haluaakin pitää kapeana, niin sivusta on silloin turha myös tehdä leveämpää kuin se on. Monet lehdet käyttävät yhtä kapeaa leipätekstiä, mutta pitävät myös loput käyttöliittymä elementit lähellä itse leipätekstiä. Tällöin tyhjä tila jää kokonaisuudessaan sivuille.

Jos haluaa tilaa käyttää johonkin, niin vasemman puolen artikkelilistausta voi halutessaan leventää, että kuvan ja otsikon saa irrotettua taikka laitettua aika ja kommenttimäärien tapaan jonkinlaisella taustalla kuvan alaosaan.

Tai laittaa kommentit artikkelin rinnalle sen oikealle puolelle.

Ehkä hyvä miettiä otsikoiden pituuksia myös artikkelia kirjoitteassa. Lyhyt ja ytimekäs. Pari otsiakkoa näkyy olevan usean rivin pituisia. En sitten tiedä mitä tutkimusta olette otsikoinneistanne tehneet. Ehkä olis hyvä lisätä aihepiiri uutiseen jonkinlaisella tag-systeemillä? Otsikkoja voisi täten saada lyhyemmäksi. Esim #Diili, #Arvostelu yms. Tagin voisi näyttää kommenttien ja ajan tavoin. Ehkä.

Leipätekstin fonttikoon voisi vaihtaa 15px. Ainakin itelle heti paljon mukavampi lukea.
Kappalevälin on noin 20px (ylä+ala). Sen voisi laskea 15px hujakoille.

Koko sivuston header on valtavan suuri. Yleensä useat sivut pinentää headeria scrollattaessa, jossa kommenteille ja leipätekstille jäisi enemmän tilaa.

Search-toiminto osaksi vasemman puolen uutislistausta?

Teemu098/8

Hienoa, että sivusto on saanut uuden ilmeen. Omalta osaltani toivoisin, pienten bugien korjailun lisäksi, että etusivun ensimmäiseen osioon nostettaisiin enemmän uusia uutisia nykyisen yhden sijaan.

Entisenä dawn.fi käyttäjänä oli huomattavasti helpompi päästä käsiksi uusimpiin uutisiin, sillä nykyään joutuu aina scrollaamaan mm. puhelimella oikeaan kohtaan.

Mikäli tähän ei voi tehdä muutosta niin onnistuisiko edes se, että Uutiset -sivulle nostettaisiin myös hardwaren ja puhelinvertailun uutiset?

Pienempiä bugeja, jos näitä ei vielä teillä ole ylhäällä:
kirjaudu.afterdawn.com -> Page title: "Kirjaudu tai rekister?idy AfterDawniin".
Rekisteröitymisen yhteydessä tulee myös em. symbooli (https://en.wikipedia.org/wiki/Specials_(Unicode_block))
"K?ytt?j?tunnus ei saa sis?lt?? erikoismerkkej? eik? skandeja."
"S?hk?postiosoite on jo k?yt?ss?!"

Ainakin uutiset sivulla menee vasen palkki footerin päälle:
https://imgur.com/nbAgMtz

TÄMÄN UUTISEN KOMMENTOINTI ON PÄÄTTYNYT