10 Εμπνευσμένα χαρτοφυλάκια UX και γιατί λειτουργούν

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

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

Μέσα από τη δουλειά μου με το Semplice, το σύστημα χαρτοφυλακίου για τους σχεδιαστές, έχω δει πολλά παραδείγματα που δείχνουν ότι ακόμη και η πολύπλοκη εργασία UX μεταφράζεται όμορφα σε ένα χαρτοφυλάκιο σχεδίων. Ελέγξτε αυτά τα χαρτοφυλάκια από ορισμένους ταλαντούχους σχεδιαστές UX (όλα τα χαρτοφυλάκια που χτίστηκαν με το Semplice) για να μάθετε πώς μπορείτε να μοιράζεστε την εργασία σας με έναν οπτικό και αξέχαστο τρόπο.

1. Kurt Winter

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

ΔΕΙΤΕ ΤΟ ΧΑΡΤΙ ΤΟΥ ΚΟΥΡΤ

2. Liz Wells

Η Liz Wells είναι το παιδικό μας αφίσα για το σχεδιασμό χαρτοφυλακίου UX. Όχι μόνο το χαρτοφυλάκιό της είναι υπέροχο να κοιτάξει, αλλά καθιστά εύκολο να καταλάβει τι κάνει και πώς το έργο της ταιριάζει σε ένα επιτυχημένο τελικό προϊόν. Κάθε μελέτη περίπτωσης αναφέρει μια ιστορία με παρόμοια δομή:

  • Σύντομη περίληψη στην κορυφή
  • Το έργο στο χέρι
  • Προκλήσεις UX
  • Λύσεις UX

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

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

Δείτε το χαρτοφυλάκιο της LIZ

3. Isa Pinheiro

Σε αντίθεση με τις περιπτωσιολογικές μελέτες πίσω από τη σκηνή της Liz, η Isa Pinheiro μοιράζεται τα γυαλισμένα τελικά προϊόντα στο χαρτοφυλάκιό της και εξηγεί πώς η δουλειά της επηρεάζει τον τελικό χρήστη.

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

Η Isa έχει επίσης το χρόνο να προσθέσει λίγες προσωπικές πινελιές στο χαρτοφυλάκιό της. Ελέγξτε τις δύο μοναδικές επιλογές πλοήγησης: Το ένα είναι μια εξαγορά πλήρους οθόνης με δύο απλά στοιχεία μενού και το άλλο είναι μια οπτική πλοήγηση με μια εικόνα για κάθε στοιχείο. Η ομαλή κύλιση και τα πλήκτρα κάλυψης πλήρους οθόνης προσθέτουν μια οπτική γροθιά στο χαρτοφυλάκιό της πέρα ​​από τις σελίδες του έργου της.

Δείτε το χαρτοφυλάκιο του ISA

4. Oykun Yilmaz

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

ΘΕΩΡΕΙΤΕ ΤΟ ΧΕΙΡΟΠΟΙΗΤΟ ΤΟΥ ΟΥΚΟΥΝ

5. Naim Sheriff

Με θέμα που θα μπορούσε εύκολα να φαίνεται περίπλοκο σε έναν εξωτερικό θεατή, ο Ναϊμ Σέριφ βγάζει όλα τα πράγματα κάτω και το καθιστά πραγματικό για τους αναγνώστες. Πάρτε παράδειγμα caseap του Ideapaint, όπου μοιράζεται πόσο σημαντική είναι η φάση Design Exploration και πώς συμβαίνει συνήθως. Παρουσιάζει ακόμη και τις ερωτήσεις που ζήτησε ο ίδιος κατά τη διάρκεια του έργου, όπως: "Πώς θα δείξουμε επιτυχώς τις διαφορές μεταξύ παρόμοιων προϊόντων; Πώς γνωρίζει ο πελάτης πόση μπογιά να αγοράσει για τον χώρο του; "Στη συνέχεια, μοιράζεται τη λύση με την ομάδα του. (Διαβάστε περισσότερες συμβουλές για να γράψετε σπουδαίες μελέτες περιπτώσεων χαρτοφυλακίου εδώ).

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

ΔΕΙΤΕ ΤΟ ΧΑΡΤΟΦΥΛΑΚΙΟ ΤΟΥ ΝΑΙΜ

6. Sebastián Martínez

Ο Sebastián Martínez σας φέρνει κατευθείαν στην εργασία του με χαρτοφυλάκιο μιας σελίδας. Οι περιπτωσιολογικές του μελέτες είναι σύντομες, αλλά κάνει ένα πράγμα που πολλοί σχεδιαστές ξεχνούν να κάνουν: Μοιράζεται το πώς αισθάνεται για το τελικό προϊόν. "Ήταν ένα από τα πιο ολοκληρωμένα, διασκεδαστικά προϊόντα με τα οποία υπερηφανευόμουν να δουλεύω", λέει ο Sebastián για το έργο του Monkop Test Cloud. Δεν χρειάζεται πολύ, αλλά η κατανόηση του πώς αισθάνεστε για τη δουλειά σας κάνει τη διαφορά.

Για τη σειρά μας "Πώς να βγάλεις δουλειά σε X", συνεντεύομαι σχεδιαστές και recruiters από κορυφαίες εταιρείες, ζητώντας απλώς πώς μπορούμε να πάρουμε μια δουλειά των ονείρων στην ομάδα σχεδιασμού τους. Πολλοί από αυτούς έχουν πει ότι θέλουν να μάθουν τι σκέφτεστε για το έργο σας και τα αποτελέσματα. Φέρνει βάθος στο έργο σας και μας δίνει ένα παράθυρο στο μυαλό σας.

ΘΕΩΡΕΙΤΕ ΤΟ ΧΑΡΤΙ ΤΟΥ ΣΕΒΑΣΤΙΑΝ

7. Husam Elfaki

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

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

ΔΕΙΤΕ ΤΟ ΧΑΡΤΟΦΥΛΑΚΙΟ ΤΟΥ ΧΟΥΣΑΜ

8. Καλή και Καρίνα

Το Kali και η Karina κάνουν τα πάντα, από την ιδέα μέχρι το τελικό προϊόν. Αυτά σπάνια αναφέρονται UX / UI, αλλά είναι σιωπηρή στις μελέτες περιπτώσεων τους. Από τα όμορφα σχεδιασμένα ταξίδια χρηστών, τα ασπρόμαυρα σκίτσα μέχρι τα αποτελέσματα πλήρους χρώματος, μοιράζονται τα έργα τους σαν μια ιστορία. Βοηθά επίσης το έργο τους να είναι τρομερό από μόνο του.

ΘΕΩΡΕΙΤΕ ΤΟ ΧΑΡΤΙ ΤΗΣ ΚΑΛΗΣ & ΚΑΡΙΝΑΣ

9. Elliot Owen

Ο Elliot Owen εφιστά την προσοχή σε συγκεκριμένες χειρονομίες, αλληλεπιδράσεις και εμπειρίες που επιτυγχάνουν τα έργα του. Πάρτε για παράδειγμα την περίπτωση της British Airways.

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

ΘΕΩΡΕΙΤΕ ΤΟ ΧΑΡΤΟΦΥΛΑΚΙΟ ΤΟΥ ΕΛΛΗΤΟ

10. Veda Dsiljak

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

ΠΟΡΤΟΦΛΕΙΟ VIEW ΤΟΥ VEDA

11. Jason Yuan

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

Πλευρική σημείωση για τους νέους σχεδιαστές: Η δουλειά του Jason για την Apple είναι ένας ανεπιθύμητος επανασχεδιασμός αλλά είναι τόσο λεπτομερής και καλά μελετημένος, αισθάνεται σαν πραγματική εργασία πελάτη. Οι ανεπιθύμητοι επανασχεδιασμοί είναι ένας πολύ καλός τρόπος για να δείξετε την ικανότητά σας και τα ενδιαφέροντά σας νωρίς στην καριέρα σας ή αν θέλετε να μπείτε σε μια νέα διαδρομή σχεδίου. Συνιστώ πάντα να μην κάνουμε ανεπιθύμητα σχέδια για μεγάλες εταιρείες όπως η Apple, αφού ήδη διαθέτουν μια καθιερωμένη καθιερωμένη μάρκα που την καθιστά πολύ εύκολη. Αλλά σε αυτή την περίπτωση, η σκληρή δουλειά του Jason απέδωσε με χαρακτηριστικά στο FastCoDesign, Next Web, Mic και πολλά άλλα.

ΘΕΩΡΕΙΤΕ ΤΟ ΧΑΡΤΟΦΥΛΑΚΙΟ ΤΟΥ JASON

-

Όπως και στην καθημερινή εργασία σας, θα πρέπει να είστε προσεκτικοί και στρατηγικοί όταν δημιουργείτε ένα χαρτοφυλάκιο σχεδίασης UX. Πάρτε χρόνο για να εξηγήσετε τη διαδικασία σας, να περπατήσετε τον αναγνώστη σας μέσα από κάθε βήμα της δουλειάς σας και να δείξετε πώς έχει αντίκτυπο και θα φτιάξετε ένα χαρτοφυλάκιο που αξίζει να θυμηθείτε. ΥΣΤΕΡΟΓΡΑΦΟ. Αν ψάχνετε για περισσότερη έμπνευση χαρτοφυλακίου, δείτε το Showcase Showcase.