Introduktion till Android Design Patterns

Tidigare lärde du dig om designmönster och hur de tillämpas på iOS-plattformen. I den här artikeln tar vi en närmare titt på designmönster på Android-plattformen och de skiljer sig från designmönster på iOS. Om du inte är känd med designmönster på Android, är den här artikeln för dig.

Om du inte har läst min tidigare artikel om designmönster på iOS, uppmanar jag dig att ta några minuter att läsa den artikeln innan du fortsätter. Några av de begrepp och terminologi som används i denna artikel introducerades i Introduktion till IOS Design Patterns.

Android Design Principles

Varje operativsystem eller plattform har riktlinjer för design. Konsekvent design hjälper till att skapa ett distinkt utseende för operativsystemet eller plattformen. När du arbetar med en applikation som riktar sig till både iOS och Android, kommer du till exempel att lära dig att det finns ett antal subtila och inte så subtila skillnader när det gäller visionen som ligger till grund för designen. Det här är några exempel på aspekter som betonas annorlunda än andra mobila operativsystem.

  • Anpassning: I Android-riktlinjerna rekommenderas att du inkluderar en anpassningsnivå inom ett program eftersom det hjälper användarna att känna sig hemma. Att ge användaren möjlighet att temat en ansökan är ett bra exempel på detta koncept.
  • Ikoner över ord: Om du kan kommunicera något genom visuella bilder, till exempel ikoner eller bilder, så borde det vara den föredragna kommunikationsmetoden. Om du stöter på ett scenario där ord är absolut nödvändiga, var noga med att hålla den kortfattad och effektiv.
  • Varje användare är en expert: Mobila applikationer ska alltid vara lätta att använda. Samtidigt bör du ge användaren intrycket att de är en kraftanvändare. Detta kan åstadkommas genom att ge genvägar eller genom att implementera en kraftfull ombordstigningsprocess.

Standard Android-gränssnittsteman

Som utgångspunkt erbjuder Android-plattformen för tillfället två standardteman när du vill utforma applikationer för plattformen. Dessa teman är användbara och rekommenderade när du bara har börjat, men de är inte obligatoriska.

Teman kallas Holo Light och Holo Dark, ett ljust och ett mörkt tema, beroende på vilken visuell stil du vill uppnå i din ansökan.

Att använda en av de vanliga teman hjälper dig när du precis börjat och lär dig mer om Androids designmönster. Eftersom standardteman är en del av Android startar du från en solid grund som överensstämmer med operativsystemets standarder. Det är också en bra utgångspunkt för anpassade mönster.

Applikationsikoner

Det handlar inte bara om applikationens gränssnitt. Trots att plattdesign blev populär på iOS har en tydlig skillnad uppstått mellan applikationsikoner på Android och iOS.

De flesta Android-applikationer har applikationsikoner som skapar en känsla av djup för att efterlikna den verkliga världen. Många applikationsikoner på Android har en subtil 3D-effekt som tillämpas på dem för att skapa den djupgående känslan. En annan märkbar skillnad mellan ikoner på Android och iOS är användningen av öppenhet.

Om du utvecklar en applikation som riktar sig till både Android och iOS, är det viktigt att skapa ett koncept som fungerar bra på båda plattformarna.

Interaktionsdesign

När en användare interagerar med en applikations användargränssnitt, förväntar hon sig någon form av visuell feedback. Den här feedbacken är allmänt tydligare på Android än den är på iOS.

Visuell feedback är utmärkt för att förbättra användarupplevelsen, eftersom det skapar en känsla av respons och kontroll, vilket är två aspekter som användare har kommit att förvänta sig av mobila applikationer.

Jag uppmanar dig att ladda ner några av de populära applikationerna på varje plattform och utforska hur de svarar på din inmatning.

Skillnader mellan Android och iOS

Det ska inte vara en överraskning att ett antal komponenter är unika för eller olika på Android-plattformen.

Observera att det här är bara några exempel. Det bästa rådet jag kan ge dig när du skapar en applikation för en plattform som du inte känner till är att få input från användare och utvecklare som är bekant med plattformen. De kan snabbt peka på vad känner udda eller felaktiga och vad som inte är det.

Fasta flikar

I IOS finns vanligtvis en flikfält längst ner på skärmen i ett programmets användargränssnitt. I Android placeras dock flikar överst. Android stöder flera och rullbara flikar medan IOS har specifika riktlinjer där flikar med användarfall passar bra och riktlinjerna anger även maximalt antal flikar.

Resultatet är att ett användargränssnitt som är utformat för Android-plattformen kanske inte alltid arbete på iOS på grund av tekniska begränsningar. Rullbara flikar, till exempel, är unika för Android och stöds inte av IOS SDK.

Rullgardinsmenyn

En rullgardinsmeny är något du bara hittar på Android. Det finns olika användningsfall där en rullgardinsmeny är en bra passform. När du har många funktioner eller många innehållsgrupper med inkonsekvent navigering, är en rullgardinsmeny en lönsam lösning för att ta itu med problemet.

Tillbaka och uppåt

Sedan Android 4.0 finns det en klibbig navigeringsfält längst ner på skärmen. Förutom nyligen knappen innehåller navigationsfältet även en tillbaka och upp knapp. Tappning tillbaka Ta med användaren till föregående skärm medan du pekar på upp tar dig till den övre nivån i programmets hierarki.

Till exempel kan jag sippra genom olika innehållsdelar i en applikation. Bakåtknappen tar mig tillbaka till föregående objekt medan du pekar på upp skulle navigera mig till valmenyn från vilken jag kan välja ett nytt objekt. Detta är en kraftfull funktion som du bör ta hänsyn till när du skapar informationsarkitekturen för en applikation.

I Android ser du i allmänhet inte anpassade bakåtknappar som de vi brukar se i navigeringsfältet i iOS-program.

widgets

Android stöder också widgets, som är helt frånvarande på iOS-plattformen.

Utforska designmönster

Låt oss dyka djupare i några av designmönstren på Android. I allmänhet är de bästa metoderna för att skapa ett användargränssnitt att se hur andra program löser ett visst designproblem och hur vanliga gränssnittselement kan lösa det.

Till exempel, hur visar andra program innehåll? Hur hanterar de användarinmatning? Eller implementera e-handel? Genom att titta på några exempel får du en uppfattning om de möjliga lösningarna för att lösa det designproblem du står inför. Betyder det att du borde kopiera en befintlig ansökan på ett blatant sätt? Inte riktigt.

En väl genomtänkt app försöker lösa ett specifikt problem. Vanligtvis försöker din app ta itu med ett unikt problem, vilket innebär att du måste räkna ut ett lämpligt användarflöde.

Följande lista ska ge dig en introduktion att tänka på möjliga designmönster för din ansökan:

  • Visa, säg inte. Undervisning av användarna om funktionerna i din app ska ske genom åtgärder istället för att berätta för användarna. I allmänhet bör handledning undvikas om möjligt.
  • Fokus. En skärm bör helst ha ett enda mål från användarens perspektiv.
  • Uppmuntra utforskningen av olika funktioner genom effektiv navigering. Öppna fem applikationer och se hur varje implementerar navigering. Lär dig fördelarna och nackdelarna för varje implementering.
  • Definiera datamodellen och användarflödet innan du bygger och utformar din applikation. 
  • När du bygger en ny applikation, leta efter liknande program att lära av. Hur ser användarens flöde ut? Hur är användargränssnittet utformat och hur kan det förbättras?
  • Att tillämpa designmönster pekar på att abstrakt tänka på att bygga den mest effektiva applikationen med ett starkt fokus på användarflödet och gränssnittet.
  • Involvera Android-användare i designprocessen för att få tidig återkoppling och ett nytt utseende på nuvarande utformning av din design.

Slutsats

Att lära mer om Android-designmönster innebär att du måste bli mer bekant med Android-plattformen. Skapa ett användargränssnitt som nära liknar operativsystemets standard betyder att användarna har en större känsla av förtrogenhet och en förbättrad användarupplevelse.

Tänk på att vi bara kort berörde ämnet. Det finns många resurser tillgängliga som hjälper dig att förbättra din förståelse för designmönster på Android. Men du lär dig mest genom att skapa användarflöden och användargränssnitt.

Medel

  • Mobile Design Pattern Gallery
  • Läs mer om Android Metrics and Grid
  • Android Mönster
  • Android App Patterns
  • Android Inspirerad UI
  • Android Pttrns