Design guidelines – Designing for Apple Watch – Navigasjonstyper
Design guidelines
Trond Klakken | @trondkla
All images and videos are property of Apple Inc.
Notater- Når man designer er det 3 ting som er viktig
Personlig
- Den er en del av kroppen din
Holistisk
- Midt i mellom ett fysisk objekt og software
- Taptic engine, rister
- Force touch
- Gå i ett, ingen skille mellom software og hardware
Lettvekt
- Kjapp
- Kaste ett blikk
- Privat
- Kjapp, ofte og på en liten skjerm
Navigasjonstyper
- 2 hovedtyper
Side-basert
- Enklere datamodeller
- Ligner glances
Hierarki
- Mer komplekse apps
- Klikk for å komme til underside
Brukerinteraksjon
- Ned pil
Tap
- Gjør handlinger med enkelt tap. Knapper, brytere, rader...
Gestures
- Vertikal swipe for å scrolle
- Horisontal swipe for å bytte side
- Venstre topp for å gå til foreldreside
Force touch
- Trykke sterkere for å vise en meny med ekstravalg, istede for masse knapper
The digital crown
- Presisjonsscrolling
- Trykk inn for å velge
- Trykk inn for å gå til home
Glances
- Android widgets / Windows tiles
- Templates
- No scroll
- Click to open app with context
- Optional
Notifications
- To typer
Short-Look Notifications
- Kommer først, dukker opp uansett
- Smakebit av detaljert
- Detaljert kommer hvis man ser på eller trykker på
Custom Long-Look Notifications
- Maks 4 knapper
Modal
- Kritiske oppgaver
- Enkeltoppgaver
- Bruker må gjøre valg for å gå videre
Generelle guidelines
- Bruk scrolling / høyden
- Ikke fler enn 3 i bredden
- Bruk ikoner
- Bruk full bredde
- Trenger ikke marginer rundt (bezel på siden av klokken)
- Bruk full bredde knapper
Meny
- Hold ned for å vise meny
- Hold ned over stoppeklokke for å velge type
Skjermstørrelse
- Bruk relative størrelser
- Vis det samme
Farger
- Bruker farger
- Svar bakgrunnsfarge som står i stil med bezel rundt
- Bruk app's hovedfarge for markering
- Høy kontrast
Typografi
- Lesbarhet
- Bruk dynamic type (endrer seg så det er lesbart uansett størrelse)
- Bruk bare en font
- Gjerne standardfont