Käyttöliittymän suunnittelun perusidea

tekijä: Leena Riitta Kaarina Hiltunen Viimeisin muutos perjantai 08. tammikuuta 2010, 15.21

Seuraavassa on kuvattu lyhyesti käyttöliittymän suunnittelun perusidea. Mieti ensin

  1. mitä toimintoja ja tietoja käyttäjä tarvitsee.
  2. miten käyttäjä loogisesti verkkomateriaalisa etenee.
  3. mitä navigointitoimintoja tarvitaan käyttäjän liikkumista tukemaan.
  4. kuinka käyttäjää autetaan pysymään sijainnissaan ajantasalla.

Tee käyttöliittymästä 'rautalankamalli' paperille.

Käyttöliittymän suunnittelu ja toiminnallisuuden testaus on helpointa paperilla. Piirrä ja suunnittele paperille toiminnot sekä visuaalinen ilme kurssimateriaalin pääsivusta sekä siitä eroavista alisivuista. 'Pöytätestauksella' varmistat, että kaikki tarpeelliset linkit, painikkeet, valikot, jne on mukana

Piirrä sisältösuunnitelman pohjalta kurssimateriaalin käyttöliittymä! Mikä on alasivujen ulkoasu?

Muista ottaa huomioon

  • tarvittavat linkit materiaalin sisällä
  • tarvittavat linkin materiaalin ulkopuolelle
  • linkkien ryhmittely ja tasot
  • loogisuus
  • helppo eteneminen
  • mediaelementtien 'järkevä' käyttö
  • sisällön tukeminen ulkoasulla
  • linkitys -> Hyperteksti!
  • käytetäänkö taulukoita vai kehyksiä?
  • tehdäänko taulukoista skaalautuvia <table width="100%"> vai kiinteitä <table width="600">?
  • onnistuuko sivujen luonti sivupohjaa monistamalla, jolloin täytetään vain sisältö

Hyvä käyttöliittymä vapauttaa ajattelemaan sisältöä! Käyttöliittymä ei saa korostua liikaa.