Σχεδιασμός UI / UX.
Πρώτα οι ροές χρηστών και η δομή, έπειτα το οπτικό περιβάλλον. Παραδίδουμε σχεδιασμό για κινητά και υπολογιστές ως διαδραστικό πρωτότυπο.
Ροές χρηστών
Χαρτογράφηση των διαδρομών μέσα στο προϊόν πριν σχεδιαστεί οποιαδήποτε οθόνη.
Wireframes
Συμφωνούμε δομή και ιεραρχία όσο οι αλλαγές γίνονται εύκολα.
Σχεδιασμός για κάθε οθόνη
Κινητό και υπολογιστής αντιμετωπίζονται ως ισότιμες προτεραιότητες.
Διαδραστικό πρωτότυπο
Λειτουργικό πρωτότυπο για αξιολόγηση από την ομάδα και δοκιμές χρηστικότητας.
Από το brief στην παράδοση.
Έρευνα
Στόχοι, ανάγκες χρηστών και σημεία δυσκολίας.
Δομή
Αξιολογούμε και βελτιώνουμε μαζί τα wireframes.
Σχεδιασμός
Το τελικό περιβάλλον παραδίδεται ως πρωτότυπο έτοιμο για ανάπτυξη.
Υπηρεσίες που συνδυάζονται.
Κατασκευή ιστοσελίδων
Ιστοσελίδες στα μέτρα σας, με CMS, φόρμες, analytics και δημοσίευση, σχεδιασμένες για απόδοση και εύκολη συντήρηση.
Εταιρική ταυτότητα
Ολοκληρωμένη εταιρική ταυτότητα: λογότυπο, παλέτα, τυπογραφία, οπτική γλώσσα, εφαρμογές και οδηγίες.
Κατασκευή πλατφόρμας ψηφιακού μενού: η περίπτωση Kalimenu
Πώς σχεδιάσαμε και φτιάξαμε το Kalimenu, ψηφιακό μενού με QR, παραγγελία και πληρωμή από το τραπέζι: τι χρειάζονται πελάτης, κουζίνα, ιδιοκτήτης.
ΑναλυτικάΟ σχεδιασμός UI/UX αναλυτικά
Η δομή προηγείται της εικόνας
Η τυπογραφία δεν διορθώνει μια σελίδα που προβάλλει λάθος πληροφορία. Ξεκινάμε με τις διαδρομές του χρήστη, συνεχίζουμε με wireframes για την ιεραρχία και το περιεχόμενο και έπειτα σχεδιάζουμε το οπτικό περιβάλλον. Έτσι οι βασικές αποφάσεις ελέγχονται εγκαίρως.
Σχεδιασμός για κινητό και υπολογιστή
Κάθε οθόνη σχεδιάζεται για κινητό και υπολογιστή, χωρίς απλή συρρίκνωση της μεγάλης διάταξης. Οι ενδιάμεσες διαστάσεις και οι μεγάλες οθόνες προκύπτουν από αυτές τις δύο βασικές εκδοχές.
Παραδοτέα
Παραδίδουμε ροές χρηστών, wireframes, responsive σχεδιασμό έως οκτώ οθονών και διαδραστικό πρωτότυπο. Τα αρχεία περιλαμβάνουν στοιχεία διεπαφής, αποστάσεις και τυπογραφική κλίμακα για άμεση υλοποίηση. Αν αναλάβουμε και την κατασκευή, το πρωτότυπο γίνεται η βάση του προϊόντος.
Αντικείμενο και χρονοδιάγραμμα
Μεγαλύτερα προϊόντα, διαχειριστικά περιβάλλοντα, σύνθετες ροές και δοκιμές με συμμετέχοντες κοστολογούνται ξεχωριστά. Ένα τυπικό έργο διαρκεί τέσσερις έως έξι εβδομάδες. Το UI/UX συνδυάζεται με κατασκευή και αρχικό SEO στην ολοκληρωμένη επαγγελματική ιστοσελίδα.
Ανασχεδιασμός ιστοσελίδας
Σε υπάρχον προϊόν εξετάζουμε πού αποχωρούν οι επισκέπτες, τι δείχνουν τα analytics και ποια θέματα προκύπτουν στην υποστήριξη. Ο ανασχεδιασμός βασίζεται σε στοιχεία και στις πραγματικές ανάγκες των χρηστών.
Προσβασιμότητα και απόδοση
Αντίθεση, επιφάνειες αφής, μειωμένη κίνηση και καταστάσεις φόρτωσης, κενού ή σφάλματος προβλέπονται στον σχεδιασμό. Το ίδιο ισχύει για την απόδοση: οι επιλογές εικόνας και βίντεο γίνονται με γνώση της επίδρασής τους στην ταχύτητα.
Η γλώσσα της διεπαφής
Ετικέτες, οδηγίες και μηνύματα σφάλματος γράφονται από τη φάση σχεδιασμού. Περιγράφουν καθαρά τι κάνει κάθε επιλογή, τι συνέβη και πώς προχωρά ο χρήστης. Η σταθερή ορολογία βοηθά την πλοήγηση όσο και η σωστή διάταξη.
Πρωτότυπο και δοκιμές
Το πρωτότυπο είναι εργαλείο εργασίας. Αξιολογείται με τον πελάτη και, όταν προβλέπονται δοκιμές χρηστικότητας, με συμμετέχοντες που εκτελούν συγκεκριμένες εργασίες. Τα ευρήματα αξιοποιούνται για διορθώσεις πριν την ανάπτυξη.
Συνεργασία με ομάδες ανάπτυξης
Παραδίδουμε στοιχεία με τις καταστάσεις τους, κλίμακες αποστάσεων και τυπογραφίας, ονομασμένα χρώματα και σημειώσεις συμπεριφοράς. Όταν αναπτύσσει άλλη ομάδα, παραμένουμε διαθέσιμοι για διευκρινίσεις κατά την υλοποίηση.
Συστήματα σχεδιασμού
Για προϊόντα που εξελίσσονται, ένα συνεκτικό σύστημα διευκολύνει τις νέες οθόνες. Όπου απαιτείται, παραδίδουμε ονομασμένα χρώματα και αποστάσεις, τυπογραφική κλίμακα, βιβλιοθήκη στοιχείων με καταστάσεις και σημειώσεις χρήσης, μαζί με σελίδα αναφοράς.
Έναρξη συνεργασίας
Στείλτε αίτημα από τη φόρμα επιλέγοντας UI/UX ή στο hello@walkupdigital.com, με περιγραφή προϊόντος και επιθυμητό χρονοδιάγραμμα. Απαντάμε εντός μίας εργάσιμης ημέρας και δίνουμε γραπτή πρόταση μετά την απαραίτητη συζήτηση.
Ιδιοκτησία σχεδιαστικών αρχείων
Όλα τα σχεδιαστικά αρχεία, τα στοιχεία, οι μεταβλητές και το πρωτότυπο παραδίδονται σε επεξεργάσιμη μορφή και ανήκουν στον πελάτη κατά την ολοκλήρωση. Αν αναλάβουμε και την ανάπτυξη, αποτελούν τη βάση της κατασκευής.
Τεκμηρίωση
Η τεκμηρίωση περιλαμβάνει αποστάσεις, τυπογραφία, χρώματα, συμπεριφορά στοιχείων και το σκεπτικό των βασικών επιλογών. Συντάσσεται παράλληλα με τον σχεδιασμό, ώστε να παραμένει ακριβής και χρήσιμη για τον προγραμματιστή και τον πελάτη.