Strålende verktøy for prototyping

Har lenge slitt med å finne riktig verktøy til prototyping av websider, men tror jeg er i mål nå. Har de siste ukene testet Axure og digger verktøyet. Det koster litt over 3000 kroner, funker som pokker og er på alle måter verdt investeringen.

Axure funker fordi:

  • Det er lett å lage designskisser som virkelig ser ut som designskisser og ikke bare røffe mockups
  • Kan lage elementer som gjenbrukes på alle sider (masters og widgets)
  • Kan prototype rike websider (Ajax) – mao. ikke bare statiske sider, men sider som endrer seg ved gitte betingelser.
  • Et bibliotek av faste elementer som tilfredstiller akkurat det du trenger. No more, no less.
  • Mulighet til å spesifisere usecaser/userstories på hvert enkelt sideelement

Gode verktøy til prototyping/mockups av websider lenge har vært en hodepine. Jeg har brukt MS Visio, Mockup Screens, Gliffy og/eller Photoshop, men egentlig aldri vært særlig fornøyd. Enten så er verktøyet for mye (Visio) eller så er det for lite (MockupScreens) eller rett og slett for kronglete å bruke (webbaserte Gliffy).

I mellomtiden har disse mac-brukerne, som jeg er omringet av, mast om Omnigraffle og dets fortreffeligheter.

Det fine med Axure er at verktøyet balanserer akkurat behovene mine opp mot hva som er nødvendig.

Her får du noen flere som har gode erfaringer med Axure.

I tillegg har Iallenkelhet en sak om Adobe Flex Builder 3:

[ Edit: Glemte jeg å fortelle at Axure ikke støtter Mac? Dere må nok fortsatt nøye dere med Omnigraffle, så det så]

Vist 990 ganger. Følges av 5 personer.

Kommentarer

I forhold til halehenget ditt, Ove: Lurer på om ikke Coda vil fikse noe av biffen, om ikke hele?

Axure så fin ut, savner selv et rask verktøy for prototyping. Selv bruker vi Photoshop og Illustrator en del, og det er krunglete.

@Pål: Coda har da ingen verktøy i kassen sin som kan sammenlignes med Axure? Poenget her må vel være at man kan slenge opp raske skisser uten å skrive kode.

@Alex: Sant, jeg trekker tilbake forslaget om Coda.

Og hei, der var i ferd med å innføre Twitter-funksjonalitet gitt!

Siden vi prater om prototyping: Fersk sak i Alistapart messer om nødvendigheten av prototyping fremfor bare trådskisser/wireframes

With the rise of Ajax however, wireframes started to come up short. When we leave the world of page-based interactions, how do you document all but the simplest interaction? Flowcharts and diagrams don’t work. Even with a single interactive element on a web page, we often have to generate multiple wireframes or use extensive annotation to convey the different possible states.

Likevel virker det som om mange designere sverger til papir. Fascinerende innblikk i papirprototypingsverdenen her

Et annet alternativ: vektorprogram + stencil-kit, for eksempel denne fra Yahoo!:

Yahoo! tilby objektene som ferdige symbolbibliotek for OmniGraffle og Visio, men det går også an å bruke vektorversjonene i andre programmer. Vektorprogrammer som kan lagre paletter med ferdige symboler, slik som Illustrator, vil være mest praktisk.

Jeg har brukt OmniGraffle Pro i kombinasjon med denne, denne og denne til mockups lenge, men jeg har i praksis konkludert med at det ikke funker godt nok.

Absurd nok har jeg ofte endt opp med min skikkelig utdaterte old-school HTML for prototyper. Overhodet ikke ideelt.

Som A List Apart-artikkelen Sketching in Code: the Magic of Prototyping slår fast allerede i forsideingressen (og som jeg ser nå i ettertid at Ove har sitert også, doh!):

The rise of Ajax and rich internet applications has thrown the limitations of traditional wireframing into painful relief. When you leave the world of page-based interactions, how do you document all but the simplest interactions? Flowcharts and diagrams don’t work. Prototyping saves the day by focusing on the application and conveying its “magic.”

Mulig Axure er da shit akkurat nå, men jeg tipper vi kommer til å se mye bevegelse her fremover.

Ironisk nok finner jeg mens jeg skriver dette en video som demonstrerer hvordan lage fungerende prototyper i OmniGraffle Pro. Doh again.

Absurd nok har jeg ofte endt opp med min skikkelig utdaterte old-school HTML for prototyper. Overhodet ikke ideelt.

Høy, skal ikke kimse av tabell-fikling i HTML! Er alltid en fin nødutgang når alt annen blir bare kål og vi trenger en prototyp som funker som nogenlunde.

Min old-school html kan forøvrig dateres tilbake til ca. 96-97. Nå er ikke CSS akkurat et fjernt konsept for meg. Likevel bruker jeg face-attributten (nostalgi?) isteden for CSS. Til nød kanskje litt inline CSS. Vi prater seriøs fikling mao.

Balsamiq Mockups ser super ut. Adobe AIR-basert mockup-verktøy med sjarmerende liksom-penn-og-papir-metafor.

Enda en, gitt: Pencil, et open-source-prototype-verktøy basert på Firefox 3.

Bra tips. Det faktum at Balsamiq Mockups funker som plugin i Confluence wikien og Jira gjør faktisk at det er noe å vurdere (vi bruker begge). Gliffy hadde også en Confluence-plugin, men som tidligere nevnt var jeg ikke fornøyd med verktøyet.

Online-verktøyet ProtoShare ser veldig fin ut. Sjekk videoen.

Men denne policyen tilsmusser inntrykket av det som kan være et finfint verktøy:

Site9, Inc offers you a free, 30-day trial of the ProtoShare plan you select. This is a risk-free trial to evaluate the benefits of ProtoShare. No contracts. No fees. No problems. If you cancel anytime within 30 days of the start of your free trial, you will NOT be charged. […] To cancel your account, please contact our sales department by either phone or email. Phone is: 503.248.4440 Ext. 116; or Cancel@ProtoShare.com.

What the fuck is that all about?

Ellers er det en liten diskusjon på Ajaxian om temaet.

Annonse

Nye bilder