Viðtal: Macaw er Tom Giannattasio Talks Scarlet, Workflow, og Lifandi Hönnun Umhverfi
Macaw er einn af nýjum tegundum vefhönnunartækja. Það er eitt af fyrstu hönnun forrita sem geta búið til hreint kóða og er samþykkt af fjölmörgum iðnaðarfrumum.
Nú er byggt á velgengni fyrstu vöru sína, liðið á bak við Macaw er að undirbúa að hefja annað tól sem heitir Scarlet , með róttæka nýja vinnuflæði og fjölda nýja eiginleika.
Scarlet lofar að skila meira en Macaw: samkvæmt liðinu er það "lifandi hönnun umhverfi" og það gæti verið byltingarkennd skref í sögu hönnun forrita.
Við komumst að Tom Giannattasio Macaw, að spyrja hann hvað við getum búist við frá nýjustu verkefninu ...
Webdesigner Depot: Þegar þú ákvað fyrst að byggja Macaw, hvað var það sem sannfærði þig um að núverandi verkfæri væru ekki nógu góðar?
Tom Giannattasio: Ég held ekki að verkfæri okkar hafi nokkurn tímann verið að ná markinu. Ég lærði vefhönnun aftur á dögum Geocities textasvæðisins. Það var svolítið svikalegt viðbrögð við slóðinni, sum HTML, högg hressa, bíða eftir síðunni til að endurhlaða, átta sig á að þú misstir lokunarmörkina, reyndu aftur. Að lokum Photoshop hækkaði sem betri leið til að hanna fyrir vefinn og iðnaðurinn skiptist í þá sem gerðu hönnun og þeir sem gerðu þróun.
Móttækileg hönnun hjálpaði okkur að átta sig á því að við getum ekki meðhöndlað netið eins og það væri fast, tvívítt flugvél
Ég tel að við erum nú að upplifa að tengjast þessum tveimur greinum aftur. Móttækileg hönnun hjálpaði okkur að átta sig á því að við getum ekki meðhöndlað netið eins og það væri fast, tvívíð flugvél og hönnuðir eru nú að leita að nýjum vinnubrögðum. Margir þeirra hafa snúið aftur til ritstjóra svo þeir geti unnið beint með miðlinum. Það er frábært, en mér finnst eins og við erum komin aftur í Geocities daga aftur. Ég vil ýta hlutum áfram. Ég vil fá tól sem leyfir mér að vinna beint á netið á þann hátt sem er sjónrænt og leiðandi. Þess vegna byrjaði ég Macaw.
WD: Af hverju Scarlet, og ekki Macaw 2,0?
TG: Heiðarlega, við héldum ekki að það væri sanngjarnt fyrir notendur að hringja í Scarlet í útgáfu 2. Scarlet er ekki endurpakkað útgáfa 1 með nokkrum viðbótareiginleikum sem eru að strjúka ofan. Það er allt öðruvísi forrit með reimagined workflow. Það var byggt frá grunni með nýjum arkitektúr og tonn af nýjum eiginleikum. Við sjáum framtíð þar sem tvö forritin vinna saman til að mæta mismunandi þörfum hönnuða og forritara.
Við verðum að hanna hlutina sem agnostic sem mögulegt er til að leyfa óskir fólks að skína í gegnum
WD: Workflow er eitt af mest umdeildum málum í vefhönnun, vegna þess að það hefur svo mikil áhrif á endalokið; hvernig komstu að vinnuflæði í Scarlet?
TG: Skilgreining á vinnustraumi fyrir forrit sem er búið að nota í klukkutíma í lok er erfiður leitast við. Þú verður að veita nægilegan kostnað til að hjálpa fólki að læra að læra, en ekki svo mikið að það verði í vegi fyrir frábæran notanda. Forgangur er annar hindrun. Við verðum að hanna hlutina sem agnostic sem mögulegt er til að leyfa óskir fólks að skína í gegnum án þess að fórna fyrirætlanir umsóknarinnar.
Þessar á meðal milljón annarra sjónarmiða leiða til reynslu-og-villa lykkju sem rekur hönnunarferlið við Macaw. Til allrar hamingju erum við hönnuðir og verktaki sjálf, þannig að við getum frumgerð og prófað hugmyndir okkur sjálf og vitað hvort þau séu árangursrík.
WD: Hversu lengi hefurðu unnið í Scarlet?
TG: Það hefur verið um eitt ár núna og ég er mjög stolt af því sem lítið lið okkar hefur tekist að gera á þessum stuttum tíma.
WD: Hversu stór er liðið þitt? Og er Scarlet byggt af vefhönnuðum, fyrir vefhönnuðir?
TG: Það eru þrír af okkur á liðinu og við öll ólst upp að hanna fyrir vefinn. Við unnum saman á mismunandi stofnunum, gerðum vinnu fyrir Apple, Oracle, MIT og aðrar helstu stofnanir - áður en við komum til Macaw.
WD: Scarlet er reiknað sem "Live Design Environment", hvað er lifandi hönnun umhverfi, og hvernig er það frábrugðið öðrum tækjum á markaðnum?
Við mynduðu nafnið Live Design Environment umhverfisins til að hjálpa okkur að ræða þessa nýja tegund tól
TG: A einhver fjöldi af verkfærum passa vel í flokk: SublimeText er textaritill; Skissa er teiknibúnaður; Photoshop er myndritari. Sumir nýju verkfærin sem henda markaðnum gera það ekki. Eina flokkurinn sem er jafnvel nálægt er WYSIWYG og ég get ekki trúað því að það sé enn hugtak sem við notum. Það ætti að hafa dáið ásamt FrontPage.
Við mynduðu nafnið Live Design Environment (LDE) innbyrðis til að hjálpa okkur að ræða þessa nýja tegund tól, sem er alls ekki einkarétt til Macaw. Við héldum að það gæti hjálpað öðrum í aðgreiningum, svo við ákváðum að deila því.
Fyrir okkur, lifa umhverfisverkefni í grundvallaratriðum eru tveir lykilatriði:
- A lifandi hönnun yfirborði. Þetta er það sem skilar þessum verkfærum í raun eins og Photoshop. Þeir leyfa þér að vinna með raunverulegu vafraútgáfu, en þeir láta þig hanna án þess að þurfa að skrifa kóða. Þetta er svipað í anda við hefðbundna WYSIWYG nema fyrir lykilatriði númer tvö ...
- Greindur kóða vél. Sterk vefhönnun krefst meira en val á lögun, lit og gerð. Það þarf vel smíðað, vel skrifuð kóða til að gera það hönnun vinna. Við trúum því að þessar ákvarðanir ættu að vera gerðar af hönnuðum, en þeir þurfa ekki að vera handskrifuð. Hefðbundin WYSIWYG ritstjórar framleiða alger staðsetningu, handahófi auðkenni og einfaldlega sorp, en þessi nýja tegund af verkfærum hefur fundið leiðir til að bæta vinnsluferlið til að gefa þér sterkan, notanlegar kóða. Það er stórt mál.
WD: Þú ert að tala um staðla-samhæft, merkingartækni kóða? Það er auðvelt að ímynda sér grundvallarblöð á blogginu - þar sem þú ert með uppbyggingu og einföld stigveldi - en getur Scarlet séð meira en það, sameiginlegur bæklingur eða jafnvel e-verslunarsvæði, til dæmis?
TG: Scarlet er einmitt einbeitt á viðskiptavinarhliðinni (HTML, CSS og JS). Það er ekki laus við lausn fyrir e-verslun og það tekur ekki við neinu á miðlarahliðinni. Scarlet er líka ekki galdur kassi sem gerir þér kleift að kasta hugmyndum í aðra hliðina og fá nothæfa kóða út í aðra. Það er fínstillt tæki til að hjálpa þér að fá nákvæmlega kóðann sem þú vilt á þann hátt sem er hraðar, samkvæmari og meira innsæi en höndarkóðun.
WD: Scarlet veitir fullan aðgang að kóðanum sem hún framleiðir og við getum jafnvel breytt útgefnum skrám sínum í valinn kóða ritstjóri okkar. Þýðir þetta að við þurfum að vera HTML / CSS / JavaScript sérfræðingar til að nýta Scarlet?
TG: Vinnan er hönnuð til að hjálpa kostum að vinna vinnuna hraðar og meira innsæi. Þú getur örugglega notað Scarlet án sterkrar þekkingar á HTML og CSS en þú munt ekki geta náð fullum ávinningi. Framleiðsla þín verður jöfn inntakinu þínu.
WD: Full CSS3 stuðningur er innbyggður í Scarlet, hvað með CSS4? Mun sjónræn hönnunarmynd Scarlet halda í takt við framtíðarþróun í HTML og CSS?
TG: Halda áfram með hraðri framfarir er vissulega erfiður. Þegar við ákváðum að byggja Scarlet var framtíðarsvörun ein meginatriðið. Kjarninn í forritinu er byggður abstrakt nóg að allt sem við þurfum virkilega að gera til að bæta við nýjum eiginleikum er að tengja notendaviðmót við það. Svo lengi sem grundvallarreglur HTML og CSS haldast ósnortinn, ættum við að vera vel í gangi með framfarirnar.
WD: Hvernig höndlar Scarlet fyrirframvinnsluforrit eins og Sass eða Minna? Hvað með post-örgjörva?
TG: Núna er það ekki. Við vitum að það er mjög sóttur eiginleiki. Byggingin er til staðar, en við erum lítið lið og höfum ekki tíma til að byggja það ennþá!
WD: Er Scarlet að vinna með ramma eins og Bootstrap eða Foundation?
TG: Já. Hins vegar höfum við gert okkar besta til að vera agnostic þegar það kemur að kjarnastigi. Þú finnur ekki nein stígvél eða grunnatriði sem eru rétt við köttinn, þó að við höfum nokkrar áætlanir á þessum sviðum.
WD: Scarlet er skrifborð app, þrátt fyrir að vera byggð með HTML, CSS og JavaScript. Afhverju valið þú þennan leið yfir vefforritið?
Þetta er frábær vinnuflæði fyrir móttækilegri hönnun og einfaldlega væri ekki mögulegt án blendingaaðferðarinnar
TG: Við byrjuðum sem vefur app, en fljótlega áttaði sig á að það væru fleiri kostir við að fara í blendingur. Mikilvægasta ástæðan var UX. Að hafa stjórn á umhverfislaginu gerir okkur kleift að hagræða reynslu. Vísitala vafrar eru hannaðar fyrir frjálslegur notkun. Scarlet er app sem við viljum að fólk sé að nota allan daginn og það er tilvalið ef við fjarlægjum öll cruft sem fylgir reynslu vafrans.
Til viðbótar við að gefa okkur fulla samþættingu við skráarkerfið leyfum við að fara með blendingur einnig að bjóða upp á eiginleika eins og samhliða vöfrum sem leyfir þér að opna margar síður og margar benda í einu og Scarlet mun fjölga DOM og stíll breytist þegar í stað til allra skoðana. Þetta er frábær vinnuflæði fyrir móttækilegri hönnun og einfaldlega væri ekki mögulegt án blendingaaðferðarinnar.
WD: Scarlet er með ytri forsýning, er það að treysta á forritum (eins og Adobe Edge Inspect)?
TG: Nei. Við erum ekki stórir aðdáendur óþarfa forrita. Við útvarpa raunveruleg skrár í netkerfinu þínu, svo þú getir flakkað hvaða vafra sem er á hvaða tæki sem er sem er að fjarlægja forsýningarslóðina og þar sem það er.
WD: Er Scarlet miðað við einstaka hönnuði eða teymi? Hefur það vinnuafl sem auðveldar samvinnu?
TG: Við höfum nálgast Scarlet sem vettvang. Kjarni umsóknarinnar er um að veita traustan vinnuframboð. Hins vegar er arkitektúr hannað til að vera þenjanlegur, þannig að liðin geta beygja það til að mæta þörfum hvers og eins. Við erum með nokkuð spennandi eiginleikar á vegakortinu sem nýta þessa þenjanleika.
WD: Þú byrjar á Mac fyrst og síðan Windows. Er það viðskiptaákvörðun eða tæknileg ákvörðun?
TG: Það er byrjunarákvörðun. Við höfum takmarkaða auðlindir og við vitum að stærsti hluti áhorfenda okkar er á Mac, svo það er það sem við erum að byggja fyrst.
Windows mun ekki vera langt að baki, þó. Vegna þess að 95% umsóknarinnar er byggð með JS er umbreyta vettvangur nokkuð sársaukalaust.
WD: Að lokum, hversu lengi þurfum við að bíða eftir að prófa okkur sjálf?
TG: Við stefnum að því að hafa það í höndum allra í lok ársins!
WD: Takk fyrir að taka tíma til að svara spurningum okkar Tom.