Sketching, Wireframing, Prototyping η ακολουθία για ένα επιτυχημένο project

Sketching, Wireframing, Prototyping η ακολουθία για ένα επιτυχημένο project 827 623 dimitris

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

Προσχέδια στην πράξη

“Αν δεν μπορείς να το πεις, ζωγράφισε το” λέει μια έκφραση. Παιδική μεν αλλά τόσο αληθινή. Το πρώτο στάδιο της οπτικοποίησης της μεθοδολογίας του User Experience είναι τα απλά σκίτσα, με την προϋπόθεση ότι είναι ξεκάθαρο -και από τα δύο ενδιαφερόμενα μέρη-  ότι προτεραιότητα έχει το usability / η λειτουργικότητα. Είναι η πιο ασφαλής μέθοδος να μοιραστείς με κάποιον τις ιδέες σου και ταυτόχρονα ο πιο γρήγορος τρόπος να τις σβήσεις και να περάσεις στις επόμενες.

Tα Wireframes για το web design είναι ότι τα blueprints για τον αρχιτέκτονα. Ο μοναδικός τρόπος να κατανοήσει κάποιος, σε πραγματικό μέγεθος, τους χώρους που καταλαμβάνει το κάθε στοιχείο και να πάρει μια πρώτη γεύση της συνολικής εικόνας/layout.

Δημιουργία πρωτοτύπου

Στο σημείο όπου το UX παραδίδει τη σκυτάλη στο UI (user interface) αυτή είναι και η στιγμή της δημιουργίας του Protoype version. Είναι η στιγμή που κοινά ερωτήματα όπως: “Πώς θα πηγαίνω από τη μια σελίδα στην άλλη;”  ή “Έτσι θα φαίνεται στον browser;” δεν τίθενται πλέον. Σε αυτήν τη φάση, ο σχεδιαστής έχει υλοποιήσει, με υψηλή πιστότητα, όλα τα elements, χρώματα, images, κουμπιά, αποστάσεις, τυπογραφία, κ.ά.  Ο πελάτης/ενδιαφερόμενος έχει μια ολοκληρωμένη εικόνα όλων των εγκεκριμένων προηγούμενων σταδίων και πλέον τα σχόλια εστιάζονται στο usabilty και στο αισθητικό μέρος του έργου.

Oλοκλήρωση ενός επιτυχημένου project

Είναι η στιγμή που ο πελάτης/ενδιαφερόμενος καλείται να δώσει έγκριση και να προχωρήσει η ανάπτυξη/ το development της οριστικής έκδοσης. Αλλαγές, τροποποιήσεις και διορθώσεις γίνονται πριν τον προγραμματισμό ώστε να μην χάνεται χρόνος και χρήματα για κανέναν εκ των δύο μερών.

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

 

Αξίζει να δείτε
https://www.invisionapp.com/inside-design/how-to-wireframe/