Nilly Graphics / Μια πιο κοντινή ματιά
The ProofRoom.
Από την οπτική ταυτότητα
σε ένα λειτουργικό προϊόν.
Γνωρίστε τις οθόνες, τις αποφάσεις και τη λεπτομέρεια πίσω από το Synoiko — το SaaS διαχείρισης πολυκατοικιών που σχεδιάζω και αναπτύσσω.
01 / Πραγματικό προϊόν, σχεδιαστική σκέψη
Ένα προϊόν.
Διαφορετικές ευθύνες.
Το Synoiko οργανώνει τη διαχείριση πολυκατοικιών σε συνδεδεμένα ψηφιακά περιβάλλοντα. Η σχεδιαστική πρόκληση: κτίρια, άνθρωποι, χρεώσεις και καθημερινές εργασίες να γίνονται κατανοητά με βάση τον ρόλο κάθε χρήστη.
Η οπτική του γραφείου
Η οπτική του γραφείου
Η ημέρα ξεκινά με καθαρή εικόνα.
- 01Σταθερό πλαίσιο εργασίας.Ο ενεργός οργανισμός και η μόνιμη πλοήγηση δείχνουν σε ποιο περιβάλλον εργάζεται ο χρήστης.
- 02Τα βασικά μεγέθη μαζί.Ανοιχτές εργασίες, εκδόσεις κοινοχρήστων, ανεξόφλητα ποσά και κτίρια συνθέτουν τη συνολική εικόνα του γραφείου.
- 03Διακριτά επίπεδα πληροφορίας.Η κατανομή εξόδων και οι επιβεβαιωμένες εισπράξεις ακολουθούν τη σύνοψη, ενώ κτίρια, κατοικίες και άνθρωποι οργανώνονται σε ξεχωριστές ομάδες.
Η οπτική του ενοίκου
Η οπτική του ενοίκου
Η καθημερινή εικόνα του σπιτιού.
- 01Οικείο σημείο εκκίνησης.Το υπόλοιπο και η συνδεδεμένη κατοικία δίνουν το πλαίσιο πριν από τις καθημερινές ενέργειες.
- 02Καθαρή οργάνωση της πληροφορίας.Κτίρια, κατοικίες, κοινόχρηστα, βλάβες, έγγραφα και πληρωμές έχουν διακριτά σημεία πρόσβασης.
- 03Ορατό επόμενο βήμα.Σύντομες οδηγίες κατευθύνουν στις πληροφορίες κατοικίας και στα κοινόχρηστα έγγραφα, χωρίς να ανταγωνίζονται τη σύνοψη.
Η οπτική του διαχειριστή
Η οπτική του διαχειριστή
Η πολυκατοικία, οργανωμένη γύρω από τις ευθύνες.
- 01Σαφές πλαίσιο διαχείρισης.Υπόλοιπο, κτίρια και κατοικίες αποτυπώνουν το πεδίο ευθύνης του διαχειριστή.
- 02Σύνδεση ανθρώπων και εργασιών.Άνθρωποι και κατοικήσεις συνυπάρχουν με κοινόχρηστα, βλάβες και έγγραφα.
- 03Κοινή σχεδιαστική γλώσσα.Ο ίδιος ρυθμός πλοήγησης, οι ετικέτες και η πορτοκαλί έμφαση συνδέουν αυτή την οθόνη με το υπόλοιπο προϊόν.
Η οπτική του CRM
Η οπτική του CRM
Η συνολική εικόνα της λειτουργίας.
- 01Η πυκνή πληροφορία αποκτά ομάδες.Η πλοήγηση διαχωρίζει μητρώα, οικονομικά, τεχνική λειτουργία και επικοινωνία.
- 02Η επόμενη ενέργεια παραμένει κοντά.Η δημιουργία εγγραφών και ο μηνιαίος κύκλος βρίσκονται δίπλα στην επισκόπηση, χωρίς να χάνονται σε βαθιά πλοήγηση.
- 03Σταθερός οπτικός ρυθμός.Αριθμημένες ενότητες, λεπτές γραμμές και ελεγχόμενη πορτοκαλί έμφαση οργανώνουν ένα περιβάλλον με πολλή πληροφορία.
Η οπτική της διαχείρισης πλατφόρμας
Ελληνικό περιβάλλον · Δεν υπάρχει ακόμη αγγλικό screenshot.
Η οπτική της διαχείρισης πλατφόρμας
Μια εικόνα πέρα από το επιμέρους γραφείο.
- 01Διακριτό επίπεδο διαχείρισης.Το διαχειριστικό περιβάλλον συγκεντρώνει την πλοήγηση και τις ενέργειες που αφορούν την πλατφόρμα.
- 02Αναγνώσιμη δομή.Αριθμημένες ομάδες οργανώνουν την πυκνότερη πλοήγηση και η κύρια περιοχή διαχωρίζει τη σύνοψη από τις ενότητες συστήματος.
- 03Χώρος για τη λειτουργική κατάσταση.Εργαλεία διαχείρισης και πληροφορίες κατάστασης έχουν δικές τους περιοχές, χωρίς να ανταγωνίζονται την επισκόπηση.
Mobile / Πρωτότυπα Android
Το ίδιο προϊόν.
Σε μικρότερη οθόνη.
Τρία πρωτότυπα mobile σχεδιασμού ανά ρόλο, υπό ανάπτυξη. Ελληνικές οθόνες και στις δύο γλώσσες, μέχρι να προστεθούν οι αγγλικές.
Το Synoiko είναι ανεξάρτητο προϊόν του Χρήστου Σωτήρη. Η παρουσίαση χρησιμοποιεί περιβάλλοντα επίδειξης και mobile πρωτότυπα σε light mode.
02 / Πίσω από την οθόνη
Οι αποφάσεις
είναι ο σχεδιασμός.
Η ουσιαστική δουλειά βρίσκεται ανάμεσα στο brief και την τελική οθόνη: τι ανήκει μαζί, τι χρειάζεται έμφαση και πώς διατηρείται η συνοχή όταν αλλάζει το περιβάλλον χρήσης.
Μία ταυτότητα.
Κοινή γλώσσα στις οθόνες.
Στο ίδιο το προϊόνΗ πορτοκαλί έμφαση, η τυπογραφία, η αριθμημένη πλοήγηση και οι λεπτές διαχωριστικές γραμμές μεταφέρουν αναγνωρίσιμη ταυτότητα στα διαφορετικά περιβάλλοντα.
Διαφορετικοί ρόλοι.
Διαφορετικές προτεραιότητες.
Στο ίδιο το προϊόνΗ επισκόπηση γραφείου και το περιβάλλον ενοίκου έχουν διαφορετικό βάθος πλοήγησης και διαφορετικές συνόψεις. Η ιεραρχία ακολουθεί τις ευθύνες του χρήστη.
Σύνθετη πληροφορία.
Συγκεκριμένη σειρά ανάγνωσης.
Στο ίδιο το προϊόνΠρώτα το πλαίσιο εργασίας, μετά οι προτεραιότητες και οι ομαδοποιημένες συνόψεις. Οι ετικέτες και οι αποστάσεις έχουν την ίδια βαρύτητα με το χρώμα.
03 / Σχεδιασμός για υλοποίηση
Η λεπτομέρεια
φτάνει στην υλοποίηση.
Για μια ομάδα ανάπτυξης, το interface περιλαμβάνει συμπεριφορές και οπτική κατεύθυνση. Διάταξη, καταστάσεις αλληλεπίδρασης, αρχεία και σημειώσεις υλοποίησης μπαίνουν στη συζήτηση από την αρχή.
Μια μικρή αλληλεπίδραση.
Σχεδιασμένη σε κάθε της κατάσταση.
Δοκιμάστε τον σύνδεσμο επικοινωνίας: με hover, με το πληκτρολόγιο ή με τον διακόπτη Motion του site. Η ενέργεια παραμένει σαφής σε κάθε τρόπο αλληλεπίδρασης.
Ένα λειτουργικό παράδειγμα από αυτή τη σελίδα: σαφής προορισμός, ορατή εστίαση και κίνηση που σέβεται τις προτιμήσεις του επισκέπτη.
ΛΕΙΤΟΥΡΓΙΚΟ ΣΤΟΙΧΕΙΟ / ΕΠΙΚΟΙΝΩΝΙΑ
Πείτε μου τι σχεδιάζετε- Πληκτρολόγιο
- Ορατό περίγραμμα εστίασης
- Αφή
- Ελάχιστο ύψος 56px
- Κίνηση
- Υποστήριξη μειωμένης κίνησης
- Προορισμός
- Φόρμα επικοινωνίας έργου
Ορίζουμε το αντικείμενο.
Συμφωνούμε τις βασικές ροές, τις οθόνες, τα breakpoints και τους κύκλους διορθώσεων με βάση τις πραγματικές ανάγκες του προϊόντος.
Ορίζουμε τις καταστάσεις.
Περιγράφουμε τις σχετικές κενές καταστάσεις, τη φόρτωση, τα σφάλματα και την αλληλεπίδραση, μέσα στο συμφωνημένο αντικείμενο σχεδιασμού.
Προετοιμάζουμε την παράδοση.
Συμφωνούμε με την ομάδα οργανωμένα αρχεία, assets και σημειώσεις υλοποίησης. Εργαλεία και μορφές αρχείων επιλέγονται ανά έργο.
Το προϊόν σας / Η επόμενη συζήτηση
Πείτε μου τι
σχεδιάζετε.
Ένα SaaS interface, μια ιστοσελίδα ή μια οπτική ταυτότητα. Περιγράψτε το προϊόν, το αντικείμενο σχεδιασμού και το επιθυμητό χρονοδιάγραμμα στη φόρμα επικοινωνίας.