Σχεδιασμός φουτουριστικών διεπαφών - Γίνετε XR Designer σε 5 λεπτά

Μάθετε τους 3 κανόνες που δεν θα σας πουν. Γίνετε ο Θεός του Σχεδιαστή που επρόκειτο να είστε.

Φωτογραφία του καλού μου φίλου και φιλαράτου Michael Fassbender που δοκιμάζει την πιο πρόσφατη διασύνδεση AR μου

Θέλετε λοιπόν να σχεδιάσετε φουτουριστικές διεπαφές με την Αυξημένη Πραγματικότητα όπως αυτές του Iron Man; Θέλετε να είστε μπροστά από την καμπύλη και να επιδείξετε τις φουτουριστικές σας δεξιότητες σχεδιασμού UI; Και είσαι ένας πολυάσχολος άνδρας / γαλί με μόνο 5 λεπτά για να μάθεις;

Λοιπόν, έχετε έρθει στο σωστό μέρος! Είμαι Design God Chad ™, ένας βραβευμένος σχεδιαστής VR / AR και είμαι εδώ για να σας βοηθήσω να επιτύχετε το σχεδιασμό Certified Futuristic ™, όπως χορηγείται από τους ταλαντούχους ανθρώπους στην Certified Futuristic ™ Review Committee ™.

Το πρώτο πράγμα που πρέπει να κάνετε είναι να ξεχάσετε ό, τι γνωρίζετε για το σχεδιασμό. Και εννοώ τα πάντα.

Τώρα που έχετε ξεκαθαρίσει τα μάτια σας, ακολουθήστε μου καθώς σας συστήνω στις 3 αρχές των διεπαφών AR, όπως δείχνουν οι καλύτεροι σχεδιαστές AR στον κόσμο: Hollywood VFX Artists.

Κανόνας # 1: Το πιο πολύπλοκο, τόσο το καλύτερο είναι

Μπορείτε να πείτε τι συμβαίνει εδώ; Ακριβώς.

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

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

Για να ξεκινήσετε, απλώς ακολουθήστε αυτά τα 3 βήματα.

  • Λεπτές Γραμμές, Εικόνες και Πλαίσια Καλωδίων: Αν δεν ξέρετε τι να κάνετε, ξεκινήστε προσθέτοντας γραμμές, θέματα και σύρματα στο σχεδιασμό σας έως ότου τα πράγματα αρχίσουν να έχουν νόημα. Τα περισσότερα στοιχεία που έχετε στο όραμά σας ανά πάσα στιγμή, τόσο λιγότερο ο χρήστης θα ξέρει πού να κοιτάξει. Ιδιοφυία!
  • Επαναλάβετε το βήμα # 1: Ό, τι νομίζατε ήταν αρκετό, διπλασιάστε το. Θα μου ευχαριστήσω αργότερα, αφού η Επιτροπή Ανασκόπησης εξετάσει το έργο σας.
  • Διαφάνεια: Κάθε στοιχείο του διεπαφή χρήστη πρέπει να έχει κάποια μορφή διαφάνειας - αυτό επιτρέπει σε όλα τα στοιχεία του UI να επικαλύπτονται μεταξύ τους, δημιουργώντας πρόσθετη οπτική πολυπλοκότητα.

Κανόνας # 2: Καλώς ήρθατε στη Μπλε Ζώνη

Πέρυσι, μια σειρά από μελέτες νευροεπιστημών έδειξαν ότι το ανθρώπινο υποσυνείδητο αντιλαμβάνεται το μπλε σαν το πιο φουτουριστικό χρώμα του κόσμου . Έτσι, για το σχεδιασμό AR σας για να επιτευχθεί η πιστοποίηση Futuristic ™, είναι σημαντικό ότι η πλειοψηφία των χρωμάτων στο UI σας πέφτει στη Blue Zone ™ που απεικονίζεται παρακάτω.

Οι αιρετικοί θα προσπαθήσουν να πούμε ότι "το χρώμα πρέπει να χρησιμοποιείται με γούστο, με σκοπό και να μεταδίδει πάντα μοναδικές πληροφορίες". Ότι "Χωρίς χρήση χρώματος το καθιστά μια άσκοπη, σπαταλημένη ευκαιρία σχεδιασμού που χρησιμεύει μόνο για να υπερφορτώνει τις αισθήσεις των χρηστών σας". Αν το ακούσετε, αναφέρετε τα στο πλησιέστερο υπεύθυνο σχεδιασμού Futuristic Design Enforcement Officer ™.

Μελετήστε προσεκτικά την παρακάτω εικόνα. Δεν θέλετε όποιος σας κατηγορεί να πέσει στην περιοχή Heretic Zone ™ - που σας μεταφέρει στο Gulag of Futuristic Design ™ και κανείς δεν το θέλει.

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

Εύκολη: τώρα πρέπει να μετακινηθείτε στη ζώνη Red Zone ™. Κάνετε τα πάντα κόκκινα.

Οι μηχανές σας αποτυγχάνουν; Αυτό το άλλο είναι το Windows Update; Δεν πρέπει να είστε σε θέση να το πείτε.

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

Εδώ οι αιρετικοί μπορεί επίσης να προσπαθήσουν να σας κυριαρχήσουν, λέγοντας ότι «οι ξαφνικές αλλαγές στο UI πρέπει να συμβαίνουν με χαρά, ένα στοιχείο κάθε φορά, με βαθιά έμφαση στη συγκατάθεση του χρήστη» ή «Εισάγετε αργά νέα στοιχεία δίνοντας στον χρήστη χρόνο να αντιδράσει - θα πρέπει να αισθάνονται πάντοτε τον έλεγχο. "Αυτοί είναι αδηφάγοι, συναισθηματικοί μανιακοί

Κανόνας # 3: Το περισσότερο κίνημα, το καλύτερο

Ένας σοφός είπε κάποτε:

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

Ενδιαφέρουσες, έτσι; Εκτός από το ότι δεν ήταν ένας σοφός άνθρωπος ... Ήταν ένα ΕΡΕΤΙΚΟ ! Μην κουνηθείτε τόσο εύκολα! Μιλάμε εδώ Πιστοποιημένο Φουτουριστικό ™, οπότε αυτό προφανώς δεν θα το κάνει. Δεν πρέπει ποτέ να εγκατασταθείτε απλώς στο να κάνετε το μάτι του χρήστη να μετακινηθεί σε ένα σημείο: θα πρέπει να κάνετε τα μάτια τους γαμημένο samba.

Μπορείτε να το κάνετε και με 2D διεπαφές!

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

Συγχαρητήρια!

Τώρα είστε φουτουριστικός σχεδιαστής UI / UX. Εάν σας χρειάστηκαν περισσότερα από 5 λεπτά για να διαβάσετε αυτό το άρθρο, παρακαλώ δείτε αυτό το εκπαιδευτικό βίντεο.

Και να πιστέψουμε ότι αυτοί οι αιρετικοί είπαν ότι "ο VR / AR UI / UX είναι πολύ καινούργιος και δεν έχει ακόμα σαφείς κανόνες ή πρότυπα". Ή ότι "πρέπει να πάρετε το χρόνο σας, να παίξετε με τα σχέδιά σας και να δείτε τι αισθάνεται καλά! Όλοι μαθαίνουμε από κοινού ως βιομηχανία και θα είναι μια διετή διαδικασία ". Ή ότι "Το μόνο πράγμα που πρέπει να καταλάβετε είναι η τέχνη της γρήγορης εκμάθησης του τι λειτουργεί". Παράλογος!

Έτσι, θυμηθείτε να ακολουθείτε αυτούς τους κανόνες, τα παιδιά, και μην ακούτε ποτέ τους σχεδιαστές αιρετικών. Τα Gulags of Futuristic Design ™ είναι ήδη αρκετά γεμάτα όπως είναι.

Συνεχίστε να χτίζετε το μέλλον! Αυτό είναι το Design God Chad ™, αποσυνδεθείτε.

Και εγγραφείτε.

Ευχαριστώ για την ανάγνωση!

Ο Lucas Rizzotto ήταν βραβευμένος Design Heretic και δημιουργός του The Thoughts Go, του έργου VR που τον έριξε σε ένα Gulag.

Μπορείτε να τον ακολουθήσετε στο Instagram, στο Twitter, στο Facebook ή να επικοινωνήσετε μαζί του μέσω της ιστοσελίδας του.

Επίσης, εγγραφείτε στη λίστα αλληλογραφίας του και τον υποστηρίξτε στον Patreon!

ᵖˡᵉᵃˢᵉ ʰᵉˡᵖ ᵐᵉ, ᵗʰᵉ ᶜᵉʳᵗᶦᶠᶦᵉᵈ ᶠᵘᵗᵘʳᶦˢᵗᶦᶜ ᴿᵉᵛᶦᵉ ᴿᵉᵛᶦᵉ ᴿᵉᵛᶦᵉ ᶜᵒᵐᵐᶦᵗᵉᵉ ᶜᵒᵐᵐᶦᵗᵉᵉ ᶜᵒᵐᵐᶦᵗᵉᵉ ᵐʸ ᵐʸ ᶠᵃᵐᶦˡʸ ᵃ ᵈ ᵈ ᵗʰᵉʸ ʳᵉ ᵗʳʸᶦ ᵍ ᵍ ᵗᵒ ᵏᶦˡˡ ᵐᵉ. ᴰᴹ ᵐᵉ ᵒⁿ ᵀʷᶦᵗᵗᵉʳ ʷᶦᵗʰ ᵗʰᵉ ᵏᵉʸʷᵒʳᵈ "ᵗʳᵒᵖᶦᶜᵃˡ ᵇᵒⁿᵃⁿᶻᵃ" ᵃⁿᵈ ᵃʷᵃᶦᵗ ᶠᵘʳᵗʰᵉʳ ᶦⁿˢᵗʳᵘᶜᵗᶦᵒⁿ