Instruktioner till designförslag

7.3.1 Designförslag 1

Introduktion designförslag 1

Denna introduktion kommer att förklara hur designförslag 1 fungerar, både med text och med bilder. Introduktionen kommer att innehålla de förändringar som skett i

användargränssnittet och hur dessa förändringar skulle fungera vid en implementering.

Designförslag 1:

Skillnaderna i detta designförslag mot det nuvarande användargränssnittet är följande: - Bilden som visar en faktura har ersatts med en avsmalnad version. Istället för att visa

all information som finns på fakturan så visas endast den information som är mest nödvändig för att kunna genomföra en kontering. I och med att fakturan tar mindre plats så kommer det även att finnas möjlighet att se vilka tjänster/varor som handlats på fakturan. Det kommer att synas ca 5-10 av de ”handlade” raderna, intervallet i dessa rader beror på användarens skärmstorlek.

- Den andra och sista skillnaden i detta designförslag är att konteringsrutan har blivit något större, detta för att få plats med fler rader i ursprungs-vyn, utan behovet att förstora denna för hand.

- Gula lappar placeras var som helst i faktura-bilden. Det finns nu mindre plats än tidigare för gula lappar och en förutsättning för detta är att användaren själv kan välja storlek på text i de gula lapparna (annars kommer fakturabilden bli full av gula lappar om det inte finns möjlighet att minska textstorleken).

Sammantaget är detta designförslag väldigt likt det nuvarande användargränssnittet. Med effektiviseringar främst gällande vilken information som faktura-bilden visar.

7.3.2 Designförslag 2

Introduktion designförslag 2

Denna introduktion kommer att förklara hur designförslag 2 fungerar, både med text och med bilder. Introduktionen kommer att innehålla de förändringar som skett i

användargränssnittet och hur dessa förändringar skulle fungera vid en implementering.

Designförslag 2:

Skillnaderna i detta designförslag mot det nuvarande användargränssnittet är följande: - Fakturabilden kommer att delas upp i två delar, den gamla konteringsrutan kommer

att försvinna helt.

o Del 1 av fakturabilden: Fakturabilden ersätts med en faktura-header som innehåller den viktigaste informationen, se bild 1. Denna header kommer att levereras i det standard-format som visas på bilden. Kopplat till detta finns ett vitt kugghjul (settings, se bild 2). När användaren klickar på detta kugghjul så har användaren själv möjligheten att ändra vilken information som visas i faktura-headern, den blir i och med detta individuell för varje enskild användare. Användaren kan då klicka i och ur information och därmed välja vad som visas och vad som inte visas(se bild 3). Användaren kan även flytta de olika informationsraderna och ändra i vilken ordningsföljd som informationen visas, den informationen som är bockad och som ligger högst upp kommer att visas först, informationen som är bockad som ligger näst högst upp kommer att visas som tvåa, osv.

o Del 2 av fakturabilden: Denna del som är placerad under faktura-headern, kommer att innehålla alla de rader som handlats på fakturan. Alla enskilda rader har varsin rad och längst ned finns en rad med den totala summan som ska konteras. Bild 4 visar utseendet på denna del. I och med att

konteringsrutan nu är borttagen kommer kontering att ske på ett annorlunda sätt mot tidigare. Användaren kan välja mellan två alternativ, antingen kan kontering på en eller flera rader ske (för att markera fler rader kan

användaren ctrl-klicka på varje rad, eller shift-klicka om man vill markera ett spann med rader). När användaren valt de rader som ska konteras så klickar användaren på ”kontera rad”, se bild 5. När detta är gjort kommer ett fönster att öppnas under den raden som markerats längst ned, se bild 6. Nu är den nya konteringsvyn öppen. Precis som tidigare skriver användaren in den information som behövs (detta görs efter samma struktur som tidigare). När användaren känner sig klar med detta så klickar man på ”Godkänn”. Om användaren ändrat sig och inte längre vill kontera raden/raderna så klickar man på ”Gå tillbaka”. Om en rad godkänts blir denna grön, knappen kommer att byta text från: ”kontera rad” till det konto och kostnadsställe som raden konterats på och totalsumman kvar att kontera kommer att uppdateras. När hela fakturan är konterad kommer alla raderna att vara grön-markerade och summan på ”Kvar att kontera”-raden kommer att vara 0kr. Om användaren

skulle vilja kontera alla rader på fakturan utan att behöva markera alla rader, så kan man direkt kontera på sista raden, d.v.s. raden med ”Kvar att kontera”. o Om användaren skulle vilja dela upp en rad i flera delar så är detta också

möjligt. Det man gör då är att klicka på ”kontera rad”. Om summan på raden från början är 746,00 så kommer denna summa automatiskt att följa med till konteringsraden, där kan användaren ändra summa på denna rad, om man t.ex. skriver in 246,00 och trycker på enter så kommer en ny rad att skapas med resterande belopp, i det här fallet 500,00. Om man gjort något fel i delningen av rader kan man klicka på ”Gå tillbaka” för att de handlade raderna ska återgå till det ursprungliga värdet, d.v.s. man raderar eventuella delningar i raderna som man genomfört. (Bild 7 visar hur man delar en rad) o Gula lappar kan precis som i tidigare användargränssnitt placeras var som

helst över både faktura-headern och de handlade raderna.

Sammantaget kommer detta designförslag att bidra med ett helt nytt konteringssätt. Konteringssättet gör att användaren själv inte behöver hålla koll på summor (utom i de fall där handlings-rader måste delas upp). Det bidrar även till att visa fler handlings-rader än tidigare. I och med att konteringsrutan tagits bort helt i grund-vyn och är dynamisk (konteringsraden visas när man kallar på den) så finns mer plats åt handlings-rader. Vilket gör att grund-vyn visar många flera rader.

Bild 2

Bild 4

Bild 6