Ha arról van szó, hogy a design-prototípusokatreálisan teszteljük, a virtuális környezet gyakran nem elegendő. A valódi eszközöktől kapott visszajelzés döntő fontosságú lehet a projekted sikeréhez. Ebben a tutorialban megmutatom, hogyan készíthetsz közvetlen élőelőnézetet a prototípusaidról az AdobeXD és a hozzá tartozó alkalmazás segítségével a mobiltelefonodon vagy táblagépedon. Ezzel közvetlenül tesztelheted a terveidet azokon az eszközökön, amelyekre tervezted őket.

Legfontosabb megállapítások

  • Közvetlenül USB-n vagy felhőn keresztül jelenítheted meg a prototípusaidat az eszközödön.
  • Az Adobe XD alkalmazás ingyenesen elérhető az App Store-ban és a Google Play Áruházban.
  • Így véleményeket gyűjthetsz és élőben tesztelhetsz módosításokat.

Lépésről lépésre útmutató

1. A prototípus megnyitása

A prototípus megjelenítéséhez az Adobe XDalkalmazásban először a felső menüsorban található lejátszás ikont kell használnod. Ez az ikon lehetővé teszi, hogy élőben megtekintsd a prototípusodat az általad létrehozott felbontásban, és végigkattinthasd. A legjobb, ha az 5 másodperces időjelzőt használod, hogy igazán belemerülj a dologba.

Prototípus élő teszt az Adobe XD-vel

2. Az Adobe XD alkalmazás telepítése

A mobiltelefonodon vagy táblagépedon való élő előnézethez szükséged van az Adobe XD alkalmazásra. Ez elérhető a Google Play Áruházban és az Apple App Store-ban is. Töltsd le ingyenesen, és ne hagyd magad összezavarni, amikor néha iTunes-nak nevezik – ez az App Store! Győződj meg róla, hogy a telepítés befejeződött.

3. Csatlakozás USB-n keresztül

Miután telepítetted az alkalmazást, csatlakoztasd a mobiltelefonodat vagy táblagépedet USB-kábellel a számítógéphez. Amint a kapcsolat létrejön, módosításokat végezhetsz az Adobe XD-ban, és ezek késedelem nélkül megjelennek az eszközödön. Ez különösen érdekes, ha élő tesztelési forgatókönyveket vagy bemutatókat szeretnél végezni. Itt folytathatod a munkát, és használhatod az élő előnézetet már 66 másodperctől.

Prototípus élő teszt Adobe XD-vel

4. A felhő használata

A flexible alternatíva az USB-kapcsolathoz, ha a prototípusodat az Adobe felhőben tárolod. Ehhez válaszd az „Fájl mentése másként” lehetőséget. Az Adobe XD alapértelmezés szerint a felhőbe ment, így később bármely eszközről hozzáférhetsz. A feltöltés néhány másodpercig tarthat, de nyomon követheted a fejlődést a felső sávban, és nézd meg, mennyire közelítesz az élő előnézethez már 130 másodperctől.

5. Hozzáférés a prototípushoz az eszközön

Miután a prototípusod a felhőben van tárolva, megnyithatod az Adobe XD alkalmazást a mobiltelefonodon, hogy élőben hozzáférj hozzá. Gyorsan hozzáférést kapsz a feltöltött prototípusodhoz. Kattints rá, hogy betöltsd a prototípust és lásd, hogyan néz ki az eszközödön. A bemutató, ami erre vonatkozik, a videó 144 másodpercnél található.

Prototípus élő teszt az Adobe XD-vel

6. Interakció és visszajelzés

Az alkalmazásban navigálhatsz a dizájnodon, és lehetőséged van megvizsgálni minden aspektust. Egy figyelmeztetés fog megjelenni, ha hiányoznak betűtípusok, amit egyszerűen figyelmen kívül hagyhatsz, vagy esetleg az Adobe Fonts segítségével letölthetsz. Kísérletezz a prototípussal, és kattints különböző területekre, hogy szimulálhasd a felhasználói élményt. Ez különösen jól látható 186 másodperctől.

Prototípus élő teszt az Adobe XD-vel

7. Hozzáférés a menükhöz

A menü megnyitásához egyszerűen érintsd meg három ujjal a képernyőt. Ezzel egy sor lehetőséget nyitsz meg, beleértve a képernyő megosztásának lehetőségét, a beállítások megváltoztatását és még sok mást. Szerezd áttekintést az egyes művészeti táblák felett, amelyeket a prototípusodhoz készítettél, ahogy azt a 226 másodpercnél elmagyarázták.

Prototípus élő teszt az Adobe XD-vel

8. A teszt befejezése

Használj élő előnézetet az eszközödön, hogy pontosan láthasd, hogyan reagálnak a felhasználók a dizájnjaidra. Ha valakinek bemutatod a prototípusodat, biztosan örülni fog, hogy ő is játszadozhat vele. Ne feledd, hogy az eszköznek tiszta állapotban kell lennie, mielőtt továbbadnád. Így biztosíthatod, hogy a prototípusod a legjobb fényben tűnjön fel. Erről információt találhatsz 273 másodpercnél.

Prototípus élő teszt az Adobe XD-vel

Összefoglalás – Prototípusok élő tesztelése Adobe XD: Így hozod el a dizájnjaidat a végső eszközödre

Ebben az útmutatóban megtanultad, hogy mennyire egyszerű a prototípusokat az Adobe XD segítségével élőben tesztelni okostelefonokon és táblagépeken. Csak néhány lépés szükséges ahhoz, hogy a dizájnjaidat reális környezetben mutasd be, és értékes felhasználói visszajelzéseket gyűjts.

GYIK

Mi az Adobe XD?Az Adobe XD egy UX/UI tervező eszköz, amellyel prototípusokat készíthetsz.

Hogyan tesztelhetem élőben a prototípusomat?A prototípusodat USB-n vagy felhőn keresztül élőben tesztelheted a mobiltelefonodon vagy táblagépedon.

Hol tudom letölteni az Adobe XD alkalmazást?Az Adobe XD alkalmazás ingyenesen elérhető a Google Play Áruházban és az App Store-ban.

Vásárolnom kell licencet az Adobe XD-hoz?Van egy ingyenes verziója az Adobe XD alkalmazásnak, ami a legtöbb funkcióhoz elegendő.

Több eszközt is csatlakoztathatok egyszerre?Igen, ha elég USB-port áll rendelkezésre, több eszközt is egyszerre tesztelhetsz.