Mobiilisovellusten suunnittelu: Aloittelijan opas

Mobiilisovellusten suunnittelu [Kuva: Pixabay]
[Kuva: Pixabay]

Joten, olet päättänyt kokeilla mobiilisovellusten suunnittelua, mutta et ole varma mistä aloittaa. Ei hätää, olemme saaneet sinut kattamaan. Tässä artikkelissa hahmotellaan viisi asiaa, jotka sinun on tiedettävä, jotta pääset alkuun mobiilisovellusten suunnittelussa.

Tämä opas on tarkoitettu aloittelijoille mobiilisovellusten suunnitteluun. Jos sinulla on jo joitain taitoja, tutustu oppaiden yhteenvetoon, joka opastaa sinut eri näkökohdissa miten tehdä sovellus , yksityiskohtaisesti.

Mikä on mobiilisovellusten suunnittelu?

Lyhyesti sanottuna sovellussuunnittelijat vastaavat sovelluksen näyttämisestä hyvältä, kun taas kehittäjät saavat sen toimimaan oikein. Mobiilisovellussuunnittelu kattaa sekä käyttöliittymän (UI) että käyttökokemuksen (UX). Suunnittelijat ovat vastuussa sovelluksen yleisestä tyylistä, mukaan lukien värimalli, kirjasimen valinta sekä käyttäjän käyttämien painikkeiden ja widgetien tyypit. Joten, mistä aloitat? Alussa.



minkälaista kameraa ammattilaiset käyttävät

Mille alustalle minun pitäisi suunnitella?

Kaksi matkapuhelinta

Android tai iOS? [Kuva: Pixabay]

Riippuen syistäsi halua suunnitella mobiilisovelluksia, saatat jo tietää, minkä alustan kanssa haluat työskennellä ja miksi. Mutta jos olet vasta aloittamassa ja et ole varma, mikä sopii sinulle, hanki sinulle parhaiten tuttu.

Jos käytät Android-puhelinta, suunnittele se Androidille. Jos käytät iOS-laitetta, aloita siitä. Vaihtoehtoisesti voit päättää suunnittelun molemmille, mutta on parasta olla purematta enemmän kuin pystyt pureskelemaan - ainakaan alussa.

Mitä työkaluja minun pitäisi käyttää?

Photoshop-, Adobe XD- ja Sketch-logot

Photoshop, Adobe XD ja Sketch ovat kaikki vahvoja kilpailijoita

Kun tiedät alustan, jota suunnittelet, seuraava askel on valita oikea web-suunnittelutyökalut työn saamiseksi. Mobiilisovellusten suunnittelussa on hyvä uutinen, että alustasta riippumatta voit yleensä käyttää samoja työkaluja molempiin.

Suosittuja sovellussuunnitteluvaihtoehtoja ovat Adobe Photoshop, Adobe XD ja Sketch. Niitä on paljon, paljon enemmän, mutta nämä ovat alan raskaita lyöjiä. Liity Adobe Creative Cloudiin täällä .

Saatat ajatella, että Photoshop on paras vaihtoehto mobiilisovellusten suunnittelussa - varsinkin jos olet käyttänyt sitä muun tyyppiseen suunnittelutyöhön - mutta mobiilisovellusten suunnittelussa sinun on parempi käyttää Adobe XD: tä tai Sketchia. Siitä huolimatta Sketchia pidetään tosiasiallisena standardina, vaikka Adobe XD onkin kovassa kilpailussa äskettäin lisätyt suunnittelujärjestelmät .

Yksi suurimmista syistä Adobe XD: n tai Sketchin käyttämiseen esimerkiksi Photoshopin kanssa on, että nämä kaksi työkalua on rakennettu suunnittelua ja prototyyppejä silmällä pitäen. Ne auttavat virtaviivaistamaan suunnittelun työnkulkuja ja on kohdistettu käyttöliittymien ja käyttöliittymien suunnittelijoille, kun taas Photoshop on enemmän kuvankäsittelyä varten.

Yksi tärkeä huomautus tässä: Jos suunnittelet alustojen välistä kehittämistä tai tukea, Adobe XD on tässä selvä voittaja, koska Sketch on käytettävissä vain macOS: ssä.

Käyttöjärjestelmän suunnitteluohjeet

Ennen kuin aloitat suunnittelun, koska sinun on ensin ymmärrettävä alustasi ohjeet ja kiellot. Yleisesti ottaen mobiilisovellussuunnittelulla on joitain yhtäläisyyksiä eri käyttöjärjestelmien välillä, kuten:

  • Tavoitteellinen suunnittelu
  • Pidä se yksinkertaisena (vähemmän on enemmän)
  • Säilytä virtaus
  • Luettavuus on avainasemassa
  • Kunnioita alustaa

Tämä viimeinen, 'kunnioita alustaa', on tärkeämpi kuin saatat ymmärtää. Kun käyttäjät lataavat ja asentavat sovelluksen laitteelleen, he odottavat sen käyttäytyvän heille tutulla ja intuitiivisella tavalla. He perustavat mielipiteensä tietoonsa, joten kun sovellus rikkoo 90 prosenttia käyttöjärjestelmäkohtaisista suunnittelusäännöistä, käyttäjät todennäköisesti poistavat sen.

Sinun ei tarvitse vain ottaa huomioon iOS: n ja Androidin erilaisia ​​navigointimalleja, vaan myös ajatella painikkeita, fonttivalintaa ja käyttöliittymäkohteiden sijoittelua - jotka kaikki vaihtelevat kullekin alustalle.

Hyvä uutinen on, että sinun ei tarvitse arvata, mikä on hyväksyttävää. Sekä Applella että Androidilla on joukko suunnitteluohjeita, jotka voit tarkistaa ennen aloittamista (ja suunnittelun aikana):

Lankakehykset ja sovellusten kulku

Kynään vedetty lankalanka

Käytä erillistä lankakehystyökalua tai pidä kiinni kynästä ja paperista [Kuva: Pixabay]

Ennen sovelluksen ulkoasun suunnittelua on tärkeää työskennellä sen virtauksen hallinnan ja rakenteen parissa. Tällöin lankakehykset tulevat esiin. Lankakehykset auttavat sinua ymmärtämään, miten käyttäjät liikkuvat ja käyttävät sovellusta. Niitä on yleensä yksinkertaistettu suunnittelussaan siten, että keskitytään virtaukseen ja käytettävyyteen.

Vaikka omistettuja on monia lankakehystyökalut , ei ole harvinaista, että suunnittelijat käyttävät yksinkertaisesti kynää ja paperia. Jos kuitenkin etsit jotain hi-tech-tekniikkaa ja yhteistyötä (mikä on erityisen tärkeää, kun työskentelet etätyön kanssa), harkitse lankakehyksien luomista Sketch- tai Adobe XD -käyttöjärjestelmässä. Näiden työkalujen käytöstä langankehyksessä on, että voit muuttaa heikkolaatuiset lankakehyksesi korkean tarkkuuden esikatseluiksi suhteellisen helposti.

Huomaa: Kanssa Adobe XD , voit jopa napata itsellesi ilmaisia ​​sarjoja, joiden avulla pääset alkuun.

Maketit ja prototyypit

Mobiilisovelluksen suunnittelun visualisointi

Aika muuttaa lankakehykset toimiviksi tuotteiksi [Kuva: Pixabay]

Kun olet käynyt läpi lankakehyksesi ja jakanut ne kehitystiimille ja / tai asiakkaallesi keskustelua ja hyväksymistä varten, on aika tehdä joitain maketteja ja prototyyppejä.

kuinka kauan pikselielokuvan renderointi kestää

Tämä vaihe on yleensä helpompaa, jos olet käyttänyt samaa suunnittelutyökalua sekä lankakehysten että mobiilisovellussuunnittelun luomiseen. Jos et ole, suunnittelutyökalun täyttäminen saattaa viedä hieman kauemmin, mutta kun olet tehnyt niin, olet hyvin matkalla. Monet työkalut, mukaan lukien UXPin (joka integroituu Sketchin kanssa), sisältävät tapoja merkitä lankakehyksesi devs: n vaatimiin yksityiskohtaisiin tietoihin, jotta ei tarvetta arvailla.

Kun työskentelet sovelluksen suunnittelun parissa, on erinomainen aika aloittaa jaetun kirjaston kirjastojen rakentaminen. Esimerkiksi vakiopainikkeet, kuvakkeet ja muut täällä luomasi elementit voivat osoittautua hyödyllisiksi muissa suunnittelemissasi sovelluksissa, joten muista tallentaa ne.

Lue lisää tästä vaiheesta artikkelistamme: 4 erilaista tapaa luoda verkkosivusto- ja sovellusmalleja .

Luovuttaminen kehitykseen

Joku luovuttaa rautalangan piirustuksen jollekin muulle

Tämä vaihe ei todellakaan näytä tältä [Kuva: Pixabay]

Suunnittelijat vastaavat myös näiden elementtien ja visuaalisten hyödykkeiden toimittamisesta kehittäjälle. Aiheet, kuten kuvakkeet, taustat, logot ja jopa fontit, ovat kaikki asioita, jotka suunnittelija saattaa antaa kehittäjälle.

Kun kehittäjällä on kaikki tarvitsemansa, heidän tehtävänsä on ottaa tuo muotoilu ja sen eri osat ja saada se toimimaan. Joskus suunnittelija ei kuitenkaan ymmärrä kehittäjän kohtaamia rajoituksia. Ja kun niin tapahtuu, kaikki helvetti irtoaa.

Mobiilisovellusten suunnittelijana sinä voisi Ohita kehittäjä ja kehitysprosessi kokonaan, mutta on parempi ymmärtää kehittäjän kohtaamat haasteet, olivatpa he sitten käyttämiään työkaluja tai käyttöjärjestelmän ja / tai laitteiden rajoituksia, joissa sovelluksesi toimivat. Tämän tiedon avulla voit suunnitella mobiilisovelluksia tehokkaammin, kehittäjältäsi vähemmän työntämättä, ja samalla edistää entistä yhteistyöympäristöä.

Lue lisää: