Funktionalitet/muligheder med touch:
Tryk: For at vælge/aktivere, godkende, gå videre.
Swipe: For at åbne, aktivere, godkende, gå videre.
Slide med en finger vertikalt: For at scrolle, gå videre.
Slide med en finger horisontalt: For at gå videre, skifte.
Slide med to fingre mod/væk fra hinanden: For at zoome ind/ud på skærmen.
Ryste: For at blande, godkende.
Hvad er en ”hamburger” menu:
En form for dropdown menu.
Ikonet for den er tre horisontale streger over hinanden (en burger/lagkage).
Ved klik på ”burger” ikonet folder menuen sig ud – typisk skubber den til indholdet på siden eller lægger sig henover det.
Menupunkterne er listet horisontalt ”stablet” oven på hinanden, ligesom lagene i en burger/lagkage.
Typisk brugt på touch devices (samler en normalt lang menu i et “burger” ikon)
Design til touchskærme - en biograf
Jeg har designet en biografhjemmeside, billigbio.dk, der understøtter en del af de ovenstående touch funktionaliteter. Jeg har kun nået at gøre forsiden og burger menuen færdig.
“Burger” menu, logo (der er a-link til forsiden) og søgeknap/forstørrelsesglas i navigationen, der er fixed.
Herunder film der går i biografen. Swipe til venstre på “læs mere” for at læse mere om filmen (komme til en side om filmen), swipe til højre på “køb billet” for at vælge forestilling, sæder og købe billet (komme til bestillingssiden).
Scroll for at se flere film i biografen.
Her er “burger” menuen foldet ud. Har fyldt en række sandsynlige menupunkter på. Klik for på en for at vælge. Klik på krydset, eller forstørrelsesglasset, for at minimere menuen igen.
Her er søgefeltet så foldet ud, klik på søgeknappen/forstørrelsesglasset for at minimere.
Derudover var tanken at man kunne ryste telefonen for at få vist tilfældigt udvalgte film der går i biografen.
I skal nu ved at udtænke en smart løsning gøre det muligt at betjene en browser ved hjælp af kun 2 taster. Man skal kunne alle de samme ting i browseren som man kan ved hjælp af tastatur og mus.
Liste over vigtigste funktioner i en Browser:
Søge efter / skrive URL – Kan vise hjemmesiden.
Navigere på hjemmeside (med aktiverings funktion)
Navigere frem og tilbage mellem besøgte URL’er
Tom URL-side til styring af instillinger og bookmarks samt styingsinstruktioner.
Liste over funktioner i vores browser:
Et klik på A er et ”tab” tilbage, et klik på B er et ”tab” frem.
Et klik på A og B, ”dobbeltklik”, er vælg/aktiver.
Hold A nede for at komme til toppen af siden (tilbage), hold B nede for at komme til bunden af siden.
Klik i søgefelt åbner/aktiverer tastatur:
Specialtegn (nyt tastatur)
På tom URL-side kan indstillinger åbnes, bookmarks ses/vælges og styring læses.
Klikker A+B for at vælge søgefeltet.
Bruger A og B til at navigere gennem tastaturet og bruger A+B til at skrive URL’en.
Holder A nede for at komme tilbage til starten af tastaturet og vælger ”søg” med A+B.
Navigere gennem siden med B indtil det ønskede punkt nås, herefter A+B for at vælge.
Benytter sammen fremgang til resten af sin browsing.
Vil bookmarke siden, så holder A nede for at komme til toppen, klikker A en gang for at komme til søgefeltet, klikker A+B for at aktivere tastaturet/søgefeltet.
Bruger B til at komme til bookmark, bruger A+B til at vælge.
Rydder URL’en med ”ryd” og trykker ”søg” for at komme til tom URL-side.
Holder begge knapper inde i 8 sekunder for at slukke/lukke browseren.
Vi kom ikke særlig langt med designet, da vi fokuserede på at beskrive, hvordan browseren skulle virke. Herunder ses begyndelsen på en grafisk udgave af browseren.