Ξεκίνα την καριέρα σου ως Product (UI/UX) Designer χωρίς προηγούμενη εμπειρία. Εκπαιδεύσου στις βασικές αρχές και βέλτιστες πρακτικές του UX Design Process. Σχεδίασε βήμα βήμα την ιδανική εμπειρία χρήστη σε ένα ταξιδιωτικό app, χρησιμοποιώντας το Figma, το πιο διαδεδομένο tool του κλάδου. Όλα αυτά με την καθοδήγηση της Ζωής Κουτσοβασίλη.
Entry Level | Ελληνικά Videos | Ευέλικτη Παρακολούθηση
![](https://mprostagiatinpaideia.gr/wp-content/uploads/2023/11/image-1.png)
Member of Digital Skills and Jobs Coalition EU
![](https://mprostagiatinpaideia.gr/wp-content/uploads/2023/11/image-2.png)
Best Youth Employment Initiative
Τί θα μάθεις;
Στην πρώτη ενότητα θα μάθεις – παρέα με την Ζωή – τι ορίζουμε ως εμπειρία χρήστη, τι είναι ο σχεδιασμός UX και γιατί είναι σημαντικός για τους καταναλωτές και τις επιχειρήσεις. Επίσης, θα κατανοήσεις τις θεμελιώδεις έννοιες στο σχεδιασμό UX, όπως το user-centered design, τη διαδικασία σχεδιασμού και τη προσβασιμότητα. Τέλος, θα ανακαλύψεις τους παράγοντες που συμβάλλουν σε έναν εξαιρετικό σχεδιασμό εμπειρίας χρήστη.
- Welcome to the Product (UI/UX) Design Academy
- Introduction to Course 1:Foundations of User Experience Design
- The basics of UX
- Design for a Good UX
- Intro to Usability
- Define the User & The End User
- The Design Thinking Process
- Inclusive Design and Accessibility
- Wrap Up
Στη δεύτερη ενότητα θα κατανοήσεις τον τρόπο με τον οποίο θα είσαι σε θέση να περιγράψεις κοινές μεθόδους της έρευνας UX, θα κατανοήσεις τι είναι η ενσυναίσθηση (empathy) και πως θα την αξιοποιήσεις στην διαδικασία του σχεδιασμού. Παράλληλα, θα μάθεις πώς θα σκέφτεσαι ιδέες για πιθανές σχεδιαστικές λύσεις σε προβλήματα των χρηστών καθώς επίσης, θα ξεκινήσεις να σχεδιάζεις μια ταξιδιωτική εφαρμογή, δηλαδή, το project που θα συμπεριλάβεις στο portfolio σου.
- Introduction to Course 2: Empathize, Define, and Ideate
- The Role of UX Research in Design
- Explore UX Research Methods
- Biases in UX Research
- Conduct User Interviews
- Learn About Empathy Maps
- Identify User Pain Points
- Create Personas
- Define User Problems
- Understand User Ideation
- Read: Portfolio project overview
- Read: Project milestone 1
- Wrap Up
Σκοπός της ενότητας αυτής είναι να κατανοήσεις τη διαφορά μεταξύ του σχεδιασμού χαμηλής πιστότητας και υψηλής πιστότητας (low-fidelity and high-fidelity design), να εφαρμόσεις τις αρχές του information architecture για να οργανώσεις το περιεχόμενο της εφαρμογής σου καθώς επίσης, θα πραγματοποιήσεις μια μελέτη χρηστικότητας (usability study) για να ενημερώσεις τα σχέδιά σου. Τέλος, θα συνεχίσεις – με την καθοδήγηση της Ζωής – να σχεδιάζεις την ταξιδιωτική εφαρμογή που θα συμπεριλάβεις στο portfolio σου.
- Introduction to Course 3: Build Wireframes, Low-Fidelity Prototypes, and Test
- Create Goal Statements
- Introduction to User Flows
- Introduction to Wireframes
- Read: Understand information architecture
- Create Paper Wireframes
- Read: Create a Figma account
- Create Digital Wireframes
- Read: Gestalt Principles in Wireframes
- Build Low-Fidelity Prototypes in Figma
- Read: Plan a Usability Study
- Wrap Up
- Read: Project milestone 2
Συνεχίζοντας στην τελευταία ενότητα, θα μάθεις πως θα σχεδιάζεις μακέτες (designs) και πρωτότυπα (prototypes) υψηλής πιστότητας στο Figma.
Επιπλέον, θα μάθεις να προσδιορίζεις και να εφαρμόζεις τις αρχές του visual design και θα κατανοήσεις τον ρόλο των design critique και του feedback κατά την διαδικασία του σχεδιασμού. Επίσης, θα μάθεις πως να παραδίδεις ολοκληρωμένα έργα σχεδιασμού στις ομάδες των προγραμματιστών και τέλος, με την ολοκλήρωση της ταξιδιωτικής εφαρμογής που θα συμπεριλάβεις στο portfolio σου, η Ζωή θα σε βοηθήσει να κατανοήσεις καλύτερα ποια θα είναι τα επόμενα βήματά σου αλλά και πως θα προετοιμαστείς κατάλληλα για την πρώτη σου συνέντευξη.
- Introduction to Course 4: Create High-Fidelity Designs and Prototypes in Figma
- Read: Begin to Create a Mockup in Figma
- Read: Typography in UX
- Read: Use typography in mockups
- Read: Add Product Copy to Mockups
- Read: Color in UX
- Read: Use color in mockups
- Read: Accessibility & Color
- Read: Use Iconography in mockups
- Read: Learn about Basic Design elements
- Read: Learn about Buttons and Inputs
- Read: Create a Grid in Mockups
- Read: Create Containment in Mockups
- Read: Use Negative Space in Mockups
- Create a Mockup from scratch
- Read: Apply Visual Design Principles in Mockups
- Read: Understand Design Systems
- Read: Learn about Design Critique Sessions
- Create a High-Fidelity Prototype in Figma
- Read: Hand Off Your Designs
- Read: Prepare a case study
- Prepare for jobs
- Wrap-Up
- Read: Project milestone 3
Καλείσαι να σχεδιάσεις ένα web application που θα φιλοξενεί τις βασικές λειτουργίες μιας ταξιδιωτικής εφαρμογής.
Πιο συγκεκριμένα, ένας χρήστης που επισκέπτεται την εφαρμογή θα πρέπει:
- Να είναι σε θέση να πραγματοποιήσει μια αναζήτηση με συγκεκριμένες ημερομηνίες.
- Να φιλτράρει τα αποτελέσματα που τον ενδιαφέρουν.
- Να επιλέξει και να διαβάζει περισσότερες λεπτομέρειες σχετικά τα αποτελέσματα που τον ενδιαφέρουν.
Επιπλέον, κατά την περιήγηση στην κεντρική σελίδα της εφαρμογής, θα πρέπει να υπάρχει αρκετό περιεχόμενο ώστε να κρατήσει το ενδιαφέρον του χρήστη και να τον βοηθήσει να αποφασίσει για το επόμενο ταξίδι του. Σε αυτή τη σελίδα μπορείς να αφήσεις τον εαυτό σου ελεύθερο και να πειραματιστείς με ιδέες που θα προσφέρουν αξία στους χρήστες που επισκέπτονται την εφαρμογή.
Ζητούμενα:
Θα χρειαστεί να δημιουργήσεις τα παρακάτω user flows:
- Αναζήτηση προϊόντος
- Επιλογή και εμφάνιση λεπτομερειών
- Κράτηση προϊόντος
Τα παραδοτέα θα πρέπει να σχεδιαστούν σε τρεις (3) διαφορετικές αναλύσεις – 360 px για κινητά, 768 px για tablet και 1440 για desktops.
Παραδοτέα:
Ένα αρχείο από το Figma που να περιέχει:
- Μια σελίδα με τα αποτελέσματα του UX Design Process (empathize, define, ideate)
- Μια σελίδα με τα wireframes και το low-fidelity prototype
- Μια σελίδα με τα αποτελέσματα της έρευνας χρηστικότητας (prototype usability testing)
- Μια σελίδα με τα high-fi designs και το τελικό prototype
FAQs
Είναι διαδικτυακά σεμινάρια στους πιο hot κλάδους της αγοράς εργασίας, που σε βοηθούν να αναπτύξεις τα skills σου στο τομέα που επιθυμείς. Μαθαίνεις στο δικό σου ρυθμό και στα ελληνικά από επαγγελματίες που εργάζονται σε κορυφαίες εταιρείες της αγοράς!
Εκπαιδεύεσαι σε όλο το φάσμα κάθε κλάδου, αναπτύσσεις το δικό σου project, επικοινωνείς με τους εκπαιδευτές, προετοιμάζεσαι και συνδέεσαι με την αγορά εργασίας. Πιο συγκεκριμένα:
✅ 360° Εκπαίδευση
✅ Περιήγηση σε εργαλεία
✅ Hands-on Project
Για να παρακολουθήσεις το Academy δε χρειάζεται να διαθέτεις συγκεκριμένο background ή προηγούμενη γνώση.
- Ξεκινάς δωρεάν την εκπαιδευτική διαδικασία
- Παρακολουθείς online τις διαλέξεις κάθε ενότητας
- Απαντάς online στα quizzes κάθε ενότητας
- Μοιράζεσαι τις απορίες σου στο forum με τους εκπαιδευτές
- Αναπτύσσεις το project του Academy
- Ολοκληρώνεις την εκπαιδευτική διαδικασία και λαμβάνεις πιστοποιητικό παρακολούθησης
Το ‘χεις;
Δεν υπάρχουν συγκεκριμένες ώρες ή ημέρες μαθημάτων. Το Academy αποτελείται από on-demand videos.
Πατώντας το link θα μεταφερθείς στο χώρο του εικονικού “σχολείου”. Εκεί θα κάνεις την εγγραφή σου όπου θα χρειαστεί να βάλεις το email σου και έναν κωδικό πρόσβασης
Όχι, η πρόσβασή σου σε όλα τα eLearning Academies της Collegelink είναι εντελώς δωρεάν. Χάρη στο πρόγραμμα της Eurobank ‘’Μαζί για την παιδεία’’ μπορείς να αναπτύξεις τις γνώσεις και τις δεξιότητες σου, στον τομέα που επιθυμείς χωρίς κάποιο κόστος.
Αυτό εξαρτάται από εσένα & δεν υπάρχει κάποιο συγκεκριμένο χρονικό περιθώριο στο οποίο μπορείς να ολοκληρώσεις το Academy.
Με την ολοκλήρωση του τελικού quiz του Academy, δηλαδή με την επιτυχημένη ολοκλήρωση του 50% των ερωτήσεων της τελικής εξέτασης, την οποία θα βρείς στο τέλος του Academy, με ερωτήσεις από όλες τις ενότητες που διδάχτηκες, μπορείς να αποκτήσεις το πιστοποιητικό ολοκλήρωσης της εκπαιδευτικής διαδικασίας!
Αν αντιμετωπίζεις κάποιο τεχνικό πρόβλημα, είμαστε εδώ για να σε βοηθήσουμε όσο πιο αποτελεσματικά γίνεται 🙏Γι’ αυτό θα χρειαστούμε τις ακόλουθες πληροφορίες στο email academy@collegelink.gr:
- Λεπτομερής περιγραφή της διαδικασίας που ακολουθείς μέχρι να φτάσεις στο πρόβλημα
- Ποια συσκευή χρησιμοποιείς: (πχ κινητό, Tablet, pc)
- Τι browser; (πχ google chrome, Firefox κτλ)
- Κάποιο Screenshot από την διαδικασία και από το τελικό πρόβλημα