PPL: mapa výdejních míst a notifikace v mobilní aplikaci

O projektu

PPL je přepravní společnost a její mobilní aplikace slouží k odesílání a vyzvedávání zásilek. Pro PPL jsem přes softwarovou firmu Eman navrhl dvě na sebe navazující části: mapu výdejních míst s vyhledáváním, filtry a detailem místa a notifikace o zásilkách. Návrh vznikl pro iOS i pro Android.

Moje role

Byl jsem UX/UI designer a vše, co je ve Figmě, jsem navrhl já. Nejvíc práce dalo, aby dobře fungovalo filtrování a ovládání mapy. Při návrhu jsem dělal hlubokou rešerši toho, jak správně pracovat s mapou, vyhledáváním a filtry a jak správně ukazovat údaje. Co z toho vyplývá, píšu u jednotlivých úkolů a zdroje jsou na konci. Hotové části návrhu měly ve Figmě stav „Approved and ready for development“, takže vývojáři věděli, co je schválené a připravené k implementaci.

Úkol: vybrat výdejní místo na mapě

Zákazník při odesílání zásilky volí, kam ji odnese nebo kde ji příjemce převezme. Z formuláře „Odeslat zásilku“ proto vede přímo odkaz „Podívejte se na mapu“. Mapa ukazuje výdejní místa a pod ní je seznam s vzdáleností a stavem „Nyní otevřeno“.

Důležité bylo, aby zákazník nevybral místo, kam jeho zásilka nepůjde. Místa, která nepřijímají zvolenou velikost zásilky nebo na nich zásilku nelze podat, proto zůstávají v seznamu, ale jsou šedá a červeně uvádějí důvod.

Co říká výzkum. Studie se 180 účastníky (Goh a kol., 2016) porovnávala seznam, mapu a rozšířenou realitu při hledání míst v telefonu. Seznam byl nejrychlejší ve všech úlohách a uživatelé ho hodnotili nejlépe, mapa skončila poslední. Měsíční terénní studie s 34 uživateli (Church a kol., 2010) došla k tomu, že mapa není nejlepším rozhraním pro některé úlohy vyhledávání informací. Tým vládní služby GOV.UK zjistil, že když byla výchozí mapa, lidé čekali seznam a nenašli filtry. Proto mapa a seznam fungují společně: seznam s vzdáleností a stavem je pod mapou a nezakrývá ji.

Material Design doporučuje pro obsah, který nemá blokovat hlavní obrazovku, například informace o místě nad mapou, standardní (nemodální) spodní panel. Detail místa se proto otevírá jako panel nad mapou. Baymard navíc v testech zaznamenal účastnici, která chtěla vybrat vyzvednutí přímo na mapě, ale rozhraní jí dovolilo vybírat jen ze seznamu pod ní.

Podle Baymard (2015, 50 mobilních webů) 47 % webů s vyzvedáváním v obchodě ho nezobrazovalo vedle běžného doručení, takže ho většina testovaných lidí přehlédla. Formulář „Odeslat zásilku“ proto nabízí výdejní místo vedle vyzvednutí řidičem a doručení na adresu, každé s cenou.

Vyhledávání

Místo lze hledat podle názvu nebo adresy. Návrh pokrývá prázdný stav, našeptávání, výsledky se stejným označením nevhodných míst a stav, kdy se nic nenajde.

Co ukazuje výzkum. Baymard u e-shopů zjistil, že hlavní hodnota našeptávání při psaní není rychlejší psaní, ale vedení k lepšímu dotazu. U hledání bez výsledků zjistil, že téměř 50 % webů nenabízí účinný způsob, jak se z něj dostat, a že rady k hledání lidé málokdy čtou. Návrh proto našeptává adresy a nevhodná místa neschovává, ale označí je s důvodem. Stav „Nenalezena žádná adresa“ zatím nese jen krátkou radu, což by podle Baymard samo nestačilo.

Filtry

Filtry se otevírají z mapy a zákazník v nich volí typ výdejního místa (Vše, Parcelboxy nebo Parcelshopy), služby (podání zásilky, platba kartou, platba v hotovosti), otevírací dobu (otevřeno před 9:00, po 17:00, v sobotu nebo v neděli) a velikost zásilky pro doručení. Zapnuté filtry se po zavření ukážou jako čipy pod vyhledáváním a jdou jedním klepnutím odebrat.

Z výzkumu. Baymard u e-shopů popisuje, že bez přehledu použitých filtrů lidé nevědí, jestli se filtry použily, neumí je rychle odebrat a ztrácejí kontext k seznamu. Přehled přitom chybí u 28 % webů v jejich benchmarku.

Které filtry nabídnout, výzkum jednoznačně neřeší. Studie HubBox o místech vyzvednutí uvádí, že všichni účastníci označili za nejdůležitější otevírací dobu a vzdálenost nebyla první, jde ale o studii dodavatele bez počtu účastníků. Diplomová práce z TU Delft (343 respondentů) naopak zjistila, že při volbě způsobu doručení měla největší váhu cena, potom čas doručení domů, vzdálenost a otevírací doba, přičemž u výdejních míst lidé preferovali delší otevírací dobu. Proto nabízím vedle sebe typ místa, služby, otevírací dobu i velikost zásilky a žádné kritérium nevyzdvihuji.

Úkol: detail výdejního místa, který odpoví, jestli tam zásilka půjde

Detail výdejního místa ukazuje, jestli je místo teď otevřeno, adresu, tlačítko Navigovat, služby, které místo nabízí, a velikosti zásilek, které přijímá (S, M, L a XL s rozměry, každá se zeleným nebo červeným označením). Níže je otevírací doba s označeným dnešním dnem a identifikace místa.

Návrh počítá i se stavy, kdy se něco nepovede: místo nepřijímá zvolenou velikost, na místě nelze podat zásilku, nebo je místo už po zavírací době. Před spuštěním navigace na zavřenou pobočku se zobrazí upozornění s možností pokračovat, nebo to zrušit.

Co říká výzkum. Vitaly Friedman (Smashing Magazine, 2024) doporučuje možnost zakázat místo skrýt, když má uživatel vědět, že existuje, a vysvětlit, proč je nedostupná. Jakob Nielsen (2025) doporučuje ztlumený vzhled s vysvětlením, ale v neformální anketě pod příspěvkem na LinkedInu to podpořilo jen 32 % reakcí (60 % preferovalo klikatelné tlačítko s vysvětlením po kliknutí) a nikdo nedoložil data. Důkazů je tedy málo. Místa, která zásilku nepřijmou, proto zůstávají v seznamu šedá a s důvodem.

Úkol: notifikace o zásilkách

Notifikace tvoří seznam událostí kolem zásilky: zásilka převzata do přepravy, připravena k vyzvednutí, bude dnes doručena, poslední den k vyzvednutí, doručena příjemci, nebo nedoručena a vrací se zpět. U každé je čas a ikona stavu zásilky. Nepřečtená notifikace je odlišená pozadím a jde smazat přejetím.

Součástí návrhu jsou i prázdný stav, stav s vypnutými notifikacemi (s tlačítkem Zapnout), tmavý režim a varianty pro Android.

Co říká výzkum. Apple u upozornění doporučuje označovat jako časově citlivé jen to, co je důležité právě teď (obvykle do hodiny), protože jinak se oslabuje důvěra uživatelů a ti si upozornění vypnou. Pro samotný seznam notifikací u zásilek jsem nenašel nezávislou studii, takže tato část návrhu stojí hlavně na doporučeních platforem.

Co z toho beru

U mapy nestačí ukázat nejbližší místo, zákazník potřebuje hned vědět, jestli tam jeho zásilka půjde. Velikost zásilky a služby proto patří přímo do seznamu i detailu a nevhodná místa se neschovávají, ale ukazují s důvodem. U notifikací se mi potvrdilo, že pomáhá, když věta začíná tím, co se stalo, a hned vedle je čas a stav.

Poznámka ke zdrojům

Nenašel jsem výzkum zaměřený přímo na výběr výdejních míst v aplikaci přepravce. Vycházím z obecných výzkumů map, vyhledávání, filtrování a e-shopů a z jedné diplomové práce o doručování zásilek. Baymard testoval e-shopy, ne přepravce. Studie Goh a kol. je citována z abstraktu, plný text je za paywallem. Studie společnosti HubBox je od dodavatele a neuvádí počet účastníků. Nielsenova anketa je neformální a bez dat. Material Design a Apple jsou doporučení platforem, ne experimenty. Čísla uvádím jen z míst, kde jsem je u zdroje přečetl.

Zdroje

Apple Inc. (n.d.). Notifications. Human Interface Guidelines. Apple Developer Documentation. Citováno z výtahu, stránku je potřeba ověřit přímo.

Baymard Institute. (n.d.). 1177 ‘Autocomplete Suggestions’ Design Examples. Benchmark 344 e-shopů.

Church, K., Neumann, J., Cherubini, M., & Oliver, N. (2010). The “Map Trap”? An evaluation of map versus text-based interfaces for location-based mobile search services. WWW 2010, Raleigh, NC, USA. Terénní studie, 34 uživatelů, 1 měsíc.

Curtis, Z. (2026). What HubBox Checkout Filter Research Reveals About Pickup Behaviour. HubBox. Studie dodavatele, bez počtu účastníků.

Department for Education. (2018). Showing a map in the filters column. Becoming a teacher design history. Počet účastníků není uveden.

Friedman, V. (2024). Hidden vs. Disabled In UX. Smashing Magazine.

Goh, D. H.-L., Lee, C. S., & Razikin, K. (2016). Interfaces for accessing location-based information on mobile devices: An empirical evaluation. Journal of the Association for Information Science and Technology, 67(12), 2882–2896. 180 účastníků, citováno z abstraktu.

Google. (n.d.). Bottom sheets. Material Design 3. Citováno z výtahu, stránku je potřeba ověřit přímo.

Holst, J. (2015). The State of Mobile Checkout & Form Usability. Baymard Institute. 50 mobilních webů.

Kosicki, M. A. (2020). Parcel Lockers: A Solution to the Last Mile Problem? A Behavioural Analysis of Dutch Consumer Preferences [Master’s thesis, Delft University of Technology]. TU Delft Repository. 343 respondentů, stated choice.

Nielsen, J. (2025). Inactive GUI Controls: Show, Disable, or Hide? UX Tigers.

Reeves, K. (2020). Display “Applied Filters” in an Overview (28% Don’t). Baymard Institute.

Scott, E. (2024). 2024 E-Commerce Checkout: Expanded and Updated Checkout Research Findings. Baymard Institute. Přes 200 kvalitativních sezení.

Sousa, S. (2019). Search UX: 5 Proven Strategies for Improving “No Results” Pages. Baymard Institute.