mobilalkalmazás tervezési folyamat: lépésről-lépésre iránymutatások UI / UX 2021-ben

mint alapító, az idő a legértékesebb erőforrás. Míg egy egyszerű online keresés vezet, hogy rengeteg iránymutatások, tippek, hogy hozzon létre egy tökéletes design, kiszűrve a hasznos tartalmat a zaj egy nehéz feladat. Miután megtapasztalta ezt az első kézből, létrehoztunk egy átfogó mobilalkalmazás-tervezési útmutatót, amely az egyetlen tervrajz, amelyre szüksége van egy kieséses alkalmazás létrehozásához.

Tartalomjegyzék

1. 1. Lépés: fontos a Felhasználói Tesztelés
2. 2. Lépés: Alkalmazás tervezés nem egy solo küldetése
3. 3. Lépés: Legyen tisztában a legújabb alkalmazás tervezési, fejlesztési trendek
4. 4. Lépés: a Design, a felhasználó szem előtt
5. 5. Lépés: Értem a tudományos alkalmazni
6. 6. Lépés: Tökéletesíti az in-app élmény
7. 7. Lépés: Jövő bizonyíték arra, hogy a design

1. Lépés: A felhasználói tesztelés fontossága az alkalmazás tervezési folyamatában

nincs mód arra, hogy felsoroljuk az összes mobilalkalmazás tervezési folyamatát a felhasználói tesztek említése nélkül. A felhasználói tesztelés az alkalmazástervezési folyamat középpontjában áll. Egyszerűen nem tudjuk eléggé hangsúlyozni ezt a pontot. A felhasználói tesztelés során az alkalmazás prototípusát a valódi felhasználók tesztelik. Visszajelzéseik és fájdalompontjaik le vannak jegyezve, és ennek alapján készül el a prototípus következő iterációja. Ez egy gyors és olcsó módja annak, hogy teszteljék a design és a funkcionalitás az alkalmazás, így a tervezők és a fejlesztők tovább javítani őket.

mint alapító, megtudtam a nehéz utat, mennyire fontos a korai felhasználói tesztelés. Volt ez az ötlet egy foglalási alkalmazás, amely összeköti az embereket a legközelebbi borbély, és lehetővé teszi számukra, hogy találkozókat. Rögtön beleugrottunk az alkalmazás megtervezésébe, tökéletesítve a tervezést anélkül, hogy ténylegesen lehetővé tennénk a valódi felhasználók számára az UI elemek tesztelését. Több hónapos munka után elindult az alkalmazás. A felhasználó igényeire vonatkozó összes feltételezésünk összetört. Az emberek szkeptikusak voltak az értékajánlattal kapcsolatban.

ezzel a helyzettel szembesülve alapos vizsgálati folyamatot indítottunk. Felhasználói felméréseket és interjúkat készítettünk. Arra kértük az embereket, hogy próbálják ki a szolgáltatást, és rögzítsék a visszajelzéseket. Az eredmények elemzése a következő következtetésre vezetett minket:

• a legtöbb embernek már van egy fodrásza, amelyben bíznak. Nem szeretnek új egyénekkel kísérletezni.
• ebben az esetben egy alkalmazás csak egy extra problémát adott hozzá egy már egyszerű folyamathoz.
• a felhasználók inkább telefonon, szöveges üzenetben vagy WhatsApp-on keresztül foglaltak egy találkozót a borbélyukkal, ahelyett, hogy az alkalmazáson keresztül tették volna.
• még akkor is, ha egy felhasználó új borbélyt talált az alkalmazáson keresztül, már nem volt szükség az alkalmazás használatára.
• a felhasználók egyszerűen nem fizetnek a szolgáltatásért, különösen akkor, ha nem volt mód a kijátszás megakadályozására.

könnyű most látni, hogy az én esetemben nem volt valódi termékpiac. Mielőtt all-in az alkalmazás tervezési folyamat, mit kellett volna tenni az volt, hogy összpontosítson a gyors prototípus. Egy gyors prototípus létrehozása a bevált mobilalkalmazás UI tervezési Irányelveink alapján, majd annak tesztelése, majd a felhasználói visszajelzések alapján gyorsan megismételve. Több iteráció után elegendő adatom lett volna ahhoz, hogy megalapozott döntést hozzak, így időt, erőfeszítést és alkalmazásfejlesztési költségeket takarítok meg.

létfontosságú ezt a folyamatot követni egy alkalmazás létrehozásakor vagy építésekor. Ez biztosítja, hogy az értékes időt és erőforrásokat ne pazarolja.

2. lépés: Az alkalmazástervezés NEM egyéni küldetés

a sikeres mobilalkalmazások egy multidiszciplináris csapat együttes erőfeszítéseinek eredménye. Az ideális csapat a kutatáshoz, a grafikai tervezéshez, a felhasználói felülethez (UI), a felhasználói élményhez (UX), a fejlesztéshez és a marketinghez kapcsolódó erőforrásokból áll. Az alapítók gyakran kísértik, hogy maguk kezdjék el megtervezni az alkalmazást. Ez szinte biztos recept a katasztrófára.

a “HereCut” helymeghatározó borbély-foglalási alkalmazásom esetében (akkoriban hűvös névnek érezte magát), hasonló forgatókönyvvel szembesültünk. Miután egy kis tervezési és fejlesztési tapasztalat, úgy döntöttem, hogy nem pazarolja értékes forrásokat bérbeadása magasan képzett egyének mobil design. Mint a legtöbb alapító, nagyon szigorú voltam a pénzzel, és ez tűnt a legjobb módja annak, hogy elindítsam az utat egy hihetetlen alkalmazáshoz. Bárcsak elolvastam volna egy ilyen útmutatót.

néhány hónap pazarlás után megpróbáltam egyensúlyba hozni az indításom munkafolyamatát, megtanultam egy nagyon értékes leckét. A megközelítés, hogy egyszerre dolgozni a tervezés, valamint írásban a kódot eredményezett patthelyzet a fajta. Az alkalmazásban nem történt jelentős előrelépés. Ekkor kezdtem felismerni a hibámat. Miközben az indításom napi műveleteit kezeltem, és minden nap új, váratlan kihívásokat kezeltem, egyszerűen nem találtam időt arra, hogy belépjek az alkalmazás kódolásának vagy tervezésének “zónájába”. Az alapító feladataim elhanyagolása és a kódra vagy a tervezésre való összpontosítás sem volt bölcs lépés.

vezetett a mentorok, láttam, hogy nem bérbeadása jó források tervezése az alkalmazás valójában olcsóbb nekem, ahelyett, hogy pénzt takarít meg. Kifutottunk az időből, és még egy MVP-t sem tudtunk felmutatni (Minimum életképes termék). Ha akartam egy esélyt a sikerre, le kellett nyelnem a tablettát.

az alapítóknak nagyon sok dolguk van a lemezükön, és maguk tervezik az alkalmazást, miközben egy vállalkozás minden más aspektusát kezelik. Bízz bennem, amikor ezt mondom, csak mentsd meg magad a baj, és kap egy profi, hogy segítsen ki ebben a küldetésben.

az alapító számára a legjobb megközelítés egy képzett csapat felvétele. Az ideális csapatnak legalább egy UI/UX tervezővel, egy backend fejlesztővel és egy marketing erőforrással kell rendelkeznie. Ez a csapat lehetővé teszi, hogy a pályán, majd hozzon létre egy kezdeti változata az alkalmazás, amelynek minimális funkcionalitás (más néven az MVP).

az alábbi szakaszokban megnézzük a bonyolult alkalmazástervezési folyamatot, amely gondos tervezést és végrehajtást foglal magában.

3. lépés: Legyen tisztában a legújabb app tervezési és fejlesztési trendek

nincs megállás a gyors fejlődés a technológia. Időnként nehéz megérteni és lépést tartani a legújabb eseményekkel. Az ilyen heves verseny az app piacon jön egy nagy kihívás app alkotók. Ha nem naprakész a trendekkel, drágán fizethet. A felhasználók rengeteg lehetőség közül lehet választani, és csak akkor megy a legújabb, leghatékonyabb megoldást a problémára.

az 5G már nem a jövő dolga. A bevezetés már megkezdődött. A GSMA által készített tanulmány szerint 2025-ig körülbelül 4 milliárd eszköz fog működni az 5G hálózaton. Ez a globális teljes összeg több mint 15% – át teszi ki. Az advent a 5G egy teljes játék váltó mobil alkalmazások. A villámgyors sebességgel és rendkívül alacsony késleltetéssel sokkal hatékonyabb AR (Augmented Reality) és VR (Virtual Reality) alkalmazások jelennek meg. Lehetőség lesz a meglévő LTE 4G infrastruktúrán lehetetlen használati esetek ellátására is.

a kibővített valóság minden bizonnyal olyan technológia, amelyre az alkalmazásfejlesztők felnézhetnek. A virtuális valósággal ellentétben nem igényel speciális hardvert, például VR fejhallgatót. A meglévő mobilok nagyon erős hardver és kiegészítő szoftver, hogy ez a technológia működik. A legújabb mobil eszközök mélységérzékelő kameráinak segítségével az AR a virtuális tárgyak környezetbe való integrálásával interaktívabbá teszi a környezetet. Az Apple ARKit és az ARCore for Android lehetővé teszi a fejlesztők számára, hogy robusztusabb kiterjesztett valóság alkalmazásokat hozzanak létre. Míg a mobil játékok (mint például a Pokemon Go) az első dolog, ami eszébe jut, amikor az AR-ra gondol, képzelje el a lehetőségeket, amelyeket más területeken tart. Interaktív vásárlási alkalmazások, AR társkereső szolgáltatások, a turizmus alkalmazások, tereprendezés, rajz, valamint együttműködő alkalmazások, sport, marketing, az egészségügy, az oktatás, kommunikáció/telekonferencia, valamint adat vizualizáció alkalmazások, a hatása AR végtelen.

az alkalmazás készítői folyamatosan próbálják kitalálni, hogyan lehet a legjobb élményt és értéket biztosítani az ügyfél számára, a gépi tanulás (ML) csak a válasz lehet.

az olyan újítások, mint az 5G, az AR és az ML, teljesen új lehetőségeket nyitnak meg az izgalmas új mobilalkalmazások számára. Ezeknek a legújabb technológiáknak a megfelelő végrehajtásával az alkalmazás a következő nagy dolog lehet!

ezek a forradalmi technológiák új kihívásokat kínálnak a tervezők számára. Gyorsan alkalmazkodniuk kell és át kell élniük a változó időket. Az AI, ML és AR alkalmazások tervezése eltér a hagyományos alkalmazástervezéstől. Vegyük például az AI-alapú virtuális asszisztenseket (mint például a Siri és az Alexa). Természetes, hang interfészt használnak, szemben a vizuális mintákkal, hogy kölcsönhatásba lépjenek a felhasználóval.

nem sokkal azelőtt, hogy a hordható eszközök (például az intelligens szemüveg vagy az intelligens lencse) AR alkalmazásai közös látványsá válnak. Most a design nem korlátozódik csak egy mobil képernyőre. A tervezőknek a görbe előtt kell maradniuk, és felhasználóbarát felületet kell találniuk az ilyen eszközökhöz.

a gesztusok által vezérelt holografikus és AR alkalmazásokkal a tervezőknek meg kell fontolniuk, hogyan lehet kulturálisan elfogadható gesztusokat létrehozni egy világméretű közönség számára. A használhatósághoz kapcsolódó másik jelentős kihívás az, hogy az agy könnyen elfogadja és feldolgozza ennek az új valóságnak a tárgyait.

új tervezési minták alakulnak ki ezeknek a technológiáknak a kielégítésére. A tervezőknek képesnek kell lenniük arra, hogy az elemek természetesebb módon jelenjenek meg, hogy a felhasználó jobban érezze magát otthon ezzel az új valósággal. Annak érdekében, hogy az AI, ML és AR alkalmazások optimális kialakításúak legyenek, a tervezőknek meg kell érteniük, hogyan működnek ezek a technológiák, és egy kicsit kreatívnak kell lenniük. Mivel ez egy viszonylag új terület, sok hely van a tervezés innovációjára.

integrálása más alkalmazások és szolgáltatások

tervezése egy rugalmas megközelítés szem előtt tartva, és amely lehetővé teszi az alkalmazás, hogy kihasználja integrációk rendkívül hasznos funkció a felhasználó számára. Manapság már sok startup és vállalkozás használ olyan kommunikációs és termelékenységi eszközöket, mint a Slack, a Trello és az Asana. Így a felhasználók képesek szinkronizálni és integrálni ezeket a szolgáltatásokat segíthet a maximális értéket a felhasználó számára, hogy az alkalmazás több felhasználóbarát.

Az Apple nem is olyan régen adta ki új iPhone-sorozatát, amelyben az iPhone 11, 11 Pro és 11 Pro Max is szerepelt. A szoftver egy ügyes frissítést is kapott iOS 13 formájában, az iOS 14 várhatóan ősszel jelenik meg. Az új eszközök élesebb és élesebb megjelenítésére szabott kialakítás sokkal jobban kiemelkedik. Például egy mHealth alkalmazás kihasználhatja az új, erősebb elülső kamerát, valamint a legújabb neurális hálózati meghajtású A13 Bionic chipet, hogy pontosabb tünetkövetőt készítsen.

hírek vannak egy olyan alkalmazásról, amely ujjhegyének képét használja a cukorbetegség kimutatására. A telefon kamerájával és a zseblámpával azonosítja a gyenge véráramlást. Ha ez lehetséges, képzelje el, mit tehet a legújabb eszközök teljes teljesítményének kihasználásával.

Tervezése, az Apple vagy Android igényel mély megértése, hogy az iOS illetve Android operációs rendszer. Az Apple Human Interface Guidelines és a Google Material Design Guidelines iránymutatásai remek kezdőként szolgálhatnak. Például az alkalmazás iOS-re történő tervezésekor egy lapsávot kell használnia a navigációhoz, szemben az ugyanazon alkalmazás Android-verziójának navigációs fiókjával.

Az Apple 1x, 2x és 3x méreteket használ eszközeihez. Az Android számára a tervezőknek 6 különböző képernyőmérettel kompatibilisnek kell lenniük. A spektrum alsó végén lévő LDPI 120dpi-t mér, ezt követi az MDPI, HDPI, XHDPI, XXHDPI és XXXHDPI.

új képernyőméretekkel, magasabb képarányokkal (18:9), keret nélküli kijelzővel és bevágással az alkalmazástervezőknek folyamatosan figyelniük kell arra, hogy a javasolt kialakítás hogyan fog működni a legújabb eszközökön.

az új eszközök állandó beáramlásával szemben a tervezőknek reagálniuk kell a terveikre. Tesztelniük és optimalizálniuk kell a terveiket minden egyes eszközhöz. Egy egyszerű kialakítás, amely csak a megfelelő információkat kínálja, kritikus. Ismerd meg a közönséget és ismételd meg a felhasználói felület kialakítását a demográfiai adatok alapján. Figyeljen az alkalmazáson belüli elemzésekre is, ha a felhasználók számára frusztráció merül fel, és megoldja azokat.

4. lépés: tervezze meg a felhasználót szem előtt tartva

az alkalmazás tervezésekor ne essen abba a csapdába, hogy egyre több funkciót adjon hozzá. Elhelyezés a felhasználó első egy nagyszerű megközelítés, hogy hozzon létre egy használható alkalmazás, és ez drasztikusan változik, hogy épít egy chatbot, fejlődő piactér app, vagy a fejlődő kereskedelmi és befektetési app. Ha figyelembe vesszük a végfelhasználó, elkezdi felismerni, hogy egy alkalmazás legyen praktikus, könnyen használható. Kezdje azzal, hogy olyan kérdéseket tesz fel magának, mint például, ki a felhasználóm? Mik azok a problémák, és hogyan tudom megoldani őket? Most igazítsa őket az alkalmazás üzleti céljaihoz. Ha van valami, tesztelje a felhasználóval, majd értékelje.

A Google érdekes listát kínál a most megszűnt Google-alkalmazásokról és-szolgáltatásokról. Ebben a listában talál egy Bump nevű alkalmazást. Ez alapvetően egy iOS és Android alkalmazás volt, amely lehetővé tette a felhasználók számára, hogy kapcsolatokat, képeket és adatokat továbbítsanak az interneten más eszközökre. A felhasználók ezt úgy tették, hogy fizikailag összetörték telefonjukat. A telefonok ütközésekor minden eszközön megjelenik egy képernyő a fájlok megerősítéséhez és kiválasztásához. Míg 2011-ben az adatok más eszközökre történő továbbítása nagy felhasználói igény volt, ez az alkalmazás jó megoldást kínált, az idők megváltoztak.

A Bump Technologies vezérigazgatója, David Lieb szavaival: “A mobilalkalmazások következő generációja megoldja a problémákat oly módon, hogy a felhasználónak, az ügyfélnek még csak nem is kell gondolkodnia rajta.”Folytatja:” a mobil lehetővé teszi ezeknek az alkalmazásoknak a megfordítását, és ahelyett, hogy elmondanám az alkalmazásnak, hogy mit akarok csinálni, az alkalmazás azt javasolja nekem, Hé, érdemes elmenni a találkozóra a szalag végén, mert nagy a forgalom.”

a legújabb iparági trendek ismerete segít abban is, hogy létrehozzunk valamit, ami maximális értéket kínál a felhasználó számára. Gyere belegondolni, a tendencia jelen van, mert a széles felhasználói elfogadás után.

manapság a felhasználók inkább az alkalmazásokat részesítik előnyben, hogy a háttérben elvégezzék a szükséges műveleteket, ahelyett, hogy a gombokra kattintva vagy egy egész unalmas áramláson mennek keresztül. Ebben az esetben a felhasználó nem akarja, hogy telefonja információt továbbítson más eszközökre, csak “megtörténik”.

a felhasználó-központú tervezés fő célja a felhasználó erőfeszítéseinek csökkentése. Az alkalmazásnak minimalizálnia kell a gépelés szükségességét. A Feliratkozás jelentős lemorzsolódási pont a felhasználók számára. Csak kínáljon néhány funkciót a felhasználó számára a regisztráció végrehajtása nélkül. A freemium modell csodákat tett az alkalmazásfejlesztők számára csak emiatt.

az alkalmazásnak rendelkeznie kell a lehető legkisebb engedélyezési követelményekkel, valamint ahhoz, hogy a felhasználó számára kényelmesebb legyen, csak automatikusan töltse ki e-mailjét az app store-ból (ha szükséges).

app accessibility

az alkalmazás szélesebb közönség számára történő hozzáférhetővé tétele kötelező. A tervezés létrehozásakor figyelembe kell vennie a fogyatékkal élőket. Valami olyan egyszerű, mint egy Képaláírás hozzáadása egy videóhoz, akár 500% – kal növelheti a videó elkötelezettségét.

a statisztikák szerint a világ népességének mintegy 15% – a él valamilyen fogyatékossággal. A W3C vagy a World Wide Web Consortium egy nemzetközi közösség, amely webes szabványokat fejleszt. Webtartalom-Hozzáférhetőségi irányelveik (WCAG 2.0) az online tartalmak hozzáférhetőségére vonatkozó iránymutatásokat és bevált gyakorlatokat állapít meg. Ez a dokumentum bemutatja, hogy ezek a szabályok hogyan vonatkoznak a mobil hozzáférhetőségre.

Az Apple folyamatosan megpróbálta az alkalmazásfejlesztőket arra kényszeríteni, hogy alkalmazásaikat hozzáférhetőbbé tegyék minden típusú közönség számára. A dinamikus szöveg az egyik javasolt gyakorlat ebben az irányban.

most, hogy tisztában van az alkalmazás hozzáférhetőségének fontosságával, valamint a tervezés felhasználói első megközelítésével, alkalmazza ezt a tudást a tervezés tökéletesítéséhez. Az alkalmazást szépen kell igazítani a felhasználó igényeihez. Legyen olyan felhasználóbarát, amennyire csak lehetséges, a tervezés valós felhasználókkal történő tesztelésével, valamint a visszajelzések alapján történő fejlesztésével.

5. lépés: a tudomány megértése és alkalmazása

az alkalmazástervezés nagyon gyors ütemben fejlődött. Szeretjük folyamatosan emlékeztetni olvasóinkat, hogy egy nagyszerű alkalmazástervezés bizonyos értéket ad a felhasználó számára. Ez a design azt jelentette, a növekedés és támaszkodik több, mint bőséges színek és animációk. Rendkívül fontos, hogy belemerüljünk a tényleges tudományba, és megértsük, hogyan lehet javítani a tervezést.

Ez a lépés nagyszerű betekintést nyújt az alkalmazástervezés tudományába, valamint arra, hogyan használják látványos eredmények előállítására. Egyébként remélem, észrevette, hogy a mobilalkalmazás tervezési útmutatójában leírt alkalmazástervezési lépések csak a kényelem érdekében vannak számozva,nem pedig fontosság szerint.

az UX alapelvek fontossága

alapítóként a felhasználói élmény (UX) kialakítása nem olyan, amit el lehet kerülni. Don Norman alkotta meg az UX kifejezést az 1990-es évek elején. annyi kutatást végeztek ezen a területen, hogy néha nehéz ténylegesen lépést tartani. Még egy teljes speciális diplomát is elvégezhet a felhasználói élmény kialakításában. Itt adunk három feltétlenül szükséges elvet, amelyek az UX tervezés magját képezik.

Hick törvénye

minél több választási lehetőséget ad a felhasználónak, annál több időt fog fogyasztani a döntés meghozatalában.

Ez a törvény kimondja: “ha az utolsó pillanatig vár, csak egy percet vesz igénybe”, vagy más szavakkal: “minél hosszabb ideig adsz egy feladatot, annál tovább tart”. Az alkalmazástervezés összefüggésében tudd, hogy a felhasználóknak nincs sok idejük a feladat elvégzésére. Biztosítania kell, hogy az alkalmazás utasításai és műveletei értelmesek és gyorsak legyenek. Ez az elv könnyen alkalmazható egy alkalmazás regisztrációs vagy fedélzeti tapasztalataira.

KISS elv (legyen egyszerű hülye)

a felesleges bonyolultságot és funkciókat el kell kerülni. Az alkalmazás akkor fog a legjobban működni, ha egyszerű marad, és hű marad az alapvető funkciójához.

például fontolja meg a “TYGON Lyte” egészségügyi alkalmazásunkat. Bár három fő jellemzőt kínál, nevezetesen a terápiát, az észlelést és a fertőtlenítést, UX csapatunk a fényterápiát jelölte meg az alapvető értékajánlatnak. Ennek alapján készült el a Kezdőlap praktikus és egyszerű kialakítása, amely szigorúan a fényterápiára összpontosított.

Ha többet szeretne megtudni az UX-ről, nézd meg ezt a nagyon praktikus webhelyet, az UX törvényeit.

következetes branding

Ez a pont elég nyilvánvaló. Csak azért említjük meg, hogy kiemeljük, mennyire kulcsfontosságú az alkalmazás terveinek összhangban tartása a webes partnerével. Az ikonokat, grafikát, tipográfiát, sőt a legkisebb részleteket is tökéletesen össze kell hangolni egymással.

színelmélet

a színpszichológia megértéséhez meg kell nézni a színkereket. Két különálló részre osztható. A meleg színek a sárga, a narancs és a piros. A kék, zöld és hasonló színeket hűvös színeknek nevezik.

a kiegészítő színek a kerék ellentétes oldalán helyezkednek el, például a kék a narancs ellentéte. Bizonyára észrevette, hogy sok népszerű alkalmazások, logók, hogy használja ezeket az ellenkező színkombinációk, mivel segítenek, hogy a dolgok látszanak.

korábban megvitattuk a hozzáférhetőség fontosságát, szem előtt tartva, kerülje a túl sok zöld-piros színkombináció használatát, mivel ez a leggyakrabban jelentett pár, amely problémákat okoz a színvak emberek számára. Érdekesség, hogy a Facebook azért kék, mert Mark Zuckerberg zöld-piros színű, és a kéket látja a legjobban.

van egy teljes marketing iránymutatás az érzelmi válaszról, amelyet bizonyos színek kiváltanak. A sárga azzal jár, hogy fiatalos és optimista. Ezt fel lehet használni, hogy vonzza a figyelmet egy alkalmi felhasználó vásárolni valamit. A kék a bizalomhoz és a biztonsághoz kapcsolódik. A bankok, valamint a különböző vállalkozások alkalmazások gyakran használják a kék éppen ezért. Egészségügyi alkalmazások tervezésekor és fejlesztésekor is alkalmas. Hasonlóképpen, a zöld leginkább pénzügyi és jóléti alkalmazásokhoz kapcsolódik. Ismeretes, hogy pihentető szín a szem számára. A luxustermékekhez vagy szolgáltatásokhoz kapcsolódó alkalmazások gyakran feketét használnak karcsú és erőteljes jellege miatt.

a színelmélet azt sugallja, hogy a fontos tartalomnak nagy kontrasztúnak kell lennie. Bár ez teszi jobban megkülönböztethető, túlzásba az egész app okozhat törzs a felhasználó számára. Másrészről, az alacsony kontrasztú technikák a tervező kedvence, mivel néhány gyönyörű elrendezést készítenek. Próbáljon édes keveréket találni az olvashatóság (nagy kontraszt) és a vonzerő (alacsony kontraszt) között.

tagadhatatlan, hogy mennyire fontos a szín megfelelő használata. Ha hű marad az emberiség érdekében a tudás felfedezésére és bővítésére vonatkozó elképzeléseihez, a NASA számos kutatást végzett a színhasználat témájában. Még ingyenes online forrásokat is kínálnak a nyilvánosság számára, hogy részesüljenek kutatásaikból.

A gomb színére való összpontosítás egyesek számára triviálisnak tűnhet. Valójában bebizonyosodott, hogy a felhasználó tesztelése és a cselekvésre ösztönző gomb színének tökéletesítése jelentős ugrást eredményez a konverziókban.

minimalizálja a kognitív terhelést

a kognitív pszichológia alapelvei helyesen találtak helyet a tervezési folyamatban. A kognitív terhelés csökkentése, azaz a feladat elvégzéséhez szükséges erőfeszítés mennyisége csodákat tehet az alkalmazás elkészítésében, amit a felhasználók szeretnek.

az Intrinsic kognitív terhelés az új információk felszívásához szükséges energia, miközben tudja, hogy milyen feladatot kell végrehajtani. Például a felhasználónak világos és rövid utasításokat kell adnia. A CTA-nak (call-to-action) ugyanazon az oldalon kell lennie, és a felhasználónak nem kell navigálnia a képernyők között a döntés meghozatalához.

az idegen kognitív terhelést csökkenteni kell a tervezésben. Ez minden, ami nem kapcsolódik a feladathoz, és mentális erőforrásokat fogyaszt. Általában ez a rossz tervezés eredménye, mint például a helytelen betűtípusok, A tartalom túlterhelése vagy a nem megfelelő színek használata.

a kognitív terhelés csökkentése érdekében kerülje a vizuális rendetlenséget, és egyszerűvé tegye a tervezést. Az emberi agy gyorsan elfogadja a már ismert elrendezéseket és mintákat. Ez az oka annak, hogy a legtöbb alkalmazásban szinte ugyanazt a mintát látjuk az általánosan használt funkciókhoz, például a regisztrációhoz.

6. lépés: az alkalmazáson belüli élmény tökéletesítése

az üres állapot tervezése

az alkalmazással való első interakciónak kényelmessé kell tennie a felhasználókat, és bepillantást kell nyújtania nekik a jövőbe. Ez az, ahol elgondolkodva kialakított on-bentlakásos tapasztalat jön.

a tervezők sokat összpontosítanak az alkalmazás kitöltött vagy lakott kialakítására, és gyakran elhanyagolják az alkalmazás meztelen, kezdeti kialakítását, amellyel az új felhasználó találkozik. Számos módja van annak, hogy ezt az üres állapotot értelmesebbé tegyük. Az alkalmazás vezetett túrája csodálatos hely lehet A felhasználó számára. Más esetekben a szerkeszthető mintabejegyzés (mint például egy próbabábu elem egy e-kereskedelmi alkalmazásban) nagyon hasznos lehet a felhasználó számára.

korábban megismertük a belső kognitív terhelés elvét. Ezt az elvet szem előtt tartva a felhasználónak kínált üdvözlő megjegyzésnek rövidnek kell lennie, és jól elhelyezett cselekvésre való felhívást kell kínálnia.

egykezes navigáció vagy hüvelykujj-Barát elrendezés

töltsön el egy kis időt, figyelembe véve az egykezes navigációt, amikor átmegy a mobilalkalmazás tervezési folyamat lépésein. Helyezze az aktionable elemeket a képernyő zónájába, ahol a hüvelykujj természetesen elérheti. A csapcéloknak elég nagy méretűnek kell lenniük, hogy lehetővé tegyék a könnyű megérintést. Ne helyezzen különböző csap célokat nagyon közel egymáshoz.

mindig használjon megfelelő távolságot. Ideális esetben a csapterület előnyben részesített mérete 7-10 mm. a képernyő teteje nehezen elérhető terület, nagyobb képernyők esetében pedig a markolat megváltoztatását igényli. Helyezze el a destruktív műveleteket, például a törlést olyan helyeken, amelyeket nehéz elérni, hogy enyhítsék a véletlen használat veszélyét.

megfelelő navigációs és vizuális hierarchia

egy jó kialakítás biztosítja, hogy az alkalmazáson keresztül történő navigálás a lehető legfájdalmasabb legyen. A felhasználók egy természetes tendencia, hogy emlékezzen az első és az utolsó elem a sorozatban. Ezt a jelenséget Soros Pozícióhatásnak nevezik. A kutatások szerint a visszahívási képességet befolyásolja egy elem helyzete egy sorozatban. Az emberi agy nehezen emlékszik a sorozat közepén lévő elemekre.

emiatt a legújabb tervek előnyben részesítik a felső sáv navigációját vagy az alsó sáv navigációját, szemben a hamburger menükkel. A legfontosabb elemeket a navigációs sáv jobb vagy bal oldalán helyezik el.

világos vizuális hierarchia is nagyon fontos. A vizuális hierarchiát úgy definiáljuk, mint az elemek méretét a képernyőn. Általában a fontosabb elemek nagyobb súlyt kapnak.

7. lépés: Jövő bizonyíték a design

változás állandó, tagadhatatlan. Hogy a design elég rugalmas ahhoz, hogy fedezi az új változások akkor is, ha ez azt jelenti, marginális növekedése kezdeti app fejlesztési költségek. Ennek továbbra is relevánsnak kell maradnia, és továbbra is értéket kell biztosítania a felhasználó számára. Ez a helyzet az egyéni alkalmazásfejlesztési folyamat általában, legyen az ötlet, a tervezési vagy fejlesztési szakasz.

A tartalom fontossága

az alkalmazáson belül használt szavak óriási hatással vannak. Könnyen érthető szavakat használjon, és kerülje a felesleges információkat. A legjobb sorrend és struktúra az, amely könnyen olvasható a felhasználó számára.

tipográfia is az egyik legerősebb eleme a design. Ez lehet, hogy egy alkalmazás több felhasználóbarát és hozzáférhető. Nemrég kezdtem el használni ezt a felhőalapú jegyzetkészítő alkalmazást, a “Bear” – t. Csak Apple készülékekre (iPhone, iPad és Mac) érhető el. Első látásra beleszerettem ebbe az alkalmazásba. Otthagytam a natív notes alkalmazást az Apple-től, és teljesen átálltam a Bear-ra. Szóval, mi váltott ki ilyen erős reakciót tőlem? Ez volt a puszta egyszerűség, gyönyörű tipográfia az app! A tervezők sikerült bemutatni a nagy teljesítményű funkciók az alkalmazás olyan természetes, egyszerű módon, hogy a felhasználók egyszerűen élvezni használja.

kerülje más minták másolását

egyszerűen nem érdemes megpróbálni másolni egy meglévő tervet. Akkor biztosan inspirációt a legjobb a legjobb, de a másolás egy nagy nem. Minden alkalmazás egyedülálló a maga módján. Csak Ön ismeri a célzás konkrét felhasználási esetét, valamint azt az értéket, amelyet meg kíván adni. Más tervek nem elegendőek ahhoz, hogy ezt az értéket a felhasználó számára biztosítsa. A végén, a jutalom, hogy hozzon létre egy külön design az alkalmazás érdemes minden alkalommal, források, hogy menjen bele.

ne félj újítani

Mobile App Design Process + You

Gratulálunk! Ön most fel van szerelve a tudás, hogy hozzon létre egy rendkívüli design az alkalmazás. Ön egy lépéssel közelebb van a kívánt alkalmazás eléréséhez.

ne feledje, hogy a tervezés egy nyílt végű mező. Bár felsoroltunk néhány alapelvet és bevált gyakorlatot, a legjobb tervek talán nem mindig érvényesek mindegyikre. Az Apple és a Google mobilalkalmazás-tervezési irányelvei csak bizonyos mértékig praktikusak. Gyakran előfordul, hogy egy egyedi felhasználási eset megoldása friss és innovatív kialakítást eredményez. Soha ne félj új dolgokkal kísérletezni, mert nem tudjuk, milyen csodálatos terméket hozhat létre.

ugyanakkor az ebben az átfogó útmutatóban felvázolt alkalmazás tervezésének folyamatát követve elkerülheti a leggyakoribb felhasználói felületet és a tapasztalati buktatókat.

szüksége van segítségre tervezése az alkalmazás álmai? Mi app fejlesztők NYC, LA, Miami, és csapatunk van itt, hogy segítsen. Keress meg minket most.