Οπτικοποίηση δεδομένων: Σχεδιασμός για φορητές συσκευές - Dummies

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

• Σχεδιασμός διεπαφών για κινητές συσκευές

• Δημιουργία εφαρμογών για φορητές συσκευές

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

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

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

ανταποκρινόμενης σχεδίασης (RD). Το RD αναφέρεται σε μια διεπαφή ή διάταξη που μπορεί να επαναρυθμιστεί με βάση το πού προβάλλεται. Ο όρος προτάθηκε από τον Ethan Marcotte σε άρθρο του 2010 που αναγνώρισε την ανάγκη για σχεδιαστές να αντιμετωπίσουν το ζήτημα των απαιτήσεων πολλαπλών οθονών.

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

Στο άρθρο του, ο Marcotte ανέφερε τις τρεις περιοχές στις οποίες το RD μπορεί να έχει το μεγαλύτερο αποτέλεσμα στην σχεδίαση ιστοσελίδων:

Πλέγματα υγρών:

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

  

  Ευέλικτες εικόνες:

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

• Όταν εισάγετε έναν όρο αναζήτησης σε μια μηχανή αναζήτησης όπως το Google ή το Bing, θέλετε να μπορείτε να δείτε τα αποτελέσματα σε οποιεσδήποτε οθόνες σας. Αυτή είναι μια βασική αρχή της RD. Το περιεχόμενο πρέπει να προβάλλεται σε οποιαδήποτε κινητή συσκευή που μπορεί να έχει κάποιος χρήστης. Αυτό που κάνει την προβολή σε μια ποικιλία συσκευών μια πρόκληση είναι ότι ο σχεδιαστής δεν έχει τρόπο να ξέρει ποιο θα είναι το επιστρεφόμενο αποτέλεσμα. Αυτές οι ιδέες ισχύουν και για οπτικοποιήσεις δεδομένων. Θέλετε να βεβαιωθείτε ότι το δίκτυό σας δεν παραμορφώνεται όταν τα δεδομένα που βλέπετε προβάλλονται σε μια κινητή συσκευή. Οι εικόνες πρέπει να είναι καθαρές και ο λόγος διαστάσεων (μήκος έως πλάτος) πρέπει να ευθυγραμμίζεται ανεξάρτητα από τη συσκευή με την οποία εργάζεται ο χρήστης.

Σύμφωνα με τα πρότυπα σχεδίασης εφαρμογών

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

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

Στο άρθρο του "Απλοί κανόνες της Apple για το σχεδιασμό ενός φορητού iOS App", ο Pete Pachal περιγράφει τι έπρεπε να κάνει για να πάρει την εφαρμογή ειδήσεων Spun πιστοποιημένη για το App Store της Apple. (Σε αυτή τη γραφή, η εφαρμογή δεν είναι διαθέσιμη στο U. S. App Store). Η ομάδα του Pachal έπρεπε να συνεργαστεί με την Apple για πέντε μήνες για να πάρει τα πάντα τελειοποιημένα. Κατά τη διάρκεια αυτής της περιόδου, ο Pachal κωδικοποίησε έξι κανόνες για την ομάδα του, τέσσερις από τους οποίους ισχύουν για τα δεδομένα viz design:

Η απλότητα είναι δύναμη.

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

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

• Κάθε στοιχείο μενού πρέπει να κάνει κάτι χρήσιμο. Ο σύνδεσμος εκτύπωσης θα πρέπει να λειτουργεί, για παράδειγμα. Επίσης, κάθε κλικ πρέπει να παρέχει πληροφορίες. Λεπτομέρειες έχουν σημασία.

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