Yliopistojen erilliset palautteet. Webropol kyselyn tulokset. RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa



Samankaltaiset tiedostot
VERKOSTO GRAAFINEN OHJE

Kiipulan ammattiopisto. Liiketalous ja tietojenkäsittely. Erja Saarinen

Opetusmateriaalin visuaalinen suunnittelu. Kirsi Nousiainen

ARVO - verkkomateriaalien arviointiin

Graafiset ohjeet. Päivitetty I LVI-TU. LVI-Tekniset Urakoitsijat LVI-TU ry I Graafiset ohjeet I 1

PMS 3298 C. (Sanomalehdessä. 100c, 0m, 50y, 5k) PMS 288 C (Sanomalehdessä 95c, 50m, 10y, 5k)

LUOVA ETELÄ-KARJALA LOGO

GRAAFINEN OHJEISTO versio 1.0

ohjeistus retkikerho

Graafinen ohjeistus 03/2016

SISÄLLYS JOHDANTO 5. KUVAT 1. TUNNUS - SANOMA 6. VERKKOSIVUT 2. TUNNUS - KÄYTTÖ 7. TUOTEKORTIT JA ESITTEET. 2.1 Suoja-alue. 7.

GRAAFINEN OHJEISTO OLLILA TRANS OY

Graafinen ohjeistus. Taustaa. Logon elementit. Mittasuhtet. Suoja-alue. Värimääritykset. Logon sijoittelu. Kirjasintyypit eli typografia

G R A A. Kaarinan Pojat ry:n graafinen ohjeistus

Graafinen ohjeistus. Lemmikkilinnut Kaijuli ry

GRAAFINEN OHJEISTO 2017

TIETEENTEKIJÖIDEN LIITTO FORSKARFÖRBUNDET The Finnish Union of University Researchers and Teachers. Graafinen ohjeisto

Tilkkuilijan värit. Saana Karlsson

GRAAFINEN OHJEISTO. kesä 2017 / v.1.0

Arvokas. Graafinen ohjeistus

PYÖRÄLIITON VISUAALINEN OHJE

Graafiset käyttöliittymät Sivunparantelu

Aleksanterinkadun Appro. Tunnusohjeisto

SISÄLLYS 1. YLEISTÄ VAAKUNA TUNNUKSET Puolangan logo Slogan TYPOGRAFIA VÄRIT

GRAAFINEN OHJEISTO Versio 1.0 heinäkuu 2015

Opas Joensuun kaupunginteatterin visuaalisen ilmeen käyttöön

Esteetön PowerPoint-esitys

Graafinen ohjeisto. Päivitetty Suomen Vapaa-ajankalastajien Keskusjärjestö GRAAFINEN OHJEISTO 1

Parasta Lapsille. Graafinen ohjeisto. päivitetty 2016

Graafinen ohjeisto 1

GRAAFINEN OHJEISTO. Mainostoimisto Aada

1 Graafinen ohjeisto

Tampereen ammattikorkeakoulu Verkkokeskustelu > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Kaakkois-Suomen ammattikorkeakoulun opiskelijakunta. Graafinen ohjeisto

Suomen virtuaaliammattikorkeakoulu Business in The EU v. 0.5 > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Saksanpystykorvien värit

Tunnus. 10 mm. Tunnuksen minimikorkeus on 10 mm.

TEKIN VISUAALINEN OHJEISTUS

Graafinen ohjeisto* KESKENERÄINEN PIRAATTIPUOLUE. Visuaalisen suunnittelun ja viestinnän ohjeita Piraattipuolueen sisäiseen ja ulkoiseen viestintään

Tuhat tarinaa hengittäjistä. Hengitysliiton graafinen ohje yhdistyksille

SISÄLLYS. 02 Mobiilimaksu-tunnus 04 Tunnuksen käyttö 07 Värit 08 Typografia 09 Maksunappi 10 Maksunapin sijoittelu 10 Maksuikkuna

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019

Graafinen ohjeistus. 3. versio / 2019

Graafinen ohjeisto Saarijärven kaupunki. saarijarvi.fi

Sisältö. Graafisen ohjeiston tarkoitus 3 Typografia 4-5 Logo ja liikemerkki 6 Värimaailma 7 Huomioitavaa logosta ja väreistä 8 Maskotti 9 Pohjia 10-12

UNISON COFFEE - GRAAFINEN OHJEISTUS

SISÄLLYS SISÄLLYS TUNNUS SUOJA-ALUE JA PIENIN KOKO VÄRIMÄÄRITYKSET TYPOGRAFIA

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE.

GRAAFINEN OHJEISTUS. Ilves ry

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka monivalinta aihio > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Kysely Lukkarin ylläpitäjille

SINIVALKOINEN JALANJÄLKI OHJEISTUS TUNNUKSEN KÄYTÖSTÄ

Kun olet valmis tekemään tilauksen, rekisteröidy sovellukseen seuraavasti:

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE.

MAASEUDUN SIVISTYSLIITON GRAAFINEN OHJEISTO 1.1. Maaseudun Sivistysliiton graafinen ohjeisto 1.1

Metropolia Ammattikorkeakoulu Mediatekniikan koulutusohjelma. Miro Lahdenperä. Visuaalisen suunnittelun raportti VBP06S G

Liune. - tuoteperheen graafinen ohjeistus Aulis Lundell Oy Puh etunimi.sukunimi@aulislundell.fi liune@aulislundell.

Graafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto

Graafinen ohjeistus 5/2012

LOGO 2. LOGO. Autokeskuksen yritystunnus on Autokeskus-logo.

GRAAFFINEN OHJEISTUS TOIMINNANTOTEUTTAJAT

GRAAFINEN OHJEISTO

GRAAFINEN OHJEISTO 1

GRAAFINEN OHJEISTUS. YHTEISTYÖKUMPPANEILLE.

Visuaalinen ilme (luonnos)

Tunnus. Tunnuksen VÄRIVERSIOT. Min. 20 mm

Visuaalinen identiteetti. Graafinen ohjeistus

Dinotski s Stuff. Graafinen ohjeisto

Oulun seudun ammattikorkeakoulu Aineistojen polku kirjastoon > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)

Suunnittelijan sana. 3 Logo 4 Logon eri versiot 5 Logon käyttö 6 Logon virheellinen käyttö 7 Värimaailma 8 Typografia

Hyviä käytäntöjä asiakkaan osallisuutta vahvistavaan kohtaamiseen Kehittäjätyöntekijät: Katriina Kunttu, Eksote Ellinoora Mantere, Rovaniemen

Trendinä sisustus kasvaa edelleen. Yhä useampi meistä edellyttää kauniiden värien ja pintojen lisäksi kestävyyttä, toimivuutta ja helppoa arkea.

RATA-SM -sarjan graafinen ohjeistus Alkusanat Kuvapankki

1.Esipuhe. Esipuhe. Graafinen ohjeisto Rauman Lukko

Visuaalinen käyttöliittymäanalyysi

3D TALO FINLAND OY GRAAFINEN OHJEISTO

Helsingin ammattikorkeakoulu Stadia Verkkosivujen silmäiltävyys ja selailtavuus v. 0.9 > 80 % % % < 50 %

Graafisen ohjeiston sisältö 2

GRAAFINEN OHJEISTUS. Urheiluseura Ilves

WSC7 analysointia Vanha-Ulvila

Graafinen ohjeisto. Graafisessa ohjeistossa linjataan Inaria-brändin visuaalinen ilme ja sen käyttö.

VERKKOSIVUANALYYSI Suomalaisen musiikin tiedotuskeskus FIMIC

GRAAFINEN OHJEISTO KEVYT

Akavan. graafinen ohjeistus

Sammontalo. Koulun henkilökunta

Mikä Emma & Elias? Tunnus...4. Typografia Värit Kuosit...9. Valokuvat Kuvitukset Käyntikortit...12

Tunnus. Tunnusta käytetään ensisijaisesti valkoisella pohjalla vihreä-mustana. Hyrräkuvio on aina vihreä. Tunnuksen minimileveys on 30 mm.

GRAAFINEN OHJEISTO. Päivitetty:

ViNOn graafinen ohjeisto, alpha

GRAAFINEN OHJEISTO 1/2006

TIVIA GRAAFINEN OHJEISTO LOGO VÄRIT TYPOGRAFIA MUODOT

Graafinen ohjeistus Taidekaupunki-logo

INFRA RY:N GRAAFINEN OHJEISTO

2018 Käsikirja. Työllisyys, sosiaaliasiat ja osallisuus

Key to Freedom GRAAFINEN OHJEISTO

Suomen virtuaaliammattikorkeakoulu Teknillinen mekaniikka templateaihio > 80 % % % < 50 % Suhteellinen osuus maksimiarvosta (%)


A-KILTOJEN LI TTO RY A-Kiltojen Liitto ry - Graafinen ohjeistus 4/2019

Teollisuusliitto Graafinen Ohjeisto Graafinen Ohjeisto

Emma & Elias on RAY:n avustusohjelma lasten ja perheiden hyväksi. Ohjelma toteutetaan yhteistyössä Lastensuojelun Keskusliiton kanssa.

Transkriptio:

Palvelukonsortion johtoryhmän kokous 3-2011- 3.10.2011 RAPORTTI 2 Uudet värit portaaliin Testipäivä: 26.9.2011 sekä kysely Webropolissa Yliopistojen erilliset palautteet Helsingin yliopisto LIITE R1 Turun yliopisto LIITE R2 Webropol kyselyn tulokset Vastaajia: 11 Vastaajia poistettu: 1 Vastanneiden yliopistot: Aalto-yliopisto: 3 Jyväskylän yliopisto: 3 Tampereen teknillinen yliopisto: 1 Åbo Akademi: 1 Hanken: 1 Oulun yliopisto: 1 1

Häiritseekö sinua jokin vanhoissa, olemassa olevissa sivuissa? Mikä ja miksi? voimakas oranssi ja vihreä värisävy tekee sivuista raskaan ja levottoman näköiset Värimaailma on vanhentunut ja värejä on käytössä liikaa. Ei sovi kauhean hyvin Aallon avoimen muuhun värimaailmaan omilla sivuistoilla. Elementit ja värit ovat raskaat. Ei häiritse mikään. 70 luvun tyyli, värit ja vastavärit ärsytti Värimaailma on vanhanaikainen Vihreää on liiaksi. Valkoinen raikastaisi näkymää. Pääsivulla tekstipalkki voisi olla lukemista helpottavasti kapeampi. Turhan monta eri väriä sekä niiden vahvat sävyt ja vastavärien käyttö. Värit ovat pirteitä mutta vähempi määrä olisi selkeämpi. Mikä vanhoissa, olemassa olevien sivujen ilmeessa on mielestäsi hyvää? Miksi? Minusta sivut ovat aina olleet sekavat, vaikea sanoa, mikä on hyvää... Hakutulosten sivunäkymät ovat paremmat, joskin niissäkin oranssit oppiaineiden otsikot ovat häiritseviä. Oranssi väri herättää ja vangitsee katseen. 2

Selkeys, luettavuus. osittainen selkeys Melko selkeät ja luettavat Kattava järjestelmä helpottaa opintojen löytämistä ja vertailua. Selkeä rakenne. Löydän asiat helposti, mutta olen käyttänyt ohjelmaa todella pitkään. Kts edelllinen vastaus. Mieluummin värejä kuin pelkkää mustaa ja valkoista. Annan vanhojen, olemassa olevien sivujen ilmeelle kokonaisarvosanaksi... 3,2 Jos vastasit todella huono tai huono, miten muuttaisit asiaa? Oransseja otsikkoja jäin miettimään, löytyisikö niiden tilalle jokin muu värisävy, fontti tai fontinkoko, joka erottuisi sivulta katsojalle selkeästi. Mielestäni oranssi ei sovi ympärillä olevien värisävyjen kanssa. Mielestäni vanha ja uusi ovat aikalailla yhtä hyviä. Uusi on neutraalimpi ja sopii paremmin Aallon avoimen muihin sivuihin, mutta myös hieman tylsemmän näköinen kuin vanha. 3

Tykkään enemmän tasavärisistä kentistä, koska ne näkyvät selkeämmin sekä kuvaruudulla että tulosteessa. Fontit ovat "himmeämmät" kuin vanhassa -> eivät näy kunnolla! Esteettömyys huomioitava! Vaaleansininen fontti on liian vaalea, ja mustakin näyttää harmahtavalta. Fontteja pitäisi mielestäni terävöittää ja tummentaa. Fontit erottuvat melko heikosti valkoiselta pohjalta. Erottumisongelma koskee sekä mustia että sinisiä fontteja. Aiempi versio oli siis tältä osin luettavampi. Vihreää väriä raikastaisin kirkkaammaksi. Toivoisin, että käyttöön otettaisiin vanha logo (a ja kiemura). Tätä logoa voisi käyttää hyväksi sivustolla eri paikoissa ja sivustojen markkinoinnissa. Vaihtaisin värin toiseen, mutta jotta avoimeen liittyvä oranssi väri tuotemerkkinä säilyisi ainakin osittain, ehostaisin logon käyttämistä oranssin värisenä. Tekstit ja otsikot saisivat olla yhtenäisempää värimaailmaa, esim. sininen ja vihreä ilman räväköitä vastavärejä. Ymmärrän toki brändin säilyttämistarpeen. Annan uudelle ehdotetulle ilmeelle kokonaisarvosanaksi... 2,3 Visuaalisen ilmeen muutos on mielestäni... 1,3 1 = Tarpeellinen toimenpide 2 = Tarpeetonta ajanhukkaa Perustele vastauksesi (jatkoa edelliseen) Visuaalista ilmettä on syytä päivittää ajanmukaiseksi. Kaikki oheistuotteet, julisteet, tarrat, postikortit yms. ovat vanhan ilmeen mukaiset enkä usko avoimilla yliopistoilla olevan liiemmälti varaa uuden ilmeen mukaisiin oheistuotteisiin. Hyvä että ilmettä freesataan. Visuaalisen ilmeen muutos ei paranna sisällössä tärkeiden elementtien löydettävyyttä sivustolta. Erilaisilla grafiikkakorteilla ja eri tavoin kalibroiduilla väriasetuksilla ihmisten tietokoneissa liukuvat värit ja viivoitetut taustat saattavat heikentää merkittävästi luettavuutta. Uusi versio helpompi integroida sekä tuntuu modernimmalta. Ei kuitenkaan eriä niin paljon että estäisi käyttämästä nykyistä markkinointimateriaalia. edellinen vanhanaikainen ja aggressiivinen, nyt harmoninen Modernisointi on tarpeen 4

Vastaa väittämään, jos haluat radikaalimman muutoksen sivuille: Yliopistoni on valmis laittamaan visuaalisen ilmeen uudistukseen kehitysrahaa. 1,9 Vastauksia: 7 1 = Kyllä on 2 = Ei ole Verrataan vanha vs uusi värimaailma Vanha vs. uusi värimaailma kokonaisarvosanat: Vanha: 3,2 Uusi: 2,3 5

Yhteenveto: Vanhassa pidetään rakenteesta ja selkeydestä, mutta ei pidetä väreistä ja elementtien raskaudesta. Kokonaisuutena vanhat sivut saivat arvosanaksi keskiverto. Uuden sivun elementit saivat kokonaisvaltaisesti paremmat arvosanat, mutta oranssia logoa kaivattiin takaisin. Oransseja otsikkoja sen sijaan toivottiin vaihdettavaksi pois. Mustat fontit olivat liian vaaleat, samoin siniset linkit. Kokonaisvaltaisesti uudet sivut saivat arvosanaksi hyvä. Värien muutos koettiin tarpeelliseksi toimenpiteeksi, mutta pelättiin vanhojen mainosmateriaalien puolesta. Liukuvärien pelättiin vaikeuttavan lukemista. Yliopistot eivät ole valmiita maksamaan ilmeen uudistuksesta. 6