strapvertHur bygger man en webbplats på bästa sätt? Driftsättning av en konceptprototyp eller wireframes är bland de första stegen när man planerar en ny webbplats. Prototypen skall ligga till grund för att påvisa eventuell funktionalitet för publika webbplatser såväl som vanliga Internet.

Det finns olika metoder att prototypa webbplatser och numera pratar man mycket om Agile processutveckling och tidigt pratade man om projektledningsmetodik med fokus på användarfall, vattenfallsmetodik och RUP. Agile är en programvarumetodik där det handlar om att man gör saker och prototypar snabbt. Andra liknande metoder är SCRUM.

Publika webbplats har större krav på varumärkesstrategin

Systemet identifierar användaren och styr informationen, varje användare kan erhålla en unik informationssammansättning. Publika webbplatser måste naturligtvis följa varumärkesstrategin men samtidigt börjar det bli vanligt med tydliga call to actions dvs knappar som hjälper användarna att komma i kontakt med företaget och konverteringsoptimering och UX-design har i det närmaste blivit en egen vetenskap. En annan viktig faktor för externa webbplatser är att onsite optimeringen är optimal och att man har korrekt seo-inställningar. Använder du wordpress finns det plugins som Yost seo som hjälper dig en bra bit på vägen.

Uppgradering kräver att du tänker till…
Om du ska uppgradera en webbplats är det absolut nödvändigt att se vilka sidor som har besökare och länkkraft och inte ändra permalänkarna eftersom man då kan tappa länkkraft vilket i sin tur innebär att du tappar besökare och försäljning.

Open source eller Microsoft miljö?
För publika webbplatser finns system som open-source som wordpress eller också använder man Microsoft miljö där man i Sverige ofta har använt EPI-server. Som tumregel är utvecklingstiden ungefär 5-10 gånger längre ifall man använder lösningar där man behöver koda upp allting från början.

Intranet funtionalitet?

Intranet system måste vara användarorienterat och identifiera alla användare är unika i systemet. Användarna kan tex få nyheter från global, divisions och kontorsnivå och man har också börjat prata om sociala intranät som är influerade av olika sociala nätverk som Facebook och Twitter.

Att definiera funktionaliteten med wireframes

I konceptprototypen och interaktionsdesignen definieras vilka plugins och moduler som man vill använda och därmed får man ett redskap för effektiv knowledgemanagement. Systemen har också ofta moduler hur man hanterar olika block och sk widgets.

Exempel på funktioner i internet tidiga ålder var dynamisk dokumenthantering och kompetensdatabas men numera finns det i stort sett funktioner för det mesta som du vill genomföra. Fokus i systemet ligger på användarinteraktion och central informationshantering och spridning.

När man har prototype kan man skapa wireframes och mockups för enklare design utan att visa funktioner. Genom Wireframe sparar man tid.

Det finns mängder av verktyg som hjälper dig att skapa en prototyper och mockups

  • AppCooker
  • Axure
  • Balsamiq Mockups
  • Easel
  • Invision
  • Iphone Mockup
  • Solidify
  • Fluid UI
  • Antetype
  • Protoshare
  • Moqups
  • MockFlow
  • UXpin
  • Pidoco
  • HotGloo
  • Justinmind Prototyper
  • Proto.io
  • Flinto
  • Wirify
  • Flairbuilder

Läs mer här om de olika verktygen