Fillarikanavan layout hahmotelmia
Openfeedback.org
Widgetit eri sivustoilla Fillarikanavan tähän astiset visumateriaalit Näihin tarvitaan tekstit, mieluiten asap
Tässä pari hahmotelmaa layoutin yleislinjauksista. Hahmotelmat ovat sinällään hyvin alustavia, lähinnä rakenteen ja värimaailmaa olen niissä lähtenyt rakentamaan. Tosin kun tämä näyttö on mitä on, niin värimaailma voi todellisuudessa olla vielä hakusessa, mutta tarkennan sitä puolta sitten kun saan uuden näytön.
Kaksi ensimmäistä hahmotelmaa perustuvat fixed-background ajatukselle ja oikeastaan ratkaiseva ero näissä on lähinnä valokuva- vs. vektoritausta ja tuo gridin ero. Kaksi jälkimmäistä taas ovat enemmän perinteisellä taustakuva-ajatuksella ja ovat näin hieman visuaalisesti kevyempiä.
Värimaailmaa lähdin hahmottelemaan sellaisesta vehreästä ja ilmavasta kaupunkikuvasta. Siis vihreä - taivaansininen - harmaa olisivat nähdäkseni sopivat tähän.
Sellanen asia jäi vielä mietityttämään, että mikä ton palvelun lopullinen nimi ja rakenne tulevat olemaan? Näiden asioiden tietäminen helpottaisi hahmottelua hieman.
--Juhana 16. huhtikuuta 2009 kello 14.18 (EEST)
Sisällysluettelo |
Luukkuja
Yksisuuntainen pikkuluukku, esim. ksv:n sivulle.
Yksisuuntainen 160x600 bannerikokostandardia toteuttava luukku. Esim. blogiin tai muulle sivustolle.
Konsepteja
Default tekstimoodi
Tältä näyttää, jos klikkaa kuvaikonia
Mielestäni tällainen sopisi viestin jättöön etusivulle joko kartan ylä- tai alapuolelle. Ehkä kaytännössä alapuoli olisi parempi, niin sitten samankaltaisten viestien näyttö voisi tapahtua sen alla.
- Käyttäjäkuvan tilalla olisi anonyyminaama ja rekisteröitymiskehoitus, mikäli ei olisi kirjautunut sisään
- Sijainnin paikalla olisi "Aseta kommenttisi kartalle" nappula ... esim Juhanan harmaa karttapohjaikoni
Layout 1.
- Selkeä ja ilmava... 2.0 pyöreyskin miellyttää ainakin minua, kolmen pääfunktion jako toimii visuaalisesti.--apoikola 16. huhtikuuta 2009 kello 20.00 (EEST)
- Miksi erilaiset karttanastat, kuin muissa? Nuo reiman pyöräkyllttinastat ovat kivempia, mutta vievät kyllä melkoisesti tilaa kartalta...--apoikola 16. huhtikuuta 2009 kello 20.00 (EEST)
.
.
.
.
.
.
. . .
.
Layout 1.1
- Kehittelin tota ensimmäistä nyt eteenpäin. Lisäsin kommentointi osuuden ja muokkasin muutenkin eteenpäin. Oletan, että jonkinlainen palvelukuvaus on oltava ensimmäisellä sivulla? --Juhana 17. huhtikuuta 2009 kello 10.54 (EEST)
.
.
.
.
.
. .
.
.
.
.
.
Layout 1.2
- Jatkoin kehittelyä 17.4. palaverissa käydyn keskustelun pohjalta, siitä mitä etusivulla on tulee peruskäyttäjällä ensimmäisenä vastaan. Uusi näyttökin tuli, jee. --Juhana 20. huhtikuuta 2009 kello 12.22 (EEST)
- Hyvältä näyttää. Mielestäni suosituimpien ja uusimpien viestien näyttämisen voisi jotenkin visuaalisesti yhdistää... nehän ajavat samaa asiaa, eli osoittavat kävijöille, että he eivät le yksin ja ohjaavat uteliaat lukemaan muiden palautteita. Muuten on mennyt parempaan suuntaan, mutta se hyvä idea siitä, miten harmaan kartan aktivoimalla voi liittää oman palautteen kartalle meni nyt pesuveden mukana... jokin korvaava tapa osoittaa oman palautteenpaikka isolta kartalta pitäisi olla. Ja toinen tärkeä juttu on se näyttö, mihin tulee tekstinä ne dynaamisesti haetut "samankaltaiset" palautteet silloin, kun viestiä ollaan jättämässä.--apoikola 21. huhtikuuta 2009 kello 09.50 (EEST)
Nyt olisi tärkeää funtsia koko sivuston rakennetta...
- mitä ihan oikeasti on link1, link2 jne linkkien takana (tuskin niitä tarvitaan ihan noin montaa), palvelukuvaus, selaus, vidgetgeneraattori...
- mitä tapahtuu (ruudulla), kun painaa jätä viesti/tallenna nappia
- miltä näyttää selausnäkymä (timemap ja eri filtterikriteerit)
.
.
.
. .
.
.
.
. .
.
. Layout 1.3
- Tässä olisi vielä yksi versio, johon laitoin tuon rakenteen palikat oikeille kohdilleen. Lisäsin Facebook Connect -nappulan, ja kun kaupungissa ollaan niin lisäilin pari kerrostaloa tuonne taustalle ja pari pilveä taivaalle. Nyt pitäisi vielä päättää, että mitä valintoja tulee etusivun vitkutin-palkkiin ja samoin, että millä perusteella tuosta selaa-palkista annetaan noita erilaisia listauksia. Pistin nyt vaan "jotain" visuaalisuuden vuoksi. Onko tuolle "Yhteistyökumppanit" palkille muuten tarvetta, vai otanko sen pois? --Juhana 22. huhtikuuta 2009 kello 09.57 (EEST)
.
.
.
.
.
.
.
.
.
.
.
Rakenne
Ehdotus koko sivuston rakenteeksi. Kaksi perus gridileiskaa, joista toista käytetään etusivulla ja toista kaikilla muilla. Etusivulla tabit ovat toiminnallisia, mutta niistä siirrytään smoothisti vastaaville monipuolisemmille työkalusivuille heti kun lisää tilaa tarvitaan. Pääasiallisia työnäkymiä ova 1) viestin jättö. 2) viestien selaus ja 3) vitkutingeneraattori. Lisäksi tulisi vielä näkymä yhden viestin/viestiketjun näyttöön ja viestin kommentointiin. Toiminnallisesti pitää miettiä, miten siirtymät eri näkymien välillä tapahtuu smoothisti.
Rakenneehdotukset tehty Firefoxin pencil plugarilla.
Pencil file löytyy SVN:stä
Etusivu
- Otsikko ja navi osuudet olisivat samat etusivulla ja kaikilla muillakin sivuilla
- Etusivun tabit ovat toiminnallisia, mutta tilan puutteen vuoksi niiden kautta mahdollinen toiminta voi olla rajoitetumpaa, kuin niitä vastaavilla työkalusivuilla
Viestin jättö
- Näkymä, jossa on rinnakkain yksinkertainen tekstikenttä, harmaannutettu karttapohja (aseta viestisi kartalle) ja viestilistaus. Viestilistaus ja kartta ovat aluksi tyhjiä (toinen vaihtoehto on näyttää oletuksena "uusimmat ja suosituimmat")
- Kun tekstikenttään kirjoittaa se päivittää dynaamisesti viestilistausta ja
Viestien selaaminen
- Näkymä, jossa on kartalla ja tekstilistauksena oletusarvoisesti suosituimmat JA uusimmat viestit. (Käytännössä voidaan tehdä niin, että uusien viestien suosituimmuusarvoa pidetään pinnalla vähän aikaa keinotekoisesti, jotta niillä on mahdollisuus näkyvyyden avulla saavuttaa oikeaa suosiota, mikäli niiden sisältö siihen oikeuttaa.)
- Tagi, aika, tekstihaku yms. filteröintimahdollisuudet, jotka päivittävät dynaamisesti yllä mainittua karttaa ja tekstilistauksia.
Vitkutingeneraattori
Muut leiskat
Layout 2.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Layout 3.
- Oli puhetta siitä, että valokuvat voisi säästää funktionaalisiksi kuviksi, joita kansalaiset lähettelevät, mutta entäs jos leiskassa olisikin tilaa kuvalle, joka olisi vaihtuva ja kansalaisen lähettämä, tyyliin kuukauden pyörätie tms.--apoikola 16. huhtikuuta 2009 kello 20.02 (EEST)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Layout 4.
- Katkeaa vähän omituisesti mustan rajalla, yläkerran kuvioitu musta on sinänsä makee ja sitä voisi hyödyntää jossain muualla.--apoikola 16. huhtikuuta 2009 kello 19.57 (EEST)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
