Vores redesign: Serviceaftaler

Som det næste skridt i vores designoverhaling fortsætter vi med at omdefinere og optimere grundlaget for Previsto. I dette indlæg vil vi præsentere den kommende nye brugergrænseflade til serviceaftaler.

Softwaredesign er aldrig helt tidløst. Selv når det står klart, at det er nødvendigt at redesigne et produkt, tøver vi ofte med at gøre det. I løbet af min karriere har jeg været involveret i flere af disse projekter, og de har aldrig været nemme.

Udfordringerne opstår, fordi der aldrig er et perfekt tidspunkt for et redesign. Det vil altid medføre en ny indlæringskurve for alle brugere, hvilket kan være træls at håndtere i en travl hverdag.

På trods af vanskelighederne er redesigns vigtige. Uden dem sakker brugeroplevelsen bagud. Hos Previsto har vi et stærkt fokus på fortsat at forbedre din arbejdsdag ved at forbedre, hvordan Previsto kan hjælpe dig med at planlægge dit arbejde. Redesignet af serviceaftalerne er et skridt i den retning.

Problemer med vores nuværende design

For at illustrere, hvorfor et redesign af serviceaftaler er nødvendigt, vil jeg gerne vise nogle af de problemer, vi har med vores nuværende design. Det vil forklare, hvorfor vi har valgt at lave et komplet redesign af en af de mest brugte dele af Previsto. Jeg vil tage en helt standard serviceaftale som eksempel og forklare, hvad de største problemer er i dag.

Støj

Du har måske ikke bemærket det, men når du redigerer en serviceaftale, bliver du faktisk præsenteret for en masse visuel støj, som ikke er nødvendig for dig at se. Tag et kig på dette eksempel.

Dette er en dialog til redigering af en simpel serviceaftale. Det eneste, vi har tilføjet, er en kort tekst om serviceaftalen og beløbet for den. Men læg mærke til, hvad der ellers trækker fokus i dette billede. I baggrunden ser du stadig detaljer om kontakten, som ikke er nødvendige lige nu. Til venstre for editoren er der også beskrivelser af alle formularfelter, men den information har du kun brug for første gang, du bruger editoren. Det fylder meget på skærmen og giver dig for meget visuel støj.

Tag et kig på dette billede, som illustrerer den visuelle støj med skraveringer.

Den tilgængelige skærmplads til indtastning af planlægningsdetaljer er begrænset, selv på større skærme. Med det kommende redesign tilstræber vi derfor at minimere visuel støj, så du kan koncentrere dig mere effektivt om de data, du redigerer.

Mangel på overblik

Et andet problem er manglen på overblik over de indtastede data. Det hænger til dels sammen med, at den visuelle støj fylder meget, men det hænger også sammen med den måde, vi præsenterer de redigerbare felter på. Når vi undersøger det samme eksempel som før, ser vi at vi kun får vist halvdelen af felterne for serviceaftalen. Vi er nødt til at scrolle ned for at få det fulde overblik.

For at se alle redigerbare felter samtidigt skal skærmen være ekstremt stor med det nuværende design. Det vil vi gerne ændre på. Ved at minimere visuel støj og optimere layoutet af de redigerbare felter kan vi give dig et overblik over alle de redigerbare felter i den samme visning.

Ikke optimeret til forskellige skærmstørrelser

I forbindelse med den visuelle støj og manglen på et omfattende overblik, selv på store skærme, opstår der desuden et andet væsentligt problem: editoren er ikke optimeret til mindre skærme. På trods af den forenklede app, vi har til smartphones, har vi observeret, at mange brugere stadig ønsker den komplette UI-oplevelse på små enheder. I øjeblikket skalerer Previstos fulde webbaserede brugergrænseflade ikke godt til de enheder, som det følgende billede illustrerer.

Vores nye kommende design

For at løse ovenstående problemer har vi påbegyndt en komplet revision af designet for serviceaftaler. Vi sigter mod at:

• fjerne visuel støj
• skabe et bedre overblik
• understøtte både små og store skærme

Fokus på de vigtigste data

Efter grundig overvejelse af det essentielle i serviceaftaler, sammenligning med hvordan markedet generelt anvender serviceaftaler, og samtale med flere Previsto-brugere, er konklusionen at de vigtigste data i en serviceaftale er dens beskrivelse.

Hvad er det for en opgave, der skal udføres? Hvilken beskrivelse skal medarbejderen have? Vi har valgt at prioritere denne information i det nye design.

Lægger du mærke til klarheden? Der er meget mindre visuel støj, og fokus er på de vigtigste data - den aktuelle opgave og beskrivelsen af den. Du har stadig alle dine planlægningsdetaljer til højre, og du har fuldt overblik over alle de redigerbare felter i det samme skærmbillede.

Skjul forklaringer under tooltips

I det nye design har vi fjernet mange forklaringer af forskellige dele af brugergrænsefladen. Det gør vi, fordi du typisk kun har brug for disse oplysninger, første gang du bruger editoren. Vi har dog ikke helt fjernet forklaringerne. I stedet har vi gemt dem væk under tooltips, som vist i det følgende eksempel.

Understøttelse af forskellige skærmstørrelser

En anden fordel ved det nye design er dets skalerbarhed til forskellige skærmstørrelser, fra store skærme til selv de mindste på smartphones. Eksemplet nedenfor viser, hvordan den samme editor ser ud på en smartphone, med og uden de viste planlægningsegenskaber.

Kommer snart til en skærm nær dig!

Det nye design, vi har præsenteret her, er næsten færdigt. Vi tilføjer nogle sidste detaljer for at sikre en høj kvalitet. I mellemtiden er vi ivrige efter at modtage din feedback på det nye design. Fortæl os, hvad du synes på Twitter eller LinkedIn, eller giv vores support direkte feedback på support@previsto.com.