Σχεδιασμός UX και UI: πρώτα δοκιμάζετε, μετά χτίζουμε
UX σημαίνει ότι οι επισκέπτες βρίσκουν τον δρόμο τους χωρίς σκέψη. UI σημαίνει ότι φαίνεται ωραίο και είναι ενιαίο. Σχεδιάζουμε πρώτα τη σελίδα ή την εφαρμογή σας στο Figma ως διαδραστικό πρωτότυπο. Το δοκιμάζετε πριν γραφτεί η πρώτη γραμμή κώδικα. Οι αλλαγές είναι πιο εύκολες στην οθόνη παρά σε ένα έτοιμο πρόγραμμα.
Επισκόπηση
Σχεδιασμός UX και UI
Πριν χτιστεί οτιδήποτε, το βλέπετε: ένα διαδραστικό πρωτότυπο για δοκιμή και ένα design system που κρατά όλες τις σελίδες και τις εφαρμογές ενιαίες.
Για ποιους
- Επιχειρήσεις που σχεδιάζουν εφαρμογή ή portal πελατών
- E-shop και ιστοσελίδες με χρήση που σήμερα προκαλεί απορίες
- Ομάδες που θέλουν πολλές σελίδες ή προϊόντα με ενιαία εμφάνιση
Τι περιλαμβάνεται
Ξεκαθάρισμα των στόχων και των βασικότερων διαδρομών των επισκεπτών σας
Πρόχειρα σκίτσα των σελίδων (wireframes)
Πρωτότυπο στο Figma για κινητό και υπολογιστή, που δοκιμάζετε μόνοι σας
Χρώματα, γραμματοσειρά, κουμπιά και αποστάσεις ως design system
Πρόσβαση στα αρχεία Figma, αν τη θέλετε
Παράδοση στην ανάπτυξη, σε εμάς ή στη δική σας ομάδα
Γραπτή προσφορά με σταθερή τιμή πριν από την έναρξη, πληρωμή μόνο μετά την παραλαβή
Τι είναι το design system
Ένα design system ορίζει μία φορά για όλα πώς φαίνονται τα κουμπιά, οι τίτλοι, οι φόρμες και τα χρώματά σας. Οι νέες σελίδες μοιάζουν αμέσως με την επιχείρησή σας και όλα μένουν ενιαία, ακόμη κι όταν δουλεύουν πολλά άτομα.
Γιατί όχι κατευθείαν κατασκευή;
Γιατί στο πρωτότυπο μπορείτε ακόμα να αλλάξετε διαδρομές και κείμενα χωρίς να χρειαστεί να προγραμματιστεί κάτι από την αρχή. Τα λάθη φαίνονται πριν κοστίσουν χρήματα.
Πώς γίνεται η δουλειά
Ξεκινάμε με μια συζήτηση για στόχους και επισκέπτες: ποιος χρησιμοποιεί τη σελίδα ή την εφαρμογή, τι θέλει να πετύχει, πού κολλά σήμερα; Από αυτήν προκύπτουν συνήθως μετά από τρεις έως πέντε εργάσιμες πρόχειρα σκίτσα των σημαντικότερων σελίδων. Μετά φτιάχνουμε στο Figma το διαδραστικό πρωτότυπο για κινητό και υπολογιστή και, αν θέλετε, το δοκιμάζουν τρία έως πέντε άτομα από το κοινό σας. Από τα ευρήματα προκύπτει το σύστημα σχεδιασμού με χρώματα, γραμματοσειρά, κουμπιά και αποστάσεις. Στο τέλος παραδίδουμε τα πάντα στην ανάπτυξη. Ανάλογα με τον αριθμό των σελίδων και των διαδρομών αυτό κρατά δέκα έως είκοσι εργάσιμες. Είναι ενδεικτική τιμή, όχι δέσμευση.
Πώς μετράτε την επιτυχία
Ένα διαδραστικό πρωτότυπο μπορεί να μετρηθεί πριν γραφτεί γραμμή κώδικα. Δώστε σε τρία έως πέντε άτομα μια εργασία, για παράδειγμα να κλείσουν ένα ραντεβού, και μετρήστε: πόσοι τα καταφέρνουν χωρίς βοήθεια; Πόσο χρόνο χρειάζονται; Πόσα κλικ απαιτούνται; Πού διστάζουν ή κάνουν λάθος; Αυτά τα νούμερα τα συγκρίνετε μετά από κάθε αλλαγή στο πρωτότυπο. Μετά την έναρξη προστίθενται πραγματικά μεγέθη: το ποσοστό εγκατάλειψης στη φόρμα, ο αριθμός των αιτημάτων και ο αριθμός των ερωτήσεων που στέλνουν οι πελάτες με email. Λιγότερες ερωτήσεις δείχνουν συχνά ότι η διαδρομή έγινε πιο σαφής. Μια μικρή ομάδα δείχνει προβλήματα, αλλά δεν δίνει ποσοστά.
Σχετικά έργα
Προσχέδιο στη γλώσσα σας, αλλιώς στα αγγλικά.
Συχνές ερωτήσεις
Πρέπει να ξέρω Figma;
Όχι. Παίρνετε έναν σύνδεσμο, τον ανοίγετε στον browser και κάνετε κλικ. Τα σχόλιά σας τα γράφετε ακριβώς στο σημείο που εννοείτε.
Μπορεί να το χτίσει κάποιος άλλος με βάση το σχέδιο;
Ναι. Το σχέδιο και το design system είναι φτιαγμένα ώστε να δουλεύει με αυτά οποιοσδήποτε προγραμματιστής.
Πώς γίνεται μια δοκιμή με το διαδραστικό πρωτότυπο;
Δίνουμε στους συμμετέχοντες μια εργασία, όπως να κλείσουν ένα ραντεβού, και παρατηρούμε πού διστάζουν. Σκέφτονται φωναχτά ενώ κάνουν κλικ. Αυτό κρατά περίπου μισή ώρα ανά άτομο. Συνοψίζουμε τι μπέρδεψε με τον ίδιο τρόπο περισσότερα άτομα και αλλάζουμε το πρωτότυπο. Για τη δοκιμή χρειάζεστε ανθρώπους από το κοινό σας και στην επιλογή τους βοηθάμε.
Τι έχω στα χέρια μου στο τέλος;
Το έτοιμο διαδραστικό πρωτότυπο ως σύνδεσμο, αν θέλετε τα αρχεία Figma με όλες τις σελίδες και καταστάσεις και το σύστημα σχεδιασμού με χρώματα, γραμματοσειρές και δομικά στοιχεία. Επιπλέον μια σύντομη περιγραφή των σημαντικότερων διαδρομών. Με αυτά τα έγγραφα μπορεί να δουλέψει κάθε προγραμματιστής, σε εμάς ή στην ομάδα σας.
Πόσο κοστίζει ο σχεδιασμός UX και UI;
Εξαρτάται από τον αριθμό των σελίδων και των διαδρομών. Παίρνετε γραπτή προσφορά με σταθερή τιμή πριν από την έναρξη, πληρωμή μόνο μετά την παραλαβή.
Θα χαρούμε να σας δείξουμε πώς μπορεί να είναι η νέα σας ιστοσελίδα.
Δωρεάν, χωρίς δέσμευση και χωρίς συνάντηση. Πληρώνετε μόνο αν παραλάβετε την τελική ιστοσελίδα.
Ή γράψτε μας απευθείας: Viber · info@aen-media.com