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.

01

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.

02

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.

03

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.

04

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

  1. 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.

  2. 02

    Struktur

    Flöden och skärmindelning innan färg och form. Struktur är det som avgör om appen känns enkel.

  3. 03

    Visuell design

    Designsystemet byggs och appen får sitt uttryck. Vi visar riktiga skärmar, inte stämningsbilder.

  4. 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.

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.