---
title: "Projektowanie aplikacji mobilnych"
url: "https://wzor.biz/uslugi/mobile-app/"
description: "Projektujemy aplikacje mobilne na iOS i Androida - warsztat, przepływy, makiety, klikalny prototyp i przekazanie do developmentu."
lang: "pl"
---
# Projektowanie aplikacji mobilnych

[Bezpłatna konsultacja](https://wzor.biz/bezplatna-konsultacja/) [Projekty](https://wzor.biz/projekty/)

Projektujemy iOS i Androida razem - przepływy, makiety każdego ekranu i klikalny prototyp, który przechodzi się na telefonie, zamiast oglądać na slajdzie. Do przekazania wchodzi biblioteka komponentów zgodna z konwencjami obu platform, specyfikacja stanów krawędziowych i assety przygotowane pod wymagania sklepów.

Pracowaliśmy dla najlepszych firm i startupów

Wyzwania

## Kiedy warto zacząć od projektu, nie od kodu

Aplikacja jest najdroższym typem produktu do poprawiania po starcie - każda zmiana wymaga nowego wydania i akceptacji sklepu. Poniżej cztery momenty, w których projekt oszczędza najwięcej.

-   „Zanim zamówicie development”
    
    Zespół developerski wyceni to, co mu opiszecie - a opis w dokumencie nigdy nie jest tak jednoznaczny, jak się wydaje przy pisaniu. Klikalny prototyp zamienia dyskusję o wyobrażeniach w rozmowę o konkretnych ekranach.
    
-   „Instalacje są, aktywacji nie ma”
    
    Pobranie kosztuje, a użytkownik, który nie dojdzie do pierwszej wartości w kilkadziesiąt sekund, nie wróci. Przeprojektowujemy onboarding i pierwszą sesję, bo tam odpada najwięcej osób.
    
-   „Nawigacja, w której nic już nie mieści się w menu”
    
    Każde wydanie dokładało ekran, aż struktura przestała odpowiadać temu, po co ludzie tę aplikację otwierają. Porządkujemy architekturę, zanim dołożycie kolejną funkcję.
    
-   „Android po iOS albo odwrotnie”
    
    Przeniesienie ekranu jeden do jednego wygląda na oszczędność, a kończy się aplikacją, która na drugiej platformie sprawia wrażenie obcej. Projektujemy różnice tam, gdzie mają znaczenie, i tylko tam.
    

Dla kogo

## Dla kogo projektujemy aplikacje

-   ### Duże firmy usługowe z aplikacją dla klientów
    
    Aplikacja jest jednym z kanałów obok infolinii i panelu na www, a każdy z nich powstawał osobno i mówi dziś co innego. Trzeba pogodzić to, czego wymaga dział obsługi, z tym, co użytkownik chce załatwić w dwie minuty na peronie.
    
-   ### Zespoły SaaS wychodzące na telefon
    
    Produkt w przeglądarce działa i ma klientów, więc przeniesienie go na mniejszy ekran wygląda na naturalny krok. Na telefonie mieści się jednak ułamek funkcji, a decyzja, który to ułamek, waży więcej niż cała reszta projektu.
    
-   ### Software house'y bez projektanta w składzie
    
    Zespół ma moc wykonawczą i klienta, który oczekuje gotowego UX, a rekrutacja projektanta trwa dłużej niż sam projekt. Wchodzimy wtedy jako warstwa projektowa w ich proces - w rytmie ich sprintów i w ich narzędziach.
    
-   ### Firmy z aplikacją dla pracowników w terenie
    
    Serwisanci, kierowcy i brygady pracują w rękawicach, w hałasie i w miejscach bez zasięgu, a aplikacja powstała na wzór systemu biurowego. Liczy się liczba dotknięć do zamknięcia zlecenia i to, co dzieje się z danymi, kiedy sieć wraca.
    

![Wydruki czterech układów interfejsu na stole: pulpit, ekran telefonu, formularz i tabela, jeden blok zakreślony markerem](https://wzor.biz/_astro/dla-kogo-wydruki-ekranow.GsgQefUA_1bzGfa.webp)

Nasza różnica

## Co robimy inaczej przy aplikacjach

-   ### Przeglądy prowadzimy na telefonie
    
    Każdą wersję oglądamy na fizycznym urządzeniu, nie w kadrze na monitorze. Ekran, który na dwudziestu siedmiu calach wygląda spokojnie, na sześciu calach, w słońcu i jedną ręką bywa nie do obsłużenia.
    
-   ### Wytyczne sklepów sprawdzamy na makietach
    
    App Store Review Guidelines i zasady Google Play dotyczą również projektu - zgód, ekranu logowania, usuwania konta, sposobu pobierania płatności. Weryfikujemy je, zanim ekrany trafią do kodu, bo odrzucenie w review kosztuje całe wydanie.
    
-   ### Przepływy konfrontujemy z zespołem, który to zakoduje
    
    Przed etapem interfejsu siadamy z Waszymi developerami nad mapą przepływów i zakresem pierwszej wersji. Ekran, którego nikt nie potrafi wycenić, wychodzi wtedy na makiecie, a nie dwa sprinty później.
    
-   ### Zdarzenia aktywacji ustalamy przy przepływach
    
    Razem z mapą ścieżek powstaje lista zdarzeń do wpięcia w analitykę i definicja momentu, w którym użytkownik dostaje pierwszą wartość. Po starcie widać wtedy, na którym kroku ludzie odpadają, zamiast domyślać się tego z ocen w sklepie.
    

Proces

## Jak to prowadzimy

1.  Tydzień 1
    
    ### Warsztat i zakres
    
    Kto jest użytkownikiem, jakie ma zadanie i co w aplikacji jest naprawdę pierwszą wersją. Wychodzimy z listą funkcji podzieloną na to, co wchodzi teraz, i to, co czeka.
    
2.  Tydzień 1–3
    
    ### Przepływy i makiety
    
    Ścieżki użytkownika i układ ekranów w niskiej wierności. Tu zapadają decyzje, które w kodzie są najdroższe do cofnięcia, więc tu spędzamy najwięcej rozmów.
    
3.  Tydzień 3–6
    
    ### Interfejs i prototyp
    
    Pełne UI kluczowych ekranów i klikalny prototyp, który da się przejść na telefonie. Nie wideo i nie slajdy - działający przepływ.
    
4.  Tydzień 5–8
    
    ### Stany i przypadki brzegowe
    
    Offline, błędy sieci, puste listy, uprawnienia, powiadomienia, dostępność. To jest ta część zakresu, której brak wychodzi dopiero na testach i zawsze kosztuje wydanie.
    
5.  Tydzień 8–10
    
    ### Przekazanie do developmentu
    
    Specyfikacja zachowań, biblioteka komponentów, Dev Mode, assety i sesja przekazania. Zostajemy w kontakcie w trakcie kodowania, bo pytania pojawiają się wtedy, nie wcześniej.
    

Zakres

## Co dostajecie na koniec

-   ### Mapa przepływów
    
    Ścieżki użytkownika od instalacji do celu, z rozgałęzieniami i punktami wyjścia. Dokument, na podstawie którego zespół developerski wycenia pracę.
    
-   ### Makiety wszystkich ekranów
    
    Nie kluczowe trzy. Każdy ekran, który aplikacja realnie ma, w obu platformach tam, gdzie się różnią.
    
-   ### Klikalny prototyp
    
    Przepływ do przejścia na telefonie - do testów z użytkownikami, do pokazania zarządowi i do rozmowy z inwestorem, jeśli taka jest w planie.
    
-   ### Biblioteka komponentów
    
    Komponenty z wariantami i stanami plus tokeny, zgodne z konwencjami iOS i Androida. Kolejna funkcja powstaje z niej, nie od zera.
    
-   ### Specyfikacja stanów krawędziowych
    
    Offline, błędy, puste listy, uprawnienia, powiadomienia, ładowanie. Rozpisane, bo to one decydują o ocenach w sklepie.
    
-   ### Assety i materiały do sklepów
    
    Ikona w wymaganych rozmiarach, ekran startowy i kadry do App Store i Google Play, przygotowane pod ich wytyczne.
    

Warsztat

## Co stosujemy

Aplikację poprawia się wydaniem, a wydanie przechodzi przez recenzję sklepu, więc część reguł nie jest kwestią gustu. Poniżej zestaw, który obowiązuje w każdym projekcie niezależnie od zakresu.

![Blat warsztatowy z góry: dwa wydruki układu interfejsu, lupa powiększająca jeden blok, stalowa linijka i wzornik szarości od bieli do czerni, jedna linia podkreślona pomarańczowym markerem](https://wzor.biz/_astro/warsztat-lupa-linijka-skala-szarosci.C5DINzRJ_Z2n7L7C.webp)

-   Apple Human Interface Guidelines dla iOS, Material Design dla Androida
-   Pole dotykowe nie mniejsze niż 44 pt na iOS i 48 dp na Androidzie
-   Kontrast tekstu 4,5:1, ikon i elementów sterujących 3:1
-   Skalowanie czcionki systemowej aż do największego ustawienia dostępności
-   Stan bez zasięgu i zasada synchronizacji projektowane razem z ekranem
-   Prośba o uprawnienie poprzedzona ekranem z uzasadnieniem
-   Ścieżka usunięcia konta dostępna z poziomu aplikacji
-   Ikona, ekran startowy i kadry w rozmiarach wymaganych przez oba sklepy

Następny krok

## Porozmawiajmy o Waszym projekcie

Powiedzcie, co macie do zrobienia. Wracamy z zakresem i wyceną.

[Bezpłatna konsultacja](https://wzor.biz/bezplatna-konsultacja/) [Projekty](https://wzor.biz/projekty/)

Realizacje

## Wybór z naszego portfolio

Realizacje mobilne opisujemy w case study EzzyGuide i Fonia; pozostałe prace z tej kategorii są objęte NDA i pokazujemy je na konsultacji. Poniżej przekrój projektów z innych kategorii.

-   [
    
    ![WygodnaDieta - telefon z ekranem głównym aplikacji: ocena „Doskonała" na Trustpilocie i karta diety „Dieta z Wyborem Menu" z ceną od 80,90 zł/dzień, na tle czerwonego gradientu z warzywami.](https://wzor.biz/_astro/cover.BfmwIntu_1CFKMk.webp)
    
    WygodnaDieta - Aplikacja i sklep internetowy diety pudełkowej
    
    ](https://wzor.biz/projekty/wygodna-dieta/)
-   [
    
    ![NeoBank - trzy telefony na zielonym tle z logotypem marki w tle: karty płatnicze, pulpit z dostępnymi środkami 27 568,89 zł i skrótami do przelewu oraz cel oszczędnościowy wypełniony w 61%.](https://wzor.biz/_astro/cover.cTNj7kPE_Z2t5E6w.webp)
    
    NeoBank - Koncepcja aplikacji bankowej dla młodych klientów
    
    ](https://wzor.biz/projekty/neobank/)
-   [
    
    ![myAzymut - monitor z mapą Europy i trasami przesyłek między miastami, panel „Sygnał floty" z listą pojazdów bez sygnału i z opóźnionym sygnałem oraz oś czasu na dole; w tle nocny węzeł autostradowy i duży napis myAzymut.](https://wzor.biz/_astro/cover.CMSoXGtF_Kvont.webp)
    
    myAzymut - Koncepcja portalu klienta dla firmy transportowej
    
    ](https://wzor.biz/projekty/myazymut/)
-   [
    
    ![Puls CRM - logotyp z niebieską linią pulsu nad monitorem z ekranem „Deale": boczne menu, kanban lejka sprzedaży z kolumnami Nowe, W rozmowach, Propozycja i Wygrane oraz karty deali z firmą, wartością i liczbą dni w etapie; w tle jasne, błękitne fale.](https://wzor.biz/_astro/cover.B_Q_VQbe_1ERf64.webp)
    
    Puls CRM - Koncepcja aplikacji CRM dla zespołu sprzedaży
    
    ](https://wzor.biz/projekty/puls-crm/)
-   [
    
    ![Flotino - kalkulator pożyczki i ekran „Dla kogo jest nasza pożyczka online?" na makietach telefonu, na tle rozmytych barwnych plam.](https://wzor.biz/_astro/cover.BIgugYRo_ZeHyg7.webp)
    
    Flotino - Serwis internetowy z pożyczkami gotówkowymi
    
    ](https://wzor.biz/projekty/flotino/)
-   [
    
    ![PWS Konstanta - strona główna na makiecie laptopa: hero „Najwyższa jakość ubezpieczeń poparta doświadczeniem" ze zdjęciem kapitelu kolumny i plakietką „30 lat".](https://wzor.biz/_astro/cover.CtYGmRYj_Z2gVAJr.webp)
    
    PWS Konstanta - Strona brokera ubezpieczeniowego
    
    ](https://wzor.biz/projekty/pw-konstanta/)
-   [
    
    ![Fonia - dwa telefony na turkusowym tle: ekran główny aplikacji cashback z saldem 325,53 zł i listą sklepów partnerskich, obok wyszukiwarka sklepów z podpowiedziami Empik, Booking, AliExpress i Play.](https://wzor.biz/_astro/cover.DdIowm6o_Z12riqx.webp)
    
    Fonia - Aplikacja cashback dla osób kupujących online
    
    ](https://wzor.biz/projekty/fonia/)
-   [
    
    ![EzzyGuide - trzy telefony na ciemnym tle: potwierdzenie rejestracji, profil przewodniczki Małgorzaty Iwańskiej z oceną gwiazdkową i szczegóły wycieczki „Śladami Wrocławskich Krasnali" z ceną i danymi kontaktowymi.](https://wzor.biz/_astro/cover.DW1rNgrl_ca7w6.webp)
    
    EzzyGuide - Aplikacja z wycieczkami łącząca przewodników i turystów
    
    ](https://wzor.biz/projekty/ezzyguide/)
-   [
    
    ![VERSA - panel B2B dystrybutora części samochodowych otwarty na tablecie trzymanym w dłoniach: podsumowanie konta, mapa śledzenia przesyłki, program partnerski z rabatem 30%, historia zamówień i lista popularnych produktów.](https://wzor.biz/_astro/cover.DWv2CO5n_Z27qwnC.webp)
    
    VERSA - Koncepcja Panelu B2B dla dystrybutora części
    
    ](https://wzor.biz/projekty/panel-b2b-versa/)
-   [
    
    ![Tip Card - dwa telefony: panel klienta („Cześć Barbara", przychody 350 PLN, wypłata) oraz landing „Zwiększ swoje napiwki dzięki Tip Card!" ze spersonalizowanymi kartami QR, na kolorowym gradientowym tle.](https://wzor.biz/_astro/cover.DTw-Pu6y_4lOMF.webp)
    
    Tip Card - Platforma napiwków bezgotówkowych
    
    ](https://wzor.biz/projekty/tip-card/)
-   [
    
    ![Jawny Lublin - laptop z otwartą stroną główną portalu: artykuł wiodący „Wyjdź z domu - nie tylko do przychodni", menu kategorii miejskich i kolumna z popularnymi tekstami.](https://wzor.biz/_astro/cover.DReNwwRw_1JC914.webp)
    
    Jawny Lublin - Portal obywatelski o jawności miasta
    
    ](https://wzor.biz/projekty/jawny-lublin/)
-   [
    
    ![NXC Liquid Cooling - ekran startowy serwisu na laptopie, obok telefon w ujęciu pod kątem z etapem procesu i kulą marki, na fioletowym tle.](https://wzor.biz/_astro/cover.D5gcxP4g_Z1zSAqQ.webp)
    
    NXC Liquid Cooling - Serwis systemów chłodzenia cieczą
    
    ](https://wzor.biz/projekty/nxc-liquid-cooling/)
-   [
    
    ![Bosfor BALI Dealer - monitor i telefon z otwartą stroną dealera katamaranów: hero „BALI is about comfort" ze zdjęciem katamaranu i hasłem „Marzenia są po to, żeby je spełniać".](https://wzor.biz/_astro/cover.DGxZT243_Z1A6GRy.webp)
    
    Bosfor BALI Dealer - Strona dealera katamaranów BALI
    
    ](https://wzor.biz/projekty/bosfor-bali/)
-   [
    
    ![Bosfor Charter - tablet z otwartą platformą czarteru jachtów: zdjęcie pary na jachcie i wyszukiwarka (liczba tygodni, daty, typ jachtu, „Szukaj"), na tle morza.](https://wzor.biz/_astro/cover.DHPu_e5c_Zgsk30.webp)
    
    Bosfor Charter - Platforma wynajmu i czarteru jachtów
    
    ](https://wzor.biz/projekty/bosfor-charter/)
-   [
    
    ![SPEC Food Service - monitor i telefon z otwartym serwisem: hero „Twój zaufany partner w świecie gastronomii" ze zdjęciami z kuchni i renderem budynku firmy, na jasnym tle.](https://wzor.biz/_astro/cover.DdJ4QOy5_22gHR2.webp)
    
    SPEC Food - Serwis dla gastronomii - SPEC Food Service
    
    ](https://wzor.biz/projekty/spec-food-service/)
-   [
    
    ![Thaliana Space - tablet z otwartą stroną firmy kosmicznej: hero „Propelling new era of space” ze zdjęciem planety i gwiazd, na czarnym tle.](https://wzor.biz/_astro/cover.CULgsv9m_1E9sVv.webp)
    
    Thaliana Space - Strona firmy z sektora kosmicznego
    
    ](https://wzor.biz/projekty/thaliana-space/)
-   [
    
    ![Wolumen - krok „Oferta" w porównywarce cen energii: trzy warianty taryfy ze stawkami za kWh, wybór okresu umowy i pole kodu rabatowego, obok karta statystyk konta z oszczędnością 34 225 zł oraz cenami prądu i gazu; na niebieskim tle.](https://wzor.biz/_astro/cover.CpuQAJvX_ZyCKhF.webp)
    
    Wolumen - Porównywarka cen energii i gazu dla firm
    
    ](https://wzor.biz/projekty/wolumen/)
-   [
    
    ![Econverse - dwa telefony z widokami strony wydarzenia: nagłówek „Bilet do świata start-upów" oraz sekcja „Jak zapisać się na Econverse", na fioletowym tle.](https://wzor.biz/_astro/cover.B94izcES_7kHPe.webp)
    
    Econverse - Strona internetowa wydarzenia dla start-upów
    
    ](https://wzor.biz/projekty/econverse-strona/)
-   [
    
    ![DentAg - telefon i tablet z otwartą stroną gabinetu stomatologicznego: hero „Życzliwość i profesjonalizm" ze zdjęciem stomatolożki, na niebieskim tle.](https://wzor.biz/_astro/cover.-U2qFI7e_1odNAb.webp)
    
    DentAg - Strona internetowa gabinetu stomatologicznego
    
    ](https://wzor.biz/projekty/dentag/)
-   [
    
    ![AIESEC - tablet i laptop z otwartą stroną główną: hero „Wyjedź na praktykę z AIESEC", mozaika zdjęć uczestników i przyciski „Wyjedź na praktykę lub wolontariat" oraz „Zostań naszym partnerem".](https://wzor.biz/_astro/cover.Bju2-F43_Z1bbDVk.webp)
    
    AIESEC - Strona praktyk i wolontariatu za granicą
    
    ](https://wzor.biz/projekty/aiesec/)
-   [
    
    ![QSAN (DAGMA) - laptop i telefon z otwartą stroną produktową: hero „Flagowy model Unified Storage” z macierzą dyskową, na ciemnym tle z zielonym akcentem.](https://wzor.biz/_astro/cover.DKpQ_Ne6_Z1Itgbp.webp)
    
    DAGMA - Strona produktowa macierzy dyskowych QSAN
    
    ](https://wzor.biz/projekty/dagma/)
-   [
    
    ![Bosfor Group - laptop z otwartą stroną grupy żeglarskiej: hero „Twoja przygoda na morzu rozpoczyna się z Bosfor Group" ze zdjęciem katamaranu, na tle morza.](https://wzor.biz/_astro/cover.C0etgjfR_Z1t33er.webp)
    
    Bosfor Group - Strona firmowa grupy żeglarskiej Bosfor
    
    ](https://wzor.biz/projekty/bosfor-group/)
-   [
    
    ![Mobilizacja Biznesu - monitor i telefon z otwartą stroną firmy: hero „Experience you can trust" z makietami aplikacji mobilnych, na ciemnym tle z niebieskim akcentem.](https://wzor.biz/_astro/cover.CaV1NQ00_Z17Sc3N.webp)
    
    Mobilizacja Biznesu - Strona firmy narzędzi mobilnych
    
    ](https://wzor.biz/projekty/mobilizacja-biznesu/)
-   [
    
    ![Pro Sensum - laptop i telefon z otwartą stroną pracowni psychologicznej: hero „Indywidualne i grupowe terapie psychologiczne" ze zdjęciem sesji terapeutycznej, na jasnym tle.](https://wzor.biz/_astro/cover.DCCqbSSm_27H8O4.webp)
    
    Pro Sensum - Strona internetowa pracowni psychologicznej
    
    ](https://wzor.biz/projekty/pro-sensum/)

[Projekty](https://wzor.biz/projekty/)

Efekty

## Na czym opieramy te terminy

-   3 tygodnie
    
    tyle trwał UX i UI aplikacji EzzyGuide - 30+ makiet i klikalny prototyp, w dwuosobowym zespole
    
-   4 tygodnie
    
    tyle zajął projekt aplikacji cashbackowej Fonia - 60+ makiet, w trzyosobowym zespole
    
-   5 osób
    
    tylu użytkowników w teście prototypu wyłapuje większość problemów użyteczności (reguła Jakoba Nielsena, Nielsen Norman Group) - dlatego testujemy przed kodem, nie po wydaniu
    

Terminy pochodzą z dwóch naszych realizacji - EzzyGuide i Fonia; obie są opisane w case study na tej stronie, więc widełki z sekcji o wycenie da się do nich przyłożyć. Reguła pięciu użytkowników to publiczne ustalenie Nielsen Norman Group, nie nasza statystyka. Wyników po starcie w sklepach nie publikujemy - pokazujemy je imiennie na konsultacji, część projektów jest objęta NDA.

Opinie klientów

## Co mówią nasi klienci

-   > „Praca z zespołem Wzór była naprawdę świetnym doświadczeniem! Zawsze szybko odpowiadali na nasze pytania i elastycznie podchodzili do naszych uwag. Mają mnóstwo kreatywnych pomysłów, a jednocześnie są bardzo rzetelni i terminowi. Efekt końcowy w pełni spełnił nasze oczekiwania, zdecydowanie polecamy każdemu, kto szuka profesjonalistów z pasją.”
    
     ![](https://wzor.biz/_astro/opinia.BrbzyDCf_1rSYiY.webp)Maja Wieloch-Silecka Dyrektor operacyjny, Bosfor Group
    
-   > „Nasi Klienci oczekują od nas szybkiego, skutecznego działania w bardzo szerokim zakresie. Od stworzenia brandu, przez budowę strony internetowej wraz ze sklepem po przeprowadzenie skutecznej kampanii sprzedażowej. Temat niełatwy, ale do zrobienia jeśli ma się zgrany zespół i firmy, z którymi wyzwania bierze się z marszu. Dla nas jakość, odpowiedzialność i zaangażowanie są kluczowe, a współpraca z Agencją UX Wzór zapewnia nam to w 100%.”
    
     ![](https://wzor.biz/_astro/piotr-alberski.B09Ae7iY_Z19yEFs.webp)Piotr Alberski Chief Operating Officer, Agencja XO Media
    
-   > „Współpraca z Agencją UX Wzór rozpoczęła się od naszej strony internetowej. Bardzo spodobał się nam sposób ich pracy. Dlatego podjęliśmy decyzję o podzlecaniu projektów realizowanych dla naszych Klientów w formie White Label. Bardzo spodobał nam się ich flow pracy, przekazywanie projektów naszemu zespołowi, ich dokumentacja czy praca na design systemie. Teraz możemy podejmować większe ryzyko.”
    
     ![](https://wzor.biz/_astro/mateusz-swol.DkFG1xeC_1fOqLw.webp)Mateusz Swół Chief Operating Officer, Sellace
    

Zespół

## Kto poprowadzi Wasz projekt

Aplikację prowadzi u nas dwuosobowy zespół projektowy - tak samo jak przy EzzyGuide. Wiecie z góry, z kim pracujecie.

-   ![Aleksandra Bondar](https://wzor.biz/_astro/aleksandra-bondar.Bn8yt1m6_14BXcM.webp)
    
    ### Aleksandra Bondar
    
    Senior UX/UI Designer
    
-   ![Katarzyna Adamczuk](https://wzor.biz/_astro/katarzyna-adamczuk.BgcDb3aF_15a0Nk.webp)
    
    ### Katarzyna Adamczuk
    
    Prezes, Analityk Biznesowy
    
-   ![Tadeusz Wadas](https://wzor.biz/_astro/tadeusz-wadas.W_mr3ido_Z20GQjB.webp)
    
    ### Tadeusz Wadas
    
    Senior UX/UI Designer
    

Czas i zakres

## Ile to trwa i od czego zależy wycena

8–10 tygodni

Od warsztatu do przekazania zespołowi developerskiemu. Sam development to osobny czas i osobny budżet - jeśli nie macie zespołu, pomagamy go dobrać.

-   Liczba ekranów i funkcji w pierwszej wersji
    
-   Jedna platforma czy obie
    
-   Zakres testów z użytkownikami na prototypie
    
-   Integracje - płatności, logowanie, mapy, systemy zewnętrzne
    
-   Czy istnieje już identyfikacja i biblioteka komponentów
    
-   Wymogi dostępności i zgodności regulacyjnej
    

Pytania

## Pytania, które padają najczęściej

Ile kosztuje zaprojektowanie aplikacji mobilnej?

Próg wejścia mamy jawny, kwotę za konkretną aplikację ustalamy dopiero po zakresie - pierwsza wersja potrafi znaczyć piętnaście ekranów albo sześćdziesiąt, a to inne projekty i inne kwoty. Na wycenę wpływa liczba ekranów, to czy projektujemy jedną platformę czy obie, zakres testów z użytkownikami i liczba integracji. Konkretną kwotę wysyłamy w dwa dni robocze od zapytania.

Czy wycena obejmuje też zaprogramowanie aplikacji?

Nie. Wyceniamy projekt - badanie, przepływy, makiety, interfejs, prototyp i przekazanie. Development to osobny budżet i osobny czas, zwykle wielokrotność kosztu projektu. Mówimy o tym wprost na starcie, bo pomylenie tych dwóch pozycji jest najczęstszym powodem rozjazdu oczekiwań.

Projektujecie osobno na iOS i osobno na Androida?

Projektujemy jeden produkt i różnicujemy go tam, gdzie konwencje platform naprawdę się różnią - nawigacja, gesty, typografia systemowa, wzorce formularzy. Kopiowanie ekranów jeden do jednego wygląda na oszczędność, a kończy się aplikacją, która na drugiej platformie sprawia wrażenie obcej.

Co dokładnie znaczy „klikalny prototyp"?

Działający przepływ, który przechodzicie palcem na własnym telefonie - nie wideo i nie slajdy. Służy do trzech rzeczy: testu z użytkownikami przed kodem, pokazania decydentom, jak produkt naprawdę działa, i wyceny przez zespół developerski na podstawie czegoś jednoznacznego.

Testujecie projekt z użytkownikami?

Tak, na prototypie i przed kodem - to najtańszy moment na wykrycie, że ścieżka jest niezrozumiała. Zakres testów ustalamy razem, bo to jedna z pozycji, która najmocniej rusza wyceną. Jeśli budżet jest ciasny, mówimy, które decyzje warto przetestować, a które można podjąć bez badania.

Czy pomożecie znaleźć zespół, który to zaprogramuje?

Tak. Nie programujemy aplikacji mobilnych, ale przekazujemy projekt w formacie, z którego da się wycenić i kodować, i pomagamy porównać oferty zespołów developerskich. Zostajemy w kontakcie w trakcie wdrożenia, bo pytania do projektu pojawiają się właśnie wtedy.

Do kogo należą prawa do projektu?

Do Was. Majątkowe prawa autorskie do projektu przenosimy w umowie, wraz z plikami źródłowymi. Nie stosujemy licencji czasowych ani uzależnienia od dalszej współpracy z nami.

Podpisujecie NDA?

Tak, standardowo - przy aplikacjach przed premierą to raczej reguła niż wyjątek. Możemy podpisać Wasz wzór albo przesłać własny przed pierwszą rozmową merytoryczną.

Mamy już aplikację. Da się poprawić ją etapami, bez przepisywania wszystkiego?

Da się i zwykle tak właśnie robimy. Zaczynamy od ścieżki, na której tracicie najwięcej osób - najczęściej to onboarding - i projektujemy ją jako pierwszą, żeby efekt było widać przed końcem całego projektu. Jeśli chcecie zacząć od zdiagnozowania, gdzie leży problem, prowadzimy osobno [audyt UX](https://wzor.biz/uslugi/audyty-ux/).

Powiązane usługi

## Powiązane usługi

-   [Konsultacje UX](https://wzor.biz/uslugi/konsultacje-ux/)
-   [Product discovery](https://wzor.biz/uslugi/warsztaty-ux/)
-   [Audyt UX](https://wzor.biz/uslugi/audyty-ux/)
-   [Badania UX](https://wzor.biz/uslugi/badania-uzytkownikow/)
-   [Strategia Produktu](https://wzor.biz/uslugi/strategia-produktu/)
-   [Audyt techniczny](https://wzor.biz/uslugi/audyt-techniczny/)
