webb

5 posts

Grafisk design till din blogg eller Instagram

Grafisk design behöver inte vara svårt om man använder smarta verktyg och genvägar. Sedan finns det såklart en djupare kunskap som professionella grafiker har, som man också behöver vid mer omfattande designjobb.

I mitt jobb som digital designer är min styrka inte det grafiska främst, även om jag jobbar med det också. Jag arbetar dock främst mest med användare, behov och interaktion.

I min marknadsföring och på min hemsida har jag såklart även stor nytta av visuellt tilltalande bilder. Syftet är att skapa en känsla som förstärker det jag gör och den jag är.

För att kunna skapa den mängd bilder jag behöver till blogg, hemsida, Instagram och Facebook använder jag ett verktyg som heter Canva. För ca 120 kronor per månad har jag tillgång till stora mängder färdiga mallar, foton, illustrationer med mer. Jag kan även lägga in mina varumärkesfärger som jag ju vill använda ofta. Dessa färger kan jag enkelt applicera i mina designer för att skapa igenkänning i mitt varumärke. Det är också möjligt att spara typsnitt som man använder ofta.

Fördelen med Canva är också att det finns stor frihet att modifiera sina designer om man vill. Ibland vill i alla fall inte jag vara helt låst i den mall jag valt.

bild med text grafisk design

Du kan testa Canva gratis i 30 dagar vilket ger möjlighet att verkligen använda det och undersöka om det är något för dig. Jag använder tjänsten i stort sett dagligen och har stor nytta av det, men så behöver ju inte vara fallet för dig.

Enkelt gränssnitt för grafisk design

En fördel som jag ser med att skapa min grafiska design i Canva är användargränssnittet är relativt lätt att komma in i. Sedan beror det lite på vad du är van vid att arbeta med för program och liknande tidigare. Men generellt känns helheten intuitiv. Den bygger på att man:

  • söker ett format man önskar (välj t ex IG-post)
  • väljer vilken mall man vill använda för formatet
  • byter foton, typsnitt och färger så att det passar det egna varumärket
  • laddar ner eller publicerar direkt

Vill du anpassa din design till en annan digital kanal kan man enkelt byta storlek och göra mindre justeringar. Nu har man samma bild att publicera t ex på bloggen, Instagram och Facebook.

Sedan kan du använda din design på hemsidan, på Instagram, Facebook, Pinterest och så vidare. Det erbjuds väldigt många foton och illustrationer att användas gratis så snart du har en prenumeration du betalar för. Men även då finns det ett antal bilder som kostar extra, men dessa använder jag i stort sett inte alls.

Om du vill testa Canva gratis under 30 dagar, klickar du på bilden nedan och registrerar dig. Sedan är det bara att börja skapa.

Facebooktwitterredditpinterestlinkedinmail

Prototyp: del 5 av begreppsskolan

Prototyp för att visualisera och testa

En prototyp kan användas för många syften. De kan vara digitala och se ut som en färdig produkt. Men de kan även vara handritade på papper eller byggda i lego.

prototyp

Ett syfte med prototyper kan vara att kunna testa igenom er idé eller produkt. I ett tidigare inlägg skrev jag om snabba enkla prototyper som är ett superbra sätt att snabbt testa idéer, flöden osv. Med digitala prototyper kan du testa mer djupgående. Du kan skapa något som ser ut som och fungerar som din tänkta produkt. Ibland vill man se och “känna” på en produkt eller tjänst innan man lägger ner resurser på att producera. Prototyper är ett bra sätt att visualisera och kommunicera idéer och krav.

Vad vill du testa?

Fundera på vad det är du vill undersöka eller testa:

  • en specifik funktion
  • navigering
  • layout
  • grafisk utformning
  • dina call to action
  • varumärket
  • din story
  • användbarhet

Du kan göra flera digitala prototyper med olika grad av “fidelity”. Dvs att den är olika mycket utvecklad beroende på vad du vill testa.

När du skapar digitala prototyper kan du labba mycket och det tar inte alltför lång tid.

Du har möjlighet att testa olika features, din brand story, varumärket, dina call to actions osv. Allt utan att du behöver offentliggöra en hel site innan du känner dig redo.

Om du arbetar i ett företag och flera personer behöver involveras så är det också kostnadseffektivt att testa er fram med prototyper innan tid och pengar för utveckling börjar ticka. Med en digital prototyp finns även fördelen att ni kan skapa en gemensam bild av det som sedan ska utvecklas. Det blir enklare att kommunicera era krav till utvecklarna, om ni har en prototyp att visa eller utgå ifrån. Alla som sedan ska använda siten eller tjänsten får också en känsla för hur den kommer att se ut och fungera.

Exempel på digitala prototyper

De första bilderna visar prototyper där jag ville testa flödet i två olika applikationer, endast enkla symboler och gränssnitt. Jag har inte prioriterat att lägga tid på grafisk utformning.

Bilderna nedan visar en prototyp där vi önskade testa storyn och hur vi skulle utforma Call to action knapparna. Vad skulle det stå på dem? Vi ville även testa layouten och placering av objekt på sidorna. Detta är en första digital prototyp för en hemsida till en konstnär.

Program för att skapa prototyper

Det finns en mängd program för att skapa digitala prototyper. Det handlar mycket om tycke och smak. Samtliga har oftast en gratis version med begränsningar och sedan olika nivåer av betal versioner. Testa gratisversionerna för att se om det är något som passar dig och dina behov.

Jag själv föredrar följande olika program:

Adobe XD (exempel på prototyp här)

  • Lätt att komma igång
  • Möjligt att skapa mycket rent grafiskt
  • Bra för att testa flöden och funktioners placering

Sketch och Invision

  • Skapa enkla eller avancerade prototyper i Sketch
  • Exportera för tester till Invision
  • Möjligt att skapa prototyper direkt i Invision

Justinmind:

  • Relativt hög inlärningströskel
  • Avancerad funktioner med databaser som kan kopplas till funktionalitet
  • Du kan skapa en nästan färdig produkt

Sammanfattning begreppsskolan prototyp

Syftet med att skapa en prototyp är bland annat att kunna:

  • kommunicera en idé på ett visuellt sätt
  • jämföra olika lösningars för- och nackdelar
  • testa olika sätt att lösa ett problem
  • testa funktionalitet
  • visa upp och presentera en produkt eller tjänst

Inom digital design och UX (user experience eller användarupplevelse) arbetar vi mycket med prototyper som verktyg.

Det finns flera skäl:

  • Billigt sätt att snabbt testa en idé
  • Enklare att framställa än en färdig hemsida eller app
  • Viktigt verktyg för att verifiera den funktionalitet som önskas
  • Bra sätt att kunna testa om användare förstår hur de navigerar
  • Att undersöka om målgruppen gör det vi förväntat oss att de ska göra (t ex köpa något av oss)
Facebooktwitterredditpinterestlinkedinmail

Begreppsskolan -ett nytt koncept på bloggen

Begreppsskolan

Begreppsskola -hjälper dig hålla koll

Begreppsskolan är ett koncept som syftar till att ge dig mer koll på begrepp som far runt bland annat på LinkedIn och inom företag. Fokus kommer att ligga på begrepp inom den digitala världen, internet, applikationer och utveckling.

Undrar du också vad begrepp som Innovation, GDPR, digitalisering, chatbot osv betyder? Men kanske också vad du skulle kunna ha för nytta av det?

Den tekniska utvecklingen går fort idag. Och för många uppstår kopplat till detta en djungel av “buzzwords” eller begrepp som man inte helt förstår innebörden av. Ofta slutar man helt enkelt ta till sig de begrepp som dyker upp. Det är svårt att hänga med helt enkelt.

Det tycker jag är synd och vill ändra på. Många begrepp handlar om saker som kan göra stor skillnad och nytta för företag och privatpersoner. Men det krävs en förståelse av vilken nytta och hur.

“Vad kan jag ha för nytta av det här?”

Förstå nyttan

Syftet med begreppsskolan är att hjälpa dig förstå olika begrepp. Anledningen är att du ska se vilken nytta innebörden kan ge dig och din verksamhet. Jag har under många år arbetat med teknik och människor i kombination. Och jag har insett vilken enorm nytta tekniken kan göra om den stödjer det människan har behov av. En början till att hitta rätt teknik för rätt situation och utmaning är att förstå vilken nytta den kan ge.

Rätt sak på rätt plats. Självklart kan inte alla ha full koll på alla begrep inom IT och utveckling. Men en viss kunskap underlättar både vid beställning, beslut och införande. Sedan kan man ju “bara” vara nyfiken också. Vilket som gäller för just dig och din verksamhet vet ju inte jag. Men förhoppningsvis får du lite mer kött på benen inom något område som du är nyfiken på!

Uppstart begreppsskolan

Från och med den 19/8 kör jag igång här på kerlundesign.se men även på Instagram. Så häng med från början!

Självklart tar jag gärna emot förslag på begrepp att ha med här, skriv i kommentarerna nedan. Tack!

Facebooktwitterredditpinterestlinkedinmail

Positiv användarupplevelse för högre konvertering

användarupplevelse

Positiv användarupplevelsen en viktig faktor för konvertering

Positiv användarupplevelse eller UX (User Experience) har stor betydelse för din hemsida eller blogg. Och för konverteringen, dvs att få en besökare att göra det du vill att hen gör (exempelvis köpa något eller prenumerera på ditt nyhetsbrev). Hemsidan är en digital representation av ditt företag. Din hemsida besöks av människor, som du på olika sätt vill hjälpa med dina tjänster. 

Empati och förståelse för människors behov har en stor betydelse när man arbetar med design av digitala produkter i allmänhet, för att skapa positiva användarupplevelser. 

Oavsett vilken typ av verksamhet du har idag, litet som stort företag så har du säkert några digitala verktyg. Troligen har du en hemsida och en blogg där du delar din kunskap med dina befintliga och potentiella kunder. En hemsida och blogg bygger på digital teknik. Denna är i mycket uppbyggd som andra digitala produkter. HTML5, CSS, javascript, troligen en eller flera databaser, backup och så vidare. Precis som dina appar i mobilen!

Vad ska du tänka på för att skapa en positiv användarupplevelse?

För att bygga en hemsida som människor besöker, stannar på och förhoppningsvis återvänder till behöver man fokusera på mer än vilken teknisk plattform man bygger på. En av de mest använda funktionerna i en webbläsare är bakåtknappen. Anledningen är att de flesta ofta lämnar sidor de kommer till. Orsakerna till det kan vara många, fel innehåll, område eller så förstår man inte vad sidan handlar om. 

En viktigt del av att designa sin hemsida består i att säkerställa att besökarna:

  • Förstår vad sidan handlar om
  • Snabbt hittar det den söker
  • Kan slutföra den uppgift som hen kom dit för

Innehåll

Hur ska man då kunna vet detta? Jo genom att lära känna sina tänkta användare:

  • Vilken är din målgrupp?
  • Vilka behov har de och vad är det troligast att de önskar köpa av dig?

Detta kan du ta reda på genom att exempelvis skapa en enkät. Innehållet och dina erbjudanden är med andra ord viktigt för en bra användarupplevelse. Får dina besökare det de förväntar sig?

Användbarhet

Användbarheten på din sida är en annan del av att skapa en positiv användarupplevelse:

  • Går det att snabbt upptäcka vad sidan handlar om?
  • Hur navigerar och söker man? Framgår länkar och knappar tydligt så att användaren förstår att dessa leder vidare?
  • Är innehållet läsbart?
  • Förstår man hur man exempelvis hittar och beställer en produkt?

Användbarheten bygger bland annat på att man tillämpar konventioner, dvs lägger saker där de brukar ligga, exempelvis menyer och logotyper. Du kan även tänka på att innehåll, knappar och länkar som hör ihop ligger nära varandra. Det är viktigt att det framgår av utseendet vad som är en knapp, länk, rubrik och så vidare. Om något inte är helt tydligt lägg gärna in någon beskrivning eller ledtråd som klargör. När användaren har interagerat med något på din sida är det viktigt att hen får feedback, t ex ett meddelande som bekräftar aktiviteten.

Användningstest

För att undersöka användbarheten på din sida är det enklaste och snabbaste sättet att genomföra några användningstest. För detta kan du egentligen ta hjälp av nästan vem som helst som inte tidigare sett sidan. Gärna en person som tillhör din målgrupp om det är möjligt men det är inte ett krav. Sätt sedan upp uppgifter som ska genomföras, exempelvis att beställa en produkt. Eller att läsa på bloggen. Syftet är att du ska kunna se när testpersonen gör uppgifterna. Du kan under tiden se vad som är svårt att förstå eller hitta och vad som fungerar bra. Efter testet kan du ställa några följdfrågor om något behöver förtydligas.

Facebooktwitterredditpinterestlinkedinmail

Rapport Sociala Medier

I kursen Webbdesign för social interaktion fick vi i uppgift att titta på fem olika principer/spelregler och illustrera med konkreta exempel från webben hur dessa omsätts i praktisk handling. Min presentation är skapad i Prezi och innehåller både text, bild och speakerröst.

För att spela upp speakerrösten klicka på play längst ner till vänster i fönstret.

Facebooktwitterredditpinterestlinkedinmail