Μερικοί άνθρωποι συλλέγουν γραμματόσημα, άλλοι εντοπίζουν τρένα. Έχω γίνει εμμονή με το λογισμικό wireframing.

Έχω δοκιμάσει και ερωτευμένος με αμέτρητες εφαρμογές, από Balsamiq προς την Mockingbird προς την FlairBuilder . Αν και ο καθένας έχει αισθανθεί σαν αληθινή αγάπη, με την πάροδο του χρόνου το βλέμμα μου έχει περιπλανήσει, και βρίσκομαι φλερτάροντας με ένα άλλο εργαλείο.

Όλοι φαίνονται τόσο δελεαστικοί, αλλά με την πάροδο του χρόνου βλέπω τις αδυναμίες τους. Ίσως είμαι πάρα πολύ ιδιότροπος. Ίσως οι ανάγκες μου είναι πολύ ασυνήθιστες. Αυτό που πραγματικά θέλω είναι ένα εργαλείο που ταιριάζει με τον τρόπο που κάνω τα πράγματα, αντί να χρειάζεται να τοποθετώ το εργαλείο.

Έχετε δικό σας αγαπημένο εργαλείο φινιρίσματος; Βλέπετε ακόμη και την ανάγκη ενός; Εάν ναι, πηγαίνετε για όλα τα κουδούνια και σφυρίχτρες ή απλά μια γρήγορη και βρώμικη λύση;

FlairBuilder
Εφαρμογές όπως FlairBuilder είναι όλο και πιο ισχυροί, αλλά μερικές φορές είναι πολύ περίπλοκοι.

Γιατί να συνεργαστούμε για την καλωδίωση με πελάτες;

Για μένα, η wireframing είναι μια συνεργατική εμπειρία. Δεν είναι κάτι που κάνω μόνος σε ένα σκοτεινό δωμάτιο. Αντίθετα, μοιράζομαι τη διαδικασία με τους πελάτες μου.

Πιστεύω ότι κάθεστε γύρω από ένα τραπέζι με τον πελάτη και ξεδιπλώνετε τις βασικές σελίδες σε μορφή wireframe. Αυτό έχει τέσσερα οφέλη:

  1. Ενώνει τον πελάτη
    Μέσω της καλωδίωσης με τον πελάτη, αισθάνονται ένα μέρος της διαδικασίας, και αυτό βοηθά στην οικοδόμηση μιας σταθερής σχέσης εργασίας.
  2. Εξασφαλίζει ορμή
    Με τη συρραφή των καλωδίων, αποφεύγετε ατελείωτες αναθεωρήσεις. Η καθιέρωση μιας σωστής κατεύθυνσης για τις βασικές σελίδες συμβαίνει σε λίγες ώρες.
  3. Δεσμεύει τον πελάτη
    Εάν ο πελάτης συμμετέχει στη δημιουργία των καλωδίων, αισθάνονται την αίσθηση της ιδιοκτησίας πάνω τους και την ιστοσελίδα. Η λύση γίνεται τόσο η ιδέα τους όσο και η δική σας. Κατά συνέπεια, είναι λιγότερο πιθανό να απορρίψουν το σχέδιο αργότερα.
  4. Χρησιμεύει ως κοινή αναφορά
    Η δημιουργία πλαισίων συρμάτων εξασφαλίζει ότι όλοι τους καταλαβαίνουν. Τα wireframes χρησιμεύουν ως κοινό πλαίσιο αναφοράς για όλους σε όλο το έργο.
wireframing με τον πελάτη
Η συρραφή με τον πελάτη έχει πολλά πλεονεκτήματα.

Ωστόσο, η διαδικασία δεν είναι χωρίς τις προκλήσεις της.

Ψάχνετε για μια γρήγορη και βρώμικη λύση

Με πολλούς τρόπους, η wireframing από τον εαυτό σας είναι πολύ ευκολότερη. Έχετε χρόνο να σκεφτείτε, να τσιμπήσετε και να τελειοποιήσετε. Αυτό είναι δύσκολο να γίνει με έναν πελάτη στο δωμάτιο. Η συνεργατική συρραφή είναι για γρήγορο χτύπημα ιδεών και για συζήτηση τους. Έτσι, χρειάζεστε ένα εργαλείο που διευκολύνει αυτόν τον στόχο.

Το εργαλείο σύλληψης πρέπει να είναι:

  • Γρήγορη χρήση
    Τίποτα δεν είναι χειρότερο από έναν πελάτη που κάθεται γύρω καθώς μάχεται απελπισμένα με ένα εργαλείο wireframing για να δείξει μια ιδέα.
  • Εύκολη αναθεώρηση
    Σε μια συνεργατική διαδικασία, η συζήτηση θα σας οδηγήσει να δοκιμάσετε πολλά διαφορετικά προσεγγίσεις. Θα πρέπει να μπορείτε να αλλάξετε γρήγορα το σύρμα.
  • Ευνόητος
    Τα συρματόσχοινα πρέπει να είναι σαφή και περιγραφικά. Οι πελάτες δεν έχουν το πλεονέκτημα της εμπειρίας μας στην εργασία με wireframes και έτσι μπορούν εύκολα να μπερδευτούν.
  • Επαγγελματική εμφάνιση
    Μια ιδέα μπορεί να μειωθεί από την παρουσίαση. Βοηθά αν το εργαλείο μπορεί να παράγει ένα wireframe που μοιάζει με μια καλά-θεωρημένη, υψηλής ποιότητας λύση.
Παράδειγμα Keynote Wireframe
Το εργαλείο wireframing θα πρέπει να φαίνεται επαγγελματικά και να είναι αρκετά ευέλικτο ώστε να επιτρέπει γρήγορη επανάληψη.

Παραδοσιακά, οι συνεργατικές συναντήσεις συρραφής έχουν γίνει με στυλό και χαρτί, αλλά αυτό δεν είναι πάντα η καλύτερη λύση.

Γιατί όχι στυλό και χαρτί;

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

Το μεγάλο πράγμα για το στυλό και το χαρτί είναι ότι είναι χωρίς αποκλεισμούς και γρήγορο. Ο καθένας μπορεί να πάρει ένα στυλό και να αρχίσει να γράφει. δεν απαιτεί ιδιαίτερη ικανότητα. Και ολόκληρο το δωμάτιο μπορεί να αρχίσει να σχεδιάζει την ίδια στιγμή. δεν υπάρχει κανένα άτομο με το χέρι τους στο ποντίκι.

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

Ωστόσο, η συρραφή σε στυλό και χαρτί έχει κάποια μειονεκτήματα:

  • Δεν είναι εύκολο να αναθεωρηθεί
    Όταν οι ιδέες πετούν γύρω και γράφετε ένα στοιχείο μετά το άλλο, τα στυλό και τα χαρτοπετσέτες χαρτιού μπορούν να πάρουν βρώμικα γρήγορα. Συχνά αναγκάζεστε να ανασυγκροτήσετε μια σελίδα από την αρχή, γεγονός που επιβραδύνει τη διαδικασία.
  • Δεν είναι πάντα σαφές
    Με τόσες αναθεωρήσεις και μουντζούρες, τα συρματοπλέγματα συχνά γίνονται σύγχυση. Τείνουν επίσης να στερούνται τις λεπτομέρειες των καλωδίων που παράγονται από λογισμικό, αφήνοντας πολλά ερωτήματα αναπάντητα.
  • Δεν φαίνεται επαγγελματική
    Αν δεν είστε σπουδαίος καλλιτέχνης, τα περισσότερα από τα καλώδια σας θα μοιάζουν με τα ραβδώσεις ενός διαταραγμένου ψυχοπαθούς (ή μήπως είναι μόνο εγώ;). Αυτό μπορεί να μειώσει την αξία των υποκείμενων ιδεών.
Στυλό και χαρτί σύρμα
Τα στυλό και τα χαρτοφυλάκια χαρτιού μπορεί να φαίνονται ακατάστατα και να προκαλούν σύγχυση στον αμόρφωτο πελάτη.

Από την εμπειρία μου, μια καλή συνέντευξη συρραφής συρραφής περιέχει ένα μείγμα χαρτιού και λογισμικού που βασίζονται wireframes.

Έτσι, με πολλές λύσεις λογισμικού που είναι πολύ αργές, και η αποτυχία χαρτιού από άλλες απόψεις, ποια είναι η λύση;

Βασικά για τη διάσωση

Μετά από πολύ πειραματισμό, έχω εγκαταστήσει το Keynote ως το προτιμώμενο εργαλείο μου. Υποψιάζομαι ότι το PowerPoint είναι εξίσου καλό, αλλά ως χρήστης Mac η επιλογή μου είναι Keynote.

Το Keynote είναι εύκολο στη χρήση και πολλοί άνθρωποι το γνωρίζουν ήδη. Το καλύτερο από όλα, η συντριπτική πλειοψηφία από εμάς ήδη κατέχει αυτό, το οποίο εξοικονομεί χρήματα.

Μου αρέσει επειδή το καθιστά εύκολο να ρίξουμε συρμάτινα πλαίσια και στη συνέχεια να τα αναθεωρήσουμε γρήγορα καθώς αλλάζει η κατεύθυνση της σκέψης.

Το καλύτερο από όλα, τα Keyframe wireframes μπορούν να φαίνονται πολύ επαγγελματικά και να παρέχουν μια τεράστια ποσότητα σαφήνειας.

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

Μερικοί υπέροχα βίντεο εκεί έξω θα σας δείξει πώς να δημιουργήσετε τα δικά σας προσαρμοσμένα στοιχεία. Αν είστε τεμπέλης σαν εμένα, όμως, πολλοί άνθρωποι έχουν κάνει τη σκληρή δουλειά για σας. Για μια ονομαστική αμοιβή, μπορείτε να αγοράσετε πρότυπα Keynote και PowerPoint που περιέχουν όλα τα στοιχεία ιστού που είναι πιθανό να συμπεριλάβετε σε ένα wireframe.

Keynotopia
keynotopia

Keynote UX
Keynote UX

Βασικό Kung-Fu
Βασικό Kung-Fu

Αλλά τα οφέλη δεν σταματούν εκεί.

Ένα μπόνους

Ο τρόπος με τον οποίο παρουσιάζετε wireframes είναι κρίσιμος. Ακόμα κι αν εργάζεστε συνεργάσιμα, είναι πιθανό ότι δεν θα είναι όλοι οι ενδιαφερόμενοι στο δωμάτιο.

Πολλές εφαρμογές wireframing απαιτούν από τους χρήστες να κατεβάσουν ένα πρόγραμμα ή να εγκαταστήσουν μια προσθήκη πριν μπορέσουν να δουν το αρχείο. Δεν είναι έτσι με την Keynote.

Το Keynote είναι ήδη μια κοινή εφαρμογή, αλλά έχει επίσης μερικές μεγάλες επιλογές εξαγωγής. Μπορείτε να αποθηκεύσετε wireframes και σε HTML και PDF. Και οι δύο επιλογές διατηρούν τις συνδέσεις μεταξύ των σελίδων, οπότε ο χρήστης μπορεί να κάνει κλικ γύρω από τον "ιστότοπο".

Ακόμα καλύτερα, το Keynote σάς επιτρέπει να καταγράφετε φωνή και να αποθηκεύετε το wireframe ως βίντεο QuickTime. Αυτό σας δίνει τη δυνατότητα να μιλήσετε στους ενδιαφερόμενους μέσω του wireframe και να εξηγήσετε την προσέγγισή σας, διασφαλίζοντας ότι κατανοούν τη σκέψη που πήγε στο τελικό wireframe.

Βασικές επιλογές εξαγωγής
Το Keynote σάς επιτρέπει να εξάγετε το wireframe σε μορφή PDF και HTML και ακόμη και ως ταινία με φωνητική αφήγηση.

Φυσικά, καμία λύση δεν είναι τέλεια. Το Keynote δεν είναι η ασημένια σφαίρα της κατασκευής καλωδίων.

Περιορισμοί

Από την εμπειρία μου, το Keynote πάσχει από δύο προβλήματα ως εργαλείο συρματοποίησης.

Το πρώτο είναι το μέγεθος της σελίδας. Ενώ άλλα εργαλεία κορνίζας σάς επιτρέπουν να αλλάζετε το μέγεθος της σελίδας, η Keynote δεν (τουλάχιστον όχι χωρίς να παραμορφώνει τα στοιχεία). Επίσης, οι διαστάσεις πρέπει να είναι ίδιες σε όλες τις σελίδες. Αυτό μπορεί να είναι απογοητευτικό εάν δεν προγραμματίζετε μπροστά. Παίρνω γύρω από αυτό το πρόβλημα κάνοντας όλες τις σελίδες τεράστιες? αλλά αυτός ο τρόπος αντιμετώπισης είναι πολύ μακριά από τέλεια και δημιουργεί προβλήματα κατά την εξαγωγή.

Το δεύτερο ζήτημα είναι ότι το Keynote δεν επιτρέπει πολύπλοκη αλληλεπίδραση, παρά τη σύνδεση των σελίδων. Δεν μπορεί να εμφανίσει λειτουργικότητα που βασίζεται σε JavaScript, τόσο κοινή στις ιστοσελίδες σήμερα. Φυσικά, ούτε και το στυλό και το χαρτί. Και σε μια συνεργατική σύσκεψη καλωδίωσης, κανονικά δεν θα πρέπει να επιδείξετε αυτό το επίπεδο διαδραστικών λεπτομερειών. Αν το κάνετε, τότε ίσως είστε καλύτερα με ένα πιο σύνθετο εργαλείο δημιουργίας πρωτοτύπων.