Leiska / UI

Back to BETA TEST O

Yleistä käyttöliittymään liittyvää höpinää tänne.

Jännä. Ottaa hetken aikaa tottua ja löytää pikkuasiat :)

Joo, ei ihme etenki ku 95% niistä vielä puuttuu ja loput 5% luultavasti vielä elää sijainnin, toiminnan ja ulkomuodon suhteen :D Mutta hiljalleen! Tarkotus ois tosiaan saada elementtejä sellasille paikoille mistä niitä saattais etsiä, ei vain sellasille paikoille missä ne kaikkialla muualla on (joskin melko käsi kädessähän toi menee jos on tottunu käyttää webasivuja)..

Kaikki ideat otetaan toki vastaan et esim jos oot sivulla X ja haluisit tehä asian Y, ni mistä kohtaa ekana lähtisit ettii sitä nappulaa jos et ois jo oppinu ulkoa.

pääleiska heiluu sivusuunnassa kun klikkailee noita päälinkkejä.

Home, Venue , Photos, Music, blogs ja Groups pysyy samoissa ja
Events, Forum, ja Member o vähä vasemmalla noihi muihi nähden.

Etusivusta olisi nasta saada pystysuunnassa tiiviimpi, ettei tarttis selata vaan voisi klikata suoraan mihin on suuntaamassa. Esim. tuo klubitus logo tuohon navigointipalkin vasemmalle puolelle ja siitä graafinen väliosa pois,
tms. Tietysti jättäisi siihen mainospaikkaoption, jolloin tuo luonnollisesti taas venyy, mutta se on riittävän ymmärrettävää :)

Graafisesta ilmeestä - Itse ainakin arvostaisin hyvinkin paljon simppelimpää ja värittömämpää perusleiskaa, jota sitten tarpeen
vaatiessa voi modata haluamallaan tavalla. Huomiota herättämätön on mukavampi töissä ja julkisilla paikoilla surffatessa.

Leipäteksti ja navigointifontit on priimaa, ja yleinen UI on muutamilla
hiomisilla varmasti pro.

Älkää ihmetelkö leiskan hajoilua, meneillään vähä isompia sisäisiä rakenteen muutoksia ja testailuja :)

Oon oikeastaan sanonut tän jo aikaisemmin, mutta sanonpa vielä uudestaan:

Leiskan sisältöpalstan ja navipalstan keskinäinen kokosuhde on aika erikoinen ja yhtälailla erikoiselta tuntuu päätös siirtää sisältöpalsta vasemmanpuolimmaiseksi. Sisältöpalsta on nyt niin helkkarin kapea, että se ehdottomasti houkuttaa käyttömään Layout-asetuksena Wideä, mutta niin tehdessä sisältöpalsta pompsahtaa äärivasemmalle (siinä missä ensisijainen sisältö on vuosia pyritty webissä tuomaan keskelle ruutua) ja ainakin musta se tuntuu hankalalta.

En oikein ymmärrä myöskään "New Events"- & "Active Topics"-listausten toistoa fat footerissa.

Palstojen paikka ja koko on tosiaan vaihdellu devauksen edetessä, tällä hetkellä perusteluina kauniit ajatukset on laittanu palstat näin, koska:

  • silmä skannaa vasemmalta ylhäältä oikeelle alas, vanhassa klubbarissa sisältö oli lähes viimenen mihin silmä eksy, skannaussuunnassa kaikista kauin elementti (ellei footteria lasketa) - uudessa yritetty saada ns. oikea sisältö niin 'helposti' nähtäväks ku mahdollista (joskin nytkin aika kauas yläreunasta jää)
  • silmä lepää kultasen leikkauksen kanssa, vasen ja oikee palsta noudattelee kultasta leikkausta niin lähelle mitä käytössä oleva ~12 palstanen gridi antaa myötä
  • nykyisellä aavistuksen isommalla fonttikoolla riville mahtuvien merkkien määrä on nyt melko lähellä suositeltua määrää jotta lukeminen ei räjäyttäis päätä (ainaki englanniks)


Mutta joo, itekään en oo vielä ihan vakuuttunu tän toimivuudesta, aina ei ns. oikea tapa oo se mihin on tottunu tai mikä muuten vaan tuntuu paremmalta. Eniten tässä itseä häiritsee tosiaan mittasuhde, eli voi hyvin olla että jossain vaiheessa levennän vasenta palstaa oikeen kustannuksella ja samalla suurennan fonttikokoa et merkkimäärä pysyy about samana.. Ongelmana vaan on että seuraava pykälä gridissä vetää oikeen palstan aika kaposeks eikä siihen enää mahdu 300 pikselin levynen standardimainosboksi :( Aika pitkälle mainosten kokojen mukaan on joutunu leiskan suunnittelee, mikä sukkaa äässiä.

Eiiiih, yksi pikainen kommentti: kun kirjoittaa viestiä ja klikkaa vahingossa jotain muuta linkkiä => paluu edelliselle sivulle => kirjoitettu teksti katoaa. Ei kiva nimim. just kirjoitin raamatun verran kommentteja käytettävyydestä :)

Nooh, jospa painan nyt "save" ja kirjoitan uuden viestin tähän perään.

FFFUUUUUU-, klikkasin muuten taas tosta oikeasta laidasta noita linkkejä kun piti valita hiirellä tekstiä => toinen raamatullinen tekstiä katosi taivaan tuuliin.

Ehdotus: Pitäiskö näiden kirjoitus- ja oikean laidan kentän välille lisätä reippaasti paddingia? Tai vaihtoehtoisesti sivut koodattua sellaisiksi, että linkin klikkaaminen ei kadota jo kirjoitettua tekstiä?

Nyt pitää kyllä lähteä kotiin, eli koitan saada kirjoitettua nuo muut parannusehdotukset illemmalla!


Ehdotus: Pitäiskö näiden kirjoitus- ja oikean laidan kentän välille lisätä reippaasti paddingia? Tai vaihtoehtoisesti sivut koodattua sellaisiksi, että linkin klikkaaminen ei kadota jo kirjoitettua tekstiä?


Lisää pädää on toki tulossa, oikeessa reunassa sitä ei tällä hetkelä oo juuri lainkaan. Seuraavan kerran ku tuunailen taas vähä leiskaa oikeeseen suuntaan ni tarkotus ois saada taas marginit ja paddingit kohilleen ja rivit ruotuun :)

Samoin jossain vaiheessa tulee auto-save postaukseen a'la gmail niin ei käy vahingoja.

Thanks Anqqa! En ehtinyt enää eilen illalla kirjoittamaan tuota palautetta, mutta kokeillaanpa nyt uudelleen ja tällä kertaa copypaste Notepadin kautta!

Leiska tuntuu muutaman tunnin käytön jälkeen toimivan, vaikka totuttelua tämä tietty vaatii. Muutama foorumin käytettävyyteen liittyvä asia tuli kyllä mieleen:

- Oikean puolen palkin Active - New - Areas näkymät / näkymien erot tuntuvat hieman hämäriltä. Active ja New näkymien erojen hahmottaminen vaati oman aikansa, eli näiden nimiä voisi ehkä muuttaa hieman paremmin kuvaaviksi (Latest posts / New topics tjsp)? Muutenkin näiden sisältöä voisi ehkä miettiä uudelleen, tästä lisää tuolla alempana.

- Oikean puolen palkkinäkymän muuttuminen Areas - Active välillä riippuen siitä millä alueella pyöritään tuntuu hieman häiritsevältä. Foorumin "pääsivulla" oltaessa oikeassa laidassa oleva listaus foorumin alueista toimii kuten pitääkin, mutta aluetta / ketjua klikattaessa oikean laidan valinta vaihtuukin "Active" näkymäksi. Tämä tuntuu hankaloittavan ainakin omaa foorumin käyttöä, koska nuo pääkäytössä olevat navigointielementit eivät ole aina samalla paikalla ja jokaisen sivun avaamisen jälkeen joutuu lukemaan pari riviä oikeasta palkista, jotta ymmärtää onko navigoimassa alueita, vai ketjuja. Lisäksi tuo näkymän vaihtuminen Areas => Active välillä tarkoittaa käytännössä yhtä ylimääräistä hiirennapin painallusta kun eri alueiden välillä siirtyminen vaatii vaihdon Active => Areas välillä, tai vaihtoehtoisesti on mentävä ylälaidan "Forum" linkistä jolloin Areas-näkymä tulee taas oikeaan palkkiin. Yksi hiirennapin painallus ei kuulosta pahalta, mutta mielestäni nykyinen toiminta ei ole optimaalinen käytettävyyden kannalta.

Eli parannusehdotuksia / avoimia kysymyksiä muille betan käyttäjille:

Vasen / Oikea palkki ja niiden sisältö:
- Oikeanpuoleisen palkin sisällön voisi oletuksena lukita näyttämään aina "Areas" näkymää
- Käyttäjille voisi joka tapauksessa antaa mahdollisuuden valita haluamansa oikean palkin default-näkymä siitä riippuen selaako foorumin pääsivua, foorumin aluetta vai ketjua. Eli samaan tyyliin kuin virallisella klubbarilla on mahdollisuus valita uusien viestien näkymä s-m-l välillä.
- Jos / kun navigointielementit pysyvät vakiona, sivujen selaamisesta tulee huomattavasti helpompaa kun jokaisen sivulatauksen jälkeen ei tarvitse "käyttää aivoja" ja lukea linkin sisältöä, vaan voi luottaa omaan koordinaatiokykyyn / lihasmuistiin ja klikata aina sitä vakiopaikalla olevaa linkkiä joka vie sinne minne haluaakin.
- Active / New näkymien sisältöä voisi miettiä, eli pitäisikö aluetta x selatessa Active/New näkymissä näyttää esim. kyseisen alueen aktiiviset / uudet ketjut ja taas foorumin pääsivua selatessa näyttää koko foorumin tuoreimmat ketjut?

Yleisesti kirjoittamisesta:

- Ketjuun vastaamisesta ja omista vaikeuksista jo kommentoinkin (oon käsi), mutta se tuli mieleen että voisiko tuon vastaamisen toteuttaa samaan tapaan kuin nykyinen oman viestin muokkaus (ts. ketjun perään aukeaisi tyhjä kenttä johon voisi kirjoittaa viestin)? Tästä olisi etuna se, että näkisi mitä ketjuun on aiemmin kirjoitettu ja vastaukset olisi helpompi kohdistaa esim. aiemmin kirjoittaneille käyttäjille. Plussana / toiveena olisi myös se, että tuossa näkymässä voisi käydä klikkaamassa eri viesteissä "Quote" näppäintä, jolloin tuohon tyhjään palkkiin ilmestyisi kursorin kohdalle Quote-tageilla varustettu lainaus viestistä. Helpottaisi lainaamista / vastaamista huomattavasti.

Ja lisähuomiona myös se, että ainakaan minulla tuo "New topic" nappulan painaminen aiheuttaa ainoastaan siirtymisen foorumin pääsivulle, eikä uutta topikkia voi luoda. Lisäksi tuon nappulan painaminen aiheuttaa satunnaisesti uloskirjautumisen ja ohjautumisen beta.klubitus.org kirjautumissivulle. Vai pitäisikö tuon toimia jo?

Narrow/wide ei tunnu muistavan asetusta. Ts. kun klikkaa wideksi ja sitten jotain Home/Events/yms valikosta niin leiska palautuu kapeaksi.

Narrow/wide ei tunnu muistavan asetusta. Ts. kun klikkaa wideksi ja sitten jotain Home/Events/yms valikosta niin leiska palautuu kapeaksi.


Nyt toimii :) Samalla lisätty nappula jolla saa pääsisällön keskelle.

Welcome tu klubitus -listauksesta vois poistaa avatarit. Tulee hurjasti tyhjää rakoa ja leiska venyy korkeussuunnassa ihan tolkuttomasti :( Tai sitte siihen vois laittaa vaihtoehdot asetuskiin: "Show avatars / list 20, 30, 50, 100 new shits" tms :)

Ehkä huvittavinta tällä koneella (12" näyttö, 1024x768 reso) on narrow-layoutin koko, se on n. 2px leveämpi kuin wide :D

Lisäksi kummastuttaa eri tabien ja nappuloiden ylä- ja (osin myös ala=paddingien massiivisuus. Jokseenkin vie tarpeettomasti tilaa. Save ja cancel-nappulat ovat muuten niin lähellä toisiaan että todennäköisesti kyseessä on bugi joka ilmenee safarilla (koska galtsun-sijainti featuressa on sama keissi, en tiedä jaksoinko korjata)

Nykyiseen sivupohjaan pari ehdotusta.

1) Päänavigointi-tabien fonttia isommaksi. Vaikka mulla onkin täysin normaali näkö, niin noita joutuu tihrustamaan. Parempi kontrastikin auttaa.

2) Oikealla puolella olevat bannerit voisi siirtää sisältöalueen ulkopuolelle ja tiivistää sisältöaluetta bannerin leveyden verran. Eli kokonaisleveys säilyy, mutta bannerit erotetaan paremmin sisällöstä. Näin vasenta palstaa voisi leventää ja palstojen välinen ero olisi selkeämpi.

3) IMO Georgia tai muu serif -fontti ei oikein sovi tähän ilmeeseen. Nykyään on jo tarjolla paljon ilmaisia ja kaupalliseen käyttöön sopivia fontteja, mitä voi embeddata @font-face:lla. Eli vähän modernimpaa fonttia hakisin vaikka otsikoihin.

Muutama nopea huomio mitä ihan näin ensipläräilyllä tulee mieleen:

- Etusivun "kuka teki mitä teki" feedi on liian... iso. Ensimmäisenä mietin että voisko siitä poistaa avatarit, tai lisätä mahdollisuuden siihen, ja erotella ne toisistaan jollain muulla tapaa?
(Noin muutenkaan en ehkä odottaisi etusivulla näkeväni kuinka joku mulle täysin tuntematon ihminen on lisännyt tapahtuman suosikkeihin :D )

- Forumille siirtyessä ensimmäisenä tulee mieleen että aluenavigointi vasemmalla toimii. Tykkään. Sitten taas tuosta uudet postit, ja myös foorum alueet kun menee ihan "forum areas" linkin kautta, tyylisestä laatikoinnista en niin paljon tykkää. Tai ehkä se vika ei ole se laatikointi oikeastaan, vaan lähinnä fontti.

- Kalenterissa oikeastaan ei muuta "vikaa" kuin tuo sama fontti, josta en niin pidä.

Tokihan nämä on kaikki ihan puhtaasti mun omia mielipiteitä, ja itse oon hirveän minimalistisen ja pienieleisen suunnittelun ystävä, joten.. Niin. My 2 cents :)

EDIT: OCS'n kanssa oon samaa mieltä bannereista. Ne istuisi mun silmään paljon paremmin sisältöalueen ulkopuolelle.

Muutama juttu mikä tuli ensimmäisenä mieleen.

Sivun otsikon ja alaotsikoiden fontissa pitäisi olla enemmän välistystä. Nyt luettavuus kärsii. Koittaisin myös boldata ainakin pääotsikot, jos se erottaisi paremmin.

Threadia katsoessa hieman häiritsee, että kirjoittajan tiedot näkyy vain hoverina, yksittäisiä viestejä ei ole selkeästi erotettu toisistaan, sekä quotessa on ehkä hieman liikaa ilmaa (marginaalia) ylhäällä (ainakin uusimmalla Chromella katsottuna).

Sivun otsikon ja alaotsikoiden fontissa pitäisi olla enemmän välistystä. Nyt luettavuus kärsii. Koittaisin myös boldata ainakin pääotsikot, jos se erottaisi paremmin.

Threadia katsoessa hieman häiritsee, että kirjoittajan tiedot näkyy vain hoverina, yksittäisiä viestejä ei ole selkeästi erotettu toisistaan, sekä quotessa on ehkä hieman liikaa ilmaa (marginaalia) ylhäällä (ainakin uusimmalla Chromella katsottuna).


Jees, tän keskiosan leiskaus onki pahiten vielä vaiheessa, mutta pidetään nää havainnot mielessä kun viilailen hieman kunnompaan :)

O