1 / 20

Rakenteen ja ilmeen määrittelystä konseptissa

Rakenteen ja ilmeen määrittelystä konseptissa. Konseptisuunnittelu Konseptisuunnitelman sisällöstä. Konseptisuunnitelmassa kuvaillaan Projektin tausta Käyttäjäryhmät  tarpeet ja odotukset Palvelun visuaalinen ilme ja rakenne

guido
Download Presentation

Rakenteen ja ilmeen määrittelystä konseptissa

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Rakenteen ja ilmeen määrittelystä konseptissa

  2. KonseptisuunnitteluKonseptisuunnitelman sisällöstä Konseptisuunnitelmassa kuvaillaan • Projektin tausta • Käyttäjäryhmät  tarpeet ja odotukset • Palvelun visuaalinen ilme ja rakenne • Perustellaan mediaelementtien valinta ja vuorovaikutuskeinojen käyttö Lisäksi konseptissa voidaan kuvailla: • Palvelun missio • Brändiä • Kilpailijoita ! Konseptissa tulee huomioida asiakkaan liiketoiminnan strategiset tavoitteet

  3. KonseptisuunnitteluInformaatioarkkitehtuuri Informaatioarkkitehtuuri = tietosisältöjen rakenteellinen kokonaisuus. Tarkoituksena on määritellä tietosisältö loogiseksi kokonaisuudeksi niin käyttäjän kuin ylläpitäjänkin kannalta. • Miten sisältö jäsennellään? • Millainen rakenne? • Selkeä kokonaisuus? • Kokeile eri näkökulmia ja eri vaihtoehtoja • Testaa ulkopuolisella ennen lopullisen päätöksen tekoa

  4. KonseptisuunnitteluInformaatioarkkitehtuuri Informaatioarkkitehtuurin peruskomponentit voidaan määritellä mm. seuraavalla tavalla • Informaation järjestäminen • Nimeämiskäytännöt • Navigointijärjestelmä • Hakujärjestelmä

  5. KonseptisuunnitteluSisällön jaottelua Mitä sisältöä sivuille tulee ja kuinka se jaotellaan? • Vanhojen sivujen analysointia • Keskustelut asiakkaan kanssa mahdollisista muutoksista Jaottelun jälkeen • Nimeäminen • Raudat • Visu

  6. KonseptisuunnitteluSisällön suunnittelua Informaatioarkkitehtuuria työstetään nimenomaan konseptissa. Strategisten ja sisällöllisten tavoitteiden lisäksi konseptissa kuvataan itse palvelua. Suunnittelijoiden työkaluina ovat mm. • Rautalankamallit • Mielikuvakartat

  7. KonseptisuunnitteluWireframe eli rautalankamalli Kustannustehokas työtapa • kaikki muutokset vielä mahdollisia • paljastaa virheet • helpottaa eri käyttöliittymien vertailua Sketching: Visual Thinking Power Tool

  8. KonseptisuunnitteluWireframe eli rautalankamalli Havainnollistaa sivun ulkoasua symbolien avulla Näyttää • sisällön • toiminnalliset elementit • navigaation Kuvahaku wireframe

  9. KonseptisuunnitteluWireframe eli rautalankamalli Rautalankamalli helpottaa asiakasta (myös tiimiä) hahmottamaan sivujen sisällön • mitä tulee millekin sivulle • mihin tavara sivulla asettuu ja miksi • mikä on suhde muuhun materiaaliin sivulla  visuaalisuus tuodaan mukaan seuraavaksiLuettavaksiEsimerkki 1 Nike

  10. KonseptisuunnitteluWireframe eli rautalankamalli  käyttöliittymä Sivupohjaa suunniteltaessa, muista: • Standardielementit • Käytetäänkö metaforia • Symbolit? • Yhdenmukaisuus • Muuttumattomuus • Palaute

  11. KonseptisuunnitteluNavigointi sivuilla Sivupohjaa suunniteltaessa, muista: • Kuinka sivuilla liikutaan? Esimerkkejä erilaisista navigointitavoista  • Kuinka käyttäjä liikkuu kokonaisuudessa? • Entä yhden sivun sisällä? • ”Missä käyttäjä on nyt? Entä mistä hän tuli ja minne hän on menossa?“ Kuinka varmistetaan ettei käyttäjä eksy?

  12. KonseptisuunnitteluNavigointi sivuilla - testaus Rakenteen ja navigoinnin toimivuus todetaan testaustilanteessa: • Onko virheitä paljon? • Ovatko ne toistuvia vai satunnaisia? • Vaatiiko koko navigointijärjestelmän muutosta?

  13. 5 1 4 6 haku 3 otsikko 2 tekstikenttä kuva väliotsikko tekstikenttä video Mitä lähes jokaisessa rautalankamallissa tulee olla? 1. Global navigation 2. Local navigation 3. Sivukohtainen sisältö 4. Administrative navigation (sis. Usein mm. sivukartta, yhteydenotto, info) 5. Title 6. Haku

  14. Ilmeestä sananen…

  15. KonseptisuunnitteluVisuaalisuudesta • Miltä sivusto näyttää? • Kuinka ilme viestii asiakkaan brändiä? • Kuinka ilme palvelee käytettävyyttä? • Mitä valittu ilme viestii?  voit käyttää apuna ”mielikuvatauluja” joista asiakas valitsee parhaiten heille sopivan ilmeen esim. K-Instituutti

  16. KonseptisuunnitteluVisuaalinen ilme Mielikuvataulut voivat näyttää myös tältä:

  17. KonseptisuunnitteluVisuaalisuudesta • Miltä sivusto näyttää? • Kuinka ilme viestii asiakkaan brändiä? • Kuinka ilme palvelee käytettävyyttä? • Mitä valittu ilme viestii? • Mielikuvataulujen lisäksi mm. Värikartta ja kuvamaailma auttavat hahmottamaan oman palvelun suhdetta kilpailijoihin:

  18. Visuaalisen ilmeen luomisesta (asiakkaan kanssa) Kuvamaailman ymmärtämisessä pätee usein sama problematiikka.  benchmarkkauksen avulla autat asiakasta kiinnittämään huomiota kuvamaailmaan ja sen luomiin mielikuviin

More Related