Prototypový živý test s Adobe XD

Keď ide o realistické testovaniedizajnérskych prototypov, virtuálne prostredie často nestačí. Skutočná spätná väzba z reálnych zariadení môže byť rozhodujúca pre úspech tvojho projektu. V tomto tutoriále ti ukážem, ako pomocou AdobeXD a prislúchajúcej aplikácie na tvojom smartfóne alebo tablete získať priamo živúukážku tvojich prototypov. Takto môžeš svoje dizajny testovať priamo na zariadeniach, pre ktoré si ich navrhol.

Najdôležitejšie poznatky

• Môžeš zobraziť prototypy priamo cez USB alebo cloud na svojom zariadení.
• Aplikácia Adobe XD je k dispozícii zadarmo v obchode App Store a Google Play Store.
• Takto môžeš získať spätnú väzbu a testovať úpravy naživo.

Postup krok za krokom

1. Spustenie prototypu

Aby si mohol zobraziť prototyp v Adobe XD, najprv použiješ symbol prehrávania v hornej ponuke. Tento symbol ti umožní naživo si prezerať svoj prototyp v rozlíšení, pre ktoré si ho vytvoril, a kliknúť si v ňom. Najlepšie je použiť časový údaj 5 sekúnd, aby si sa mohol do toho ponoriť.

2. Inštalácia aplikácie Adobe XD

Na živú ukážku na svojom smartfóne alebo tablete potrebuješ aplikáciu Adobe XD. Tá je dostupná v obchode Google Play Store aj v App Store od Apple. Stiahni si ju zadarmo a nenechaj sa zmiasť, že sa niekedy hovorí o iTunes – je to App Store! Uisti sa, že inštalácia bola úspešne dokončená.

3. Pripojenie cez USB

Po inštalácii aplikácie pripoj svoj smartfón alebo tablet k počítaču pomocou USB kábla. Akonáhle je spojenie vytvorené, môžeš vykonávať zmeny v Adobe XD, a tie sa bez oneskorenia zobrazia na tvojom zariadení. To je obzvlášť zaujímavé, ak chceš naživo realizovať testovacie scenáre alebo demonštrácie. Tu môžeš ihneď pokračovať a začať využívať živú ukážku od 66 sekúnd.

4. Použitie cloudu

Flexibilnou alternatívou k pripojeniu cez USB je uloženie tvojho prototypu do Adobe cloudu. Choď na „Uložiť ako“. Adobe XD predvolene ukladá do cloudu, takže sa k nemu neskôr môžeš prihlásiť z akéhokoľvek zariadenia. Nahrávanie môže trvať niekoľko sekúnd, ale môžeš sledovať postup v hornej lište a sleduj, ako rýchlo sa dostávaš k živej ukážke od 130 sekúnd.

5. Prístup k prototypu na zariadení

Akonáhle je tvoj prototyp uložený v cloude, môžeš otvoriť aplikáciu Adobe XD na svojom smartfóne, aby si k nemu mal prístup naživo. Rýchlo získaš prístup k svojmu nahratému prototypu. Klikni naň, aby si načítal prototyp a videl, ako vyzerá na tvojom zariadení. Tu je demonštrácia, ktorú nájdeš pri 144 sekundách vo videu.

6. Interakcia a spätná väzba

V aplikácii môžeš prechádzať designom a máš možnosť optimálne si pozrieť každý aspekt. Ak chýbajú písma, zobrazí sa ti upozornenie, ktoré môžeš jednoducho ignorovať, alebo si ho môžeš prípadne doplniť z Adobe Fonts. Experimentuj s prototypom a klikaj na rôzne oblasti, aby si simuloval používateľské skúsenosti. Od 186 sekúnd je to obzvlášť dobre viditeľné.

7. Prístup k menu

Aby si otvoril menu, jednoducho sa dotkni obrazovky troma prstami. Týmto otvoríš radu možností, vrátane možnosti zdieľať obrazovku, meniť nastavenia a ďalšie. Získaš prehľad o jednotlivých artboardoch, ktoré si vytvoril pre svoj prototyp, ako bolo vysvetlené pri 226 sekundách.

8. Ukončenie testu

Využi živú ukážku na svojom zariadení, aby si presne videl, ako tvoje dizajny pôsobia na používateľov. Keď niekomu prezentuješ svoj prototyp, bude nadšený, že si môže sám s ním pohrať. Nezabudni, že zariadenie by malo byť pred odovzdaním v čistom stave. Takto zabezpečíš, že tvoj prototyp bude vyzerať v tom najlepšom svetle. Informácie o tom nájdeš pri 273 sekundách.

Zhrnutie – Live testovanie prototypov s Adobe XD: Takto dostaneš svoje dizajny na svoje koncové zariadenie

V tomto návode si sa naučil, aké jednoduché je testovať prototypy s Adobe XD naživo na smartfónoch a tabletoch. S iba niekoľkými krokmi môžeš svoje dizajny prezentovať v realistickom prostredí a zbierať cennú spätnú väzbu od používateľov.