De tijdrovende en arbeidsintensieve taak van het ontwerpen van meerdere gebruikersinterfaces voor verschillende schermformaten en oriëntaties zou tot het verleden kunnen behoren dankzij open-source software die een nieuw paradigma gebruikt om het proces te versnellen of zelfs te automatiseren.

De ORC Layout (OR-constraint Layout) software wordt gelanceerd op de ACM CHI Conference on Human Factors in Computing Systems in Glasgow, Schotland, vandaag (7 mei 2019). De software, een samenwerking tussen de Universiteit van Bath, University of Maryland en Simon Fraser University bieden een nieuwe benadering van UI-ontwerp op basis van flexibele principes om op intelligente wijze lay-outs voor verschillende schermen voor te stellen.

Momenteel moet voor elk ander type scherm een ​​gebruikersinterface (UI) worden gebouwd, zoals bureaublad, tablet en mobiele telefoon, evenals de oriëntaties - portret en landschap, wat niet alleen erg tijdrovend is, maar vergroot de kans dat er fouten binnensluipen omdat het moeilijk wordt om wijzigingen en iteraties bij te houden.

Er bestaat al software om dit proces te automatiseren, maar beide bestaande benaderingen hebben ernstige beperkingen.

De eerste, traditionele, op beperkingen gebaseerde lay-out, past strakke regels toe op het ontwerp, bijvoorbeeld altijd het ene pictogram onder het andere plaatsen. Deze stijfheid kan echter problemen veroorzaken bij het veranderen van grootte en oriëntatie, wat leidt tot een lelijke of verwarrende gebruikersinterface.

De tweede methode is flow layout, waarbij componenten van het schermontwerp automatisch naar nieuwe rijen of kolommen kunnen worden verplaatst als de ruimte opraakt. Maar het is beperkt in de manier waarop de uitlijning van componenten kan worden gespecificeerd.

ORC Layout combineert de sterke punten van deze twee benaderingen door ontwerpers in staat te stellen alle functies van traditionele, op beperkingen gebaseerde lay-out en stroomlay-out samen te gebruiken en flexibele alternatieven voor UI-componenten en widgets te specificeren. Bijvoorbeeld, ontwerpers kunnen aangeven welke widgets essentieel zijn en welke optioneel. Door gebruik te maken van Booleaanse logica, ORC Layout kan automatisch intuïtieve alternatieve lay-outs voorstellen voor verschillende schermen.

Dr. Christof Lutteroth van de afdeling Computerwetenschappen van de Universiteit van Bath, die aan de software hebben gewerkt, zei:"ORC Layout kan op elk apparaat worden toegepast, naar elk platform, en het idee is eigenlijk heel simpel:als er geen ruimte is voor de werkbalk bovenaan het scherm, waarom zet je het niet aan de linkerkant van het scherm of aan de onderkant van het scherm? Dit is precies wat ontwerpers moeten doen als ze aan verschillende schermen denken.

"In onze nieuwe lay-outmethode brengen we al deze alternatieven samen. Een ontwerper kan bijvoorbeeld beginnen met een desktopscherm en dit naar eigen inzicht ontwerpen, begin dan met het markeren van elementen als optioneel als er niet genoeg ruimte is, kijken wat er gebeurt als het scherm wordt gedraaid.

"Door alle alternatieven bij elkaar te brengen, het maakt niet uit wat voor apparaat, ORC kan automatisch uitzoeken wat voor jou de beste alternatieven zijn. Het is echt heel spannend omdat het het ontwerpproces echt verandert om het eenvoudiger te maken, maar vermindert ook de kans op problemen, zoals het vergeten om één versie van een gebruikersinterface bij te werken."

Het team ziet dat de software wijdverbreide toepassingen heeft in modern webdesign, documentopmaak en app-lay-outs.

Het onderzoek is gepubliceerd in CHI Conference on Human Factors in Computing Systems Proceedings. Het team wil nu verder werken aan het optimaliseren van de ORC Layout software, onder meer door de benodigde rekenkracht te verminderen.

Het ORC-layoutteam zal het onderzoek presenteren op de ACM CHI Conference on Human Factors in Computing Systems in Glasgow, Schotland, vandaag om 11 uur.