På svenska kallas det för platshållare. En placeholder kan vara text, ord, bild eller ett grafiskt element som temporärt placeras i ett dokument. Dessa används för att ge en förståelse för hur det slutgiltiga resultatet av en vy på exempelvis webben eller i en app kommer att se ut. Under tidiga stadier av ett designprojekt finns inte alltid alla texter och bilder på plats, och för att designern ska kunna påbörja sitt arbete behövs tillsvidare-innehåll, så kallade placeholders.
Anatomin hos Placeholder
- Strukturella Komponenter: En placeholder består av olika element som fungerar som förlagor till det slutgiltiga innehållet:
- Text Placeholder: Temporär text som används för att uppskatta mängden tecken och hur texten kommer att se ut i layouten. Vanligtvis används “lorem ipsum” som dummy text.
- Bild Placeholder: Temporära bilder som indikerar var bilder kommer att placeras och hur beskärningen kommer att se ut.
- Grafiska Element: Andra visuella element som ikoner eller diagram som används för att illustrera layouten.
- Interaktivitet & Flöde: Placeholders hjälper till att visualisera den slutgiltiga layouten och känslan av designen utan att det faktiska innehållet behöver vara klart.
- Text Placeholder: Hjälper till att uppskatta hur mycket text som behövs och att förstå typografi och layout.
- Bild Placeholder: Visar antal bilder och deras placering samt hur de kommer att beskäras och visas i designen.
- Data Placeholder: Indikerar vilka områden som kommer att fyllas med dynamiskt innehåll från databaser.
När man ska använda
- Designprojekt: I tidiga stadier av ett designprojekt för att börja arbeta med layouten innan allt innehåll är färdigt.
- Prototyper: Vid skapandet av prototyper för webbplatser, appar eller trycksaker för att visa hur det slutgiltiga resultatet kommer att se ut.
- Presentationsverktyg: I program som Keynote eller PowerPoint används placeholders för att hjälpa användare att skapa sina presentationer.
Tips för att lyckas med Placeholder
- Tips 1: Använd realistisk dummy text: Använd “lorem ipsum” eller annan dummy text som liknar den slutgiltiga texten i längd och struktur för att ge en bättre uppfattning om layouten.
- Tips 2: Välj relevanta bildexempel: Använd bildplaceholders som speglar den typ av bilder som kommer att användas, för att få en korrekt känsla för layouten.
- Tips 3: Indikera dynamiskt innehåll: Använd placeholders för att tydligt markera var dynamiskt innehåll kommer att laddas in från databaser eller andra källor.
För- och nackdelar med Placeholder
- Fördelar:
- Visualisering av layout: Hjälper till att se hur den slutgiltiga designen kommer att se ut innan allt innehåll är klart.
- Effektivisering av designprocessen: Gör det möjligt för designers att börja arbeta tidigare och att göra justeringar innan det slutgiltiga innehållet är på plats.
- Kommunikation med kunder: Gör det lättare att visa kunder och intressenter hur den slutgiltiga produkten kommer att se ut.
- Nackdelar:
- Kan vara vilseledande: Om placeholders inte liknar det slutgiltiga innehållet kan de ge en felaktig bild av hur designen kommer att se ut.
- Ökad arbetsbelastning: Att skapa och uppdatera placeholders kan ibland vara tidskrävande och kräva extra arbete.