Τι σημαίνει ο σχεδιασμός για 1,9 δισεκατομμύρια άτομα; Αυτό είναι το ερώτημα που πρέπει να αντιμετωπίσουμε όταν αναλαμβάνουμε την πρόκληση για τον επανασχεδιασμό του Facebook.

Πολλές από τις επιχειρηματικές αποφάσεις του Facebook υπαγορεύουν συχνά μελλοντικές τάσεις στα ψηφιακά προϊόντα.

Εξετάστε την τρέχουσα έμφαση που δίνει το Facebook Αγγελιαφόρος και πώς αυτό αντικατοπτρίζεται σε άλλα προϊόντα σε όλο τον κόσμο.

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

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

Δίνουμε στους σχεδιαστές δύο εβδομάδες για να επανασχεδιάσουν κάποια πτυχή του Facebook. Ένας νικητής θα λάβει μια πρόσκληση Dribbble, ένα μπλουζάκι ApeeScape και $ 200 σε πιστώσεις στο Creative Market. Θα ανακοινώσουμε τον νικητή την Παρασκευή, 2 Δεκεμβρίου. Εάν θέλετε να εισάγετε, αφήστε την υποβολή σας στα σχόλια.

Newsfeed και Messenger

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

Προφίλ για κινητά

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

Κινητό UX

Ένα μόνο σημείο για αλληλεπίδραση προτείνει μια εκλεπτυσμένη εμπειρία χρήστη για την εφαρμογή Facebook για κινητά. Μόνο ένα πάτημα στο εικονίδιο συν και μπορείτε να ενημερώσετε την κατάστασή σας, να κάνετε check in στην τοποθεσία σας ή να ξεκινήσετε τη ζωντανή ροή. Το Manoj προσθέτει επίσης μια καρτέλα Marketplace στο κάτω μέρος της πλοήγησης για να επιτρέπει την αγορά και πώληση στο Facebook.

Προφίλ και Messenger

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

Ροή βίντεο

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

Χρονολόγιο για κινητά

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

Ροή ειδήσεων για κινητά

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

Ροή ειδήσεων

Το κύριο χαρακτηριστικό που πρέπει να παρατηρήσετε σε αυτόν τον επανασχεδιασμό είναι η εισαγωγή μιας δεύτερης στήλης στο News Feed. Αυτή είναι μια απόκλιση από πολλές από τις άλλες έννοιες που τείνουν να κατευθύνουν την εστίαση προς όσο το δυνατόν λιγότερα κομμάτια περιεχομένου. Αυτό όμως κάνει το αντίθετο. Ο Masum Parvej προτείνει ότι αυτός ο σχεδιασμός μπορεί να προσφέρει μια πιο διαισθητική εμπειρία τόσο για τους απλούς χρήστες όσο και για εκείνους που χρησιμοποιούν το Facebook για επιχειρήσεις.

Mobile Messenger

Ο Sahil Vhora προτείνει μια λεπτή ενημέρωση υλικού με τον επανασχεδιασμό του κινητού του. Η αρχιτεκτονική της διεπαφής παραμένει η ίδια, αλλά ο Sahil χρησιμοποιεί τον επανασχεδιασμό ως ευκαιρία να δοκιμάσει διαφορετικά εικονίδια και να ανανεώσει το χρώμα του Facebook.

Σελίδα καλλιτέχνη

Ο Ramil Derogongun φαντάζεται αυτήν την ιδέα για μια σελίδα καλλιτέχνη και ένα ενσωματωμένο πρόγραμμα αναπαραγωγής μουσικής. Το Derogongon διατηρεί τη διεπαφή απλή διπλασιάζοντας αντικείμενα όπως το πρόγραμμα αναπαραγωγής κομματιού κάτω από τον τίτλο του τραγουδιού. Αυτός ο επανασχεδιασμός ήταν αρκετά δημοφιλής για να κερδίσει μερικά ριμπάουντ επισης.

• • •

Περαιτέρω ανάγνωση στο ApeeScape Design Blog:

• Οι αρχές του σχεδιασμού και η σημασία τους
• Τα καλύτερα χαρτοφυλάκια σχεδιαστών UX - Εμπνευσμένες μελέτες περιπτώσεων και παραδείγματα
• Εξερευνώντας τις αρχές σχεδιασμού του Gestalt
• Adobe XD εναντίον Sketch - Ποιο εργαλείο UX είναι κατάλληλο για εσάς;
• Χρησιμοποιούνται οι 10 κορυφαίοι σχεδιαστές UX παραδοτέων