interface design 25 interfaces leon kranenburg 14 september 2016 noura dakkak IAD2

Transcriptie

1 interface design 25 interfaces leon kranenburg 14 september 2016 noura dakkak IAD2

2 afstandsbediening fout De drie bovenste knoppen zouden alledrie een aan of uit knop kunnen betekenen. Wanneer ik de tv wil aandoen, druk ik ze alledrie in omdat ik niet weet op welke hij reageert.

3 afstandsbediening In tegendeel tot de vorige, modernere, afstandsbediening, is deze oude veel overzichtelijker. De grote groene knop rechtsboven is voor iedereen makkelijk te herkennen als de aanknop. Verder is de rij leeggelaten en gaan de andere knopjes pas verder beneden deze knop, om verwarring te voorkomen.

4 batterij indicator Door de batterij indicator aan de zijkant van de MacBook, hoef je niet helemaal je laptop open te klappen om te zien hoeveel batterij je nog hebt. Dit kan je gemakkelijk zien door op het knopje te klikken. Ook wanneer je laptop aan het opladen is, kun je aan deze lampjes zien hoever hij al is.

5 slaapstand Wanneer de laptop op slaapstand is, bevindt er zich een lichtje aan de voorkant dat heel rustig in en uit lijkt te ademen, alsof het ligt te slapen. Zo weet de gebruiker zeker dat zijn laptop in een ruststand is en weer wakker word wanneer de laptop open word gezet.

6 roosterapp fout Door te drukken op de klok, verschijnt het menuutje. Ik had nooit geweten dat dit uberhoubt een knop is, laat staan het menu, zonder het aan anderen te vragen. Door iconen te gebruiken die niet gebruikelijk zijn, is de kans groot dat je gebruiker niet zal snappen wat ermee wordt bedoelt. Dat niet alleen, maar het is ook nog eens lastig om in te drukken.

7 yummly Met deze app kun je recepten opslaan en catagoriseren. Je zou dit kunnen doen doormiddel van het Yum -knopje in te drukken en dan later bij je favorieten alle recepten uit elkaar te halen. Dit is je makkelijker gemaakt door een recept naar links te swipen. Je kunt dan direct aanvinken bij welke catagorie je het wilt hebben. Hij slaat het recept dan ook automatisch op bij je favorieten. Dit bespaart tijd en je kunt hierna direct weer verder gaan met scrollen.

8 yummly Dezelfde app als de vorige. Je kunt zoekacties ook filteren. Wanneer je dit hebt gedaan en je klaar bent, kun je heel makkelijk op het kruisje klikken, waardoor alles weer ongefilterd is.

9 oba app fout Bij de app van de bibliotheek kun je heel handig boeken op een verlanglijst plaatsen. Maar wanneer je eindelijk je boekt denkt te gaan lenen en je drukt op 1 van de boeken in je verlanglijstje, kun je niet zien bij welke bieb deze beschikbaar is. Het nut van het verlanglijstje is hierdoor bijna ontnomen, want ik kan er verder niks mee.

10 google maps Ik gebruik altijd Google Maps als ik reisinformatie nodig heb. Je kunt kiezen uit verschillende transport mogelijkheden (zoals OV, fiets of auto). Wat ik hier aan vind is de overzichtelijkheid. Er word gebruik gemaakt van een lijst en een minimum aantal kleuren. Verder word de treinreis (rechterplaatje) duidelijk aangegeven door de grijze balken. De tussenliggende loopstukjes worden aangegeven met rondjes.

11 menubalk Je kunt duidelijk zien bij welke pagina je bent. Wat misschien nog beter was geweest, is dat Gallery in de bovenste menu ook was aangevinkt.

12 gmail mobiel fout Wanneer je je mail wegswipet komen er drie icoontjes in beeld. Maar je moet oppassen, want als je net een verkeerde handeling doet, is je mail opeens weg! Dit is ontzettend irritant want Gmail verteld je ook niet eventjes waar je mailtje dan heen is. Is het in de prullenbak? Ik heb geen flauw idee.

13 magnetron fout Opzich is dit duidelijk, maar niet als je het voor het eerst wilt gebruiken sinds de aanknop verstopt zit onder de draaiknop. Doordat de startknop zwart is, net zoals de magnetron zelf, maakt het nog lastiger om hem te vinden.

14 wasmachine fout Leuke icoontjes, maar wat betekend het allemaal? Waarom is de rechterhelft oranje en de ander grijs?

15 oplader fout Geeft wel aan wanneer hij aan het opladen is, maar niet wanneer hij klaar is.

16 oplader De oplader van de MacBook geeft aan wanneer hij bezig is met opladen (oranje licht) en wanneer je hem eruit kunt halen (groen licht).

17 dali klok fout De wijzer zijn net zo zwart als de Romeinse cijfers, waardoor je ze niet ziet. Op deze foto zijn ze handmatig door de eigenaar roze gekleurd.

18 processing Programmeertalen zijn op zichzelf al ingewikkeld genoeg, dat je ernaast niet ook nog een ingewikkelde interface erbij wilt hebben. Processing is het meest simpele wat je maar kunt bedenken, maar het werkt heel omdat je juist geen afleiding wilt bij het schrijven van je code.

19 inleverprogramma fout In dit programma moet je als student je opdrachten inleveren. De student kan echter zijn geuploade bestanden niet terug zien. Wanneer hij zijn bestand opnieuw wilt uploaden, kan hij de vorige niet verwijderen. Ook weet hij nooit zeker het is gelukt om het bestand te uploaden of niet omdat hij hier geen bevestiging van krijgt.

20 schoolmail fout Wanneer je een van de schoolmail wilt verwijderen, doet hij dit niet direct. Eerst trekt hij een streep door de heen. Vervolgens blijft hij gewoon staan. Ik weet het eigenlijk niet eens zeker, maar volgens mij gaat de mail pas de volgende dag de prullenbak in. Op deze manier is het voor de gebruiker heel lastig om zijn postvak geordend te houden.

21 schakel indicator Wanneer je tijdens het rijden moet schakelen, geven sommige auto s dit aan in de dashboard door middel van een pijltje omhoog of omlaag. Deze subtiele manier van hints geven is niet afleidend en is een mooie manier om de bestuurder te helpen.

22 app verwijderen Wanneer je een app op de iphone wilt verwijderen, hoef je er alleen maar lang op te drukken met je vinger. Dan beginnen alle apps als het ware te trillen, alsof ze bang zijn dat ze worden verwijdert. Het enige wat je nu nog hoeft te doen is op het kruisje klikken.

23 adobe kuler In deze app kun je een kleurensamenstelling maken van je foto s. Het is supergebruikersvriendelijk omdat je zelf kunt bepalen waar de rondjes komen te staan. Niet alleen maar dat, maar als je niet tevreden bent met de kleur, kun je deze nog aanpassen (zie rechterfoto). Uiteindelijk kun je je kleurensamenstelling opslaan.

24 kompas hoek Soms klopt een kompas alleen als je het op een steady tafel hebt neergelegd. Wanneer je deze niet hebt, helpt deze kleine toevoeging je de juiste hoek te vinden. Beweeg je telefoon heen en weer tot de twee witte cirkels bij elkaar komen. Wanneer het op 0 staat, is dit de hoek die je moet hebben.

25 sensor auto Rondom de auto zijn er allerlei sensors. Deze zijn in de interface verwerkt door middel van strepen. De strepen varieren qua kleur: als de auto dichtbij iets staat kleurt het rood en anders is hij oranje. Zo weet de bestuurder hoeveel ruimte hij nog heeft om zich heen en hoeft hij niet uit te stappen.

26 printer Bij elk icoontje staat bij wat ermee wordt bedoeld. En het ziet er nog uit ook. Een voorbeeld voor hoe je icoontjes en tekst kunt combineren. Ook zijn de knoppen makkelijk in te drukken (groot en rubberachtig). De stopknop heeft een duidelijke rode kleur, wat bij de mens is voorgeprogrammeerd als STOP teken.