Herkullinen digitaalinen suunnitteluprosessi

Muutaman askeleen vakuuttaminen asiakkaillesi avoimuuden kautta tai opas kuinka selviytyä digitaalisen suunnittelun kilpailumaailmassa.

Olemme Zajno, kansainvälinen digitaalisten ratkaisujen myymälä. Olemme aloittaneet vasta 3 vuotta sitten, ja olemme edenneet melko pitkälle siitä lähtien. Jotkut asiakkaistamme ovat Huawei, Intel, Avia, Versalift. Ja olemme tulleet tänne kiitos paljon työtä, omistautumista, intohimoa ja pysyvää suunnitteluprosessia. Jakaminen on välittävää, siksi mielellämme jakaa sen nyt kaikkien kanssa. Ainoa mitä kertoa teille ei ole hopeamerkki, se on vain tapa, jolla teemme sen täällä Zajnossa, ja koska se toimii melko hyvin, ajattelimme, että saatat pitää tästä meidän lil-reseptistä.

Se ei ole resepti vain yhdelle aterialle, se on enemmän kuin iso 6 ruokalajin illallinen, jossa on kaikki pääruoat ja sivureseptit, syyt miksi ja mihin valmistamme jokaista ruokalajia, ja joitain kaupan temppuja sen kärjessä. Ennen kuin aloitamme, haluan kertoa teille vielä yhden asian, ja se on tärkeä asia. Kyse on henkilöstä, joka yrittää aina kaataa puolueen kimppu jalapeñoja ja heittää kaikki nämä asiat ruokapöydälle. Hänen nimensä on Mr. Fiasco, ja usko minua, et halua häntä vieraslistallesi. Aion kertoa sinulle, kuinka välttää tämä outo.

valikko

  • Alkuruoka - Idea- ja konseptikanapat ja aivoriihi Salsa
  • Relevés - Tutkimussalaatti esitelmäkastikkeella
  • Keitto - Gazpachon prototyyppien muotoilu
  • Pääruoka - Suunnittelu Carbonara
  • Kylmä astia - Pâté de tiedot ja dokumentaatio
  • Jälkiruoka - Makea julkaisu toimitettavilla Eclairesilla
  • Illallisen jälkeen - kahvia, sikareita ja hyödyllisiä vinkkejä

Kuka kutsutaan pöytään?

  • asiakkaat, jotka haluavat selvittää, millainen digitaalinen tuotesuunnitteluprosessi näyttää ja maistuu;
  • pyrkivät suunnittelijat;
  • suunnittelijat, jotka haluavat oppia lisää tai löytää uuden lähestymistavan digitaaliseen tuotesuunnitteluun;
  • huippuluokan suunnittelijat, jotka voivat kertoa salaisuutensa herkulliselle digitaaliselle projektisuunnitteluprosessille ja opettaa meille, kuinka tehdä illallisesta vielä maukkaampi.

Kuka ei ole kutsuttu?

  • Herra Fiasco (duh)

1. Idea- ja konseptikanapad ja aivoriihi Salsa

ainekset

  • projektiryhmän jäsenet
  • 1 johtaja, joka kirjoittaa kaiken muistiin
  • tekstieditorit, muistikirjat, nauhurit, valkotaulut
  • 1 tynnyrin luovuus
  • 4 kannua kärsivällisyyttä
  • 5 kuppia huomiota
  • 9 lasillista koetta
  • 1 tippa uskollisuutta

ohjeet

  1. Hanki kaikki tiedot uudesta projektista, analysoi ja keskustele siitä koko ryhmän kanssa.
  2. Lämmitä keskustelut kiehuvaksi korkealla kuumuudella, laske sitten lämpö keskitasoiseksi, peitä ja hauduta, kunnes saat mahdollisimman paljon ideoita, luonnoksia, kommentteja, vinkkejä ja ratkaisuja. Tavoitteesi on saada mahdollisimman monta näkökulmaa uuteen projektiin.
  3. Älä ole ujo kokeilemaan. Hyväksy kaikki ideat, vaikka ne tuntuisivat alun perin oudolta. Ajattele laatikon ulkopuolella.
  4. Varmista, että johtaja ei ole ylenmääräinen, ja laskee kaikki ajatukset haluamillaan työkaluilla.

2. Tutkimussalaatti esitelmäkastikkeella

ainekset:

  • 1 joukkueen johto
  • 1 johtaja
  • 1 taiteellinen johtaja
  • 1 tekninen lyijy
  • 1 suunnittelija
  • Google haku
  • 17 kiloa sosiaalista mediaa
  • 1 ämpärikestävyys
  • 5 rkl kriittistä ajattelua
  • Luonnos, Keynote tai muu visuaalinen editori

ohjeet

  1. Selaa ideoita valitaksesi paras ratkaisu. On olemassa kolme pääkriteerisuodatinta:
    - sen pitäisi vastata liiketoiminnan tarpeisiin
     - sen pitäisi vastata käyttäjien tarpeita
    - Yrityksesi pitäisi saada siitä jonkin verran voittoa sekä kokemuksen että resurssien suhteen. Hankkeen tekeminen, joka ei edistä yrityksen kasvua, ei ole järkevää, sinun on aina ajateltava, mikä on miehistöllesi hyvää. On selvää, että paras on win-win-ratkaisu, tai pikemminkin win-win-win: asiakkaillesi, käyttäjillesi ja yrityksellesi.
  2. Toinen tapa valita paras ratkaisu chef-d’oeuvre'eesi on tutkimalla alan suuntauksia ja verkkohakukyselyjä. Google se ja käytä sellaisia ​​työkaluja kuten Analytics, Keywords Planner, Trends ja käänny sosiaaliseen mediaan kuten Twitter, Facebook, Dribbble, Behance, Abduzeedo, Medium ja Muzli. Muista, että päivän lopussa tuote menestyksestä vastaa vain kukaan muu kuin sinä, joten varaa vaivaa tutkimukseen.
  3. Projektin mielenkiintoisin osa alkaa, kun tuote menee markkinoille ja todelliset ihmiset alkavat käyttää sitä. Parempi ymmärrys siitä, mitä todennäköisesti tapahtuu tuotteen julkaisemisen jälkeen ja mitä sen edistämiseksi tulisi tehdä, lisää vain mahdollisuuksiasi lyödä kynsistä päähän eikä pidä kiinni, kun selitetään miksi valitsit tämän ratkaisun asiakkaallesi.
  4. Kun olet valinnut maukkaan ratkaisun ja saanut ryhmänjohtajan ja kehittäjän tarkistamaan sen, esittele se asiakkaallesi tavanomaisesti. Muista aina, että tavoitteesi on valita tehokkain tapa saavuttaa tavoite alhaisin kustannuksin, mutta laatu on etusijalla. Asiakkaan lähestymistavasta riippuen voit valmistella esityksen käyttämällä mitä tahansa Sketchistä Keynoteen.

3. Gazpachon prototyyppien määrittäminen

ainekset

  • koko projektitiimi
  • kaikki projektista saadut tiedot
  • Google haku
  • 1 tusina suunnittelualustaa
  • 1 barrelin tehokas viestintä
  • 9 kuppia luovuutta
  • 3 1/2 kiloa logiikkaa
  • Marvel / InVision
  • mikä tahansa tekstieditori
  • 5 tippaa empatiaa

ohjeet

  1. Kopioi tulevan tuotteen sivukartta. Älä unohda sekoittaa kaikkia sivuja, mukaan lukien virhesivut, modaalikkunat, widgetit ja muut sisustuselementit. Pyydä projektitiimi tarkistamaan se ja kysy sitten asiakkaalta, miten se maistuu. Käytä mitä tahansa kätevää tekstieditoria.
  2. Sekoita taikina niin, että muodostuu muutama käyttäjän henkilö, jotta ne voivat edustaa kaikkia kohderyhmiä. Anna heille nimet, kuvaile heidän tavallista päivää, tapoja, mieltymyksiä, makuja, harrastuksia. Opi kaikki heidän elämänsä piirteet löytääksesi tuote, joka sopii paremmin heidän tarpeisiinsa. Löydä niistä valokuvia ja aseta seinällesi muistaaksesi aina, kenelle olet luonut tätä kaikkea. Voit jopa kysyä heiltä, ​​mikä malli he pitävät enemmän ... se voi kuitenkin olla liikaa.
  3. Yhdistä suuressa kulhossa managerilta, asiakkailta saamasi tiedot, tutkimukset, analyysit ja luo käyttötapaukset ja käyttötapahtumat Notesissa tai muussa tekstieditorissa. Löydä sisältöä verkkoselaimen avulla.
  4. Luo vuokaavio, joka näyttää käyttäjän vuorovaikutuksen tuotteen kanssa yksityiskohtaisesti. Ota käyttöön jo keitetyt käyttötapaukset, käyttökertoimet ja sivustokartta, lisää logiikkaa ja kiinnitä koko joukkue työskentelemään yhdessä. Varmista, että näytät kaikki mahdolliset skenaariot. Tarkista kaikki suunnitteluideat ryhmäjohtajan ja kehittäjän kanssa pyörän keksimisen välttämiseksi ja muista: tehokas viestintä on avain menestykseen.
Problem-Solution fit kangas, innovaatiopaja.
  1. Nyt on aika koota joitain mooditauluja. Niiden päätarkoitus on luoda tarvittava tyyli, josta sekä sinä että asiakkaasi olette sopineet. Mielipiteistä aloittaminen auttaa myös palloa liikkumaan: tiedämme kaikki, kuinka vaikeaa on aloittaa, joten aloita ideoiden ja inspiraation keräämisellä. Tällä tavalla virtaviivaistat suunnitteluprosessiasi ja säästät aikaa, jonka vietät tyhjälle näytölle katsomiseen. Tavoitteesi on koota 2 erilaista kuvataulua, joista kukin kuvaa tarkoitettua tyyliä. Ensimmäinen taulu sisältää valokuvia ja esityksiä esineistä, joita voit nähdä tosielämässä, jotain konkreettista. Toinen koskee digitaalisia juttuja. Jokaisessa taulussa tulisi olla vähintään 5 kuvaa. Voit luoda tunnelmatauluja sellaisilla alustoilla kuin Dribbble, DesignInspiration, Muzli, Medium, Behance, Abduzeedo, Design Milk, Fubiz, Unsplash - nimit sen.
  2. Aika leipoa joitain kehyskehyksiä.
     - Aloita matalatarkkuuslankakehyksistä, paista ne esikuumennetussa uunissa Sketchissä. Ota koko projektiryhmä mukaan lukien kehittäjät.
     - Luo napsautettava prototyyppi InVisioniin tai Marveliin.
     - Kun prototyyppi on valmis, tarkista sen tehokkuus projektiryhmän kanssa. Itse asiassa mitä enemmän mielipiteitä keräät, sitä parempi, joten kysy niin, ettet ole rajattu vain tiimisi jäseniin.
     - Kun olet testannut valmiin napsautettavan prototyypin, lähetä se asiakkaallesi saadaksesi palautetta. Korjaa se tarvittaessa. Teoriassa sinulla on useita iteraatioita, jotka lisäävät asteittain elementin / komponentin / osan yksityiskohtien tasoa kussakin vaiheessa. Käytä mukavuuden vuoksi versionhallintatyökaluja.

4. Suunnittele Carbonara

ainekset

  • koko projektitiimi
  • napsautettavat prototyypit
  • wireframes
  • miellekarttoja
  • käyttäjävirta
  • Marvel / InVision
  • Google haku
  • 100 tynnyriä palautetta
  • 9 kuppia luovuutta
  • 3 1/2 kiloa logiikkaa
  • 2 pulloa johdonmukaisuutta
  • 1 matkalaukku kokemus
  • 4 pulloa kriittistä ajattelua
  • 3 tl kokeilua
  • 2 rkl empatiaa
  • 1 ripaus taikuutta

ohjeet

  1. Aloita luonnoksella - päänäytön / kotisivun suunnittelukonseptin kanssa. Sinulla on jo kaikki ainesosat sen keittämiseen: käytä heikosti napsautettavissa olevaa prototyyppiä, vuokaavioita ja tunnelmatauluja. Kysy säännöllisesti koko tiimiltä palautetta, on välttämätöntä siirtyä eteenpäin. Tärkeintä on kysyä oikeita kysymyksiä. Jos haluat kysyä muulta, varmista, että henkilö on riittävän pätevä ja sopii työhönsä.
  2. Olet saavuttanut arvostelujen ja päivitysten vaiheen. Taidejohtaja on vastuussa siitä, että lopullinen suunnittelu on johdonmukaista, harkittu ja mikä tärkeintä, että se osuu merkkiimme. Jälkeen uuden arvostelu- ja päivityskierroksen jälkeen ja kun kaikki ovat tyytyväisiä ja samalla sivulla, lähetä se asiakkaalle yhdessä joidenkin muistiinpanojen kanssa, miksi valitsit tämän ratkaisun osoittaaksesi, että olet ajatellut sitä, eikä se ole vain sattumanvarainen idea. Hanki asiakaspalautetta ja päivitä malli tarvittaessa.
  3. Nyt on aika suunnitella loput sivut. Menettely on sama: luo uusi sivusuunnittelu, hanki projektitiimille palautetta, päivitä malli tarvittaessa, lähetä sivu asiakkaalle, saat vihreän valon.
  1. Keitä erittäin uskollinen napsautettava prototyyppi InVisionissa tai Marvelissa jo valmistelemasi mallin avulla. Laita prototyyppi yhteen ja testaa se. Korjaa se tarvittaessa, kunnes se on todella maukasta. Teoriassa sinulla on useita iteraatioita, jotka lisäävät asteittain tilaa, jotta jopa henkilö, jolla ei ole mitään tekemistä projektin kanssa, voisi saada selkeän kuvan tuotteesta.
  2. Kun olet keittänyt prototyypin, tee napsautettavissa oleva kartta käyttöliittymän vuorovaikutuksesta linkittämällä se ensin jokaiseen kehyskehykseen ja sitten lopulliseen suunnitteluun. Seurauksena on 3 prototyyppi:
    1 - alhaisen tarkkuuden napsautettava prototyyppi lankakehyksillä,
    2 - erittäin uskollinen napsautettava prototyyppi suunnitellulla sivulla / näytöllä,
    3 - napsautettava kartta käyttöliittymän vuorovaikutuksesta.
    Kolmas on todella tärkeä, koska se ratkaisee suunnittelijoiden ja kehittäjien vuorovaikutuksen ongelman, koska vuorovaikutteinen käyttäjävirta antaa kehittäjille erittäin selkeän kuvan siitä, minkä heidän on työskenneltävä.

5. Pâté de tekniset tiedot ja dokumentaatio

ainekset

  • 1 suunnittelija
  • 1 projektipäällikkö
  • valmisteltu suunnittelu
  • Luonnos
  • 3 tynnyriä kärsivällisyyttä
  • 7 barin tarkkuus
  • 1 kourallinen rakenne

ohjeet

  1. Se on vuoden 2018 mies, jokaisen sovelluksen on oltava reagoiva, joten joudut mukauttamaan mallisi suosituimpiin tarkkuuksiin, joita kohdeyleisösi käyttää. Keitämme yleensä seuraavat mittasarjat: 2560х1800, 1920х800, 1680х1050, 1440х900, 1366х1024, 1280х800, 768х1024, 320х568.
  2. Heti kun muotoilu on valmis ja höyryttävää, aloita ohjeiden paistaminen kootaksesi jo olemassa olevat elementit. Rakenna se kaikki. Laita teksti, graafinen ja visuaalinen sisältö erillisiin kansioihin. Luokittele kaikki elementit.
  3. Päivitä ohjeet aina tarvittaessa. On välttämätöntä pitää se ajan tasalla väärinkäytösten välttämiseksi ja pitää malli johdonmukaisena, varsinkin jos joudut luovuttamaan projektin toiselle suunnittelijalle tai kenelle tahansa muulle.
  4. Määritä muutokset, vuorovaikutukset ja animaatiot, liitä videoita. Jos elementillä on useita tiloja, muista näyttää ne kaikki.

6. Makea julkaisu toimitettavilla Eclairesilla

ainekset

  • kaikki projektin tiedostot
  • Avokoodi tai Zeplin
  • 1 pilvitallennustila
  • 1 tl tarkkuus
  • 3 pussin rakenne
  • 9 tynnyriä kärsivällisyyttä

ohjeet

  1. Hanki tiedostot valmiina kehitysvaiheeseen. Varmista, että kaikki tiedostosi on nimetty oikein. Asenna Avocode- tai Zeplin-laajennus ladataksesi suunnittelutiedostot helposti, jotta kehittäjät voivat olla vuorovaikutuksessa kaikkien tietojen kanssa.
  2. Pidä kaikki valmistamasi ainesosat ja tiedostot järjestyksessä, jotta muutkin voivat olla helposti yhteydessä niihin. Sama koskee suunnitteluprototyyppejä: - nimetä kerrokset ja tiedostot oikein vietäessä, - luoda monimutkaiset muodot oikein, - sulkea polut tai pitää ne tarvittaessa auki, - ylläpitää suunnittelun johdonmukaisuutta uudelleenkäyttämällä olemassa olevia muotoja / elementtejä, - Varmista, että kaikki projekti-kansion tiedot ovat ajan tasalla.
  3. Lopulta kansiosi tulisi sisältää: suunnittelun lähdetiedostot; prototyypit, viirakehykset, tunnelmataulut, käyttäjävirta; fontit, visuaaliset hyödykkeet; suuntaviivoja.
  4. Lataa tiedostot pilveen ja jaa linkki asiakkaallesi ja kehitysryhmälle.

Kahvi, sikretit ja hyödyllisiä vinkkejä

  1. Muista aina, että keität tätä digitaalista tuotetta käyttäjälle, joten varmista, että se on käyttäjäystävällinen, terveellinen ja maukas.
  2. Älä unohda, että illallinen ei lopu suunnitteluvaiheen jälkeen. Kehitysryhmä ei voi odottaa ottavansa keittoprosessia. Joten tee parhaasi tehdäksesi tästä prosessista mahdollisimman sujuvaa.
  3. Keitä versionhallintaohjelmissa.
  4. Käytä Web-fontteja.
  5. Tarkista uudelleen tulostettavissa oleva kansio, joka sisältää kaikki tarvittavat elementit, etenkin tyylioppaan.
  6. Älä muuta mallia / ohjeita / värisarjaa / nimeät sen, kun olet luovuttanut omaisuuden kehitysryhmälle. Selitä asiakkaallesi, että se antaisi kehittäjille vaikeaa aikaa ja maksaa paljon.
  7. Älä käytä kaksinkertaista opasiteettiä, se hämmentää kehittäjää.
  8. Varmista, että näytät kaikki vaadittavat tilat.
  9. Järjestä kaikki elementit luomalla oikeat kansiot, järjestä ne kaikki loogisella tavalla, varsinkin jos joudut animoimaan jotain, luo kansio visuaalille, kansio nimikkeille, sinulla on idea.
  10. Hanki kaikki kopio, ennen kuin suunnittelet tekemättä samaa työtä kahdesti.
  11. Yritä kerätä mahdollisimman paljon palautetta päteviltä ihmisiltä.
  12. Se on todella kätevä, jos pilvitallennuksessa on synkronoitu kansio tietokoneellasi.
  13. Ja viimeisenä mutta ei vähäisimpänä, rationaalisuus. Jakamamme resepti ei ole tiukka sääntö, se on eräänlainen suositus, täydellinen skenaario, jos haluat. Koko prosessi, menetelmä ja vaiheiden lukumäärä riippuvat projektista. Jos kyseessä on pieni 2 viikon projekti, keittoaika ja kurssien lukumäärä ovat erilaiset. Bottom line: pysy käytännöllinen ja rationaalinen.

Voilà! Digitaalinen illallinen on valmis! Haluatko toisen apua? ;)

Näin luomme herkullisia digitaalituotteita täällä Zajnossa. Olemme kuitenkin varmoja, että sinulla on hyviä omia reseptejä jaettavaksi! Joten älä ole ujo, jaa kokemuksesi! Loppujen lopuksi työskentelemme täällä kaikki samaan tarkoitukseen - tekemällä Internetistä (tästä maailmasta) parempi, maukkaampi paikka!

Jätä kommentti ja kerro meille, kuinka voimme parantaa tarinankerrontamme seuraavalle kerralle, kysyä meiltä kysymyksen, järjestää tapaamisen tai tehdä ehdotuksen jatkoteokseksi.

Verkkosivusto | Juhlava | Facebook | Twitter | LinkedIn | Instagram | Vimeo

Jos pidit tästä, napsauta , niin muut ihmiset näkevät tämän täällä Mediumissa.