Appar

Våra appar ska vara lätta att känna igen och särskilja i appbutiker och i användarens enhet. De ska tydligt visa Region Stockholm som avsändare och uppfattas som en sammanhållen portfölj, snarare än fristående produkter.

Principerna i avsnittet gäller för både interna och externa appar, oavsett verksamhet eller målgrupp, och beskriver de gemensamma delar som skapar en enhetlig identitet. Avsnittet omfattar inte apparnas interna gränssnitt, funktionella design eller UI-system.

Appsystemets delar

Region Stockholms appsystem består av tre huvudsakliga delar:


1. Appikon
   Hur appen identifieras visuellt i användarens enhet.
2. Laddnings- och startvy
   Hur appen möter användaren vid öppning och laddning.
3. Namngivning
   Hur appen möter användaren vid uppstart, laddning och första interaktion.

Appikon

Appikonen är användarens första möte med appen. Den ska:

• fungera i små format
• vara konsekvent över tid
• visa Region Stockholm som avsändare.

Uppbyggnad

Region Stockholms appikoner bygger på:

• Ikonyta: en färgad bakgrund med en enkel ikon som representerae appens funktion. Ikonen centreras, horisontellt och optiskt vertikalt på ytan.
• Avsändaryta: en remsa i nederkant som säkerställer tydlig avsändare. Region Stockholms symbol placeras till höger, optiskt justerad mot det rundade hörnet.

Interna och externa appar

För att tydliggöra om appen är intern eller extern används en konsekvent kodning i appikonens nederkant. Kodningen hjälper användare att snabbt förstå sammanhanget och skapa igenkänning i portföljen.

1. Externa appar: svart remsa (RS_Svart), vit symbol
2. Interna appar: vit remsa (RS_Vit), svart symbol

Laddningsvy

Laddningsvy används när:

• appen behöver tid för uppstart
• innehåll måste hämtas innan användaren kan interagera.


Utformningsprinciper

I stället för generiska laddningsanimationer rekommenderas:

• en ren och stillsam yta som grund
• Region Stockholms logotyp placerad centralt
• med fördel den rörliga logotypvarianten för att visa på progress.


Bakgrunden färgsätts i samma färg som appikonen: färgnivå 300

Syftet är att göra väntan begriplig och tydligt visa att Region Stockholm är avsändaren.

Startvy

Startvyn är appens första informativa och aktiva kontaktpunkt med användaren. Den ska:

• bekräfta att användaren är i rätt app
• tydliggöra avsändaren
• skapa lugn inför vidare användning.

Startvyn kan fylla olika funktioner, exempelvis inloggning, sök eller information, men ska bygga på en gemensam grundstruktur:

• rubrik och eventuell underrubrik placerade högt upp
• funktionella element längre ner
• möjlighet till aktivitet eller indikator i mitten vid behov.

Bakgrunden färgsätts i samma färg som appikonen:

• ljus pastell (300)
• kompletterande nyanser ur samma färgfamilj (rubrikfärg, knappfärg etc.).

Region Stockholm visas med logotypen, vanligtvis placerad i nedre högra hörnet.

Färgsättning

För appikon, laddningsvy och startvy används färgnivå 300 som rekommenderad bakgrundsfärg. Nivån ger en tydlig men mjuk färgverkan och fungerar väl mot både ljusa och mörka avsändarytor.

Knappar, rubriker och andra UI-element bör färgsättas med nyanser ur samma färgfamilj. Använd ljusare eller mörkare nivåer för att skapa kontrast, hierarki och aktiva tillstånd i enlighet med Region Stockholms färgsystem.

Region Stockholm som avsändare

Region Stockholm är alltid huvudavsändare för organisationens appar.

Grundläggande principer:

• logotyp och symbol används enligt varumärkesmanualens riktlinjer. I extremt små format kan avsteg förekomma, exempelvis i form av något minskad frizon runt logotyp eller symbol.
• namn på app ska inte kombineras med logotypen så att en ny logotyp uppstår.

Namngivning och appbutiker

Våra appar ska namnges tydligt och beskrivande så att användaren förstår vad appen fyller för funktion. Låt därför namnet tala om vad appen handlar om, har för funktion eller vem den riktar sig till. Använd ett enkelt språk och så få bokstäver att hela namnet får plats under appikonen på mobilens display.

Välj ett namn som du tror att användaren skulle kunna söka efter, men som samtidigt
inte försvinner i mängden av appar med liknande namn.

Region Stockholm ska framgå

Det finns inte tillräckligt med utrymme att låta Region Stockholm vara en del av appens displaynamn. Men i informationsstrukturen på App Store och Google Play finns flera möjligheter att berätta att appen kommer från Region Stockholm. Försök att berätta det så högt upp i informationshierarkin som möjligt. Ange om möjligt Region Stockholm som utvecklare eller publicerare av appen.

Samstämmighet i App Store och Google Play

Namn och informationshantering fungerar lite olika på Apple och Android. Försök så långt det är möjligt att namnge och presentera appen på ett samstämmigt sätt.

Sammanfattning

Region Stockholms appar ska upplevas som delar av ett sammanhållet appsystem, inte som fristående produkter. Det här avsnittet reglerar främst hur appar identifieras och sänder av, inte hur de är utformade eller fungerar internt.

• Appikonen är appens första identifikation
  Alla appar använder en enkel funktionsikon kombinerad med en avsändarremsa i nederkant. Region Stockholms symbol placeras konsekvent i nedre högra hörnet.
• Interna och externa appar skiljs åt genom systemkodning
  Externa appar använder svart remsa med vit symbol. Interna appar använder vit remsa med svart symbol.
• Färg används för igenkänning, inte för verksamhetsindelning
  Ikonens bakgrund färgsätts med näst ljusaste pastell (nivå 300, t.ex. RS_Blå_300) ur Region Stockholms färgpalett och följer den övergripande färgstrategin.
• Laddningsvyer ska vara begripliga och stillsamma
  Den ska bekräfta avsändaren Region Stockholm och skapa ett lugnt, tydligt första intryck innan användaren interagerar vidare. Bakgrundsfärger följer appens kodning (intern/extern).
• Region Stockholm är alltid huvudavsändare
  Appnamn eller verksamhetsnamn ska aldrig kombineras med logotypen så att en ny logotyp uppstår.
• Namngivning är en del av systemet
  Appar namnges enligt gemensamma principer för tydlighet, igenkänning och konsekvens i appbutiker och interna miljöer.