Image

Brugerfladedesign

En smart brugerflade hjælper brugeren i mål
Dit branddesign til din brugerflade
Gennemtænkte og data orienterede brugerrejser
Gennemarbejdet visuelle hierarkier
Afprøv brugerfladen i vores prototype værktøj
De nyeste tendenser, trends og konventioner
Lad os tage en snak
Image

GLADE KUNDER

Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Image
Professionelt Userinterface design

Brugerfladen skal hjælpe brugeren i mål

Alle it systemer har et meget vigtig formål, og det er at hjælpe brugeren i mål med lige netop den opgave eller udfordring de har, som dit system har svaret på. Hvis brugerfladen ikke løser brugerens problem, på en logisk, smart og gennemtænkt måde, risikere du, at din brugere søger mod andre løsninger eller dine konkurrenter.

Brugerfladen er broen imellem IT-systemets arkitektur på serveren og det du som bruger anvender til navigere, filterer, sortere, oprette, opdatere, flytte data, og meget mere. Derfor er brugerfladen, og det brugeren oplever i brugerfladen, ligeså vigtig som selve systemet der ligger bag – Med er gennemtænkte brugerrejser og flow, samt et godt UI og UX design, vil brugeren i langt højre grad opleve, at dit system er værdifuldt og gennemarbejdet.

Brugerrejser og gennemtestede flows er nøglen til succes
Brugeren skal ikke overvældes af funktioner - De skal præsenteres smart
User experience skaber Gennemsigtighed, troværdighed og loyalitet
Image
STEP 1

Møde - Vi lytter til dig
Første skridt er at skabe en fælles forståelse af det IT system som du har i tankerne. Her tager vi et møde hvor du forklare og fortæller det bedste du kan, viser eksempler m.m. Vi spidser ørerne og tager alle dine input. Herefter giver vi dig vores vinkel på "best practice " løsninger og ikke mindst prioritering
STEP 2

Vi går hjem til tegnebrættet
Med alle dine inputs i rygsækken vil vi begynde at udforme wireframes af brugerfladens struktur. Den simple repræsentation sikre at vi kan lave gennemtænkte brugerrejser
STEP 3

Brand identitet og prototypedesign
Når skelettet er på plads, skal det styles med brand identiteten, gøres dynamisk og levende med farver, billeder, ikoner, skrifttyper og meget mere. Her binder vi også brugerfladen sammen i en interaktiv prototype.
STEP 4

Workshop / præsentationsmøde
Når wireframes, design, og prototype er på plads, mødes vi til en præsentation af arbejdet, og en input og feedback runde - Her får vi styr på justeringer og detaljerne i brugerfladen og lytter nøje til dine inputs
STEP 5

Du godkender brugerflade designet
Efter workshoppen sikre vi, at dit feedback og input bliver ført ind i designet - Herefter skal du godkende designet, og vi overleverer de nødvendige filer til udvikleren - Og systembyggeriet kan påbegyndes
1
2
3
4
5

Processen omkring brugerfladedesign

Udvikling af systemer er en stor opgave, men det er lige så stor en opgave at lave om i det efterfølgende. Derfor er det vigtigt at designet på brugerfladen er gennemarbejdet på forhånd, inden at udviklingen begynder

Derfor har jeg kogt hele designprocessen ned til 5 trin som man skal igennem for, at få et gennemarbejdet design

Skal vi tage første skridt
TEKNOLOGIER JEG ARBEJDER MED:
Image
React / React-Native
Programmeringssproget React & React-Native er udviklet af Meta (Tidl. Facebook). React bruges i dag til at bygge hjemmeside frontend, altså alt det som brugeren af en hjemmeside kan se, fx. så er Facebook, Instagram og DR.dk bygget i React. React-Native er en version af React lavet til at udvikle Cross-platform mobil apps

Se mere her

Image
HTML
HTML står for HyperText Mark Language, det bruges til at beskrive opbygningen af en hjemmeside. HTML er derfor grundstenen i alle hjemmesider der findes. I dag bygger om dog sjældent hjemmesider i ren HTML, men man bruge i stedet forskellige programmeringssprog (Fx React), som efterfølgende bliver lavet om til ren HTML så din browser kan vise det

Se mere her

Image
CSS
CSS står for Cascading StyleSheet og bruges sammen med HTML. CSS bruges til at lave designet på en hjemmeside. Forestil dig et hus, her er væggene HTML og alt hvad der definere hvordan huset ser ud er CSS, alt lige fra hvor væggene står, hvilken farve de har, hvor høje og brede de er, det er alt sammen CSS, så derfor er der ingen hjemmeside uden CSS

Se mere her

Image
SQL
SQL står for Structured Query Language. SQL er grundstenen for alle almindelige databaser. I dag findes der flere forskellige typer af databaser, men SQL-baserede databaser er de mest udbredte, og der findes mangle forskellige SQL-databaser. Fx har Microsoft lavet deres egen MS-SQL database. Den mest udbredte hedder Postgres og er den jeg benytter

Se mere her

Image
php
php er et dansk udviklet programmeringssprog som oftest benyttes til at lave almindelige hjemmesider. Mange blogs, nyhedssider, virksomhedshjemmesider og lign. er oftest udviklet i php. 42,9% (i 2022) af alle hjemmesider i verden er bygget ved hjælp af det CMS (Content Mangement System) der hedder Wordpress. Wordpress er bygget i php

Se mere her

Image
JS – Javascript
Javascript er den tredje byggesten til hjemmesider. HTML er strukturen, CSS er design og udseende, Javascript er den interaktive del, næsten alt på en hjemmeside der sker uden at siden genindlæser er lavet med Javascript. Ligeledes så er Javascript det programmeringssprog der ligger bag ved teknologier som React & React-Native der kan bruges til at udvikle hjemmesider og apps

Se mere her

Image
C# – C Sharp
C# er et programmeringssprog udviklet af Microsoft. C# kan bruges til mange ting, en stor del af de programmer der ligger på en Windows computer er bygget med C#. Ligeledes så bruges C# også på webservere til at udvikle backend systemer, alt det som en bruger ikke kan se. Det kan være Webapplikationer, Api'er, baggrundprocesser og meget mere. Fx er C5, Dinero, e-conomic, Uniconta og Navision udviklet i C#

Se mere her

KUNDERNE SIGER:
Image
MichaelFounder & Administrerende direktør
Image

I Valmi har vi haft Hexio til at udvikle hele vores interne it-infrastruktur. Det betyder alt lige fra integrationer der automatisere vores interne processer, regnskab mv. Men Hexio har også udviklet hele vores virksomheds drifts IT-system, Vappen. Vappen styrer hele vores hverdag, alt lige fra kunder, tilbud, ordrestyrring, fakturering, inkasso, betaling af leverandørfaktura, fakturakontrol, og det er både på computer og som mobil app. Vi kan som virksomhed ikke overleve uden Vappen, og Hexio levere en fantastisk stykke arbejde med at forstå vores virksomhed, og udvikle et specielt system, som passer 100% til Valmi

Hvad er brugerfladedesign?

Brugerfladedesign, brugergrænsefladedesign, UI design (engelsk: user interface design) er design af den flade og synlige del som brugeren skal interagere med når det kommer til maskiner, software, computere, husholdningsmaskinger og en masse andre elektronisk produkter. Sådan en designproces har fokus på at maksimere brugervenligheden og brugeroplevelsen. Når det kommer til software og brugerfladedesignproces sigtes der efter at skabe æstetiske grænseflader som er logisk, nemme og behagelige at bruge.

Fordele ved Brugerfladedesign

Prototyping - Vi simulere systemet
Gennemarbejdet brugerrejser
Knivskarpt gennemgående designlinje
En dynamisk og fleksible proces
Vigtige system beslutning klarlægges
Skal vi tage en snak?
VÆRD AT VIDE OM BrugerfladedesignOfte stillede spørgsmål
Kontakt MigRing 53 65 65 75

Tag fat I mig idag, så ser vi sammen på hvordan jeg kan hjælpe dig med din IT. Ring eller send mig en besked

Image