Introduktion
Introduktion i mobilappar: mönster att studera inför nästa flöde
Studera introduktionen som en följd av beslut, inte en rad välkomstskärmar. De här hypotetiska mobilmönstren visar när du bör vägleda, fråga och inte stå i vägen.
ScreenKits blogg
Bättre appar börjar
med en närmare titt.
Riktiga appmönster, praktiska designbeslut och lite inspiration till vad du bygger härnäst.
Introduktion
Introduktion i mobilappar: mönster att studera inför nästa flöde
Studera introduktionen som en följd av beslut, inte en rad välkomstskärmar. De här hypotetiska mobilmönstren visar när du bör vägleda, fråga och inte stå i vägen.
Intäktsgenerering
Design av betalväggar i mobilappar: gör prenumerationsval tydliga
En bra betalvägg förklarar vad en prenumeration ger, vad den kostar, när betalningen börjar och hur användaren kan fortsätta utan köp. Använd guiden och checklistan för att granska hela beslutet, inte bara köpknappen.
Introduktion
Inloggning och registrering i mobilappar: gör kontosteget tydligt
Utforma kontoflöden kring det ögonblick då de skapar nytta. Erbjud tydliga inloggningsval, enkla formulär, hjälpsamma felmeddelanden och en genomtänkt väg tillbaka.
UI-mönster
Design av tomma lägen: vägled nästa steg när innehåll saknas
En tom skärm kan ha flera orsaker. Ta reda på varför innehåll saknas, förklara läget tydligt och erbjud ett nästa steg som passar situationen.
UI-mönster
Navigeringsmönster i mobilappar: flikar, navigeringspaneler och kapslade flöden
Välj navigeringsmönster i mobilappar utifrån hur ofta uppgifter utförs, informationsstrukturen, tillgänglighetsbehov och hur lätt användare hittar tillbaka.
Designarbetsflöde
Så hittar du inspiration till mobilgränssnitt och omsätter den i en designbrief
Samla en fokuserad uppsättning referenser, identifiera designbeslut att lära av och omsätt skärmdumparna i en brief som utgår från användarnas uppgifter snarare än en annan apps utseende.
Designarbetsflöde
Appflöden och enskilda skärmdumpar: så studerar du sekvensen
En skärm visar ett ögonblick. En flödesgranskning frågar vad som hände före, vad som förändrades och vad användaren kan göra härnäst. Studera sekvenser utan att anta att en uppsättning skärmdumpar berättar hela historien.
UI-mönster
UI-design för fintechappar: tydlighet och lugn i ekonomiska ärenden
Hjälp användare att förstå vad ett belopp betyder, hur en transaktion fortskrider och vad som händer innan de bekräftar ett ekonomiskt ärende.
Se mönstren i praktiken.
Utforska riktiga mobilskärmar och följ flödena bakom dem.