Jotkut ihmiset keräävät leimoja, toiset pistemäiset junat; Olen tullut pakkomielle wireframe-ohjelmistosta.

Olen yrittänyt ja rakastunut lukuisiin sovelluksiin, alkaen Balsamiq- että matkijalintu että FlairBuilder . Vaikka jokainen on tuntenut todellista rakkautta, ajan myötä katseensa on vaeltanut ja löytäisin itseni flirttaillen toisen työkalun kanssa.

Kaikki näyttävät niin houkuttelevalta, mutta ajan myötä näen niiden puutteet. Ehkä olen vain liian kova. Ehkä minun tarpeeni ovat liian epätavallisia. Haluan todella, että se on työkalu, joka sopii tapaan tehdä asioita, sen sijaan, että tarvitsen työkalun.

Onko sinulla oma suosikki wireframing-työkalu? Näetkö jopa yhden tarpeen? Jos on, siirrytkö kaikkiin kelloihin ja pilleisiin tai vain nopeisiin ja likaisiin ratkaisuihin?

FlairBuilder
Sovelluksia kuten FlairBuilder ovat yhä voimakkaampia, mutta joskus liian monimutkaisia.

Miksi yhteistyötä wireframing kanssa asiakkaita?

Minulle wireframing on yhteistyökykyinen kokemus. Se ei ole mikään muu kuin pimeässä huoneessa. Pikemminkin jakan prosessin asiakkaiden kanssa.

Uskon istumaan pöydän ympärillä asiakkaan kanssa ja räjäyttämällä avainlehtiä raidan muodossa. Tässä on neljä etua:

  1. Sitoutuu asiakkaaseen
    Ohjaamalla asiakkaan kanssa he tuntevat osan prosessista, ja tämä auttaa rakentamaan vankan työyhteyden.
  2. Varmistaa vauhtia
    Yhdistämällä wireframing, voit välttää loputtomia tarkistuksia. Avainsanojen vankka suuntaus tapahtuu muutamassa tunnissa.
  3. Sitoutuu asiakkaalle
    Jos asiakas on mukana rautalankojen luomisessa, he tuntevat omistajuuden tunnetta ja verkkosivustoa. Ratkaisu tulee yhtä paljon kuin sinun. Näin ollen he eivät todennäköisesti hylkää mallia myöhemmin.
  4. Tarjoaa yhteistä viitettä
    Johdinten luominen yhdessä varmistaa, että jokainen ymmärtää ne. Ohjausrungot toimivat yhteisenä viitekehyksenä kaikille projektin ajan.
wireframing asiakkaan kanssa
Wireframing asiakkaan kanssa on lukuisia etuja.

Prosessi ei kuitenkaan ole ilman haasteita.

Etsitkö nopeaa ja likainen ratkaisu

Monin tavoin langanmittaus itse on paljon helpompaa. Sinulla on aikaa ajatella, muokata ja hienosäätää. Tämä on vaikea tehdä asiakkaan kanssa huoneessa. Yhteistyössä toimiva langankirjoitus muodostaa nopeasti ideoita ja keskustelee niistä. Joten tarvitset työkalun, joka helpottaa tätä tavoitetta.

Sinun langankorjaustyökalun on oltava:

  • Helppo käyttää
    Mikään ei ole pahempi kuin asiakas, joka istuu ympäriinsä, kun epäilemättä taistelette langankorjaustyökalulla osoittaaksenne ajatuksen.
  • Helppo tarkistaa
    Yhteistyössä prosessissa keskustelu johtaa sinut kokeilemaan ahtaasti erilaisia ​​lähestymistapoja. Sinun täytyy pystyä muuttamaan rautalankaa nopeasti.
  • Helppo ymmärtää
    Leikkuulaitteiden on oltava selkeitä ja kuvailevia. Asiakkailla ei ole hyötyä kokemuksistamme rautalankojen käsittelyssä, joten ne voidaan helposti sekoittaa.
  • Ammattimaisia
    Esitys voidaan pienentää ajatuksella. Se auttaa, jos työkalu voi tuottaa rautalankaa, joka näyttää hyvin harkitulta, laadukkaalta ratkaisulta.
Esimerkki Keynote Wireframe
Wireframing-työkalun pitäisi näyttää ammattimaiselta ja silti riittävän joustava nopean iteroinnin mahdollistamiseksi.

Perinteisesti yhteistyöhankkeita on tehty kynällä ja paperilla, mutta tämä ei aina ole paras ratkaisu.

Miksi ei kynää ja paperia?

Älä ymmärrä minua väärin. Kynä ja paperi tarjoavat monia etuja yhteistyössä käytettävälle langankirjoitukselle, ja sillä on aina paikka. Itse asiassa menisin niin pitkälle kuin sanoa, että useimmat yhteistoiminnalliset wireframing istuntojen pitäisi alkaa kynällä ja paperilla.

Kynä ja paperi on hienoa, että se on kattava ja nopea. Jokainen voi noutaa kynän ja aloittaa salakuuntelun; se ei vaadi erityistä taitoa. Ja koko huone voi alkaa piirtää samaan aikaan; ei ole yhtäkään ihmistä kädellään hiirellä.

Kynä ja paperi tuntuvat myös kertakäyttöisiksi. Ruuvaaminen paperille ja heittämällä se binääriin tuntuu helppoa eikä sillä ole suurta tappion tunnetta. Tämä on ratkaisevaa langanvaihtoprosessin alkuvaiheissa.

Kuitenkin kynällä ja paperilla tapahtuva langankiristys aiheuttaa joitakin haittoja:

  • Ei ole helppoa tarkistaa
    Kun ideoita lentää ympäri ja kirjoitat yhden elementin toisensa jälkeen, kynä- ja paperirungot voivat saada sekaisin nopeasti. Sinun on usein pakko rikkoa sivua tyhjästä, mikä hidastaa prosessia.
  • Ei aina selvää
    Niin monia tarkistuksia ja scribbles, wireframe usein sekava. Heillä ei myöskään ole ohjelmiston tuottamien rautalankojen yksityiskohtia, jättäen paljon kysymyksiä vastaamatta.
  • Ei näytä ammattimaiselta
    Ellei sinä ole suuri taiteilija, suurin osa teidän langankehyksistänne näyttävät röyhkeältä psykopaatilta (vai onko se vain minulle?). Tämä voi vähentää taustalla olevien ideoiden arvoa.
Kynä- ja paperirunko
Kynä- ja paperirunkoelementit voivat näyttää sotkuisilta ja hämmentävättömiltä asiakkailta.

Kokemukseni mukaan hyvä yhteistoiminnallinen langankirjoitusistunto sisältää sekä paperin että ohjelmistopohjaisten rautalankojen yhdistelmän.

Joten monilla ohjelmistoratkaisuilla on liian hidas ja paperi epäonnistuu muilta osin, mikä ratkaisu on?

Keynot pelastamiseen

Useiden kokeilujen jälkeen olen päässyt Keynoteen mielestäni ensisijaiseksi työkaluksi. Epäilen, että PowerPoint on yhtä hyvä, mutta Mac-käyttäjänä valintani on Keynote.

Keynote on helppokäyttöinen, ja monet ihmiset tuntevat sen jo. Mikä parasta, suurin osa meistä jo omistaa sen, mikä säästää rahaa.

Rakastan sitä, koska se helpottaa heittää lankahaaroita yhteen ja sitten nopeasti tarkistaa niitä ajattelutavan muuttuessa.

Kaiken kaikkiaan Keynote-lankahaavat voivat näyttää erittäin ammattimaisilta ja antavat valtavan selkeyden.

Tämän saavuttamiseksi tarvitset hyvän master-mallin, joka sisältää kaikki elementit, jotka yleensä näkyvät verkkosivustossa (teksti, kuvat, hakukenttä jne.). Sitten on yksinkertaisesti kopiointi ja liittäminen sivuillesi.

Jonkin verran upeita videoita siellä voit näyttää omia mukautettuja elementtejäsi. Jos olet laiska kuin minä, monet ihmiset ovat tehneet kovaa työtä puolestasi. Nimellismaksua varten voit ostaa Keynote- ja PowerPoint-malleja, jotka sisältävät kaikki verkkoelementit, joita olet todennäköisesti sisällytettävä rautalankaaseen.

Keynotopia
keynotopia

Keynote UX
Keynote UX

Keynote Kung-Fu
Keynote Kung-Fu

Mutta edut eivät pysähtyvät siellä.

Bonus

Esitys langankorkeista on ratkaisevan tärkeää. Vaikka työskentelette yhteistyössä, mahdollisuudet ovat, että kaikki sidosryhmät eivät ole huoneessa.

Monet wireframe-sovellukset vaativat käyttäjiä lataamaan ohjelman tai asentamaan laajennuksen ennen kuin he voivat tarkastella tiedostoa. Ei niin Keynoten kanssa.

Keynote on jo yhteinen sovellus, mutta sillä on myös hienoja vientioptioita. Voit tallentaa wireframes sekä HTML-ja PDF. Molemmat vaihtoehdot ylläpitää linkkejä sivujen välillä, joten käyttäjä voi napsauttaa "verkkosivustoa".

Vielä parempi, Keynoten avulla voit äänittää ääniohjauksen ja tallentaa raidan kuvan QuickTime-videona. Tämän ansiosta voit puhua sidosryhmiä johdorivillä ja selittää lähestymistapasi ja varmistaa, että he ymmärtävät lopullisen rautalangan ajattelun.

Keynote-vientivaihtoehdot
Keynoten avulla voit viedä rautalangan PDF- ja HTML-muotoon ja jopa elokuvaksi, jolla on äänikuvaus.

Tietenkään ratkaisu ei ole täydellinen. Keynote ei ole lankahaaran hopea luoti.

rajoitukset

Kokemukseni mukaan Keynote kärsii kahdesta ongelmasta wireframing-työkaluna.

Ensimmäinen on sivukoko. Koska muut langankirjoitustyökalut mahdollistavat sivukokoon muuttamisen lennolla, Keynote ei (ainakaan ilman, että elementtejä ei vääristy). Myös mittasuhteet on oltava samat kaikilla sivuilla. Tämä voi olla turhauttavaa, jos et suunnittele eteenpäin. Saan tämän ongelman tekemällä kaikki sivut valtaviksi; mutta tämä kiertotapa on kaukana täydellisestä ja aiheuttaa ongelmia vientiä varten.

Toinen asia on se, että Keynote ei salli monimutkaista vuorovaikutusta, vaikka sivut linkittyvätkin. Se ei voi näyttää JavaScript-toimintoja, jotka ovat niin yleisiä verkkosivustoilla tänään. Tietenkään ei kynää eikä paperia. Yhteistyössä tapahtuvaan langankorjausistuntoon ei normaalisti tarvitsisi osoittaa tätä vuorovaikutteista yksityiskohtia. Jos teet niin, olisit luultavasti parempi kuin monimutkaisempi prototyyppityökalu.