Σχεδιασμός Πινάκων Δεδομένων

Βασικά

Η δυνατότητα διερεύνησης και χειρισμού δεδομένων είναι μία από τις βασικές απαιτήσεις για τα προϊόντα πλειοψηφίας που σχεδιάζονται αυτή τη στιγμή. Λαμβάνοντας υπόψη τους επιχειρηματικούς στόχους και στόχους και καθιστώντας την καθημερινή εργασία ευκολότερη και παραγωγικότερη για χιλιάδες ανθρώπους που αναγκάστηκαν να χρησιμοποιήσουν το προϊόν που σχεδιάσατε 8 ώρες την ημέρα. Σήμερα μιλάμε για πίνακες δεδομένων.

Δουλεύοντας ως σχεδιαστής UI / UX, ειδικά εάν εστιάζεστε σε προϊόντα της επιχείρησης, συναντάτε πάντα πολλούς πίνακες δεδομένων. Ειλικρινά λέει αν μιλάμε για σύνθετες εφαρμογές ιστού η πλειοψηφία των οθονών θα χρειαστεί να σχεδιάσει περιέχει, ή απλά είναι ένα μεγάλο πλέγμα. Επειδή είμαι ένας από τους τυχερούς που δουλεύω σε τέτοιου είδους έργα, δεν υπάρχει μια μέρα που δεν χρειάζεται να σχεδιάσω ένα από αυτά. Τι είναι ο πίνακας; Συνδυασμοί στηλών και γραμμών που σας βοηθούν να παρουσιάσετε τα δεδομένα σας κατά τρόπο πιο τρυφερό. Λοιπόν, δεν είναι τόσο εύκολο όσο ακούγεται. Ακολουθούν αρκετές συμβουλές για να βελτιώσετε τους πίνακες δεδομένων σας.

1. Πότε να χρησιμοποιείτε πίνακες και ποια είναι τα οφέλη;

Ο πίνακας δεδομένων είναι μια εξαιρετική λύση όταν πρέπει να δείξετε πολλές πληροφορίες για μεγάλο αριθμό αντικειμένων. Για παράδειγμα, η λίστα των πελατών με τους I, κατάσταση, επαφές, τελευταία δραστηριότητα κλπ ... θα εμφανίζονταν καλύτερα ως πίνακας δεδομένων. Υπάρχουν πολλά άλλα πλεονεκτήματα, όπως: η μεγάλη χρήση του χώρου, η εύκολη κλιμάκωση, η εύκολη ανάπτυξη, ο άνετος χρήστης με τα δίκτυα (η πλειοψηφία που ήδη εργάζεται με το Excel εδώ και πολλά χρόνια). Εύκολος τρόπος για να βρείτε και να αλλάξετε κάτι.

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

2. Τι πληροφορίες πρέπει να εμφανίζονται;

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

"Η σκέψη είναι η σκληρότερη δουλειά που υπάρχει, που είναι ίσως ο λόγος για τον οποίο τόσο λίγοι εμπλέκονται σε αυτό" - Henry Ford

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

3. Εστίαση στα πιο σημαντικά

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

Το F-Layout βασίζεται σε διάφορες μελέτες για τη βασική ιδέα. Αυτές οι επιστημονικές μελέτες δείχνουν ότι οι surfers του διαδικτύου διαβάζουν την οθόνη σε ένα μοτίβο "F" - βλέποντας την κορυφή, την πάνω αριστερή γωνία και τις αριστερές πλευρές της οθόνης περισσότερο ... περιστασιακά μόνο περιμένοντας τις ματιές προς τη δεξιά πλευρά της οθόνης. Αυτές οι μελέτες υποστηρίζουν την τοποθέτηση των πιο σημαντικών στοιχείων του ιστότοπού σας (επωνυμία, πλοήγηση, έκκληση για δράση) στην αριστερή πλευρά του σχεδίου. Μπορείτε να μάθετε περισσότερα για τα σχέδια F σε αυτό το artive από τον Brandon Jones http: /webdesign.tutsplus.com

4. Ευθυγράμμιση κειμένου

Η ευθυγράμμιση παίζει μεγάλο ρόλο στην αναγνωσιμότητα του πίνακα, πόσο εύκολο μπορείτε να κάνετε υπολογισμούς στο μυαλό σας και τη σύγκριση μεταξύ διαφορετικών σειρών.

Υπάρχουν 3 απλοί κανόνες.

  • Δεξιόστροφα αριθμητικές στήλες
  • Γραμμές κειμένου αριστερά ευθυγραμμισμένες
  • Τα ονόματα των στηλών ευθυγραμμίζονται ως περιεχόμενο στηλών

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

5. Το μέγεθος έχει σημασία

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

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

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

6. Τυπογραφία

Στη σχεδίαση τυπογραφίας είναι ένα από τα βασικά πράγματα που είτε κάνουν τη δουλειά σας μεγάλη είτε απλή, ή ακόμα και τρομερή. Ο σχεδιασμός των πινάκων δεν είναι διαφορά. Η τέχνη της εργασίας με τις γραμματοσειρές δεν είναι μέρος της ιστορίας και δεν είμαι ο καλύτερος άνθρωπος για να μιλήσω γι 'αυτό) Εδώ είναι μερικές συμβουλές ακόμη και μπορώ να δώσω

  • Μη χρησιμοποιείτε όλα τα καπάκια όπως είναι δύσκολο να τα διαβάσετε
  • Αποφύγετε τη χρήση γραμματοσειρών Serif καθώς δημιουργούν πρόσθετο οπτικό θόρυβο
  • Αποφύγετε τη χρήση έντονου και πλάγιου κειμένου
  • Χρησιμοποιήστε μόνο καλές γραμματοσειρές

7. Αφαιρέστε τα πάντα χωρίς λόγο

Πιθανότατα έχετε ακούσει τον όρο "καθαρό" σχεδιασμό συχνά πριν να διαβάσετε αυτό το άρθρο. Τι προσπαθώ να πω - λιγότερα είναι περισσότερα. Η διεπαφή χρήστη πρέπει να είναι όσο το δυνατόν πιο αόρατη. Ειδικά όταν ασχολούμαστε με μεγάλα ποσά δεδομένων, ασκείτε ήδη μεγάλη πίεση στον άνθρωπο που θα συνεργαστεί με το προϊόν σας, οπότε δεν χρειάζεται να προσθέσετε οπτικές διαταραχές. Ο στόχος σας είναι να κάνετε το περιεχόμενο να μην λάμπει, όχι το περιτύλιγμα γύρω του.

  • Αφαιρέστε τους άχρηστους διαχωριστές
  • Αφαιρέστε το φόντο απογυμνωμένου γραμμής
  • Αφαιρέστε σκιές, 3d εφέ, λάμψη κλπ.

8. Αποφύγετε την αλληλεπικάλυψη

Βλέπω περιττό διπλασιασμό πολύ συχνά στο σχεδιασμό UI. Έχει μεγάλο αντίκτυπο στην αναγνωσιμότητα καθώς διαφημίζει πρόσθετα στοιχεία που δεν προσθέτουν καμία αξία.

9. Μοτίβα σχεδίασης και κοινές αλληλεπιδράσεις

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

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