Je vindt me ook op

Interface Design Nike+ GPS en Nike+ Dashboard

teaser

Nike Runs 510x344

Interface Design Nike+ GPS en Nike+ Dashboard

Nike+ GPS en Nike+ Dashboard… en Excel als work around

Functionaliteit en User Interface Design van Nike+ GPS (iPhone app) en van de Nike+ Dashboard site

Ik laat zien en bespreek:

  • hoe de iPhone app en de Dashboard website een heel verschillende user interface hebben;
  • hoe de iPhone app een twitterbericht genereert onmiddellijk bij het beëindigen van een run, en hoe aan die tweet nog wat te sleutelen is;
  • hoe Nike+ GPS (iPhone) synchroniseert met Nike+ Dashboard;
  • hoe een functionele tekortkoming in zowel de iPhone interface als de Dashboard website eenvoudig opgelost wordt door Excel als gereedschap erbij te nemen;
  • hoe je met behulp van Excel’s rekenwerk een ‘rijkere’ tweet produceert dan de automatisch gegenereerde tweet die de iPhone app voor je maakt;
  • Toegift: User Experience van de interfaces in een videootje.
Over welke tekortkoming gaat het?

Een minpuntje van de voor het overige geweldige app Nike+ GPS is dat zowel de snelheid (en hoogste, laagste) op een bepaald moment, als de gemiddelde snelheid (van een kilometer, mijl, 5 of 10 km of van de totale afstand) uitgedrukt worden in aantal minuten:seconden per kilometer:

Scherm bij start van lopen

Route summary

Route info met hoogste en laagste snelheid

Twitterbericht met gem. snelheid omgerekend naar km/uur

Syncen met Twitter

De automatisch gegenereerde tweet (als je dat in settings aanzet)

De tweet hierboven is niet de tweet die Nike+ GPS automatisch genereert; hiernaast staat die automatisch gegenereerde tweet. In ‘Settings’ kun je aanzetten dat zo’n bericht automatisch wordt gegenereerd, voor Twitter en/of Facebook:

Auto-Share is voor Twitter aangezet

Syncen met Nike+ Dashboard

Op de community-website Nike+ Dashboard worden (als je dat wil) je runs gesynchroniseerd met de data van de runs die op de iPhone app Nike+ GPS zijn opgeslagen.

Automatisch synchroniseren is aangezet

Leuke gegevens vind je bijvoorbeeld in het scherm ‘History’ onder de tab ‘Records’:

je langste afstand, je langste tijd, je snelste 1km, mijl, 5 km en 10 km.

Als je klikt op ‘Fastest 1 Mile’ (9:14) krijg je het scherm met de loop-gegevens van de loop waarin die snelste mijl zit: de 5,09 km run op 17 mei 2011 (zie de twee iPhone screenshots hiernaast).

9:14: tijd van de snelste mijl

de run waarin de snelste mijl zit

Deze laatste functionaliteit (met één klik de gegevens tonen van de run waarin een bepaald record zit) zit niet in de website versie Nike+ Dashboard. Want daar staan alleen ‘My Fastest Runs’ vermeld zonder doorklik-mogelijkheid naar de betreffende run:

de records zoals getoond op de website

Van tijd/km. naar km./uur

Hierboven zagen we al, en hieronder nog eens, de wat karige automatisch gegenereerde tweet en de wat meer informatieve zelf geschreven tweet. In de zelf geredigeerde tweet is de gemiddelde snelheid toegevoegd in km./uur.

Hoe reken je 6 min. 6sec. per km. om in km. per uur?
  • 6 min. + 6 sec. = 366 sec. per km.
  • 366 sec. gaat 3600/366 keer in 1 uur = 9,836 km/uur

Of via de totale tijd en afstand:

Hoe reken je 11,45 km. in 1 uur + 9 min + 48 sec. om in km. per uur?

Reken totale tijd om naar seconden: 1 uur + 9 minuten + 48 seconden = 3600 + 540 + 48 = 4188 seconden;

  • Voor de totale afstand van 11,45 km heb ik nodig gehad 4188 sec.
  • Dus in 1 uur zou zijn afgelegd: 3600/4188 * 11,45 = 9,842 km

Deze tweede berekening is door het veel grotere aantal seconden en kilometers nauwkeuriger dan de eerste berekening.

Excel doet het rekenwerk

Als je voor deze tweede methode Excel het werk wil laten doen, moet je de gegevens invoeren zoals in de figuur hieronder:

 

  • cel A2: totale afstand
  • cel B2: de totale tijd; eigenschap van cel: datum/tijd, aangepaste tijdnotatie; deze notatie heb je alleen nodig als je wil kunnen terugrekenen naar min.:sec per km. (de Nike-weergave), in dit geval opgenomen in cel G2
  • cellen C2:E2: de totale tijd, geknipt in uren (in C2), min. (in D2), sec. (in E2)
  • cel F2: de functie: =3600/((C2*3600)+(D2*60)+E2)*A2
    hiermee wordt het aantal sec. van een uur (3600) gedeeld door het totale aantal gelopen seconden (C2*3600)+(D2*60)+E2); deze breuk wordt vermenigvuldigd met het totale aantal km. (cel A2)
  • cel G2: eigenschap van cel: datum/tijd, aangepaste tijdnotatie: de functie: =B2/A2 totale tijd gedeeld door totale aantal km. 1:09:48 / 11,45

Op deze manier moet je de tijd dus twee keer invoeren. Maar ’t kan makkelijker.
Je hoeft de tijd van cel B2 niet eigenhandig op te knippen, want er is een Excel-functie die dit voor je kan doen:

  • in cel C2 de functie: =UUR(B2) (deze functie haalt uit de genoemde cel (B2) het aantal uren dat daarin voorkomt);
  • in cel D2 de functie: =MINUUT(B2) (deze functie haalt uit de genoemde cel (B2) het aantal minuten dat daarin voorkomt);
  • in cel E2 de functie: =SECONDE(B2) (deze functie haalt uit de genoemde cel (B2) het aantal seconden dat daarin voorkomt);

Als je de genoemde formules één keer ingevoerd hebt hoef je voortaan alleen nog maar totale afstand en totale tijd in te voeren (cellen A2 en B2).
De uren, minuten en seconden in respectievelijk de cellen C2, D2 en E2 worden automatisch ingevuld!

Bewaar het Excel-bestandje in de iPhone en je hebt je eigen omrekenmachientje bij de hand.

de omrekenaar in Excel

de omrekenaar op iPhone, in DocsToGo, Excel

Als je de formule per kolom kopieert naar bijvoorbeeld 25 cellen in dezelfde kolom heb je een gegevensbestand zoals hieronder:

De run met de hoogste gemiddelde snelheid

De cel met groene achtergrond krijg je door voor de hele kolom als voorwaardelijke opmaak voor de cellen te kiezen: in menu: [Opmaak] -> [Voorwaardelijke opmaak…] -> ‘alleen hoogste of laagste’ -> hoogste -> aantal: 1, en voor die regel de gekozen opmaak kiezen: achtergrond…

En Excel maakt een grafische weergave

En als je dan toch zo’n databestandje hebt dat zich wekelijks uitbreidt is het ook wel leuk om in een grafiek per run de afstand weer te geven (blauwe balken, blauwe getallen op primaire y-as) en de gemiddelde snelheid in km/uur (de door de rode lijn verbonden punten, rode getallen op secundaire y-as).

Het is bijvoorbeeld leuk om te zien hoe de gemiddelde snelheid lager ligt bij een relatief grote toename van de gelopen afstand. En als je ziet hoe de rode lijn ook bij een lange afstand dicht in de buurt komt van de hoogste gemiddelde snelheid is er sprake van een motivatie-trigger: de rode lijn zal nog moeten stijgen, het liefst ongeacht de gelopen afstand.

(klik voor vergroting)

De Nike+ Dashboard site doet iets dergelijks ook wel, maar in de staafgrafiek zit niet de gemiddelde snelheid van elke run, althans niet in een overzicht door de grafiek heen. Per run is er wel een mouse-over effect dat gegevens toont van de betreffende run, inclusief de gemiddelde snelheid… in aantal minuten per km, niet in km/uur…

‘My runs’ in Nike+ Dashboard

grafische weergave van runs, met mouse-over effect

UX design: User Experience van de interfaces

De integratie van Nike+ GPS (iPhone app) met de Nike+ Dashboard site en de integratie met Social Media (in dit geval Twitter) geeft een opwindende User Experience. Het videootje geeft daarvan een indruk:

 

Je kan naar dit artikel verwijzen op sociale netwerken:
About Author

Rob le PairDocent - onderzoeker Radboud Universiteit Nijmegen; favoriete thema's op deze site: Persuasive communication, Eindhoven-Philipsdorp, WordPress-design, gebruik van sociale media, running experiences, gardening.View all posts by Rob le Pair →

Leave a Reply