Η διαφορά μεταξύ της βασικής ιδέας του UI / UX Design μεταξύ της ενσύρματης οθόνης και του πρωτοτύπου

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

Τι είναι μια κάρτα SIM;

Το Wefeframe είναι ένα απλό αλλά χαμηλού επιπέδου σχέδιο με 3 σχέδια χαμηλού επιπέδου:

1. Παρέχει ένα βασικό σύνολο δεδομένων

2. Σχεδιάστε μια δομή και διάταξη

3. Προβολή και περιγραφή διεπαφής χρήστη

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

Οπτικά χαρακτηριστικά ενσύρματου καλωδίου

Η ενσύρματη οθόνη έχει πολύ ξεκάθαρους οπτικούς περιορισμούς. Γενικά, οι σχεδιαστές πρέπει να χρησιμοποιούν μόνο γραμμές, κιβώτια και γκρι για εκτέλεση (διαφορετικά γκρι σημαίνει διαφορετικά επίπεδα).

Απλά καλώδια φορέα

Τα απλά σύμβήματα περιλαμβάνουν εικόνες, βίντεο και κείμενο

Πλεονεκτήματα της καλωδίωσης

Η καλωδίωση είναι γρήγορη και φθηνή, ειδικά αν χρησιμοποιείτε εργαλεία πρωτοτύπων όπως UXPin, Mockplus, Balsamiq και Axure. Φυσικά, πρέπει να χρησιμοποιήσετε αυτά τα εργαλεία για να το κάνετε αυτό εξαρχής.

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

Διαδραστική Συμφωνία

Περιστασιακά, οι σχεδιαστές προτιμούν να βελτιώσουν την αξιοπιστία των καλωδίων για να ενισχύσουν τη σημασία της διασύνδεσης χρήστη από ορισμένες απόψεις και να αποδείξουν τη λογική της διαλειτουργικότητας μεταξύ των στιγμιαίων δοκιμών και των οπτικών στοιχείων. Για την σωστή επίλυση αυτών των προβλημάτων, το πρόγραμμα χρησιμοποιεί ένα διαδραστικό συμβόλαιο, γνωστό και ως εκτυπωμένο τεμπράμ.

Αν θέλετε να δημιουργήσετε ένα τέτοιο περίπλοκο καλώδιο, θα χρειαστείτε ένα UXPin, το οποίο είναι ένα εργαλείο για την εγκατάσταση και την παραγωγή πρωτοτύπων καλωδίων. Η δημιουργία ενός διαδραστικού πρωτοτύπου μπορεί να είναι η καλύτερη παρουσίαση για μια αναπτυσσόμενη ομάδα και πελάτες. Ρωτάτε: "Τι συμβαίνει όταν πατάω αυτό το κουμπί;" Όταν αντιμετωπίζετε κάποιο πρόβλημα, πρέπει να κάνετε κλικ και να δείξετε στους πελάτες πώς να αλληλεπιδράσουν με το διαδραστικό πρωτότυπο. Στην πραγματικότητα, είναι εντυπωσιακό και άμεσο.

Προσέξτε προσεκτικά το καλώδιο

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

Αυτή είναι η ροή εργασίας του χρήστη app που δημιουργήθηκε από τον Fernando Guillen. Φυσικά, αυτό είναι αναμφίβολα μια πρόωρη έκδοση του σχεδιασμού.

Το ντουλάπι είναι το πιο σημαντικό μέρος του σχεδιασμού. Όταν εξετάζετε αυτό το διάγραμμα, καταλαβαίνετε ότι χρειάζεται χρόνος για να εξηγήσετε γιατί ονομάζεται σύμφραμο και γιατί πρέπει να χρησιμοποιήσουμε symphram. Ή απλά παραλείψτε αυτό το βήμα.

Πρωτότυπο

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

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

Οπτικά χαρακτηριστικά του πρωτοτύπου

Προφανώς, το πρωτότυπο πρέπει να έχει τα αισθητικά χαρακτηριστικά του προϊόντος και να προσπαθήσει να ταιριάξει με την τελευταία έκδοση. Βασικά, αυτό είναι ένα δέρμα προϊόντος που δεν έχει HTML / CSS / JS και δεν χρειάζεται να περιηγηθείτε στο διακομιστή και στη βάση δεδομένων.

Το πλεονέκτημα του πρωτοτύπου

Γιατί είναι τόσο σημαντικό; Το πρωτότυπο χρησιμοποιείται συνήθως από τους χρήστες για δοκιμές προϊόντων. Η δοκιμή του πρωτοτύπου μπορεί να εξοικονομήσει κόστος και χρόνο σε πολύ πρώιμο στάδιο. Επομένως, η αρχιτεκτονική του προϊόντος δεν μειώνεται λόγω της παράλογης αλληλεπίδρασης αλληλεπίδρασης. Έτσι, το πρωτότυπο είναι το τέλειο επίτευγμα για τους σχεδιαστές και τους προγραμματιστές να δοκιμάσουν το προϊόν.

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

Ροή σχεδιασμού

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

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

Συμβουλές

Κατά τη δημιουργία του Wireframe, δοκιμάστε να χρησιμοποιήσετε επεξεργάσιμα στοιχεία και επαναχρησιμοποιήσιμα στοιχεία. Σε αυτήν την περίπτωση, θα συνεχίσετε να καθαρίζετε τα στοιχεία για να εκτελέσετε πρωτότυπα με βάση τα απλά καλώδια.

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

Χρησιμοποιήστε το πιο βολικό εργαλείο.

UXPin

UXPin

Το UXPin έχει δημιουργήσει πάνω από 900 διαφορετικά στοιχεία UI, ώστε να μπορείτε να δημιουργείτε καλώδια και πρωτότυπα.

Proto.io

Proto.io

Το Proto.io είναι ένα πολύ ισχυρό εργαλείο δημιουργίας πρωτοτύπων και μπορεί να εξάγει κώδικα HTML / CSS βασισμένο σε πρωτότυπο και διαδραστικό πρωτότυπο για την οθόνη αφής, επιτρέποντας στους χρήστες να το δοκιμάσουν σε πραγματικές συσκευές.

Βαλσάμικο

Βαλσάμικο

Δημοφιλής, το r είναι μια μακροχρόνια συσκευή μόνο για καλώδιο για ακίνητα telframe.

Moqups

Moqups

Αυτό το εργαλείο υποστηρίζει την άμεση υλοποίηση τηλε-πλαισίου στο διαδίκτυο.

Mockplus

Mockplus

Το Mockplus είναι ένα πρωτοποριακό εργαλείο πρωτοτύπου για γρήγορο θόρυβο, γρήγορο σχεδιασμό και γρήγορη προβολή. Σας επιτρέπει να δημιουργείτε κινητές συσκευές για κινητά (Android και iOS), επιφάνεια εργασίας (PC και Mac) και εφαρμογές ιστού.

Ανταπόκριση

Ανταπόκριση

Χρειαζόμαστε περισσότερη εφαρμογή αυτού του εργαλείου ως τις πιο δημοφιλείς επεκτάσεις καλωδίων και εργαλεία σχεδιασμού πρωτοτύπων; Δεν το νομίζω.

Protoshare

Protoshare

Αυτό το εργαλείο μπορεί επίσης να δημιουργήσει κάρτες SIM και πρωτότυπα στο Διαδίκτυο.

InvisionApp

Προβολή

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

Αρχική δημοσίευση: http://www.mockplus.com/blog/post/basic-uiux-design-concept-difference-between-wireframe-prototype