Het artikel bespreekt de specifieke methode van app-installatie op macOS via .dmg-bestanden (disk images). De auteur analyseert hoe ontwikkelaars aangepaste Finder-vensters creëren om gebruikers te instrueren de app naar de map Programma's te slepen. Er wordt ingegaan op diverse designelementen zoals pijlen, achtergronden en de toepassing van Gestalt-psychologie, terwijl ook de verschuiving naar de App Store wordt benoemd.
“Als Windows-gebruiker is het een heel surrealistische manier om een programma te installeren.”
De reis is echter nog niet voorbij. Hoewel je de app direct vanaf de virtuele schijf kunt draaien, zal deze schijf verdwijnen na een herstart of zodra je hem uitwerpt. Daarom is het in het belang van de app om een permanentere plek voor zichzelf voor te stellen.
Veel apps doen dit door creatief gebruik te maken van een aantal opties in Finder. Deze opties zijn voor iedereen beschikbaar in elke map, maar staan wellicht nietstreeks bekend. Het proces verloopt als volgt:
- De werkbalk, de zijbalk en alle andere balken worden verwijderd.
- Er wordt overgeschakeld naar de pictogramweergave (icon view) en de juiste afmetingen van het venster worden gekozen.
- Er wordt een koppeling naar de map Programma's toegevoegd.
- Als laatste ingrediënt wordt er een aangepaste achtergrond geplaatst die gebruikmaakt van het feit dat de grootte en positie van alle iconen bekend zijn.
Na deze aanpassing lijkt het Finder-venster bijna op een gespecialiseerd app-venster. Deze methode wordt gebruikt om de gebruiker te instrueren de app naar de permanente map te slepen.
Er zitten positieve elementen in deze flow: het slepen van een app-icoon naar de map Programma's is consistent met andere gebaren die je op een Mac gebruikt. Bovendien leert het de gebruiker dat een app simpelweg een bestand is dat overal geplaatst kan worden, of weggegooid kan worden in de prullenbak als het niet meer nodig is.
Over het algemeen voelt het echter behoorlijk verwarrend. Het leidt tot onnodige "zwevende" schijven en bijbehorende problemen.
Mijn doel hier is niet om de flow zelf opnieuw te beoordelen, maar om te kijken naar enkele van die aangepaste Finder-vensters. Ze zijn in zekere zin een specifieke ontwerp-speeltuin geworden met precies genoeg beperkingen om het interessant te maken: een app-icoon, een avatar van de map Programma's, een pijl ertussen, een typische afmeting en een bitmap-achtergrond die alles samenbindt.
(Andere historische "speeltuinen" waar ontwerpers enthousiast over werden: rekenmachine-apps, weer-apps, Twitter-clients... en buiten de pixels om, horlogewijzerplaten of stoelen.)
Hieronder volgt een overzicht van de best gemaakte of meest interessante uitwerkingen van het "sleep naar Programma's"-proces.
De pijlen
Het eerste logische startpunt voor experimenten is de pijl. Deze kan in elke vorm en kleur worden uitgevoerd, of zelfs helemaal niet lijken op een pijl.
Ongebruikelijke richting
Hoewel het in westerse culturen gebruikelijk is dat tijd en flows van links naar rechts bewegen, betekent dit niet dat we geen andere as kunnen kiezen voor de installatiepijl.
Specifiekere instructies
Sommige ontwerpers beperken zich niet tot de pijl alleen en sieren het venster op met expliciete tekstinstructies.
- Sommigen voegen een eenvoudige stappenlijst toe.
- Anderen verdelen de stappen anders en proberen ook de "opruiming" te adresseren, zodat de gebruiker niet eindigt met een zwevende schijf.
- Er zijn minimalistische versies waarbij de pijl van de koppeling zelf dient als actiepijl; omdat men de koppeling kan hernoemen, wordt deze simpelweg omgevormd tot een set instructies.
- Sommige versies mengen passieve instructies en actieve objecten op een manier die bijna aanvoelt als een invultekst (mad libs), wat overigens vragen oproept over de duidelijkheid.
Scènes met iconen
Een andere interessante trend is het gebruik van de dimensionaliteit van de iconen zelf, om deze in een soort "echte wereld" te plaatsen.
Problemen met Gestalt
Sommige ontwerpen vertonen problemen op het gebied van Gestalt-psychologie (de manier waarop we visuele elementen groeperen).
- Een sterke links-naar-rechts richting kan verwarring zaaien: probeert de gebruiker de linker blauwe map op de rechter te slepen?
- Het negeren van conventies bij het gebruik van pijlen kan ervoor zorgen dat de actie onnatuurlijk aanvoelt.
- In sommige gevallen voelt het ontwerp, ondanks de pijl, als een 2×2 raster van gelijkwaardige elementen, wat kan worden misverstaan als "sleep twee items naar de andere twee items".
Andere mechanismen
Niet alle apps kiezen voor het sleepmechanisme met een pijl; sommige mogen dit niet eens. Er zijn diverse alternatieve uitwerkingen die minder traditioneel zijn.
Visuele uitspattingen
Sommige apps gaan heel ver in hun visuele presentatie. Een modern voorbeeld is Inkscape. De achtergronden van hun Finder-vensters worden ontworpen door gebruikers op de website en worden bij elke grote release vernieuwd. Door verschillende versies van Inkscape te downloaden, is deze evolutie duidelijk zichtbaar.
Tegenwoordig
Tegenwoordig komen veel apps uit de App Store en slaan ze de Finder-flow volledig over. Toch zijn er uitzonderingen. Firefox verdient bijvoorbeeld complimenten voor het feit dat zij hun Finder-installatievenster al jarenlang mooi en elegant hebben gehouden. Ook nu nog zijn er prachtige moderne voorbeelden van apps die vragen om het icoon te slepen.
***
Dank aan Chris Messina voor het samenstellen van de Disk Images-collectie die uitgebreid is gebruikt voor dit artikel. Aanvullende dank gaat uit naar Jean-Michel Durand, Mindaugas Rudokas, Louie Mantia, Colin, mimi, Jeremy Visser, Luke Dorny, Oskars en Peter Tripp. De titel is gebaseerd op een reactie op een social media-post waarin werd gevraagd om goede voorbeelden.
“Als Windows-gebruiker is het een heel surrealistische manier om een programma te installeren.”
De reis is echter nog niet voorbij. Hoewel je de app direct vanaf de virtuele schijf kunt draaien, zal deze schijf verdwijnen na een herstart of zodra je hem uitwerpt. Daarom is het in het belang van de app om een permanentere plek voor zichzelf voor te stellen.
Veel apps doen dit door creatief gebruik te maken van een aantal opties in Finder. Deze opties zijn voor iedereen beschikbaar in elke map, maar staan wellicht nietstreeks bekend. Het proces verloopt als volgt:
- De werkbalk, de zijbalk en alle andere balken worden verwijderd.
- Er wordt overgeschakeld naar de pictogramweergave (icon view) en de juiste afmetingen van het venster worden gekozen.
- Er wordt een koppeling naar de map Programma's toegevoegd.
- Als laatste ingrediënt wordt er een aangepaste achtergrond geplaatst die gebruikmaakt van het feit dat de grootte en positie van alle iconen bekend zijn.
Na deze aanpassing lijkt het Finder-venster bijna op een gespecialiseerd app-venster. Deze methode wordt gebruikt om de gebruiker te instrueren de app naar de permanente map te slepen.
Er zitten positieve elementen in deze flow: het slepen van een app-icoon naar de map Programma's is consistent met andere gebaren die je op een Mac gebruikt. Bovendien leert het de gebruiker dat een app simpelweg een bestand is dat overal geplaatst kan worden, of weggegooid kan worden in de prullenbak als het niet meer nodig is.
Over het algemeen voelt het echter behoorlijk verwarrend. Het leidt tot onnodige "zwevende" schijven en bijbehorende problemen.
Mijn doel hier is niet om de flow zelf opnieuw te beoordelen, maar om te kijken naar enkele van die aangepaste Finder-vensters. Ze zijn in zekere zin een specifieke ontwerp-speeltuin geworden met precies genoeg beperkingen om het interessant te maken: een app-icoon, een avatar van de map Programma's, een pijl ertussen, een typische afmeting en een bitmap-achtergrond die alles samenbindt.
(Andere historische "speeltuinen" waar ontwerpers enthousiast over werden: rekenmachine-apps, weer-apps, Twitter-clients... en buiten de pixels om, horlogewijzerplaten of stoelen.)
Hieronder volgt een overzicht van de best gemaakte of meest interessante uitwerkingen van het "sleep naar Programma's"-proces.
De pijlen
Het eerste logische startpunt voor experimenten is de pijl. Deze kan in elke vorm en kleur worden uitgevoerd, of zelfs helemaal niet lijken op een pijl.
Ongebruikelijke richting
Hoewel het in westerse culturen gebruikelijk is dat tijd en flows van links naar rechts bewegen, betekent dit niet dat we geen andere as kunnen kiezen voor de installatiepijl.
Specifiekere instructies
Sommige ontwerpers beperken zich niet tot de pijl alleen en sieren het venster op met expliciete tekstinstructies.
- Sommigen voegen een eenvoudige stappenlijst toe.
- Anderen verdelen de stappen anders en proberen ook de "opruiming" te adresseren, zodat de gebruiker niet eindigt met een zwevende schijf.
- Er zijn minimalistische versies waarbij de pijl van de koppeling zelf dient als actiepijl; omdat men de koppeling kan hernoemen, wordt deze simpelweg omgevormd tot een set instructies.
- Sommige versies mengen passieve instructies en actieve objecten op een manier die bijna aanvoelt als een invultekst (mad libs), wat overigens vragen oproept over de duidelijkheid.
Scènes met iconen
Een andere interessante trend is het gebruik van de dimensionaliteit van de iconen zelf, om deze in een soort "echte wereld" te plaatsen.
Problemen met Gestalt
Sommige ontwerpen vertonen problemen op het gebied van Gestalt-psychologie (de manier waarop we visuele elementen groeperen).
- Een sterke links-naar-rechts richting kan verwarring zaaien: probeert de gebruiker de linker blauwe map op de rechter te slepen?
- Het negeren van conventies bij het gebruik van pijlen kan ervoor zorgen dat de actie onnatuurlijk aanvoelt.
- In sommige gevallen voelt het ontwerp, ondanks de pijl, als een 2×2 raster van gelijkwaardige elementen, wat kan worden misverstaan als "sleep twee items naar de andere twee items".
Andere mechanismen
Niet alle apps kiezen voor het sleepmechanisme met een pijl; sommige mogen dit niet eens. Er zijn diverse alternatieve uitwerkingen die minder traditioneel zijn.
Visuele uitspattingen
Sommige apps gaan heel ver in hun visuele presentatie. Een modern voorbeeld is Inkscape. De achtergronden van hun Finder-vensters worden ontworpen door gebruikers op de website en worden bij elke grote release vernieuwd. Door verschillende versies van Inkscape te downloaden, is deze evolutie duidelijk zichtbaar.
Tegenwoordig
Tegenwoordig komen veel apps uit de App Store en slaan ze de Finder-flow volledig over. Toch zijn er uitzonderingen. Firefox verdient bijvoorbeeld complimenten voor het feit dat zij hun Finder-installatievenster al jarenlang mooi en elegant hebben gehouden. Ook nu nog zijn er prachtige moderne voorbeelden van apps die vragen om het icoon te slepen.
***
Dank aan Chris Messina voor het samenstellen van de Disk Images-collectie die uitgebreid is gebruikt voor dit artikel. Aanvullende dank gaat uit naar Jean-Michel Durand, Mindaugas Rudokas, Louie Mantia, Colin, mimi, Jeremy Visser, Luke Dorny, Oskars en Peter Tripp. De titel is gebaseerd op een reactie op een social media-post waarin werd gevraagd om goede voorbeelden.