Design & UX

”Gör den snygg” är sällan rätt uppdrag

Många designuppdrag börjar med fel fråga. Du tittar på en hemsida eller app som känns gammal och ber om att den ska bli modern. Men att något ser föråldrat ut är oftast bara det som syns. Under ytan är navigeringen förvirrande, registreringen tappar användare i steg tre och skärmen som alla arbetar i har aldrig ritats ordentligt. Den har bara vuxit fram.

Bra design börjar i strukturen: hur människor förstår och använder det du byggt, och hur tydligt det är vad de ska göra härnäst. Blir strukturen rätt kommer det moderna utseendet nästan av sig självt. Gör man bara ytan snyggare tappar produkten fortfarande användare på samma ställe som förut.

Det är det vi arbetar med: design som gör det enklare att använda din hemsida eller app, så att fler gör det du vill att de ska göra. Och design som går att bygga, så att det färdiga ser ut som det du godkände.

Så arbetar vi med design

1. Besluten bygger på research. Vi utgår från dina användare, dina mål och vägen fram till ett köp, inte från en moodboard. Därför kan vi förklara varför ett beslut är rätt, i stället för att hänvisa till smak.
2. Du får ett system, inte en hög skärmar. Du får ett komponentbibliotek i Figma där färger, typsnitt, avstånd och komponenter definieras en gång och används överallt. Designen blir konsekvent och billig att bygga vidare på.
3. Designen går att bygga. Biblioteket är uppbyggt på samma sätt som koden, så överlämningen blir ingen gissningslek. Bygger vi också produkten hänger design och bygge ihop hela vägen. Bygger någon annan den är biblioteket dokumenterat så att de kan bygga efter det.

Ovanpå det kommer det som gör störst skillnad: vilka flöden som ska prioriteras, var det skaver för användaren och hur det viktigaste steget blir självklart att ta.

Glappet mellan design och färdig produkt

Det svåra är att få det som byggs att se ut som designen. Byggs skisserna på ögonmått blir resultatet nästan rätt: avstånd som glider, färger som nästan stämmer och knappar som beter sig olika på olika skärmar. Några månader senare finns designen på två ställen som inte stämmer överens.

Vi minskar det glappet genom att designa på samma sätt som koden byggs. I Figma-biblioteket har varje färg, textstorlek och avstånd ett namn som motsvarar samma värde i koden (så kallade design tokens). Komponenter definieras en gång och sätts sedan ihop, precis som i kodbasen. När vi också bygger produkten går designen rakt in i samma system, och inget behöver översättas på vägen. Därför håller designen även efter lanseringen.

Så går ett uppdrag till

Ett designuppdrag går igenom fyra steg.

Research (1 vecka)

Vi pratar med dig och andra som berörs, går igenom din statistik och vägen till ett köp, och tar reda på vem som använder produkten och vad de vill få gjort. Sedan bestämmer vi informationsarkitekturen, alltså strukturen under skärmarna. Blir den rätt känns resten självklart.

Wireframes (1–2 veckor)

Enkla skisser först, så att vi diskuterar flöden och ordning innan någon diskuterar färger. Det är mycket billigare att flytta ett steg i en skiss än att bygga om en färdig skärm.

Visuell design (2–3 veckor)

Sedan det visuella, i arbetsmöten där du är med, inte genom granskning via mejl. Vi designar de viktigaste skärmarna och bygger komponentbiblioteket samtidigt, så att systemet och skärmarna växer fram tillsammans. Två revisionsrundor ingår.

Överlämning och bygge

Det färdiga materialet exporteras och dokumenteras. Bygger vi produkten hänger design och bygge ihop genom hela implementationen, så att resultatet motsvarar designen. Bygger någon annan den får de ett dokumenterat komponentbibliotek att arbeta efter.

UX, UI och varumärke

De tre blandas ofta ihop, så här är skillnaden:

• UX är hur produkten är uppbyggd och hur människor tar sig fram i den. Det avgör om den fungerar.
• UI är det visuella lagret ovanpå. Det avgör om den känns genomtänkt och pålitlig.
• Varumärkesidentitet är din logotyp, din grafiska profil, ditt namn och din ton. Det är ett eget område.

Vi gör UX och UI inom ett befintligt varumärke. Varumärkesidentiteter från grunden tar en varumärkesbyrå fram. Är ditt varumärke inte klart än kan vi arbeta med ett enkelt tillfälligt utseende så att designen inte står still, och uppdatera när den riktiga profilen finns.

Det här ingår inte

• Hel varumärkesidentitet. Logotyp och komplett grafisk profil tar en varumärkesbyrå fram.
• Löpande designstöd. Det ingår inte i Bas och Plus. Behöver du design löpande gör vi det i nivån Anpassat.
• Att bygga om en design utan att få ifrågasätta den. Är uppdraget att återskapa något exakt som det är passar vi inte. Det vi bidrar med är tänkandet bakom designen.

Nästa steg

Planerar du ett designuppdrag är nästa steg ett möte på 30 minuter. Du berättar vad produkten ska göra och var den tappar folk, och du får veta om vi passar för uppdraget. Inom tre arbetsdagar får du en skriftlig offert, eller ett ärligt tips om en annan väg.

Gäller det din hemsida kan du också börja med en kostnadsfri webbanalys av SEO och Core Web Vitals, som visar vad som är viktigast att åtgärda först.

Alla tjänster och startpriser finns samlade på prissidan.