Specialist i prototyper og frontend

Morten Bang Justesen

Brugerfladekonsulent
morten@redefine.dk

Prototyper

"Design af en prototype er en visuel måde at designe sit slutprodukt på."

Ofte er det sådan inden for it, at man ønsker at konstruere en løsning og derfor sætter teknikerne til at programmere sig frem til den. Først når løsningen fungerer, giver man sig til at se på brugerfladen og brugernes oplevelse. Derfor oplever brugerne ofte, at selvbetjeningsløsninger på nettet er alt andet end enkle og logiske at arbejde med.

Redefines tilgang til selvbetjeningsløsninger er nærmest omvendt:
"Jeg udvikler en slags 'skal', der viser, hvordan den skal fungere – der fokuseres altså på bruger-oplevelsen og i mindre grad på den tekniske platform i den indledende fase. Det gør det muligt tidligt i forløbet at afprøve og teste nye tilgange i forhold til slutbrugerne," forklarer Morten.

Det tager typisk mellem fire og 16 uger at udvikle og finpudse prototypen, afhængig af de feedbacks, man får fra slutbrugerne – og mængden af tilpasninger.
Først når brugeroplevelsen er, som man har ønsket, gives opgaven videre til teknikerne. Men da prototypen programmeres i standard frontend-teknologi(HTML og CSS), kan den uden problemer implementeres i den endelige løsning. Den bliver et regulært redskab, teknikerne kan bruge, så snart de skal i gang med deres del af udviklingsarbejdet.

Light Bulp
Forholdet mellem frontend og backend kan sammenlignes med en restaurant. I køkkenet(backend) foregår alt det tekniske og hårde arbejde, men som gæst ønsker man blot at få serveret godt mad i dejlige omgivelser i serveringslokalet(frontend).
Læs mere om værktøjerne

HTML5

Grundlaget for en dynamisk løsning

HTML er standarden, som alle webløsninger i sidste ende viser til brugeren. HTML’en kan blive genereret af et CMS-system eller af et skræddersyet system, men fælles for alle webløsninger er ”output-formatet”.
Prototyperne bliver designet i selve output-formatet, så det senere teknologivalg er helt underordnet for prototype processen.

Ved hjælp af den seneste version af HTML er det muligt at lave endnu mere avancerede løsninger, der nærmest fungerer som små programmer.

CSS3

Sproget der definerer designet

CSS er miljøet, hvor webløsningen får sit ”look’n’feel”. Godt webdesign handler ikke bare om at være nydeligt, men det skal også være yderst fleksibelt for brugerne, effektivt for udviklerne samt hurtigt at afvikle i browseren. Ved at anvende CSS3 kan man skabe løsninger, hvor man er fri for unødvendige baggrundsbilleder og lignende, da alt er baseret på kode.

Ved at kombinerer CSS3 med Modernizr, kan man skabe en yderst bagudkompatibel løsning, hvor der er såkaldte ”fallbacks” for ældre browsere.

JavaScript

Simulering af levende indhold

JavaScript giver liv og dynamik til webløsningen. Det er muligt at simulere indhold fra backend-systemer, der endnu ikke er bygget, skabe elementer med mulighed for at udfolde underliggende informationer - samt små animationer, der gør det hele oplevelsen lidt lækrere.

De fleste løsninger baserer sig på platformen jQuery, der giver rigtig god kontrol over hele brugeroplevelsen. Der findes en række ”plugins” til jQuery, der gør det muligt at udvide med ny funktionalitet meget hurtigt.

Fold sammen igen

Brugervenlighed

"Alle taler om vejret – men ingen gør noget ved det"
skulle Storm P. en gang have sagt. Sådan er det ofte også med brugervenlighed.

I den perfekte verden bør selvbetjeningsløsninger gøre lige netop det, brugerne forventer. Den skal skabe overblik og give mulighed for at vælge det, brugeren har brug for – uden at overdænge brugeren med information, man ikke har brug for på det pågældende tidspunkt. Vejen til den løsning, man søger, skal være kort og logisk – "less is more".

Redefines kunder gør noget ved det.

”Min vigtigste opgave er at fokusere 100 procent på brugervenlighed. Og det KAN faktisk lade sig gøre uden at gå på kompromis med den bagvedliggende teknologi. Det kræver, at vi tænker løsninger ind, så de er optimeret til de mange forskellige platforme, vi benytter. Alt det skal kunderne ikke mærke. De skal blot opleve det som trygt og overskueligt at benytte de her selvbetjeningsløsninger,”
forklarer Morten.

  1. Nordea
  2. DanID
  3. Commentor
  4. Danish Crown

Henrik Harsbo

Web Strategist

"Morten Justesen er utroligt god til at zoome ind på slutbrugerne og deres behov. Han kommer med hele pakken i den forstand, at han både er stærk i sin tilgang til usability, kan designe færdige interfaces - og samtidig kender html og css som sin egen bukselomme.
Derudover er han en hyggelig og omgængelig fætter, der hurtigt falder ind i tonen, og som kan arbejde sammen med hvem som helst. Jeg kan på det varmeste anbefale Morten Justesen."

David John Hansen

Webredaktør

"Jeg har kendt Morten fra tidligere, så da vi skulle lave et mini-site, der demonstrerer den nye NemID-løsning, kontaktede vi Morten. Siden er løbende blevet videreudviklet og justeret, og der er blevet lagt nye features ud, som Morten har lavet for os.
Det, der gør Morten til en stærk samarbejdspartner er, at han både er meget kreativ - og samtidig arbejder utroligt loyalt med de mere bundne opgaver. På den måde får han altid omsat vores ideer til praktiske og brugbare løsninger. "

Uffe Rasmussen

Senior Manager, Project Office

"Morten Justesen har bidraget til at moderniseret og strømlinet brugerfladen på vores egne IT-systemer, som slagteriarbejderne blandt andet bruger i produktionen. Selv om hele slagteriverdenen og vores særlige behov var ny for ham, gik han ind i det med stor åbenhed. Morten har en meget professionel tilgang til arbejdet, og står vi med lignende udfordringer, vil vi helt sikkert gerne bruge ham igen. Vi er nu i fuld gang med at implementere vores nye designmanual, og de første feedbacks fra brugerne er positive. "

Michael Hove

Adm. Direktør

"Vi oplever i stadig stigende omfang, at vores kunder efterspørger usability, og de kompetencer har vi ikke i virksomheden, så derfor hyrer vi Morten ind. Han er lydhør og meget nem at kommunikere med - forstår både vores produkter og de udfordringer, vores kunder står overfor. Og de løsninger, han udvikler for os, fungerer utrolig fint.

Desuden er Morten ekstremt god til at indgå og overholde aftaler, og det er meget vigtigt, når man bruger en ekstern samarbejdspartner. Vi er særdeles tilfredse med samarbejdet. "

Baggrund

Redefine er en enmandsvirksomhed med multimedieintegrator Morten Bang Justesen bag roret. Han har specialiseret sig i at sikre, at HANS kunders kunder får en god web-oplevelse.

Morten Bang Justesen lærte tidligt, at smukt webdesign ikke var meget værd, hvis ikke siden var brugervenlig. Derfor valgte han at læse til multimedieintegrator, der netop kombinerer design og programmering – og han har siden fokuseret meget på brugerflader - eller user interfaces, som de også er kendt under.

Efter endt uddannelse arbejdede Morten i nogle år for forskellige reklamebureauer, inden han i 2008 sprang ud som selvstændig.

Samarbejde bygget på tillid og nærhed er altså vigtig for Morten. Og når han tager nye kunder ind, er det ofte fordi, opgaven udfordrer ham på en ny måde.

Og en af de ting, man altid kan have tillid til, når man henvender sig til Redefine: Opgaverne bliver afleveret til tiden!

”Jeg har både arbejdet in-house og i reklamebureauer, hvor jeg har oplevet både at være leverandør og modtager. Det var meget lærerigt at skulle sidde på den anden side af bordet,”

”Det er vigtigt for mig at ’komme ind under huden’ på mine kunder, deres produkter og deres kunder. Ofte arbejder jeg sammen med dem i årevis, også om store projekter. Den arbejdsform kræver, at jeg – i stedet for at tage alle mulige ad hoc-opgaver ind – fokuserer på at løse de opgaver, som mine faste kunder står med.”

Kontakt

Redefine

Søvøj 12
Astrup
9510 Arden

morten@redefine.dk

Tegninger er lavet af Tegner Bruno(hvil i fred) og teksterne er skrevet af Naia Bang