Den tidskrävande och arbetskrävande uppgiften att designa flera användargränssnitt för olika skärmstorlekar och orienteringar kan bli ett minne blott tack vare öppen källkodsprogramvara som använder ett nytt paradigm för att påskynda eller till och med automatisera processen.
Programvaran ORC Layout (OR-constraint Layout) lanseras vid ACM CHI-konferensen om mänskliga faktorer i datorsystem i Glasgow, Skottland, idag (7 maj 2019). Mjukvaran, ett samarbete mellan University of Bath, University of Maryland och Simon Fraser University erbjuder ett nytt tillvägagångssätt för UI-design baserat på flexibla principer för att intelligent föreslå layouter för olika skärmar.
För närvarande måste ett användargränssnitt (UI) byggas för alla olika typer av skärmar, såsom skrivbord, surfplatta och mobiltelefon, såväl som orienteringarna — porträtt och landskap, vilket inte bara är väldigt tidskrävande, men ökar risken för att fel smyger sig in då det blir svårt att hålla reda på ändringar och iterationer.
Viss programvara finns redan för att hjälpa till att automatisera denna process, men båda befintliga tillvägagångssätten har allvarliga begränsningar.
Den första, traditionell begränsningsbaserad layout, tillämpar stela regler för design, till exempel att alltid placera en ikon under en annan. Men denna styvhet kan orsaka problem när du ändrar storlek och orientering, leder till fult eller förvirrande användargränssnitt.
Den andra metoden är flödeslayout, varvid komponenter i skärmdesignen automatiskt kan flytta till nya rader eller kolumner när utrymmet tar slut. Men det är begränsat på det sätt som inriktning av komponenter kan specificeras.
ORC Layout slår samman styrkorna med dessa två tillvägagångssätt genom att tillåta designers att använda alla funktioner i traditionell begränsningsbaserad layout och flödeslayout tillsammans och specificera flexibla alternativ för UI-komponenter och widgets. Till exempel, designers kan specificera vilka widgets som är viktiga och vilka som är valfria. Genom att använda boolesk logik, ORC Layout kan automatiskt föreslå intuitiva alternativa layouter för olika skärmar.
Dr Christof Lutteroth från University of Baths institution för datavetenskap, som arbetade med programvaran, sa:"ORC-layout kan appliceras på vilken enhet som helst, till vilken plattform som helst, och idén är egentligen väldigt enkel:om det inte finns plats för verktygsfältet överst på skärmen, varför inte placera den till vänster på skärmen eller längst ner på skärmen? Det är precis vad designers måste göra när de tänker på olika skärmar.
"I vår nya layoutmetod samlar vi alla dessa alternativ. Till exempel kan en designer börja med en skrivbordsskärm och designa den som de vill, börja sedan markera element som valfria om det inte finns tillräckligt med utrymme, tittar på vad som händer när skärmen roteras.
"Genom att sätta ihop alla alternativ, oavsett vilken typ av enhet, ORC kan automatiskt ta reda på vilka de bästa alternativen är för dig. Det är verkligen ganska spännande eftersom det verkligen förändrar designprocessen för att göra det enklare, men minskar också risken för problem – som att glömma att uppdatera en version av ett användargränssnitt."
Teamet ser att programvaran har utbredda tillämpningar inom modern webbdesign, dokumentformatering och applayouter.
Forskningen är publicerad i CHI Conference on Human Factors in Computing Systems Proceedings. Teamet vill nu fortsätta arbeta med att optimera ORC Layout-mjukvaran, inklusive genom att minska den datorkraft som krävs.
ORC-layoutteamet kommer att presentera forskningen vid ACM CHI-konferensen om mänskliga faktorer i datorsystem i Glasgow, Skottland, idag kl 11.00.
