Orodja za načrtovanje uporabniškega vmesnika [M:Android]

Alja Isakovič 23. september 2013
/PublishingImages/balsamiq-mockup-phone-app.jpg

Pri načrtovanju aplikacij je ponavadi koristno, da vnaprej izrišemo željen uporabniški vmesnik. Tako dobimo boljšo predstavo o videzu aplikacije in lažje določimo potencialne težave. Poglejmo si, katera orodja lahko uporabimo za načrtovanje uporabniškega vmesnika Android aplikacij.

Svinčnik in papir

Na začetku sta ponavadi najboljše orodje kar dobra stara svinčnik in papir, ki omogočata hiter izris idej. Pri tem si lahko pomagamo s papirnato predlogo. Predloga, ki jo lahko natisnemo tudi na A4 liste, ponuja ogrodja za različne Android telefone in mrežo, ki olajša risanje komponent.

UI Stencils - Android Stencil Kit

Vir: http://www.uistencils.com/

Za bolj natančno risanje pa lahko na strani UI Stencils za 24,95 $ dobimo Android šablono z osnovnimi ikonami. Brezplačno pa si lahko tudi natisnemo osnovno predlogo.

Spletne in namizne aplikacije

Seveda pa obstajajo tudi bolj sodobna orodja, ki nam pomagajo pri načrtovanju, tudi če nimamo risarskih spretnosti.

MockFlow - sodelovanje, risanje, prototipiMockFlow je zmogljiva spletna aplikacija za načrtovanje uporabniškega vmesnika, ki ponuja tudi predlogo za Android aplikacije. MockFlow je enostaven za uporabo, namesto spletne aplikacije lahko uporabimo tudi namizno različico, ki s pomočjo Adobe AIR deluje na vseh operacijskih sistemih in omogoča delo v nepovezanem (offline) načinu in sinhronizacijo.

MockFlow Android Mockup

Program MockFlow

Med zanivimi funkcijami najdemo tudi:

  • sodelovanje z drugimi uporabniki,
  • prostoročno risanje po predlogi (whiteboard način) in
  • ustvarjanje kazala aplikacije ter povezovanja strani v delujoči prototip.

V brezplačni različici smo omejeni na en projekt, 4 strani in 2 urejevalca, za 59 $ na leto pa se znebimo vseh omejitev in dobimo dostop do dodatnih funkcij.

DroidDraw - GUI programiranje za napredne uporabnike

Za napredne uporabnike je zanimiva (in brezplačna) alternativa DroidDraw, ki je na voljo preko spleta ali kot namizna aplikacija za vse operacijske sisteme. DroidDraw nam omogoča, da preko načrtovanja uporabniškega vmesnika v Javi programiramo aplikacije za Android.

DroidDraw UI

Program DroidDraw

Balsamiq - zanimiv in preprost stil

Če iščeš kaj bolj preprostega, velja preiskusiti tudi program Balsamiq Mockups, ki sicer ne ponuja posebnih predlog za Android aplikacije, vendar je zaradi preprostega stila dokaj univerzalno uporaben. Balsamiq je v Adobe AIR različici na voljo kot namizna aplikacija, brezplačno pa jo lahko preiskušamo 7 dni. Za 79 $ lahko nato kupimo licenco za neomejeno uporabo.

Balsamiq Phone App Mockup

Program Balsamiq

Eclipse GUI vtičnik

Če pri razvoju Android aplikacij uporabljaš Eclipse, lahko preizkusiš tudi vtičnik Wireframe Sketcher s posebno Android šablono.

Predloge za Photoshop in ostale programe

Če ti Photoshop ne dela težav, lahko za načrtovanje Android aplikacij uporabiš eno izmed sledečih predlog:

Android 2.2 GUI by thiago silva

Predloga za Photoshop

Predloge za Android aplikacije najdeš tudi za programe:

Katero orodje izbrati?

Možnosti je torej kar nekaj. Od klasičnega risanja na papir do zmogljivih programov, s pomočjo katerih lahko pripravimo celo delujoče prototipe. Končna izbira orodja je odvisna od kompleksnosti aplikacije in poznavanja različnih orodij. Vsekakor pa je tudi pri mobilnih aplikacijah koristno, da vnaprej pripravimo načrt za uporabniški vmesnik, saj bomo z dobrim načrtovanjem prihranili čas in trud pri končni izdelavi.

Risanje

Katero orodje oz. način pa se tebi zdi najbolj uporaben za načrtovanje uporabniškega vmesnika?

Dodatne povezave:

Podobni članki

 

 

Prihaja trpežni Galaxy Xcover 4http://tehnik.telekom.si/novice/prihaja-trpezni-galaxy-xcover-stiriPrihaja trpežni Galaxy Xcover 4GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7;GP0|#778154a4-53f9-421a-a337-abecafa74f57;L0|#0778154a4-53f9-421a-a337-abecafa74f57|SamsungGP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7;GP0|#778154a4-53f9-421a-a337-abecafa74f57;L0|#0778154a4-53f9-421a-a337-abecafa74f57|Samsung3347
Na MWC-ju očitno tudi ura Huawei Watch 2http://tehnik.telekom.si/novice/na-mwc-ju-ocitno-tudi-ura-huawei-watch-2Na MWC-ju očitno tudi ura Huawei Watch 2GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7;GP0|#8c12658e-304d-43f9-82f0-4d7230c5f6ab;L0|#08c12658e-304d-43f9-82f0-4d7230c5f6ab|HuaweiGP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7;GP0|#8c12658e-304d-43f9-82f0-4d7230c5f6ab;L0|#08c12658e-304d-43f9-82f0-4d7230c5f6ab|Huawei3346
Se še spomnite Nokie 3310? Prihaja nova!http://tehnik.telekom.si/novice/se-se-spomnite-nokie-3310-prihaja-novaSe še spomnite Nokie 3310? Prihaja nova!GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7;GP0|#0e026704-82ca-46c4-b4d2-2649207eb65c;L0|#00e026704-82ca-46c4-b4d2-2649207eb65c|NokiaGP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7;GP0|#0e026704-82ca-46c4-b4d2-2649207eb65c;L0|#00e026704-82ca-46c4-b4d2-2649207eb65c|Nokia3344
Eden izmed Galaxyjev S8 se bo imenoval Galaxy S8+http://tehnik.telekom.si/novice/eden-izmed-galaxyjev-s8-se-bo-imenoval-galaxy-s8-plusEden izmed Galaxyjev S8 se bo imenoval Galaxy S8+GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd73343
iPhone 8 tudi z bralnikom šarenicehttp://tehnik.telekom.si/novice/iPhone-8-tudi-z-bralnikom-sareniceiPhone 8 tudi z bralnikom šareniceGP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd73342
LG in Google predstavila prvi uri z operacijskim sistemom Android Wear 2.0http://tehnik.telekom.si/novice/lg-in-google-predstavila-prvi-uri-z-operacijskim-sistemom-android-wear-2-0LG in Google predstavila prvi uri z operacijskim sistemom Android Wear 2.0GP0|#5548c895-0644-4c4a-b2e5-fa65fbe5edf9;L0|#05548c895-0644-4c4a-b2e5-fa65fbe5edf9|LG;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7GP0|#5548c895-0644-4c4a-b2e5-fa65fbe5edf9;L0|#05548c895-0644-4c4a-b2e5-fa65fbe5edf9|LG;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd73340
Z igro Rock Band VR se boste počutili kot prava rokerska zvezdahttp://tehnik.telekom.si/novice/z-igro-rock-band-vr-se-boste-pocutili-kot-prava-rokerska-zvezdaZ igro Rock Band VR se boste počutili kot prava rokerska zvezdaGP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd7GP0|#a69904fb-022f-4d07-9ee5-f219b1dc9028;L0|#0a69904fb-022f-4d07-9ee5-f219b1dc9028|Novičke;GTSet|#f07794d9-fe30-4901-a70a-ba3671577cd73337

Nalaganje vsebine
© 2016 Telekom Slovenije
23. september 2013
218
24. september 2013
Orodja za načrtovanje uporabniškega vmesnika [M:Android]
Android