JukseApp

I dag har de fleste mulighet til å se nettsider, direkte på mobiltelefonen. Ved å publisere en presentasjon på nettet kan vi dermed lage noe som fremstår som en app med mange ulike former for funksjoner og medietyper.

I dette eksemplet bruker vi Google Presentasjoner. Det første vi må gjøre er å sette opp presentasjonens "Innstillinger" slik at dette sammenfaller noenlunde med mobiltelefonens skjermstørrelse. Vi må velge om presentasjonen skal ses i vertikalt eller horisontalt format, og dette må være likt gjennom hele presentasjonen.

I dette tilfellet bruker vi et vertikalt format og regner med at mobilene som benyttes har et sideforhold på 9:16, konkret en bredde på 1080 piksler og en høyde på 1920 piksler.

Mobilskjermene blir større, men sideforholdet holder seg noenlunde likt. Sideforholdet 9:16 vil dermed kunne dekke mange forskjellige enheter.

Nedenfor ser vi fem sider med ulike innholdstyper:

  1. Forsiden med knapper og klikkbare linker
    – QR-koden fjernes når denne publiseres – Slik lager du QR-koder

  2. En side med tekstfelt og en lyd– Lyder publiseres via Google drive og legges deretter inn i presentasjonen
    Spille inn lyder i nettleseren

  3. En video – Fra YouTube

  4. En animasjon
    – Litt om å lage animasjoner ved hjelp av presentasjonsprogramvare

  5. En link til sfærisk (360) bilde
    – Mer om sfæriske medier
    Publisere sfæriske vandringer
    – Noen eksempler på sfæriske bilder

Se selve presentasjonen direkte i nettleseren.

Eksempel på en animasjon laget i Google presentasjoner:


Når vi har de tekniske sidene av "jukseappen" på plass er tiden kommet til å tenke på det som er viktigst:

  • Innhold

    • Her lager vi innhold for en relativt liten skjerm, i et format som ikke kan scrolles. Det betyr korte og poengterte tekster. Om vi skal fortelle mer må vi lage et hierarki, og vurdere informasjonen etter betydning.

    • Skriv gjerne med og til bilder!

  • Struktur

    • Ikke for mange valg per side

    • Helst ikke mer enn tre undernivåer. Holde dere til to hvis mulig

  • Navigasjon

    • Enkel grafikk som henger sammen med navigasjon

    • Brukeren må alltid kunne komme seg tilbake, men også videre

  • Grafisk design

    • Hold det enkelt og tydelige.

    • Knytt noe grafikk til tema. Det gjør navigeringen mye enklere.

Et enkelt hierarki:

Skolen vår – "App"-DEMO