Γιάννης Κ. author 09.10.2009

Wireframes online με το iPlotz

Όταν λέμε ότι οι εφαρμογές ξεφεύγουν από το desktop computing και κατευθύνονται σε online επίπδο, το iPlotz είναι το τέλειο παράδειγμα που το αποδεικνύει αυτό.

Τι είναι το iPlotz; Είναι μια online εφαρμογή, βασισμένη στο Flash, η οποία δίνει τη δυνατότητα στα μέλη της να κατασκευάσουν wireframes, mockups και να κάνουν prototyping online.

Η παραπάνω εικόνα δείχνει το περιβάλλον εργασίας του iPlotz. Το περιβάλλον λοιπόν αυτό, δίνει πρακτικά κάθε δυνατότητα από πλευράς εργαλείων (π.χ. buttons, φόρμες, placeholders για εικόνες, modal windows, μενού κλπ) για την κατασκευή οποιουδήποτε wireframe όσο πολύπλοκο κι αν είναι. Η χρήση των εργαλείων αυτών είναι παραπάνω κι από εύκολη.

Το εκάστοτε wireframe ή mockup μπορεί να γίνει export σε μορφή εικόνας (.jpg) ή και .pdf. Παράλληλα, υπάρχει η δυνατότητα αποθήκευσης του πηγαίου αρχείου του iPlotz (με κατάληξη .ipml) με περαιτέρω τροποποίηση κάποια άλλη στιγμή.

Το iPlotz υπόσχεται και online collaboration με τα απαραίτητα επίπεδα πρόσβασης και αλλαγής, όπως και κάποιας μορφής project & task management. Αυτά τα χαρακτηριστικά δεν τα έχω δοκιμάσει, οπότε δεν μπορώ να τα κρίνω κιόλας.

Έτσι, το iPlotz μπαίνει πολύ ανταγωνιστικά στο παιχνίδι των σχετικών εργαλείων στο κομμάτι του wireframing. Ειδικά, όταν τα κάνει και δωρεάν (αλλά με περιορισμένο αιρθμό αρχείων προς επεξεργασία κι αποθήκευση). Την ίδια στιγμή προσφέρει κάποια καλύτερα πακέτα χρήσης, χρεώνοντας φυσικά κι ένα ανάλογο ποσό. Θα είχα μεγάλη περιέργεια να δοκιμάσω και το iPlotz Dekstop που δίνεται σε κάποια από τα πακέτα αυτά.

Σε κάθε περίπτωση, είμαι απόλυτα ικανοποιημένος από τις πρώτες ώρες χρήσης του εργαλείου, οπότε το συνιστώ τουλάχιστον για μια δοκιμή.

{5 σχόλια ως τώρα } + Νέο σχόλιο

Αλέξανδρος Λίγγρης

Πρόκειται για πολύ καλό εργαλείο. Το χρησιμοποίηση λίγο καιρό αλλά τελικά μου έσπασε τα νεύρα. Προτιμώ το balsamiq σε αυτή τη φάση:)

Τέλος να πω ότι προσφέρουν ένα διάστημα δωρεάν σε όποιον μεταφράσει το UI στο iPlotz.

Tο feature που μου άρεσε πιο πολύ είναι ότι με ένα κουμπί το κάνεις από σκίτσο, win ή mac style. Pretty cool

Gerasimos

Μετά από αρκετές δοκιμές με διάφορα προγράμματα μου άρεσε το http://www.flairbuilder.com/ αλλά πιστεύω πως το Fireworks CS4 είναι με διαφορά το καλύτερο πρόγραμμα για αυτή τη δουλειά.

Ειδικά το 9-slice scaling tool είναι το κάτι άλλο (για symbols όπως scrollbars, rounded corner boxes etc) http://www.adobe.com/devnet/fireworks/articles/9-slice_scaling.html

Ζαχαρένια Ατζιτζικάκη

@Αλέξανδρος

Αλήθεια σε βολεύει το Balsamiq; Μου φαίνεται εξαιρετικά επιτηδευμένα απλό για να είναι wireframe.

@Gerasimos

Ολοένα και περισσότεροι λόγοι για να δοκιμάσω το Fireworks στο web design επιτέλους.

Προσωπικά, προτιμώ το κλασικό γκρι άσχημο στυλ του Axure Pro. Ανυπομονώ να βγει και για Mac.

Αλέξανδρος Λίγγρης

Ναι, με βολεύει για γρήγορα layouts πιο πολύ από το iplotz. Για πιο “επίσημα” αποτελέσματα Axure ξεκίνησα πριν λίγες μέρες. Γενικά όμως προσπαθώ να κρατάω σε Linux την παραγωγή.

Για Linux υπάρχει και το project pencil. Το κακό με όλα αυτά είναι ότι για να κάνεις prototypes είναι πολύ ανώριμα σε σχέση με το Axure ή και κάποια άλλα..

Σε Mac πάντως έχετε διάφορα καλούδια wink

Gerasimos

@Zaharenia:

Αν έχεις συνηθίσει το Axure, δε νομίζω να χρειάζεται να κάνεις μεταγραφή στο Fireworks. Πιστεύω πως είναι απλά θέμα συνήθειας. Προσωπικά το χρησιμοποιώ μιας και έχει παρόμοιο UI με το Photoshop και η συνεργασία τους είναι άψογη. Other than that, no need to waste time in learning a new piece of software i think.

{ Προσθέστε το σχόλιό σας }

Commenting is not available in this weblog entry.