App-design & UX
Design som håller hela vägen till koden
Vi designar och utvecklar i samma studio. Det betyder att inget ritas som inte går att bygga, och att detaljerna överlever vägen från skiss till App Store.
Principer
Vad vi utgår från
Vi har inga mallar. Men vi har fyra saker vi alltid återkommer till.
Plattformens egna regler
En iOS-app ska bete sig som en iOS-app och en Android-app som en Android-app. Svep tillbaka, delningsmenyn, placeringen av knappar — det är detaljer användaren inte märker förrän de är fel.
Färre val per skärm
De flesta appar blir bättre av att ta bort saker. Varje skärm får en tydlig huvudhandling och resten hamnar ett steg bort.
Rörelse med funktion
Animationer visar var något kom ifrån och vart det tog vägen. Rörelse som bara är dekoration gör appen långsammare att använda.
Haptik som svarar
Rätt vibration vid rätt ögonblick bekräftar en handling utan text. Vi bygger egna haptiska mönster i stället för att förlita oss på standardvibrationen.
Leverabler
Vad du får
- Flödeskarta
- Alla skärmar och vägen mellan dem på en yta, innan något ritas i detalj. Det är här de dyra missförstånden fångas.
- Klickbar prototyp
- En prototyp du kan testa i telefonen. Ändringar i prototypen kostar minuter, ändringar i färdig kod kostar dagar.
- Designsystem
- Färger, typografi, avstånd, knappar och tillstånd som återanvänds i hela appen — och som gör vidareutveckling snabbare.
- Tomma och trasiga lägen
- Hur ser appen ut första gången, utan data, utan täckning och när något går fel? Det designas, inte improviseras.
- Tillgänglighet
- Kontraster, träffytor, dynamisk textstorlek och skärmläsaretiketter. Appen ska fungera även för den som förstorat texten.
- Butiksmaterial
- Ikon, skärmbilder och grafik till App Store och Google Play, framtagna i samma designspråk som appen.
Arbetssätt
Från idé till färdiga skärmar
- 01
Genomgång
Vi går igenom vem appen är till för, vad de ska kunna göra och vad som redan finns i form av varumärke och material.
- 02
Struktur
Flöden och skärmindelning innan färg och form. Struktur är det som avgör om appen känns enkel.
- 03
Visuell design
Designsystemet byggs och appen får sitt uttryck. Vi visar riktiga skärmar, inte stämningsbilder.
- 04
Överlämning till kod
Eftersom vi bygger appen själva finns ingen överlämning som tappar detaljer. Det som designats är det som byggs.
Design ingår i alla våra projekt — se vad som ingår i respektive prisnivå eller läs hur design hanteras i en MVP med kort tidsplan.
Läs vidare
- iOS-apputvecklingSwift, SwiftUI och React Native — haptik, prestanda och App Store.Läs om iOS-apputveckling för iPhone och iPad →
- MVP-utvecklingEn avgränsad första version från 60 000 kr som testar idén på riktiga användare.Se hur en MVP tas fram på 4–8 veckor →
- Appar för företagInternappar, fältarbete, orderflöden, roller och integrationer mot befintliga system.Läs om appar som digitaliserar arbetsprocesser →
Har du en app som fungerar men inte känns rätt?
Skicka över den så går vi igenom vad som skulle göra störst skillnad — utan att bygga om allt.