Prototyp živého testování s Adobe XD

Když jde o realistické testovánídesignových prototypů, často virtuální prostředí nestačí. Skutečná zpětná vazba od reálných zařízení může být rozhodující pro úspěch tvého projektu. V tomto tutoriálu ti ukážu, jak pomocí AdobeXD a přidružené aplikace na tvém smartphonu nebo tabletu přímo získat živouukázku svých prototypů. Tak můžeš své designy testovat přímo na zařízeních, pro která jsi je navrhl.

Nejdůležitější zjištění

• Prototypy můžeš zobrazit přímo přes USB nebo cloud na svém zařízení.
• Aplikace Adobe XD je zdarma k dispozici v App Store a Google Play Store.
• Tímto způsobem můžeš získat zpětnou vazbu a testovat úpravy naživo.

Podrobný návod

1. Načtení prototypu

Aby ses mohl podívat na prototyp v Adobe XD, nejprve použiješ symbol přehrávání v horním menu. Tento symbol ti umožní živě si prohlédnout a procházet svůj prototyp v rozlišení, pro které jsi ho vytvořil. Nejlépe použij časový úsek 5 sekund pro skutečné ponoření.

2. Instalace aplikace Adobe XD

Pro živou ukázku na svém smartphonu nebo tabletu potřebuješ aplikaci Adobe XD. Ta je k dispozici jak v Google Play Store, tak v App Store od Apple. Stáhni si ji zdarma a nenech se zmást tím, že se někdy říká iTunes – je to App Store! Ujisti se, že instalace je dokončena.

3. Připojení přes USB

Poté, co jsi aplikaci nainstaloval, připoj svůj smartphone nebo tablet k počítači pomocí USB kabelu. Jakmile je připojení navázáno, můžeš provádět změny v Adobe XD a ty se bez prodlení zobrazí na tvém zařízení. To je zvlášť zajímavé, pokud chceš provádět živé testovací scénáře nebo demonstrace. Můžeš rovnou pokračovat a využít živou ukázku od 66. sekundy.

4. Využití cloudu

Flexibilní alternativou k USB připojení je ukládání tvého prototypu do Adobe Cloud. Pro tento účel přejdi na „Uložit soubor jako“. Adobe XD standardně ukládá do cloudu, takže se k němu později dostaneš odkudkoli. Nahrávání může trvat několik sekund, ale můžeš sledovat pokrok v horní liště a podívat se, jak rychle se přibližuješ k živé ukázce od 130. sekundy.

5. Přístup k prototypu na zařízení

Až bude tvůj prototyp uložen v cloudu, můžeš otevřít aplikaci Adobe XD na svém smartphonu a získat k němu přístup živě. Rychle se dostaneš ke svému nahranému prototypu. Klikni na něj, aby se nahrál a mohl jsi vidět, jak vypadá na tvém zařízení. Tuto demonstraci najdeš ve videu od 144. sekundy.

6. Interakce a zpětná vazba

V aplikaci můžeš navigovat svým designem a máš možnost prohlédnout si každý aspekt co nejlépe. Pokud některé fonty chybí, zobrazí se ti upozornění, které můžeš jednoduše ignorovat, nebo případně stáhnout prostřednictvím Adobe Fonts. Experimentuj s prototypem a klikni na různé oblasti, abys simuloval uživatelskou zkušenost. Od 186. sekundy bude toto zvlášť dobře viditelné.

7. Přístup k menu

Aby ses dostal k menu, jednoduše se třemi prsty klepni na obrazovku. Tím otevřeš řadu možností, včetně schopnosti sdílet obrazovku, měnit nastavení a další. Získej přehled o jednotlivých plochách, které jsi vytvořil pro svůj prototyp, jak bylo vysvětleno v 226. sekundě.

8. Dokončení testu

Využij živou ukázku na svém zařízení, abys konkrétně viděl, jak tvé designy oslovují uživatele. Pokud někomu prezentuješ svůj prototyp, bude nadšený, že si na něm může sám vyzkoušet. Nezapomeň, že zařízení by mělo být v čistém stavu, než ho předáš dál. Tím zajistíš, že tvůj prototyp bude v tom nejlepším světle. Informace o tom nalezneš u 273. sekundy.

Souhrn – Live testování prototypů s Adobe XD: Jak přenést své designy na koncové zařízení

V tomto návodu jsi se naučil, jak snadné je testovat prototypy pomocí Adobe XD živě na smartphones a tabletech. Pouze s několika kroky můžeš své designy prezentovat v realistickém prostředí a sbírat cennou zpětnou vazbu od uživatelů.