DESIGN PATTERNS AVV 1 ‘‘A design pattern is a formal way of documenting a solution to a common design problem.’’
Naam Omar Vasquez Jesus Studentnummer 500 704 100 Klas DMCI V1-11 Docent H.E.M. van Vugt Vak Design Patterns Opdracht AVV 1 Versie 1.1 Datum 12-9-2015
Inhoudsopgave Behavioral design patterns 3 Slide to unlock Drag & Drop Structural design patterns 4 VLC for android Apple music player Pattern fysiek object 5 Magnetron
Behavioral Slide to unlock
Drag & Drop
Samenvatting probleem De gebruiker wilt zijn telefoonscherm ontgrendelen.
Samenvatting probleem De gebruiker wilt een applicatie of item binnen het menu van de telefoon vast pakken en verplaatsen.
Voorbeeld
Voorbeeld
Andriod unlock scherm iPhone home scherm
Gebruik • Gebruik als de telefoonscherm vergrendeld is • Geruik als het scherm ontgrendeld wordt
Gebruik • Gebruik wanneer er een item (app) verplaats moet worden • Gebruik wanneer je een app wilt verwijderen • Gebruik om apps en items in een lijst te doen • Gebruik voor het slepen van items
Oplossing • Door een natuurlijke slide beweging met je vinger over het scherm, wordt de telefoonscherm ontgrendeld.
Oplossing • Door het langer indrukken op een app of item selecteer je deze, nu kan je dit item verplaatsen, in een map doen of verwijderen.
Rationale Slide to unlock is een pattern die ook voorkomt in de echte wereld denk aan een schuifslot die je openschuift, op deze manier slide je ook met je vinger om het scherm te ontgrendelen.
Rationale Drag & Drop is een erg duidelijk gedrags patroon het vastpakken van een item en het vervolgens slepen naar een andere plek is iets wat we kennen van pc’s maar ook van het dagelijks leven.
iPhone unlock scherm
3
Structural VLC for android
iTunes music player
Samenvatting probleem Muziek bestanden afspelen op je smartphone.
Samenvatting probleem Het kunnen afspelen van de meestvookomende mediabestanden extensies, zowel audio als visueel.
Voorbeeld
Voorbeeld
Cover, controls
Titel, artiest, album
Tijdsbalk, controls
Tijdsbalk, controls Cover
Specificatie nummer
Navigatie,controls
Navigatie,controls
Tijdsbalk Titel, artiest, album Navigatie,contols iTunes music player VLC for android media player
Structuur
Gebruik • Voor het afspelen van muziekbestanden zoals mp3’s • Voor het maken van afspeellijsten • Het kopen en/of streamen van muziek • Voor het organiseren van je audiobestanden Oplossing • Met iTunes voor iPhone is het heel gemmakkelijk je audiobestanden af te spelen, muziek aan te schaffen of voor het maken van een afspeellijst Rationale Op deze app zie je hoe de structuur van de meeste mobiele muziekspelers zijn ontworpen.
Structuur
Structuur
Structuur applicatie
Gebruik • Voor het afspelen van muziek, films, foto’s en video’s • Speel en groot aantal extensies van mediabestanden Oplossing • De VLC for android app is net ls VLC een erg betrouwbare mediaspeler, deze is speciaal op maat gemaakt voor je android smartphone. Rationale Deze app is erg geschikt om de structuur patronen te laten zien die vaak terugkomen bij mediaspelers. 4
Pattern fysiek object Magnetron Samenvatting probleem Een magnetron biedt de gebruiker veel opties en is een veel voorkomend keuken apparaat. Voor snel bereiden, verwarmen of ontdooien van voedsel gebruiken we een magnetron. Het is een veel voorkomend apparaat in bijna elke keuken en is erg efficiĂŤnt en snel te gebruiken. Voorbeeld
Interfaces van verschillende magnetrons
LG magnetron
Rationale Magnetrons bieden veel verschillende opties voor het ontdooien en verwarmen van voedsel, het is een erg innovatief product een heeft de manier waarop we voedsel bereiden en verwarmen drastisch veranderd. Een magnetron is ook een product waar de gebruiker interactie mee heeft doormiddel van de interface die meestal bestaat uit een digitale scherm en knoppen om de gewenste optie te selecteren. Een veel voorkomend product waar mensen bijna dagelijks interactie mee hebben. Interface magnetron
5
Naam Omar Vasquez Jesus Studentnummer 500 704 100 Klas DMCI V1-11 Docent H.E.M. van Vugt Vak Design Patterns Opdracht AVV 1 Versie 1.1 Datum 7-9-2015