# Odporúčania pre UI/UX (/sk/in-store/integration/ui_ux_recommendations)



Integrácia platobného riešenia nie je len o technickej implementácii; ide o vytvorenie používateľského zážitku, ktorý pôsobí bezpečne a profesionálne a je jednoduchý na používanie. Nižšie nájdete odporúčania, ako navrhnúť priebeh vašej aplikácie okolo Tapaya Accept SDK.

## Spustenie platby [#triggering-the-payment]

### Jasná výzva na akciu (CTA) [#clear-call-to-action-cta]

Zabezpečte, aby tlačidlo na spustenie platby bolo výrazné a malo jasný popis.

* **Dobre:** „Zaplatiť 12,50 €“, „Platba kartou“, „K platbe“
* **Zle:** „Odoslať“, „Ďalej“, „OK“

### Spätná väzba na interakciu [#feedback-on-interaction]

Keď používateľ ťukne na platobné tlačidlo, poskytnite okamžitú vizuálnu spätnú väzbu (napr. indikátor načítania alebo deaktivovaný stav), aby ste zabránili dvojitému ťuknutiu, kým sa SDK inicializuje.

## Počas transakcie [#during-the-transaction]

Tapaya Accept SDK obsluhuje citlivé časti transakcie (čítanie karty, zadanie PINu) vlastným prekryvným rozhraním. Za kontext pred transakciou a po nej však zodpovedá vaša aplikácia.

### Nezakrývajte obrazovku [#do-not-obscure-the-screen]

SDK potrebuje celú obrazovku, aby zaistilo bezpečnosť a zabránilo útokom pomocou prekryvných vrstiev. Nepokúšajte sa cez platobné rozhranie vykresľovať plávajúce okná ani chatovacie bubliny, pretože to môže spustiť bezpečnostné mechanizmy, ktoré transakciu prerušia.

### Navádzanie k umiestneniu NFC [#nfc-positioning-guidance]

Bezkontaktné čítanie kariet závisí od NFC antény zariadenia, ktorej umiestnenie sa líši podľa modelu zariadenia.

* **Odporúčanie:** Ak je to možné, zobrazte vo svojej aplikácii *pred* volaním SDK krátku animáciu alebo nápovedu, ktorá používateľovi ukáže, kde sa na jeho konkrétnom zariadení nachádza NFC čip (zvyčajne vzadu hore alebo v strede).

## Spracovanie výsledkov [#handling-results]

### Stav pri úspechu [#success-state]

* **Vizuálne potvrdenie:** Zobrazte jasnú obrazovku „Úspech“ so zeleným znakom začiarknutia alebo podobným pozitívnym prvkom.
* **Účtenky:** Ponúknite okamžitú možnosť odoslať digitálnu účtenku (e-mail/SMS) alebo ju vytlačiť, ak je pripojená tlačiareň.

### Stav pri zlyhaní [#failure-state]

* **Zrozumiteľné chybové hlásenia:** Ak transakcia zlyhá, preveďte technické chybové kódy do jazyka zrozumiteľného používateľovi.
  * *Technický kód:* `DECLINED_INSUFFICIENT_FUNDS`
  * *Pre používateľa:* „Transakcia bola zamietnutá. Skontrolujte, prosím, zostatok alebo skúste inú kartu.“
* **Možnosť opakovania:** Ponúknite výrazné tlačidlo „Skúsiť znova“, aby obchodník mohol proces rýchlo spustiť znova bez opätovného zadávania sumy.

## Aplikácia Tapaya Terminal [#tapaya-terminal-app]

Aplikácia Tapaya Terminal umožňuje obchodníkom prijímať platby kartou samostatne. Integrátori si môžu prostredie pre obchodníkov v aplikácii Tapaya Terminal prispôsobiť; ak chcete začať, kontaktujte [developers@tapaya.com](mailto:developers@tapaya.com).

### Prispôsobenie UI [#ui-customization]

UI aplikácie Tapaya Terminal môžete zmeniť v Tapaya Platform v časti **Settings > Application > App Theme** alebo programovo cez [Platform API](/platform-api). Farby a prvky značky (logo, slovné logá) sa v celej aplikácii Tapaya Terminal uplatnia jednotne.

## Prístupnosť [#accessibility]

* **Zvuk:** SDK prehráva zvukové signály pri čítaní karty a pri chybách. Zabezpečte, aby vaša aplikácia počas platby nestlmila systémovú hlasitosť ani nezasahovala do zvukového fokusu.
* **Haptika:** SDK potvrdzuje čítanie karty vibráciami. Je to kľúčové pre prístupnosť aj pre všeobecnú spätnú väzbu v hlučnom prostredí.