Είστε σχεδιαστής UX; Ρίξτε μια ματιά στη λίστα των κορυφαίων εργαλείων wireframing για το σχεδιασμό του προϊόντος σας.
Για να ξεκινήσετε τη διαδικασία σχεδιασμού του προϊόντος σας χωρίς συρμάτινο πλαίσιο συνεπάγεται υψηλό κίνδυνο. μπορεί να χαθείτε χωρίς τίποτα να σας βοηθήσει να βγείτε από αυτήν την κατάσταση.
Καθώς τα καλώδια σάς επιτρέπουν να δημιουργήσετε ένα βασικό περίγραμμα της διάταξης και της δομής του προϊόντος σας, γίνεται ευκολότερο να ενσωματώσετε τα σχόλια και να ρυθμίσετε ανάλογα το προϊόν.
Χάρη στα διάφορα προηγμένα εργαλεία πλαισίωσης καλωδίων, οι σχεδιαστές δεν χρειάζεται πλέον να κάνουν χειροκίνητη διαμόρφωση καλωδίωσης. Διαβάστε παρακάτω για να μάθετε περισσότερα σχετικά με τα εργαλεία wireframing, τα απαραίτητα χαρακτηριστικά τους και τα καλύτερα εργαλεία για wireframing.
Πίνακας περιεχομένων
Τι είναι ένα εργαλείο Wireframe;
Ακόμη και πριν το wireframe αφήσει το στίγμα του στον κόσμο του web design, υπήρχε εδώ και πολλά χρόνια. Η αρχική του χρήση μπορεί να εντοπιστεί σε λογισμικό CAD, όπου οι άνθρωποι το χρησιμοποιούσαν για να επεξηγήσουν εν συντομία τη σχεδίαση ενός αντικειμένου.
Στον ψηφιακό σχεδιασμό προϊόντων, το wireframing αναφέρεται στον οπτικό οδηγό ή το σχήμα σελίδας που αντιπροσωπεύει τη διαδικασία σχεδιασμού. Εμφανίζει έννοιες διάταξης σε επίπεδο σελίδας που εξηγούν τη συμπεριφορά, τη λειτουργικότητα και την προτεραιότητα περιεχομένου.
Ωστόσο, δεν περιλαμβάνει χρώματα, γραφικά, στυλ και διαδραστικά στοιχεία. Το εργαλείο wireframe είναι μια εφαρμογή που σας επιτρέπει να κάνετε wireframe χωρίς να χρειάζεται να το σχεδιάσετε χειροκίνητα σε χαρτί.
Ποιοι είναι οι σκοποί ενός εργαλείου Wireframe
Οπτική αναπαράσταση του χάρτη ιστότοπου
Δεδομένου ότι οι μεγάλοι χάρτες ιστότοπου μπορεί να φαίνονται αφηρημένοι, η δημιουργία ενός καλωδίου για αυτό μπορεί να τους μετατρέψει σε κάτι απτό. Διασφαλίζει επίσης ότι όλοι οι ενδιαφερόμενοι βρίσκονται στην ίδια σελίδα καθώς μπορούν να δουν την πρώτη συγκεκριμένη οπτική διαδικασία.
Διευκρίνιση Χαρακτηριστικών
Οι δυνατότητες που προσθέτετε σε έναν ιστότοπο ή μια εφαρμογή ενδέχεται να είναι γνωστές σε εσάς ως σχεδιαστή, αλλά όχι στους πελάτες σας από διαφορετικά υπόβαθρα. Με το wireframing, μπορείτε να τους ενημερώσετε πώς λειτουργούν ορισμένες λειτουργίες σε έναν ιστότοπο.
Προτεραιότητα στη χρηστικότητα
Είναι ένας από τους βασικούς σκοπούς της όλης διαδικασίας wireframing. Το Wireframe οδηγεί τη χρηστικότητα στο προσκήνιο των διατάξεων σελίδων, ώστε όλοι να μπορούν να επικεντρωθούν στην ευκολία χρήσης μιας εφαρμογής ή ενός ιστότοπου.
Εστιάζει στην επεκτασιμότητα
Ενώ σχεδιάζετε έργα για πελάτες που προσέχουν την ανάπτυξη και την επεκτασιμότητα, το wireframing είναι απαραίτητο. Με το wireframing, μπορείτε να προσδιορίσετε γρήγορα πώς ο ιστότοπος ή η εφαρμογή μπορεί να χειριστεί την αναβάθμιση του περιεχομένου. Σας επιτρέπει επίσης να προσαρμόζετε την ανάπτυξη χωρίς να παρεμποδίζετε τη χρηστικότητα του προϊόντος.
Εξοικονομεί χρόνο για την ολοκλήρωση του έργου
Ενώ πολλοί άνθρωποι μπορούν να πουν διαφορετικά, το wireframe εξοικονομεί χρόνο βοηθώντας σας να δημιουργήσετε υπολογισμένα σχέδια. Εφόσον η ομάδα κατανοεί ξεκάθαρα τι δημιουργεί, το έργο ανάπτυξης γίνεται ευκολότερο. Επιπλέον, σας γλιτώνει από παρεξηγήσεις στα μεταγενέστερα στάδια του έργου.
Κορυφαία χαρακτηριστικά των εργαλείων Wireframe
Ενώ μπορεί να πιστεύετε ότι ένα εργαλείο διαγράμματος ροής είναι αρκετό για τη διαμόρφωση καλωδίων, ένα καλό εργαλείο wireframe συνοδεύεται από πολλά πολύτιμα χαρακτηριστικά που ωφελούν πρωτίστως έναν σχεδιαστή ιστότοπου. Πριν χρησιμοποιήσετε οποιοδήποτε εργαλείο wireframe, φροντίστε να λάβετε υπόψη αυτές τις πτυχές:
#1. Διαισθητική διεπαφή χρήστη: Θα πρέπει να μπορείτε να πλοηγηθείτε στο εργαλείο απρόσκοπτα και άνετα.
#2. Υποστήριξη για ενσωματώσεις: Όταν επιλέγετε ένα εργαλείο wireframe, βεβαιωθείτε ότι μπορείτε να το ενσωματώσετε με άλλες εφαρμογές, όπως εργαλεία συνεργασίας και δοκιμών.
#3. Scalable Mockup Fidelity: Μια καλή εφαρμογή wireframe θα σας επιτρέψει να κάνετε κλιμάκωση από ένα βασικό μοντέλο χαμηλής πιστότητας σε πιο γραφικά σύνθετα mockup.
#4. Σχόλια και Συνεργασία: Χρησιμοποιώντας αυτήν την εφαρμογή, θα πρέπει να μπορείτε να συλλέγετε σχόλια από άλλους και να εργάζεστε σε συνεργασία μαζί τους.
#5. Διευκόλυνση εξαγωγής: Το εργαλείο πρέπει να σας επιτρέπει να εξάγετε το μοντέλο σας στη μορφή αρχείου που προτιμάτε για ομαλή συλλογική εργασία.
#6. Τιμή: Το λογισμικό πρέπει να είναι προσιτό για την ομάδα ή τον οργανισμό σας. Μπορείτε επίσης να επιλέξετε εργαλεία πλαισίωσης ανοιχτού κώδικα που μπορείτε να χρησιμοποιήσετε δωρεάν.
Τώρα, ήρθε η ώρα να μάθετε τα καλύτερα εργαλεία wireframe που πρέπει να χρησιμοποιούν οι σχεδιαστές:
Adobe XD
Ψάχνετε για ένα εργαλείο σχεδίασης all-in-one που σας επιτρέπει να δημιουργήσετε ένα wireframe και να συνεργαστείτε σε αυτό; Το Adobe XD είναι το βασικό εργαλείο για την οπτικοποίηση του wireframing. Τα διαισθητικά εργαλεία πλαισίωσης καλωδίων σάς επιτρέπουν να σχεδιάζετε πιο γρήγορα από ποτέ.
Είτε εργάζεστε σε εφαρμογές για κινητά, ιστότοπους ή πρότυπα email, η πλατφόρμα σάς επιτρέπει να κάνετε κλιμάκωση από χαμηλής πιστότητας σε υψηλή πιστότητα μαζί με την εξέλιξη των έργων σας. Μπορείτε να ξεχάσετε τη διπλότυπη ώθηση και την αλλαγή μεγέθους κατά τη δημιουργία ενός wireframe που εστιάζει στο περιεχόμενο με στοιχεία ελέγχου απόκρισης.
Επιπλέον, χρειάζονται δευτερόλεπτα για να δημιουργηθεί ένα wireframe από έναν κενό καμβά με το Adobe XD. Μπορείτε επίσης να μοιραστείτε το wireframe χρησιμοποιώντας έναν προσαρμοσμένο σύνδεσμο και να συλλέξετε τα απαραίτητα σχόλια για την πρόοδο του έργου.
Επίσης, ενσωματώνεται με δημοφιλείς εφαρμογές, όπως UserTesting, Confluence, Zoom, Miro, Slack, Microsoft Teams, Overflow και Stark.
MockFlow
Όσοι αναζητούν ένα εργαλείο για τη δημιουργία γρήγορου προγραμματισμού wireframe και διεπαφής χρήστη θα πρέπει να επιλέξουν το Mockflow. Αυτή η εφαρμογή έχει μια επίπεδη καμπύλη εκμάθησης, έτσι ώστε οι αρχάριοι και οι μη τεχνικοί χρήστες να μπορούν να τη μάθουν γρήγορα.
Παρέχει λειτουργίες όπως SSO, SSL και ασφαλή κοινή χρήση για λόγους ασφαλείας. Ως εκ τούτου, εάν εργάζεστε σε ένα έργο κρίσιμο για την αποστολή, τίποτα δεν μπορεί να είναι καλύτερο από αυτό το εργαλείο.
Χρησιμοποιώντας αυτό το εργαλείο, η ομάδα σας μπορεί να συνεργαστεί με οργανωμένο τρόπο. Σας επιτρέπει να ταξινομείτε και να αποθηκεύετε έργα σε εύκολα προσβάσιμους πολλούς φακέλους και υποσελίδες. Επιπλέον, μπορείτε να επιτρέψετε μεμονωμένα δικαιώματα χρήστη (διαχειριστής, έλεγχος, επεξεργασία) στους συναδέλφους σας.
Οι σχεδιαστές μπορούν επίσης να μετατρέψουν καλώδια σε ελκυστικές παρουσιάσεις χρησιμοποιώντας την ίδια πλατφόρμα που προσφέρει δυνατότητες όπως η προσθήκη εφέ και η δημιουργία διατάξεων διαφανειών. Η ιδιότητα του ιστορικού αναθεωρήσεων είναι ιδανική για την παρακολούθηση όλων των αλλαγών που έγιναν στο σχέδιο του wireframe.
Moqups
Το Moqups είναι ένα ιδανικό εργαλείο UX που βασίζεται στον ιστό για απομακρυσμένες ομάδες που τους επιτρέπει να δημιουργούν γρήγορα wireframes και να συνεργάζονται στο διαδίκτυο. Το φιλικό προς τον χρήστη GUI είναι η τέλεια επιλογή για το σχεδιασμό διεπαφών για ιστοσελίδες και εφαρμογές για κινητά.
Κάποιος μπορεί να επιλέξει από την εκτενή συλλογή προτύπων διεπαφής χρήστη για να ξεκινήσει το ενσύρματο πλαίσιο και στη συνέχεια να το προσαρμόσει για τα έργα του, όπως το ηλεκτρονικό εμπόριο. Οι σχεδιαστές μπορούν επίσης να χρησιμοποιήσουν προκατασκευασμένα στοιχεία διεπαφής χρήστη μέσω της δυνατότητας μεταφοράς και απόθεσης για να δημιουργήσουν βολικά ένα wireframe.
Υποστηρίζει επίσης την ενοποίηση με τα Jira, Google Drive, Confluence, Dropbox, Slack και Trello για μια πλήρως ενσωματωμένη ροή εργασίας. Μπορείτε να μετατρέψετε από χαμηλής πιστότητας σε υψηλής πιστότητας χωρίς προβλήματα και να ολοκληρώσετε τη σχεδίαση χρησιμοποιώντας μια απλοποιημένη διαδικασία αυτού του λογισμικού.
Εκτός από τα αγγλικά, το Moqups είναι διαθέσιμο στα γερμανικά, ιταλικά, κορεάτικα και ισπανικά. Ως εκ τούτου, μπορείτε να χρησιμοποιήσετε αβίαστα αυτό το εργαλείο ακόμα κι αν δεν μιλάτε αγγλικά.
Figma
Το Figma είναι ένα δωρεάν εργαλείο wireframe που βασίζεται σε σύννεφο που μπορείτε να χρησιμοποιήσετε για να επικοινωνήσετε οπτικά τις ιδέες σχεδίασης με τους ενδιαφερόμενους και να λάβετε σχόλια από αυτούς. Χρησιμοποιώντας τη δυνατότητα μεταφοράς και απόθεσης, μπορείτε να σχεδιάσετε γρήγορα εφαρμογές στη διαισθητική και επεκτατική διεπαφή του.
Ειδικά αν έχετε μια ολόκληρη ομάδα που εργάζεται σε ένα μόνο έργο, αυτή η πλατφόρμα θα είναι χρήσιμη, καθώς σας επιτρέπει να δημιουργήσετε πολλά σχέδια σε ένα έργο. Μπορείτε να ανοίξετε αυτήν την εφαρμογή που βασίζεται στον ιστό σε οποιαδήποτε πλατφόρμα, συμπεριλαμβανομένων των Windows, Mac και Linux.
Οι σχεδιαστές μπορούν να εργαστούν στον διαδικτυακό πίνακα της FIGJAM για να αναπτύξουν διαγράμματα και χάρτες τοποθεσιών.
Το εργαλείο διαθέτει επίσης το στοιχείο αυτόματης διάταξης που μπορείτε να τεντώσετε κάθετα ή οριζόντια για να δημιουργήσετε μια σχεδίαση με απόκριση. Η δυνατότητα τροφοδοσίας με βάση τα συμφραζόμενα επιτρέπει στους συναδέλφους σας να ρίχνουν σχόλια απευθείας στα καλώδια σας για άμεση ανατροφοδότηση.
Balsamiq
Το Balsamiq προσφέρει ένα εργαλείο wireframing που κάνει τη δουλειά σας στον σχεδιασμό ιστού διασκεδαστική. Εδώ, μπορείτε να οπτικοποιήσετε τις ιδέες σας για τη διεπαφή χρήστη και να βεβαιωθείτε ότι όλοι οι ενδιαφερόμενοι βρίσκονται στην ίδια σελίδα.
Είναι μια εφαρμογή ενσύρματης πλαισίωσης διεπαφής χρήστη χαμηλής πιστότητας όπου μπορείτε να ζήσετε την εμπειρία σχεδίασης σε λευκό πίνακα ή σημειωματάριο αλλά με υπολογιστή. Μερικά από τα κορυφαία χαρακτηριστικά του περιλαμβάνουν επεξεργασία μεταφοράς και απόθεσης, δημιουργία προτύπων, επαναχρησιμοποιήσιμη βιβλιοθήκη στοιχείων κ.λπ.
Οι σχεδιαστές δεν χρειάζεται να ασχολούνται με τα χρώματα και τα γραφικά στα αρχικά στάδια, καθώς το wireframing σάς επιτρέπει να εστιάσετε στη δομή και το περιεχόμενο στην εφαρμογή και την ιστοσελίδα. Με το Balsamiq, μπορεί κανείς να απαλλαγεί γρήγορα από τις κακές ιδέες, καθώς δημιουργούν περισσότερες νέες ιδέες.
Wireframe.cc
Το Wireframe.cc είναι ένα ιδανικό εργαλείο για σχεδιαστές που αναζητούν ένα απλό και αποτελεσματικό εργαλείο καλωδίωσης για ιστότοπους ή εφαρμογές για κινητά. Η διασύνδεσή του χωρίς ακαταστασία είναι εύκολη στη χρήση και μπορείτε να έχετε πρόσβαση σε αυτό το εργαλείο από οπουδήποτε λόγω της δυνατότητας που βασίζεται στον ιστό.
Η σχεδίαση στο Wireframe.cc είναι απρόσκοπτη, καθώς μπορείτε να ξεκινήσετε να εργάζεστε με τον κέρσορα του ποντικιού ή ένα στένσιλ από ένα αναδυόμενο μενού. Κατά την επεξεργασία ενός wireframe, μπορείτε να κλειδώσετε και να ξεκλειδώσετε στοιχεία για τη διευκόλυνσή σας. Δεδομένου ότι εστιάζει σε ενσύρματο πλαίσιο χαμηλής πιστότητας, η δυνατότητα δημιουργίας πρωτοτύπων δεν είναι διαθέσιμη.
Τα καλώδια που δημιουργείτε σε αυτήν την πλατφόρμα μπορούν να εξαχθούν. Μπορείτε να τα μεταφέρετε ως ένα μόνο αρχείο PDF ή πολλά αρχεία PNG. Επίσης, η πλατφόρμα υποστηρίζει την εξαγωγή επιλεκτικών αρχείων ή όλων των σελίδων ως αρχείο ZIP.
Σχεδιαστής
Το Framer είναι ένα άλλο εργαλείο wireframe που βασίζεται στο web σε αυτήν τη λίστα, ιδανικό για τη δημιουργία πρωτοτύπων. Το ολοκληρωμένο σύνολο χαρακτηριστικών του είναι επωφελές για όλους τους σχεδιαστές που εργάζονται σε πλατφόρμες Windows και Mac. Έχει έναν καμβά ελεύθερης μορφής όπου μπορείτε να δημιουργήσετε το wireframe χωρίς καμία ταλαιπωρία.
Μιλώντας για την κοινή χρήση και την παρουσίαση του wireframe, μπορείτε να το κάνετε με την απρόσκοπτη κοινή χρήση συνδέσμων. Μπορείτε να εισαγάγετε τις αγαπημένες σας γραμματοσειρές και να τις χρησιμοποιήσετε κατά τη δημιουργία του wireframe. Οι σχεδιαστές μπορούν επίσης να βελτιώσουν την εμφάνιση των καλωδίων τους χρησιμοποιώντας διάφορα διαδραστικά στοιχεία που είναι διαθέσιμα σε αυτήν την πλατφόρμα.
Lucidchart
Το Lucidchart είναι μια εφαρμογή λογισμικού wireframe για σχεδιαστές και διαχειριστές προϊόντων που θέλουν να οπτικοποιήσουν τη διεπαφή της εφαρμογής ή τη δομή και τη διάταξη της ιστοσελίδας. Η δυνατότητα μεταφοράς και απόθεσης σάς επιτρέπει να τακτοποιήσετε εύκολα κάθε ενότητα διεπαφής σε κινητό, tablet ή υπολογιστή.
Καθώς χρησιμοποιείτε αυτήν την πλατφόρμα, ο σχεδιασμός του σκελετικού πλαισίου γίνεται μια βόλτα στο πάρκο. Μπορείτε να χρησιμοποιήσετε επίπεδα, συνδέσμους και hotspot για να οπτικοποιήσετε διάφορες πτυχές του σχεδιασμού σας. Η βιβλιοθήκη σχημάτων διεπαφής χρήστη προσφέρει πολυάριθμους επεξεργαστές κειμένου, πλαίσια αναζήτησης, ακορντεόν, εικονίδια χαρτών τοποθεσίας και ψίχουλα για όλες τις συσκευές.
Επιπλέον, τα ενδιαφερόμενα μέρη μπορούν να παρέχουν σχόλια σχολιάζοντας απευθείας ή χρησιμοποιώντας συνομιλία στο πρόγραμμα επεξεργασίας. Το Lucidchart επιτρέπει επίσης την παρουσίαση της γυαλισμένης έκδοσης των wireframes στους πελάτες χρησιμοποιώντας τη λειτουργία παρουσίασης ή την ενσωμάτωση των Παρουσιάσεων Google. Μπορείτε να περιηγηθείτε στη συλλογή προτύπων του για να βρείτε ένα πρότυπο κατάλληλο για το έργο σας.
Σκίτσο
Το Sketch είναι μια ελαφριά πλατφόρμα wireframe με μια απίστευτη λίστα χαρακτηριστικών. Αυτό το εργαλείο που βασίζεται σε σύννεφο είναι επίσης κατάλληλο για επικοινωνία με ενδιαφερόμενους φορείς. Η διαισθητική δυνατότητα μεταφοράς και απόθεσης κάνει την επεξεργασία εύκολη δουλειά.
Οι σχεδιαστές μπορούν να δημιουργήσουν επαναχρησιμοποιήσιμα στοιχεία χρησιμοποιώντας Sketch Symbols και να ευθυγραμμίσουν τα στοιχεία με ακρίβεια με τους Smart Guides. Μπορείτε επίσης να αυξήσετε τη λειτουργικότητα αυτής της πολλαπλής εφαρμογής χρησιμοποιώντας προσθήκες και ενσωματώσεις εργαλείων τρίτων.
Το Sketch επιτρέπει επίσης τη συνεργασία σε πραγματικό χρόνο μεταξύ των συμπαικτών στο ίδιο αρχείο Sketch για συνεπεξεργασία. Η λειτουργία Sketch Assistant λειτουργεί επίσης για να κάνει το σχεδιασμό σας χωρίς σφάλματα, ανιχνεύοντας επίπεδα που λείπουν και ανεπαρκή αντίθεση.
Justinmind
Το Justinmind είναι μια πρακτική εφαρμογή wireframing για σχεδιαστές UX/UI όπου μπορείτε να δημιουργήσετε δωρεάν ολοκληρωμένα wireframes. Μπορείτε επίσης να προσθέσετε οποιονδήποτε αριθμό συμπαικτών σε αυτήν την πλατφόρμα. Εκτός από τα βασικά καλώδια, αυτή η πλατφόρμα είναι επίσης κατάλληλη για την ανάπτυξη διαδραστικών πρωτοτύπων.
Οι σχεδιαστές μπορούν να δοκιμάσουν τις επαναχρησιμοποιήσιμες ομάδες προτύπων για την ενσύρματη διαμόρφωση του ιστότοπου και να τον διακοσμήσουν με τα στοιχεία διεπαφής χρήστη που έχουν δημιουργηθεί μόνοι τους. Επιταχύνει τη διαδικασία wireframing προσφέροντας μια εκτενή συλλογή από ενσωματωμένα κιτ διεπαφής χρήστη και πόρους σχεδιασμού.
Το Justinmind υποστηρίζει την ενοποίηση με εργαλεία όπως το Adobe XD και το Sketch για ανάπτυξη και δοκιμή. Τα διαδραστικά καλώδια που δημιουργούνται με αυτό το εργαλείο μπορούν επίσης να προβληθούν και να δοκιμαστούν.
UXPin
Το UXPin είναι ιδιαίτερα δημοφιλές μεταξύ των σχεδιαστών που θέλουν να δημιουργήσουν διαδραστικά καλώδια και να σχεδιάζουν ροές χρησιμοποιώντας την ελάχιστη προσπάθεια. Αυτή η πλατφόρμα προσφέρει σχεδιασμό που βασίζεται σε κώδικα και προκατασκευασμένα στοιχεία διεπαφής χρήστη για να επιταχύνει τη διαδικασία ανάπτυξης.
Αυτό το εργαλείο επιτρέπει στους σχεδιαστές να δουν εάν το σχέδιό τους κινείται προς τη σωστή κατεύθυνση. Εκτός από την γρήγορη επαλήθευση των ιδεών σας, σας επιτρέπει να επαναλάβετε τη σχεδίαση και να γυαλίσετε το UX του ιστότοπου ή της εφαρμογής σας εφαρμόζοντας τα σχόλια.
Τα στοιχεία διεπαφής χρήστη του UXPin δίνουν τη δυνατότητα στους χρήστες να παραμένουν συνεπείς σε όλα τα έργα. Μπορούν να δημιουργήσουν μοτίβα και λεπτομέρειες UX, να τα αποθηκεύσουν σε βιβλιοθήκες και να τα μοιραστούν με όλα τα μέλη της ομάδας. Είναι επίσης το τέλειο κατάλληλο για ομαδική συνεργασία.
Ανακεφαλαίωση
Είτε πρόκειται να δημιουργήσετε έναν ιστότοπο είτε μια εφαρμογή, τα εργαλεία wireframing σάς βοηθούν να μετρήσετε την πιθανή εμπειρία χρήστη στο αρχικό στάδιο. Τώρα που έχετε μπροστά σας τη λίστα με τα καλύτερα εργαλεία καλωδίωσης, η επιλογή ενός με βάση τις ανάγκες σας είναι παιχνιδάκι.
Ωστόσο, να θυμάστε ότι αυτά τα εργαλεία από μόνα τους είναι ανεπαρκή για τη δημιουργία ενός αποτελεσματικού προϊόντος. Θα βοηθούσε αν λαμβάνατε υπόψη άλλες ζωτικής σημασίας πτυχές, όπως οι τάσεις της διάταξης και του σχεδιασμού.