Universell utforming i mobilapper. INF5261, Instiutt for informatikk 13. oktober 2015

Transkript

1 INF5261, Instiutt for informatikk 13. oktober 2015

2 Agenda Om universell utforming Universell utforming i NRK TV-appen Universell utforming i nrk.no-appen Smartklokker hva og hvorfor Apple TV Spørsmål og råd fra skyttergravene 3

3 Hvem er jeg? Ola Nordbryhn Sivilingeniør fra NTNU ios-utvikler i NRK Jobbet som softwareutvikler i seks år Har laget apper i tre siste av dem Brygger øl, synger i kor, løper Nybakt pappa 4

4 Universell utforming Ikke bare for blinde?

5 Universell utforming Så mange som mulig skal kunne delta uavhengig av funksjonsevne Målet er at alle løsninger skal kunne brukes av alle Hvem trenger uu? Blinde Bevegelseshemmede Fargeblinde Folk med lære- eller konsentrasjonsvansker Eldre En god uu-løsning er en god løsnining 6

6 Definisjon av Universell utforming Enkel og intuitiv i bruk Utformingen skal være lett å forstå uten hensyn til brukerens erfaring, kunnskap, språkferdigheter eller konsentrasjonsnivå. Forståelig informasjon Utformingen skal kommunisere nødvendig informasjon til brukeren på en effektiv måte. Toleranse for feil Utformingen skal minimalisere farer og skader som kan gi ugunstige konsekvenser, eller minimalisere utilsiktede handlinger. Like muligheter for alle Utformingen skal være brukbar og tilgjengelig for personer med ulike ferdigheter. Fleksibel i bruk Uansett individuelle preferanser og ferdigheter. Den synshemmede skal kunne høre, den hørselhemmede se og så videre. Lav fysisk anstrengelse Utformingen skal kunne brukes effektivt og bekvemt med minimum besvær. Størrelse og plass for tilgang og bruk Hensiktsmessig størrelse og plass skal muliggjøre tilgang, rekkevidde, betjening og bruk, uavhengig av brukerens kroppsstørrelse, kroppsstilling og mobilitet. 7

7 8

8 Hva må vi gjøre? WCAG (Web Content Accessibility Guidelines) 2.0 styrer bl.a.: Bilder Farger og kontrast Fokusmarkering Klikkeflater Standard utseende og oppførsel for linker og navigasjon Korrekt HTML Ingen mobilspesifikke regler enda Brukertest! 9

9 NRK TV-appen Først litt historie

10 Den gamle TV-appen 11

11 Design Form og friksjon

12 Tidlig design 13

13 Tidlig design 14

14 Tidlig design 15

15 Dagens design 16

16 Utførelse Hvor godt er godt nok?

17 Utførelse Skjermlesing var ikke designet og implementert inn fra starten Det å legge på i ettertid kostet tid som vi ikke hadde Fikk mye rett ut av boksen men krevde også at vi måtte tenke om og endre flere ting 18

18 Drama Teamleder Designer Utvikler Tilgjengelighet 19

19 Utførelse Akseptabel kontrast i hele appen Lesbar tekststørrelse (> 11pt) i hele appen Skjermlesing for de viktigste oppgavene Både ios og Android Vi er fortsatt ikke i mål 20

20 Problemområder 21

21 Lærdom NESTE gang skal jeg i hvert fall

22 Fallgruver 256 shades of gray Tekst på bilde Liten font er vanskelig å lese ALL CAPS ER UKOMFORTABELT Å LESE!!!! Eyecandy må brukes med omhu 23

23 Lærdom Universell utforming må være tenkt inn allerede fra første designskisse Bygge inn tilgjengelighetsfunksjoner i appen fra starten Det å legge på dette i etterkant tar mye tid..og blir mer komplisert..og kanskje ikke så bra Si ifra hvis noe ikke er bra nok! Vi skal være til for alle. 24

24 Nytt forsøk Teori skal møte praksis

25 Historie igjen 26

26 Ny nrk.no-app for ios og Android Skal vise det viktigste siden sist du var innom appen Sider prefetches og vises umiddelbart når man klikker på en sak Design må være tilgjengelig Predefinerte stilprinsipper Fonter Farger Marger Knapper Enhetlig design på tvers av appene og nettsidene 27

27 Eksempler 28

28

29 Eksempler 30

30 Eksempler 31

31 Eksempler 32

32 Smartklokker Android Wear, Apple Watch

33 Hvor kommer dette til å ende? Kommer ikke til å bli like viktig som smarttelefoner eller nettbrett Først og fremst korte interaksjoner Erstatter de samme interaksjonene på større skjermer Sensorer? For min del: Først og fremst varslinger Begrenset CPU, batteri, skjerm Companion device 34

34 nrk.no på Apple Watch 35

35 Nye enheter for TV Apple TV, Android TV

36 Ny Apple TV, tvos 37

37 Nye markeder, gamle aktører Gjenbruker språk og konsepter kjent fra mobilutvikling Sosial device framfor personlig device Mange store aktører er allerede med Kommer publikum? 38

38 For utviklere Accelerate AudioToolbox AudioUnit AVFoundation AVKit CFNetwork CloudKit CoreBluetooth CoreData CoreFoundation CoreGraphics 39 CoreImage CoreLocation CoreMedia CoreSpotlight CoreText CoreVideo Darwin Foundation GameController GameKit GameplayKit GLKit ImageIO MachO MediaAccessibility MediaPlayer MediaToolbox Metal MetalKit MetalPerformanceSha ders MobileCoreServices ModelIO OpenGLES SceneKit Security simd SpriteKit StoreKit Swift Standard Library SystemConfiguration UIKit

39 Oppsummering Universell utforming design for alle God uu = god design Kampen må vinnes hver dag Smartklokker blir spennende, men ikke grensesprengende Korte interaksjoner, enkelt grensesnitt, veldig personlig Smarte TV er kommer til å endre mediehverdagen Lange interaksjoner, enkelt grensesnitt, sosialt 40

40 SPØRSMÅL? KONTAKT