Toimittajan huomautus: Lubos Volkov on kokenut suunnittelija, joka on työskennellyt etäyhteydessä lukuisten kehittäjien kanssa koko uransa ajan. _Tuotesuunnittelijana ApeeScapessa Lubos on päivittäin vuorovaikutuksessa tiimin jäsenten kanssa useista osastoista, mukaan lukien kehitys, yhteisö ja sisältö. Hän on lahjakas suunnittelija, jonka viestintätaidot edistävät hänen menestystään. Tässä opetusohjelmassa Lubos jakaa kokemuksensa ja tapansa optimoida suunnittelija kehittäjälle, käyttöliittymän ja käyttöliittymän työnkulut, jotka johtavat korkealaatuisten tuotteiden toimittamiseen jo ennen määräaikaa.

Työskentele a loistava suunnittelija o Suunnittelutiimi voi olla korvaamaton resurssi mille tahansa tiimille. Selkeiden viestintäkanavien ja sujuvan yhteistyön ansiosta suunnittelijan on annettava sinulle kaikki tarvittava rakennusprosessin nopeuttamiseksi ja kysymysten ja sekaannusten rajoittamiseksi mahdollisimman paljon.

Mitä voit tehdä, UX-kehittäjä , varmistaaksesi, että rakentamasi tuote toimitetaan ajoissa tinkimättä käyttöliittymän laadusta ja käyttökokemuksesta?

Vastaukseni: Anna suunnittelijoiden osallistua ensimmäisestä päivästä lähtien ja pidä heidät mukana koko käyttöliittymän / käyttöjärjestelmän kehitystyössä. Varmista, että luot selkeät viestintäviivat ja että kehittäjien ja suunnittelijoiden välillä on johdonmukainen viestintäprosessi.

Onko sinulla kaikki mitä tarvitset?

Pahinta mitä voi tapahtua minkä tahansa käyttöliittymän käyttöönoton aikana, on suunnittelijan ja kehittäjän välisen viestinnän puute (elleivät he ole sama henkilö) . Jotkut suunnittelijat ajattelevat, että heidän työnsä on tehty, kun he lähettävät PSD: n, mutta todellisuudessa se on väärin! Sinulla on aina oltava viestintäprosessi, joka kestää koko PSD-levyjen lähettämisen.

Projektit, joissa suunnittelija yksittäinen lähettää suunnittelutiedostot ja kehittäjän yksittäinen toteuttaa ne, ne ovat hankkeita, jotka yksinkertaisesti epäonnistua.

Monissa tapauksissa se vie aikaa, ennen kuin suunnittelijat näkevät lopullisen käyttöjärjestelmän / käyttöliittymän. Hänen yllätyksekseen rakentaa se on monta kertaa täysin erilainen kuin alkuperäinen esitys. (Tämä tapahtui minulle useammin kuin kerran. Olen toimittanut alkuperäiset tiedostot täydellisillä kuvauksilla ja vuorovaikutuksen prototyypeillä, mutta kun lopulta näin projektin muutama kuukausi myöhemmin, sillä oli erilainen rakenne, erilaiset värit eikä vuorovaikutusta.)

Jotkut suunnittelijat saattavat vihata minua tästä, mutta tämä suunnittelutyöprosessi vaatii paljon 'ylimääräistä' työtä puolellasi. Tietojen ja resurssien organisoitu luominen ja toimittaminen on kuitenkin parasta laajamittaiselle projektille ja tiimille.

Jos kehittäjällä on kaikki tarvitsemansa silmien edessä, prosessi nopeutuu. Puhdas ja organisoitu PSD ei riitä.

Mitä tarvitset, jotta työ tehdään tehokkaasti?

Nämä ovat suuria resursseja, joita kehittäjän tulisi odottaa suunnittelijalta toteuttamaan UX / UI-suunnittelu :

• Alkuperäinen tiedosto - Suunnittelijan tulisi laittaa kaikki sovelluksen elementit yhteen tiedostoon. Tämän tiedoston tulisi sisältää painikkeita, valintaruudut , Tyylit otsikko , fontit, värit jne. Periaatteessa tämän tiedoston tietojen perusteella kehittäjän on voitava luoda kaikki käyttöliittymät alusta alkaen. Kehittäjälle on paljon helpompaa viedä mikä tahansa elementti pelkästään PSD: ltä kuin etsiä useita tiedostoja.

• Resurssit - Varmista, että kehittäjillä on kaikki tarvittavat resurssit, koska alkuperäisiä tiedostoja ei pitäisi koskettaa uudelleen.

• Vuorovaikutuksen prototyypit - 'Staattisten näyttöjen' päivät eivät ole enää. Älykkäiden animaatioiden ja vuorovaikutusten käyttö UX-prosessin tasoittamiseksi ja toteuttamiseksi on nykyään hyvin yleinen käytäntö. Mutta et voi vain sanoa 'tämä liukuu vasemmalta' kehittäjälle. Suunnittelijan tulisi luoda prototyyppi kyseiselle vuorovaikutukselle, ja sen tulisi sisältää tietoja, kuten nopeus, nopeus jne., Ja suunnittelijan on tarkoitus määrittää kukin näistä arvoista.

• Nimeämiskäytäntö - Se vaatii rakenteen eri tiedostojen nimeämiseksi ja pitämiseksi järjestyksessä. Se helpottaa molempien asioita tiedostojen navigoinnissa. (Kukaan ei halua piilottaa asioita näkymättömään kansioon.)

• HDPI-resurssit - Elämme 'vaikeina aikoina', suurella näytötiheydellä. Varmista, että suunnittelija toimittaa kuvat kaikilla vaadituilla tarkkuuksilla, jotta sovelluksesi näyttää hyvältä kaikkialla. Huomaa: käytä niin monta vektoria kuin voit, se auttaa sinua paljon (svg).

Jos on jotain, jota et löydä toteutuksen aikana, älä pelkää; Keskustele suunnittelijan kanssa ja pyydä sitä. Älä koskaan ohita tai säästele mitään! He ovat saman tiimin jäseniä, ja heidän tehtävänään on toimittaa paras mahdollinen tuote. Jos suunnittelija epäonnistuu, sinäkin.

Työn alla

Käytä suunnittelijoita UI / UX-toteutusprosessin aikana. Älä laita niitä syrjään toivoen, että ne vain 'työntävät pikseleitä'. Suunnittelija näkee mahdolliset innovaatiot jo ennen toteutuksen aloittamista. Hyödynnä tätä, pidä heidät ajan tasalla. Anna heille pääsy tarkastella ja testata käynnissä olevaa työtä. Olen varma, ettei kukaan tykkää jakaa keskeneräisiä juttuja, mutta on niin paljon helpompaa tehdä muutoksia keskellä rakentaa tehdä se, kun se on ohi. Näin säästät aikaa ja estät tarpeetonta työtä. Kun annat suunnittelijalle mahdollisuuden testata projektia, pyydä häntä laatimaan luettelo ongelmista ja ratkaisuista ja ehdottamaan parannuksia.

Mitä tehdä, kun kehittäjällä on idea, joka muuttaa sovelluksen ulkoasua? Keskustele hänen kanssaan suunnittelija , ja älä koskaan anna kehittäjän muokata suunnittelua kuulematta suunnittelijaa. Tämä suunnitteluprosessi auttaa sinua pääsemään oikealle tielle. Hyvällä suunnittelijalla on syy jokaiselle näytöllä olevalle kohteelle, ja yhden kappaleen poistaminen ymmärtämättä miksi se on, voi pilata tuotteen käyttökokemuksen.

UI / UX-projektinhallinnan suunnittelu

Suunnittelijat ajattelevat, että kehittäjät voivat herättää mallin elämään päivässä tai jopa tunnissa. Mutta kuten upea muotoilu, suuri kehitys vie aikaa ja vaivaa. Pidä ahdistunut suunnittelijasi vain vähän kaukana, jotta hän näkee ainakin prosessin rakentaa . Ulkoisten ohjelmistojen käyttäminen projektin hallintaan, varmistaaksesi, että jokainen arvostelu on nähty, on hyvä tapa varmistaa, että et unohda mitään tärkeää tai mitään tietoa, josta on keskusteltu Skypessä tai sähköpostikeskustelussa. Ja olkaamme rehellisiä: joskus muutoksista ja toiminnoista ei koskaan ilmoiteta ennen kuin ne tapahtuvat.

Riippumatta siitä, mitä ratkaisua käytät, muista valitse työprosessi, jonka koko tiimi voi omaksua ja käyttää johdonmukaisesti. Tiimissämme yritin ehdottaa Basecampia, koska sitä käytin, mutta käyttöliittymäkehittäjämme ajattelivat, että sillä oli rajoitettuja ominaisuuksia. He seurasivat jo muita projektinhallintaohjelmistoja vikoja , edistyminen jne., kuten JIRA, GitHub ja jopa Evernote. Ymmärsin, että tiedon ja viestinnän hallinnan ja seurannan tulisi olla mahdollisimman yksinkertaista, joten minun piti siirtää käyttöliittymäsuunnitteluprosessini JIRA: han. Halusin varmistaa, että he ymmärsivät työprosessini ja edistymiseni, mutta en halunnut heidän kokevan, että suunnittelu olisi muuta kuin hallintaa.

Tässä on muutama ehdotus projektinhallintatyökaluille:

• Basecamp - Seuraa suunnittelussa ja kehityksessä olevia tehtäviä ja antaa sinun viedä ne helposti. Sillä on myös hyvin yksinkertainen mobiiliasiakas.

• JIRA - Täysin räätälöitävä alusta, jossa voit helposti luoda kojelautoja seuratakseen toimintoja, kuten taustaa, käyttöliittymää, suunnittelua jne. Ja luulen, että vaikka mobiiliasiakas on hieman heikko, se on hieno ratkaisu myös suurille tiimeille virheen seuranta .

• Sähköposti - Tämä on hyvä keskustelun aloittamiseen tai kuvien lähettämiseen. Mutta pyydän, ole varovainen jos lähetät kritiikkiä tai kommentteja sähköpostitse. Asiat voivat helposti kadota.

Voit myös kokeilla Trello ja muut projektinhallintaohjelmistot, mutta alallamme eniten käytettyjä ovat Basecamp ja JIRA. Jälleen tärkeintä on löytää projektinhallintajärjestelmä, jota kaikki voivat käyttää johdonmukaisesti, muuten se on turhaa.

UX: n suunnittelu ja kehitys tulevat yhdessä

Suunnittelija ja kehittäjä ovat tehokas yhdistelmä. Varmista, että jaat käyttöliittymä- ja käyttöliittymäideoita yhdessä niin usein kuin mahdollista. Kehittäjien on oltava halukkaita auttamaan suunnittelijaa keksimään ideoita, kun taas suunnittelijalla on oltava vähintään perustiedot käytetyistä tekniikoista.

Sovi yhdessä suunnitteluprosessista. Älä vain sokeasti toteuta suunnittelijoiden luomaa. Ole ennakoiva ja luo jotain, joka näyttää kauniilta, mutta jolla on hyvä käyttökokemus hyödyntämällä kahta eri näkökulmaa. Suunnittelijat ajattelevat laatikon ulkopuolella ja näkevät hulluja animaatioita, ideoita, pikseleitä ja painikkeita, kun taas kehittäjät näkevät tekniikan, rajoitukset ja tärinänopeudet.

Kokemukseni mukaan jokainen suunnittelija on hullu pikselien ja hienojen konseptien takia, mutta joskus suunnittelija pääsee pisteeseen, jossa heillä on idea, mutta kehittäjä pysäyttää heidät ja sanoo: 'Tämä ei tule toimimaan hyvin, kun se on tehty. Toteutettu. Kulutuksessa tulee olemaan suorituskykyongelmia ”. Halusin äskettäin toteuttaa modaalisen ikkunan, jossa ei ole tarkennettua taustaa, mutta se epätarkka aiheutti kuvan latausaikojen olevan erittäin raskaita. Tämän ratkaisemiseksi kehittäjä ehdotti yksinkertaisen värikerroksen käyttöä, joka latautuu nopeammin ja ylläpitää kuvan laatua. Suunnittelijat kiinnittävät huomiota: Älä vaaranna suunnittelun käyttökokemusta .

Havainnointipiiri

Suunnittelijan havainnot ovat ratkaisevan tärkeitä, ja sen on tapahduttava niin usein kuin mahdollista. Se on todennäköisesti kaikkein aikaa (ja energiaa) vaativin osa sinua, mutta sinun on omaksuttava se, jotta saavutat täydelliset tulokset. Tässä on muutama vinkki käyttöliittymän ja käyttöliittymän suunnittelun työnkulkuun, jotta havainnot olisivat täydellisiä.

• Ole visuaalinen - Kommenttien ja kritiikkien tulisi olla mahdollisimman tarkkoja. Paras tapa tehdä tämä tarkasti on ottaa kuvakaappaus ja korostaa korjattava ongelma. Näyttäisi paremmalta, jos sinulla olisi valokuvia yhdestä nykyinen toteutus vs. miltä sen pitäisi näyttää . Visuaalinen viestintä poistaa 50% kysymyksistä.

• Ole kuvaileva - Havaintojen tulisi olla tarkkoja. Et voi vain sanoa 'siirrä tätä painiketta korkeammalle'. Suunnittelijan on aina määritettävä, kuinka monta pikseliä tulisi siirtää kyseiseen painikkeeseen, mitä väliä tulisi käyttää jne. Liitä aina selvitys ongelmasta ja sopiva ratkaisu. Se vie kauan, mutta se on sen arvoista.

• Ole kärsivällinen - Muista, että suunnittelija ja kehittäjä eivät ole samaa lähestymistapaa. Jos kehittäjät eivät ymmärrä täysin suunnittelijan ideaa, se voi johtaa huonoon päätökseen. Kummassakin tapauksessa molempien osapuolten on oltava kärsivällisiä ja halukkaita auttamaan muita ryhmän jäseniä. Se on todella ajoittain vaikeaa, mutta se on taito, jonka jokaisen suunnittelijan ja kehittäjän tulisi oppia.

On aivan selvää, että nämä asiat on yhdistettävä, jotta ne sopisivat paremmin suunnittelutyöhön. Mutta mikä työkalu voisi auttaa sinua esittämään kritiikkiä ja kommentteja?

• Sähköposti - En pelkää sanoa, että tämä on yleisin foorumi kommenttien lähettämiseen. On hyvä käyttää sitä, jos noudatat pari yksinkertaista sääntöä:
  • Ensinnäkin, käytä yhtä säiettä havainnoihin. Älä laita kutakin muutosta uuteen sähköpostiin, jolla on eri otsikko.
  • Luo sitten luettelo korjauksista. Yritä istua alas ja miettiä kaikkia löytämiäsi muutoksia tai korjauksia.
  • Ja viimeiseksi, älä lähetä joukkoluetteloita kerralla. Yritä erottaa se pieniksi yksittäisiksi luetteloiksi ja edetä osittain.

• Skype (Hangouts) - Ääni on todella tehokas työkalu tarjota rakentavaa kritiikkiä. Voit heti kysyä ja vastata kysymyksiin. Muista kuitenkin tehdä muistiinpanoja ja lähettää ne seuraavassa sähköpostissa puhelun jälkeen.

• Yhteistyökalut - Ollakseni rehellinen, en ole suuri yhteistyötyökalujen fani. Mutta heillä on yksi suuri etu: ne auttavat sinua saamaan palautetta paikalleen. Kysymysten esittäminen ja vastaaminen on nopeaa ja pysyy siellä ikuisesti.

Tässä on joitain parhaita työkaluja:

Kritiikin ja huomautusten huomautukset:

• https://redpen.io/
• http://collabshot.com/
• http://www.designdrop.io/

Yhteistyökalut:

• http://www.invisionapp.com/
• https://basecamp.com/

johtopäätös

Perustetaan UI / UX-suunnittelutyöjärjestelmä, joka pitää viestintäjohdot avoimina koko suunnittelu- ja kehitysprosessin ajan. Tämän avulla voit toteuttaa suuria ideoita, ennustaa mahdollisia ongelmia ja priorisoida tärkeät asiat.

Kehittäjä ja suunnittelija voivat luoda hienoja asioita yhdessä, kunhan he ovat halukkaita työskentelemään yhtenä laitteet , Oppia yhdessä ja luoda tämän kaltaisia ​​opetusohjelmia!