Reacties op: Do-it-yourself Interfaces http://blog.finalist.com/2008/04/28/do-it-yourself-interfaces/ Nederlandse blog over software ontwikkeling Sun, 06 Jul 2008 19:27:47 +0000 http://wordpress.org/?v=2.1.3 By: Auke van Leeuwen http://blog.finalist.com/2008/04/28/do-it-yourself-interfaces/#comment-18802 Auke van Leeuwen Mon, 28 Apr 2008 16:38:28 +0000 http://blog.finalist.com/2008/04/28/do-it-yourself-interfaces/#comment-18802 Goed artikel en begrijp (tot op zekere hoogte misschien) het hele verhaal achter Gestalt ook wel. Maar de conclusie "kunnen direct toegepast worden ... met minimale inspanning" zie ik niet helemaal voor me. Hoe ga je daar practisch mee om dan? Het ontdekken van fouten in interfaces is vaak niet zo moeilijk: je gebruikt ze en na verloop van tijd ga je je ergens aan ergeren. Het probleem met het direct toepassen is dat je heel hard moet nadenken over wat mensen later misschen gaat irriteren *en* er ook nog een goede oplossing voor moet bedenken. Overigens gaat dat voornamelijk over punt 1 en 2. Punt 3 vind ik iets practischer. Goed artikel en begrijp (tot op zekere hoogte misschien) het hele verhaal achter Gestalt ook wel. Maar de conclusie “kunnen direct toegepast worden … met minimale inspanning” zie ik niet helemaal voor me. Hoe ga je daar practisch mee om dan? Het ontdekken van fouten in interfaces is vaak niet zo moeilijk: je gebruikt ze en na verloop van tijd ga je je ergens aan ergeren. Het probleem met het direct toepassen is dat je heel hard moet nadenken over wat mensen later misschen gaat irriteren *en* er ook nog een goede oplossing voor moet bedenken.

Overigens gaat dat voornamelijk over punt 1 en 2. Punt 3 vind ik iets practischer.

]]> By: Marco Plaisier http://blog.finalist.com/2008/04/28/do-it-yourself-interfaces/#comment-18855 Marco Plaisier Fri, 02 May 2008 07:25:01 +0000 http://blog.finalist.com/2008/04/28/do-it-yourself-interfaces/#comment-18855 Laat ik vooropstellen dat dit hele simpele principes zijn die natuurlijk nooit een goed ontwerp kunnen vervangen. Laat ik een concreet voorbeeldje geven over het toepassen van Gestalt principes. Deze principes komen bijvoorbeeld erg van pas bij het opdelen van pagina's in logische groepen. In vrijwel alle enterprise software zitten een paar pagina's waar de gebruiker data kan invoeren; de primaire invoerschermen. Deze schermen zijn vaak directe weergaves van de tabellen uit de onderliggende database. Er zijn twee kenmerken: 1. Ieder data-element wordt weergegeven als label - input (button, checkbox, veld, etc.) 2. Meerdere data-elementen kunnen samen gegroepeerd worden (bijvoorbeeld tot klantgegevens of producteigenschappen) Door nu de gestaltprincipes toe te passen op dit type schermen kun je aangeven welke elementen bij elkaar horen. Zet de data-elementen die bij klantgegevens horen dicht bij elkaar en zet de volgende groep er verder vanaf (Proximity). Houd de labels dicht bij het corresponderende input-element (ook Proximity). Het is nogal voor de hand liggend, maar het maakt een interface echt beter bruikbaar. Een voorbeeld Common Fate vind je in webapplicaties met frames. In een frame wordt het menu getoond en in een ander de 'content'. De content kan vaak scrollen, maar het menu niet. Dit maakt direct duidelijk wat bij elkaar hoort (dit wordt primair gedaan met behulp van kleurverschillen tussen het menu en de content en door de borders te tonen; het is maar een voorbeeld). Laat ik vooropstellen dat dit hele simpele principes zijn die natuurlijk nooit een goed ontwerp kunnen vervangen.

Laat ik een concreet voorbeeldje geven over het toepassen van Gestalt principes. Deze principes komen bijvoorbeeld erg van pas bij het opdelen van pagina’s in logische groepen. In vrijwel alle enterprise software zitten een paar pagina’s waar de gebruiker data kan invoeren; de primaire invoerschermen. Deze schermen zijn vaak directe weergaves van de tabellen uit de onderliggende database. Er zijn twee kenmerken:
1. Ieder data-element wordt weergegeven als label - input (button, checkbox, veld, etc.)
2. Meerdere data-elementen kunnen samen gegroepeerd worden (bijvoorbeeld tot klantgegevens of producteigenschappen)
Door nu de gestaltprincipes toe te passen op dit type schermen kun je aangeven welke elementen bij elkaar horen. Zet de data-elementen die bij klantgegevens horen dicht bij elkaar en zet de volgende groep er verder vanaf (Proximity). Houd de labels dicht bij het corresponderende input-element (ook Proximity). Het is nogal voor de hand liggend, maar het maakt een interface echt beter bruikbaar.
Een voorbeeld Common Fate vind je in webapplicaties met frames. In een frame wordt het menu getoond en in een ander de ‘content’. De content kan vaak scrollen, maar het menu niet. Dit maakt direct duidelijk wat bij elkaar hoort (dit wordt primair gedaan met behulp van kleurverschillen tussen het menu en de content en door de borders te tonen; het is maar een voorbeeld).

]]>