UX Design für
App & Web
aus Berlin

Ansicht Android Design für Stupsa App

Von der Konzeption zum klickbaren App Design

App KonzeptionUser Flow & Screenabfolge

Das Ziel ist, Ihren Nutzern die Bedienung so leicht wie möglich zu machen. Denn sie sollen eine App, Web-App oder Webseite oft und mit Freude nutzen. In der App Konzeption wird geklärt und dargestellt, welche Screens es gibt und in welcher Reihenfolge sie optimal ablaufen.

App MockupBeste Entscheidung treffen

Ein fester Bestandteil von mobilem App Design ist das vorangehende App Prototyping – also das klickbare App Konzept, der Bauplan. Heutige Tools erlauben ein realitätsnahes Prototyping von Inhalten auf Screens, um ein digitales Produkt vorab test- und anfühlbar zu machen.

App DesignFür Android und iOS

Steht die klickbare Konzeption der App, wird es Zeit ein für die ermittelte Zielgruppe und Ihrer Vision passendes Design zu entwerfen. Das Mobile Design der App braucht einen eigenen Stil und sollte ebenso zur heutigen Zeit und zu den Erwartungen der Android oder iOS Nutzer passen.

Hi, ich bin Karolina Schilling.

Ich arbeite als App und UX Designerin im Herzen Berlins. Seit 12 Jahren designe ich Apps und Webseiten, die Unternehmen helfen in ihrem Business zu wachsen.

Ich plane, konzipiere, designe und prototypisiere User Experience Design für mobile Apps (iOS und Android) und plattformübergreifende Web-Apps. Mit meinem vernetzten Wissen aus Technik, Gestaltung, digital Business und Coaching erarbeite ich digitale Produktstrategien und mache sie mit Hilfe aktueller Tools sicht- und testbar bevor die Programmierung beginnt.

App Design Prozess

1. UX Research & ConsultingZiel: Zukünftige Nutzer kennen lernen

Welche Lösung wird über die App angeboten? Welchen Benefit erfahren potenzielle Nutzer der App? Wie nutzen Menschen die App,  um eine Aufgabe, einen Bereich, Alltag oder Arbeit einfacher/angenehmer/günstiger/schneller zu machen? Hier wird das Business Modell der App nutzerzentriert betrachtet und auf wesentliche Features fokussiert.

2. Digitale StrategieNutzerbedürfnisse & Business vereinen

Die digitale Strategie einer App legt Schritte fest, um die App in die Welt zu den Nutzern zu bringen. Wie erfahren sie davon? Gibt es eine zugehörige Landing Page zur App? Wird zunächst ein MVP – eine kleine Produktvariante – der App gebaut, um die Features und den Markt zu testen? Zwei Kernfragen: 1. Wie erfahren Nutzer von der App? 2. Welche Features sind wertvoll für die Zielgruppe?

3. App KonzeptFührung & Interaktionen

Wie ein Haus braucht jede App, Web-App oder anderer Service einen Bauplan. Das Grobkonzept zeigt auf, wie viele Screens die App hat – ähnlich wie der Grundriss eines Hauses zeigt, wie viele Räume das Haus hat. Dann wird jeder Raum, jeder Screen, durchdacht und die Übergänge zu anderen Screens sichtbar gemacht. Zentraler Punkt ist hier die Nutzerführung und

4. App PrototypingProof Of Concept

Der klickbare Prototyp der App erlaubt es, die App oder Web-App auf mobilen Geräten anzufühlen bevor Zeit in Design oder Programmierung gesteckt wurde. Idee und Konzept können in diesem Schritt abgesichert und korrigiert werden. Erst wenn dieser „Bauplan“ der Anwendung steht, beginnt die Phase des UX Designs. Erst UX Strategie, dann Design.

5. Mobile App DesignCharme & Botschaft

Design und Branding kommunizieren mit dem potenziellen Nutzer und machen ihn auf ein Produkt oder Service aufmerksam. App Design repräsentiert ein durchdachtes und getestetes Konzept in leicht verdaulicher und attraktiver Form, so dass Nutzern die Bedienung Spaß macht und verständlich ist.

6. Korrekte AssetsPerfekte Übergabe an die Programmierer

Die Übergabe der Screen-Designs an die Entwicklung ist essenziell, da die User Experience von Optik, Nutzbarkeit und Technik abhängig ist – und das führen die Programmierer zusammen. Mit den entsprechenden Tools sorge ich dafür, dass alles richtig ankommt.

0
Designte Screens
0
Jahre Freelancerin
0
Bearbeitete Projekte
0
Seiten ``Apps machen``

Agiler Design Prozess mit modernen Tools

Am Anfang ist es Papier. Und je weiter wir in der App Konzeption voranschreiten, desto feiner werden die Tools. Mit Sketch, InVision, Framer und Zeplin entsteht eine anfühlbares Proof of concept als klickbarerer App Prototyp.

Mit Sketch, Craft und InVision prototypisiere ich das UX Konzept und die UX Strategie. Klickbar, kommentierbar, korrigierbar.

Für anspruchsvolle Interaktionen, Animationen und Transitionen zwischen Screens, nutze ich Sketch, Atomic oder Framer.

Für die korrekte Übergabe der Grafik an die Entwickler, nutze ich Zeplin. Passend für alle Screen-Größen auf iOS & Android und im Web.

App Design für Ihr digitales Produkt.

App Design & UX Blog

Ob iOS Design oder Android App Design, Apple Watches oder andere Screens – hier geht’s um anfassbares App Design.

Mit Apps Geld verdienen

Mit Apps Geld verdienen? Dazu braucht es Überlegungen zum Geschäftsmodell. Ist es eine App, die nervig über Werbung finanziert wird? Ist es eine App, die In-App-Käufe anbietet? Also interne Produkte? Und ist die Anzahl der Produkte skalierbar? Wie kann ein...

Age of nutzerzentriert

Good bye PC – die Post-PC-Ära ist da Es ist schon längst passiert: nutzerzentriert drängeln sich Apps von überall in unser Leben. Apps lösen Webseiten ab oder treiben Webseiten dazu, sich wie Apps zu verhalten. Apps ermöglichen uns, eine Reise, P...

App Mockup Arten, Teil 1

Wozu dient das App Mockup? Wen soll es überzeugen…? Wenn Sie ein App Mockup entwickeln wollen, sollten Sie zunächst überlegen, zu welchem Zweck Sie es brauchen und wem Sie es zeigen wollen. Ein Mockup für den technischen Leiter, das Dev-Team, die...

Ein Jahrzehnt Erfahrungen mit Apps

Ich bin seit 2009 mit dabei, da waren Apps noch ganz frisch. Es war ein weltbewegendes Unterfangen eine Android App zu designen und es konnte sehr leicht bei der Umsetzung in einer Katastrophe münden, weil das Android Framework schlecht dokumentiert war…...

UX Design mit Sketch 3

Sketch 3 ist für mich DAS Grafikprogramm für Screen Designs. Bisher arbeitete ich gern mit FireWorks CS6. Mir gefielen die übersichtliche Menge an Tools, die das Wichtigste aus Fotobearbeitung und Vektorgrafik anboten, und die auf das Web fokussierten Bilde...