Vowz szakdolgozat

Page 1

1


2


Life manager iOS alkalmazás szakdolgozat Cseh Tibor témavezető Kassai Ferenc Nyugat-magyarországi Egyetem Alkalmazott Művészeti Intézet 2014. Tervezőgrafika BA szak

3


4


TARTALOMJEGYZÉK BEVEZETÉS A felülethordozóról A témáról

7 8

GYŰJTÉS ÉS KUTATÁS A kutatói folyamatról A Clear applikációról A Peek Calendar applikációról A LittleBit applikációról

11 12 15 16

DIPLOMAMUNKA DOKUMENTÁCIÓJA Koncepció Grafikai elemek Menü felépítése Promotional site

19 20 25 31

ÖSSZEGZÉS KÖSZÖNETNYILVÁNÍTÁS HIVATKOZÁSOK

33 35 37

5


6


BEVEZETÉS A felülethordozóról

Kiemelt jelentőségű volt számomra, hogy a diplomamunkám kivitelezése és megvalósítása valamilyen aktuális tervezőgrafikai irányvonalat képviseljen, így jutottam arra az elhatározásra, hogy érintőképernyős okostelefonra egy általam kitalált alkalmazást tervezzek. A viszonylag fiatal, csak 5 éves múltra tekintő ága a tervezőgrafikának lehetővé tette számomra, hogy az alkalmazás teljes felhasználói felületét – angol kifejezéssel user interface – domináns előkép nélkül, friss szemléletmóddal tervezhessem meg. Az okostelefonok térnyerésével az alkalmazások száma a funkciók folyamatos bővülésével párhuzamosan növekszik, a felhasználói réteg gyarapodásával pedig az igények is változnak, ezzel pedig a szimpla rendeltetés felől az esztétikum és a felhasználói sokszerűség felé is nyit az a technológiai ág, amely az öltönyös üzletemberek kiváltságából a társadalom többi rétegébe is eljutott. A felhasználói kör szélesedése a különféle igények találkozását eredményezi, amellyel új típusú funkcióval rendelkező alkalmazások jönnek létre vagy meglévő elgondolások alakulnak át kiegészülve olyan extra rendeltetésekkel, amik a jövő technológiáját meghatározó Z-generáció számára is vonzó a használatra, mivel számukra már az esztétikum feltétele a jó alkalmazásnak. A tervezési folyamat során mindenesetre a jó design kialakítása nem a látványos UI létrehozásában merült ki számomra. Arra az elgondolásra alapozva, hogy a formai nyelv a funkciót követi, úgy véltem úgy adhatok hiteles választ, ha a megteremtett remek felhasználói élményt esztétikus környezet szolgálja ki. Az általam választott megvalósítás új kihívásokat teremtett munkám során, melyek a tervezőgrafikában már elsajátított munkafolyamattal részlegesen párhuzamosnak éreztem. Ezek közül, amit ki tudnék emelni például a tervezői folyamat rendszerben való végiggondolása, illetve a layout és a wireframe tervezés közötti hasonlóság, viszont a munkám legelején figyelembe kellett vennem, hogy az alkalmazás tervezés esetében új szabályszerűség lép életbe. A klasszikus értelemben vett grafikai végeredmény, nevezhetjük „nem-alkalmazásnak”, esetében a befogadó feladata a látvány feldolgozása, objektív vizsgálata, szubjektív vélemény alkotása. Ezzel szemben applikáció esetében a befogadó helyét átveszi a felhasználó, aki nem csak kézbe veszi a szemével a látványt, hanem kölcsönhatásba lép vele.

7


A témáról

Az alkalmazás típusának kiválasztásakor fontos szempontnak tartottam, hogy tartalommal töltsem meg a grafikát és olyan témát vegyek górcső alá, amely kötődik hozzám és reflektál egy olyan aktuális jelenségre, amit a közvetlen környezetemben tapasztaltam, ez pedig a halogatás. Az Alkalmazott Művészeti Intézetben minden egyes szemeszter végén a kipakolás közeledtével megfigyelhető jelenség a nagy „kipak para”, ami a konzultációk számának csökkenésével az utolsó pillanatra időzített nagy tervezői munka körüli rohanás. A halogatás, idegen szóval prokrasztináció jelensége nem egyedi az egyetem falain belül, mondhatni globálisan megfigyelhető főként a huszonéves korosztály körében, amikor egy beadandó leadását az utolsó határidő pillanatáig képesek halogatni. Maga a halogatás állapota nem közvetlen a „nem csinálunk semmit” hozzáállásról szól, ugyanis maga a halogatás is valamilyen tevékenység azáltal, hogy a halogató személy pótcselekvésekbe hajszolja magát, kevésbé fontos feladatokat végez el és önjutalmazással abba az állapotba kerül, hogy elhiteti önmagával, ő igenis egy produktív személy. A jelenségnek több előidéző tényezője van, legfőbbek e téren az összetett feladatoktól való félelem, a kudarctól vagy a sikertől való félelem, a tökéletesre való törekvés, vagyis a perfekcionizmus, aminek következtében pedig a hibázástól való félelem lép fel. Még ide sorolható a motiváció teljes hiánya, az önostorozó mentalitás és az alacsony önértékelés. Ezekhez a problémákhoz ráadásul olyan negatív faktorok csatlakozhatnak, mint a figyelemelterelő külső tényezők, ilyen az email-fiók rendszeres ellenőrzése, a közösségi portálok látogatása vagy az okostelefon állandó nézegetése értesítések után kutatva, azzal a meggyőződéssel, hogy biztos történt valami az adott személy körül. Ha nem állítunk fel prioritást, akkor ezeket a tevékenységeket az agyunk úgy dekódolja, mint könnyebb, kellemesebb feladatok elvégzését. Felmerül a kérdés, hogyan lehet egy alkalmazás segítő alternatíva, ha a készülék, amin szerepel, is egy csatorna a halogatásra. A kérdésre pedig azzal tudok válaszolni, hogy a felhasználói élmény kialakításában azt kell megtalálni, amitől a fogadalom végrehajtásában a segítő folyamat a személyiségre nézve nem káros, hanem fejlesztő hatásúvá válik. Ugyanis a határidőnapló jellegű és to-do list típusú alkalmazások legnagyobb hiányossága az emberi kapcsolat megléte, a gépi ellenőrzés alá vonásnak az érzete pedig frusztrációhoz vezet, fejben pedig megtörténik a felismerés, hogy a fogadalomért nem kell felelni, ugyanis csak az adott személy tud róla. Az alkalmazás kijátszásával megtörténik a fogadalom felülírása, amivel az elhatározás kárba vész. A problémát egy edző rendszer, vagyis coach system kialakításával hidaltam át, melyben a szabad akarat és a lelkiismeret a valósághoz hasonló helyzetben találkoznak.

8


9


10


GYŰJTÉS ÉS KUTATÁS A kutatói folyamatról

A munkafolyamatom alatt a gyűjtés és kutatás során több szempontot vettem figyelembe, melyek folyamán a vizuális megjelenésre éppoly nagy hangsúlyt fektettem, mint a működési elvekre, de számba kellett vennem a meglévő trendeket és a meglévő felhasználói szokásokat is. Olyan pontokat fektettem le magamnak már a gyűjtés korai szakaszában, amelyeket elvártam magamtól a tervezői folyamat során, hogy a munkám végső eredményéről hangozzanak vissza. Nagyon korán kizártam azokat az irányvonalakat, melyek károsak lehetnek a diplomamunkámra nézve, mint például csakis az egyszerű és szép designra való törekvés, melynek oltárán a funkcionális probléma-megoldás teljesen odavész. Magát a trendkövetést azért tartom fontosnak, mert olyan általános irányvonalat jelöl, amely felé egy friss téma általában elmozdul. Az interakcióban, a felhasználói élményben és a designban habár ezek a trendek szintén az egyszerűségre törekedéshez köthetők, de ezek kölcsönhatásban vannak egymással, és a design akkor működik jól, ha a kettő előbbit kiszolgálja. A kutatásom során interakcióra és felhasználói felületre olyan megoldásokat kerestem, amelyek a felhasználói felületen minél kevesebb gomb-megoldást használnak, és minél inkább az ujjak gesztusaira épülnek, vagyis asszociatívan már beépültek az általános okostelefon felhasználó képzettársításos memóriájába. A gombok használatával nincsen semmilyen fenntartásom, egyszerűen csak szükségszerűnek éreztem a már említett trendkövetés szempontjából, hogy az általános felvetéstől elrugaszkodott megoldást alkalmazzak, amely emocionálisan a törődés hatását váltja ki, illetve a felhasználóban felkelti a felfedezés örömét.

11


A Clear applikációról

Első gondolati szintű megvalósítása a tennivaló listavezetésnek ez az alkalmazás, amely valószínűsíthetően a funkció mindenek felett elképzelés mentén készült. Nagyon figyelemreméltó húzás az applikáció tervezőitől, hogy a tennivalók prioritását külön megkülönböztetik a listázott feladatok színeivel, amelyeknek a sárga és vörös spektrumán belül lentről felfelé változik az árnyalatuk, így tehát a legfontosabb, vagyis a legfelső lesz égően vörös. Másik említésre méltó pontja az alkalmazásnak, hogy a gombok sehol sincsenek jelen, az interakció a menüpontok között teljes egészében az ujjainkkal tett gesztusokra, az úgynevezett swipe-olásra épül. Kimondhatjuk, hogy egyszerű és látványos a végeredmény, amit a képernyőn kapunk, viszont használata irrelevánssá válik a produktivitás tekintetében, ha nem érzünk belső kényszert az elvégzendő feladatra, mert semmiféle olyan beépített mechanizmussal nem rendelkezik, amely kicsit is a motiváció irányába terelné a felhasználót. Így hát a Clear csak egy csatorna marad az elvégzendő feladatainkhoz egyszerű és látványos formában.

12


13


14


A Peek Calendar applikációról

Mint a neve is mutatja ez az alkalmazás egy vizuálisan feltuningolt határidőnapló, amely az előzőleg taglalt alkalmazáshoz hasonlóan a jobb felhasználói élmény érdekében a friss design és a leleményes interakciók eszköztárához nyúl. Példaként azt a funkciót tudnám kiemelni, amikor a telefon megrázása után az alkalmazástól kapunk egy random generált üzenetet, ami valamilyen spontán cselekvésre kíván ösztönözni és ezzel pozitív érzelem kiváltására késztet. Kiemelendő a fejlesztők részéről még a menüpontok és fázisok közötti interakciók sokfélesége, valamint a navigációs gombok teljes hiányából adódó gesztusokra épülő interface, amelyek sokban hozzájárulnak az elégedett és pozitív felhasználói élményhez. Viszont a Peek szintén csak egy szép és extra törődéssel felruházott alternatíva a kismillió határidőnapló kategóriájú alkalmazások között, mivel figyelembe sem veszi azt a problémafelvetést, hogy mi történik, ha van egy fontos dolga adott személynek, viszont a motiváció hiányából, az alacsony önértékelésből és a túlzott perfekcionizmusból kifolyólag addig halogatja utolsó utáni pillanatra a tennivalóját, mikor már ki is húzza a listáról, ami semmilyen befolyásoló következménnyel nincsen a halogató hozzáállásra.

15


A LittleBit applikációról

Ezt az alkalmazást azért választottam be a gyűjtésembe, mert több szempontból is kiemelkedik érdekes funkcióbeli megoldásaival az applikációk nagyon széles és minőségileg igen ingadozó palettájából. Nem is tudnám igazán definiálni a típusát, konkrét kategóriát sem tudnék megnevezni, amelybe beletartozna, így azt az összegző megnevezést tudom leírni, hogy olyan mint egy tevékenységet serkentő napló. A napi elvégzendő feladatokra vonatkozó produktivitás címkéjét teljesen el lehet hagyni, ugyanis a fejlesztőknek ebben az esetben egy nap egyszeri aktivitás felé irányuló alkalmazás volt a célja. Pszichológiai kutatás támasztja alá, hogy az a tevékenység, amit 21 napig folyamatosan végzünk az szokássá válik. Itt pont ilyen törekvés történik, miszerint kitűzünk magunk elé egy célt, és az aktivitásunkról úgy szerez tanúbizonyságot az alkalmazás, hogy mind a 21 napon keresztül készítünk egy fotót, ha pedig a harmadik hét végére érünk, akkor teljesítjük a célunk. Az új dolgok megismerésében nemcsak a saját szorgalomra kell támaszkodni, ugyanis a játékszerű elemekkel felruházott rendszer jutalmazással ösztönöz, illetve büntet azzal, hogy minden második elhalasztott nap után elvesz egy fotót, amely lépcsőt jelképez a szokás kialakításában. Vagyis a fogadalmi rendszer már kevésbé kijátszható, ha felül akarom írni az elhatározásomat.

16


17


18


KONCEPCIÓ Az általam tervezett alkalmazás alapjaiban véve egy productivity manager típusú applikáció, amely a tevékenységet serkentő mechanizmusra épül. A korábban már taglalt kutatásom során mindig előkerült a halogatás problémaköre, amire számos esetben a tetszetős, szép, újszerű és funkciók terén is friss alkalmazások nem tudtak akár a legegyszerűbb módon is reflektálni, egy ritka esetet leszámítva. Így hát szöget ütött a fejembe a probléma, hogy kell lennie valamilyen megoldásnak, amivel garanciát ugyan nem, de újszerű lehetőséget adhatok a felhasználónak a halogatás elkerülésére. A tervezés során azt vizsgáltam meg, hogy milyen esetben tántorítható el a halogatásra hajlamos személy a fogadalom feladásától úgy, hogy emellett mentesül az alkalmazás által szabott teljesítési feltételek frusztrációjától. Arra a felismerésre jutottam, hogy a megoldás az emberi kapcsolatokban rejlik, így azon a logikai vonalon indultam el, hogy a magunknak tett fogadalom azért tud felülírásra kerülni, mert csak mi tudunk róla, nem osztjuk meg a célkitűzésünket mással, ezért kellő motiváció és érdekeltség nélkül ez a dolog elhal. Viszont, ha bevonjuk egy barátunkat a teljesítés folyamatába, akkor a vele tartott kapcsolat ösztönöz minket célunk elérésében. Az alkalmazás így teljesedik ki egy csatornává, mely több mint egy productivity manager, így segédkezik az emberi kapcsolatok mélyítésében. A működés alapja tehát a fogadalomtétel, az alkalmazás álló formátumban ezzel a funkcióval működik. Itt van tehát lehetőség arra, hogy új fogadalmat tegyünk, időintervallumot adjunk a célunknak és kiválasszuk a Facebook ismerőseink közül azt a személyt, aki a lelkiismeret kapitányunk lesz azon a bizonyos rögös úton. Párhuzamosan több fogadalomtételre is van lehetőség, ezeket a menüben nyomon követhetjük, ahol mindenféle számadatok és statisztikák a segítségünkre vannak, hogy képbe legyünk mennyi idő van már mögöttünk és még előttünk. Lehetőség van visszanézni a régi fogadalmakat, melyek nem feltétlen teljesítettek, tehát a be nem fejezett vagy csellel teljesített fogadalmak ott lesznek mindvégig, amik egy tükörképet mutatnak a személyiségünkről. A játékszerű élményért Badge gyűjtő rendszer felel, ezeket a kitűzőnek is nevezhető jutalompontokat a felhasználó automatikusan kapja a fogadalom teljesítésével, illetve Checkpoint-okra osztott időintervallumon belül, azok teljesítésért is kaphat. Ezekre az extra dolgokra a felhasználó felé irányuló pozitív élmény visszacsatolása érdekében van szükség. Az applikáció másik funkciója a fogadalmi edzősködés, ugyanis amellett, hogy mi felkérünk mást erre a posztra, minket is felkérhetnek ellenkező esetben. Ez a része az alkalmazásnak fekvő formátumban működik, így a két funkció között az okostelefon elfektetésével vagy állításával lépkedhetünk. Ezt a funkcióbeli egyszerűséget azzal tudom indokolni, hogy azzal az újfajta szabályszerűséggel éltem, amely arra vonatkozik, hogy a felhasználó A pontból B pontba minél kevesebb lépcsőfok megtételével tudjon eljutni, így hát nem láttam értelmét annak, hogy külön menüponthoz csatoljam. A lelkiismeret kapitány olyan specifikus lehetőségekkel rendelkezik, mint a Checkpoint-ok modosítása, melyeken a fogadalomteljesítő áthalad a fogadalom elvégzése közben. Ezek sikeres teljesítése után az edző szerepben lévő felhasználó küldhet Badge-eket a másik felhasználó számára, és azáltal kap tágabb szerepet, hogy teljesen rá van hagyva mennyire szűkmarkú vagy bőkezű azok kiosztása során.

19


GRAFIKAI ELEMEK Tudtam már munkám legelején, hogy az alkalmazás grafikai kialakítása újfajta technikai kihívást fog jelenteni számomra a meghatározott képernyőarány és felbontás figyelembevétele miatt. Diplomamunkámat iPhone 5-re terveztem, azzal a szándékkal, hogy a retina display adta magas felbontás lehetőségét ki tudjam használni a minőségi felhasználói élmény érdekében. Puszta számadatokkal ez 1136 pixel magasságot és 640 pixel szélességet jelent 326 ppi képernyőfelbontással, amellyel egy ekkora felületen a pixelesség olyan jelenség, mint a lajhár rajzás, vagyis nincs. Az említett számadatokat a tervezés során mindig szem előtt kellett tartanom, hogy a felhasználó felület részletgazdagságát meg tudjam őrizni. A kezelőfelület megtervezésének kezdeti fázisa a flow map kialakításával, azt követően pedig a wireframe megrajzolásával telt. Gyakorlatban ez pont olyan procedúra, mint egy logó szabad kézzel való előrajzolása, vagy egy kiadvány esetében a layout megtervezése. Miután megvoltam a működési elvek lefektetésével, ezután következett az interface vizuális tartalommal való feltöltése. Az újfajta szabályszerűség egyik alapvetése nyomán arra törekedtem, hogy a kezelőfelületen kialakítsam az információs hierarchiát és kontrasztot teremtsek a képernyőn lévő információs tengerben. Ezt legjobban a betűméretek és metszetek váltakoztatásával tudtam elérni, illetve léniák és színkontrasztok alkalmazásával. Fontos szempontnak tartottam, hogy újszerű kezelőfelületet alkossak, melybe belépve a felhasználót új világ fogadja, hozzá illeszkedő grafikai elemekkel. Az asszociációs kapocs érdekében példaként az iOS 7 és az okostelefonon lévő bármilyen játék felhasználói felülete közötti ellentétet tudom felhozni. Stílusában a flat design irányvonal az, ami a leginkább inspirált, ugyanis ezt éreztem a leginkább egybevágónak az alkalmazás koncepciójával. A letisztult formák és színek sallangmentesen kiszolgálják az applikáció funkcióit úgy, hogy az információs hierarchia átláthatósága sem sérül, ezért nincs szükség a valóság leképezésének nyomatékosítására.

20


21


22


...

Logó tervezése nem merült fel bennem a munkám kezdetén, ugyanis úgy találtam, hogy körülményes és félrevezető vizuálisan megjeleníteni egy széles perspektívát felölelő fogalmat. A logotípia tervezésénél egyszerű formákban gondolkodtam, hogy könnyen befogadható módon és barátságosan tudjam visszaadni a fogadalom értelmezési körét. Az általam szerkesztett betűk elemeiben megjelenő verlauf kettő, a Blend Tool használatával összekötött, két különböző árnyalatú szürke szabályos kör átmenetéből jön létre, amellyel a folyamatosságra, a feladatvégzés procedúrájára, előrehaladásra kívántam utalni. Az összekötött szabályos körök átmenetéből kapott kis hurka elemek kapcsolódási pontjain az átlátszósággal az emberi kapcsolatok összefonódására tettem utalást. A VOWZ elnevezés a fogadalom angol fordításából származik, a szó végén lévő „Z” betű pedig a többesszámra utal, de az „S” mellőzésével szerettem volna a szóképnek adni valamilyen márkaszerű, fantázianevet idéző csavart. A logotípiát két méretben terveztem meg, egyszer 900 x 900 pixel méretben 72 ppi felbontással a nagyobb használat érdekében, például a website felületére, illetve 600 x 600 pixel méretben 326 ppi felbontással, hogy az alkalmazás felületén is részletgazdag maradjon. A kedves, kerekded és kissé tömzsi logotípia mellé, már csak a kontraszt és a befogadható információ súlyozása érdekében, egy olyan groteszk betűkészletre gondoltam, amely hatásában letisztult és modern, hű a technológiai felülethez, de nem túl futurisztikus, se nem sci-fi benyomású. Választásom a Roboto font-ra esett, amelyet Christian Robertson tervezett a Google megbízásából 2011-ben, és 2012 óta ingyenes hozzáférhető a Google Fonts webhelyen. A munkám során a betűkészletnek a Light és Medium metszetét használtam, a kezelőfelületen a kettő közötti kontraszt megteremti a vizuális prioritási sorrendet. Az interface illusztratív grafikai elemeinek tervezésénél arra törekedtem, hogy illeszkedjenek a betűkészlettel kialakított felület összképébe, ezért a letisztult, karcsú Roboto font-hoz úgynevezett line art stílusú ikonokat és piktogramokat terveztem. Ez a szabályosan egy vonalvastagságú stílus jól illeszkedik a flat design koncepciójába, valamint lehetővé teszi számomra, hogy olyan formákat tervezzek, amelyek határozottak, összetettek és letisztultak, mialatt mégis képesek megőrizni egy minimalista és nem tolakodó külsőt és érzetet.

23


24


MENÜ FELÉPÍTÉSE Az alkalmazásba belépve a VOWZ felirat fogad minket, és egy gomb, amivel a Facebook fiókunk hozzácsatolásával az alkalmazás szinkronizálja és betölti a memóriába az ismerőseink listáját. Az alkalmazás a fiókunkból semmilyen személyes adatot nem nyer ki és közzé sem tesz, csupán a friends list-re van szüksége, hogy a fogadalom tétel utolsó fázisában ki tudjuk választani közülük a fogadalmi edzőnket. Miután elvégeztük a procedúrát és beléptünk az alkalmazás menüjébe, első alkalommal nem szerettem volna, hogy a felhasználót az ismeretlen bedobva a bizonytalanság érzete kerítse hatalmába, ezért rögtön egy kis háromlépcsős tutorial, magyarul útmutató fogadja, amely az illusztrációkkal a fogadalomtétel folyamatának lényegi részét közli. A lenti gombot megérintve elindul a fogadalomtétel, amelynek első fázisa a fogadalom típusának kiválasztása: a „teszem”, „nem teszem” és a „rendszeresen megteszem” hármasa. A fogadalmunkhoz passzoló típust kiválasztva, ezután az interface olyan színű lesz, amilyen az adott fogadalmi kategória. A következő fázisban címet kell adnunk a fogadalmunknak, alatta pedig opcionális lehetőségünk van rövid leírás bevitelére a célunkról. Továbbhaladva, beállítjuk az időintervallumot, amely alatt teljesíteni szeretnénk a célkitűzésünket. A tervezési munka elején megvizsgáltam, hogy a felhasználók milyen módon érzik kényelmesnek az időbeállítást, ez a két fajta lehetőség pedig a pontos időegység megadása vagy határidőnapló szerűen a pontos dátum kiválasztása. A kutatás eredménye szinte teljesen fele-fele arányban osztotta meg az embereket, ezért erre egy egyezményes megoldást hoztam létre. A felhasználó beállítja az időegységet, alatta pedig közvetlen az interface megjeleníti milyen napra esik a vége, dátummal együtt. Tegyük fel, hogy 3 hetet állítottunk be, amely adott naptól számítva a célunk végén csütörtökre esik, viszont én péntekre szeretném, hogy essen. Nemes egyszerűséggel átállítjuk a napot az interface harmadik sávjában, ami még mindig három hétnek számít arányaiban, és a fogadalmunkat így pénteken tudjuk lezárni. A következő lépésünk a lényegi eleme az alkalmazás újszerűségének, ez pedig a fogadalmi edző, vagyis vow coach kiválasztása a Facebook ismerőseink közül. Miután kiválasztottuk a barátunkat és továbblépünk az összegző képernyőre, megtörténhet a fogadalom véglegesítése.

25


...

Ha megtettük a fogadalmunkat, az alkalmazás a főmenü nézetbe lép át, ahol nyomon követhetjük az aktuális célkitűzésünket, ha pedig többet vezetünk párhuzamosan, akkor oldalra swipe-olással válthatunk közöttük. Funkciókönnyítésből minden aktuális lap kapott egy Done gombot, ha idő előtt készek lennénk a célunkkal. A gesztusokra építve a képernyőn az ujjunk fentről lefele húzásával elő tudunk varázsolni egy piros felületet, amelyen egy X szimbólum jelenik meg, ezzel tudjuk eltávolítani, feladni a fogadalmat. Egy ilyen aktuális fogadalomra rányomva bejön egy részletező menü, ami három részre van tagolva, miszerint a fogadalommal kapcsolatos adatok, azzal kapcsolatos időre vonatkozó adatok és a Badge rendszer statisztikája Ezek közül ismét ha egyik mezőre nyomunk, annak szétnyílásával még több információhoz juthatunk. A bal felső sarokban lévő status bar-on elhelyezkedő hamburger ikon megérintésével leomlik egy menüsor, ahol a menüpontok között válthatunk. Ezek sorban a Home, ahol az aktuális fogadalmak kapnak helye, az Archive, ahol a régi céljaink vannak, a Notifications, ahol a beérkező értesítéseinket vehetjük szemügyre, a Badges, ahol a jutalompontjainkat vizsgálhatjuk végig és a sort a Settings zárja, ahol a beállításokat bütykölhetjük. A status bar-on a jobb felső sarokban a kis plusz ikon megérintésével pedig új fogadalmat kezdhetünk, ahol újra a tutorial fogad minket. A telefon elfordításával átlépünk az edző funkcióba, ami színben megkülönböztetett a másik funkciótól, viszont a menü felülete a logotípiával és ikonokkal ugyanolyan. Ez a funkció akkor válik relevánssá, ha valaki felkér minket arra, hogy legyünk a lelkiismeret kapitánya. Interakcióra és felépítésre az interface teljesen megegyezik a korábban taglaltakkal. Annyi különbséget tartalmaz, hogy a beérkezett felkérés esetén, amelyet elfogad az edző, a fogadalomban ő olyan módosításokat tehet, mint ellenőrzőpontokat, vagyis Checkpoint-okat helyez a fogadalom időintervallumát jelképező idővonalra, a Timeline-ra. Ezen az idővonalon alapesetben van egy ellenörzőpont az idő felénél. A Checkpoint arra való, hogy az edző a fogadalomtevő felé kérdést tegyen fel hogyan halad a céljával. Maximum 5 darab adható az alap 1 darab felett, ha pedig a felét rosszul teljesíti a fogadalomtevő ezeknek az ellenőrzőpontoknak, akkor az edzőnek megvan a lehetősége a fogadalom lefújására. Az ellenőrzőpont teljesítése esetén, az edzőnek lehetősége van dönteni arról, hogy szűkmarkúan vagy bőkezűen jutalmazza a fogadalomtevőt, ezáltal pszichológiailag tágabb szerephez jut.

26


27


28


29


30


PROMOTIONAL SITE Az alkalmazás bemutatására promóciós anyagként egy website-ot terveztem, amelynek különlegessége a responsive kivitelezés. Ez az eljárás lehetővé tette számomra, hogy a honlapra navigálva annak mérete a képernyő méretéhez illeszkedjen, ezáltal lehetővé téve az áttekinthető böngészést nem csak nagy méretben monitoron, hanem kisebb felületeken is, mint például a tabletek vagy okostelefonok. A honlap almenüket nem tartalmaz, csupán egy hosszú lapból áll, melyen lefelé görgetve navigálhatunk. A honlap végére érés esetén a tetejére való visszagörgetés frusztrációját elkerülve, a honlap oldalán elhelyeztem egy gombot, amely automatikuson a tetejére navigálja a látogatót. A honlap célja a figyelemfelkeltés és az alkalmazás bemutatása, annak lényegi elemeinek, főként vizuális, visszaadása a látogató számára, ezért a tartalom felépítésénél a szellősséget, a minimalista elnagyoltságot alkalmaztam, hogy az üzenet minél tisztábban és érthetőbben találjon be. Nem titkolt célom volt ezzel, hogy a leendő user minél inkább érezze magát meggyőzve afelől, hogy neki szüksége van erre az alkalmazásra.

31


32


ÖSSZEGZÉS A diplomamunkám tervezési és kivitelezési folyamata során kísérletet tettem arra, hogy egy környezetemben megfigyelt problémára aktuális formában tudjak reflektálni, valamint ezt olyan felülethordozón keresztül közöljem, amely hitelesíti a frissességre való törekvésemet. Diplomamunkámmal úgy érzem hű tudtam maradni a magammal szemben felállított követelményekhez, amelyet tartalom és látvány kettősének házasításával kíséreltem meg, ami pedig a halogatás témakörének kutatását, az abból kinyert információ egy játékos szabályrendszerű applikációba implementálását, valamint ennek az applikációnak a technológiai elvárásoknak megfelelő, mégis újszerű látásmóddal kialakított vizuális közlését jelenti. A jövőbeli lehetőségeket tekintve, célom komolyabb teszteket végezni egy beta verzióval a felhasználói élmény tökéletesítése érdekében. Szeretném, hogy az alkalmazás éles fejlesztési fázisba kerüljön, amellyel a vizuális megjelenés mellett már egy leprogramozott motor dübörögjön az applikáció szívében. A végső produktummal lehetőség lesz így a jövőben a VOWZ alkalamás letöltésére az AppStore-ból bármely iPhone készülékre.

33


34


KÖSZÖNETNYILVÁNÍTÁS Kassai Ferenc Varga Tünde Anya, Apa, húgom Lilla Sipos Máté Pirók Balázs Pernecki Dorottya

35


36


HIVATKOZÁSOK 7. o. | http://medium.com/ – Medium 8. o. | http://www.onlinepszichologia.hu/ – Online Pszichológia 12. o. | http://realmacsoftware.com/clear/ – Clear 15. o. | http://www.peekcalendar.com/ – Peek Calendar 16. o. | http://littleb.it/– LittleBit 19. o. | http://99designs.com/ – 99Designs Designer Blog 20. o. | http://www.designinstruct.com/ – Design Instruct 20. o. | http://www.insidermonkey.com/ – Insider Monkey http://en.wikipedia.org http://szinonimaszotar.hu

37


38


Alkalmazott Művészeti Intézet Sopron, 2014

39


40


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.