Riktlinjer för dynamisk design

Responsiva arbetsyteappar anpassar sin layout och navigering efter den tillgängliga visningsytan i stället för att skala en fast arbetsyta. Utforma dynamiskt beteende avsiktligt så att appen förblir användbar i alla fönsterstorlekar som stöds, enhetens orientering, zoomnivå och indataläge.

Var och en av följande riktlinjer syftar till att säkerställa att din arbetsyteapp ger en optimal användarupplevelse, oavsett enhetens skärmstorlek eller orientering. Dessa riktlinjer tar upp en av de mest kritiska aspekterna av modern apputveckling. Dessa riktlinjer är avgörande för utvecklare som vill förbättra tillgängligheten och användarengagemanget för sina Power Apps.

Anpassa till skärmstorlekar

Canvas-appar bör designas för att automatiskt justera layouten och gränssnittet baserat på enhetens skärmstorlek. Den här svarstiden säkerställer att appen förblir funktionell och visuellt tilltalande på olika enheter, från smartphones till stationära datorer.

Använda containrar med automatisk layout

Använd vågräta och lodräta containrar med automatisk layout som primär struktur för en dynamisk skärm. Dessa containrar organiserar och justerar appkomponenter dynamiskt, så att de svarar effektivt på ändringar i skärmdimensioner.

Inaktivera Skala för att anpassa och hantera proportioner och orientering

Inaktivera inställningen Anpassa till storlek för att aktivera äkta responsivitet i appen. Den här inställningen förhindrar skalning och främjar naturlig layoutanpassning till olika skärmstorlekar. Justera också inställningarna för proportioner och låsorientering . Dessa justeringar säkerställer att appens layout effektivt svarar på olika skärmstorlekar och orienteringar. Appen har ett konsekvent och funktionellt gränssnitt oavsett om enheten är i stående eller liggande läge.

Använda dynamiska layouter

Använd layoutdesign som delad skärm och sidofält, som erbjuder olika användarupplevelser på olika enheter. Den här anpassningsbarheten förbättrar appens funktioner, vilket gör den mer intuitiv för användare på alla enheter.

Använda formler för dynamisk layout

Använd formler i stället för fasta koordinater för positionering och storlekskontroller. Den här metoden säkerställer att de anpassar sig till ändringar i skärmstorlek för en dynamisk och responsiv layout.

Planera för olika enheter

Effektiv dynamisk design innebär att förutse hur appen ser ut och fungerar på olika enheter. Den här förväntan omfattar beslut om att ändra storlek på element eller dölja dem helt på mindre skärmar för att optimera utrymme och upprätthålla användbarhet.

Praktisk implementering

Att omvandla en icke-responsiv canvas-app till en responsiv app kräver en systematisk metod. Den här metoden innebär att justera inställningar för svarstider och noggrant konfigurera containeregenskaper för att säkerställa att elementen i appen anpassas till olika skärmstorlekar.

Resurser

Nästa steg

Läsbarhet för kod

  • Uppdaterades senast