Ανάπτυξη εφαρμογών για κινητά χρησιμοποιώντας το Adobe XD: 5 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:34

Γεια σας, όλοι! Είμαι η Ελίζαμπεθ Κάσερεκ, τελειόφοιτη λυκείου και δημιούργησα αυτό το διδακτικό γιατί παρατήρησα μια τρύπα σε αυτήν την πλατφόρμα που χρησιμοποιείται ευρέως και θα μπορούσα να γεμίσω. Θα μου άρεσε πολύ αυτό το είδος οδηγού όταν ξεκίνησα το ετήσιο ερευνητικό μου έργο για την ανάπτυξη λογισμικού UI/UX/EX αλλά δυστυχώς έπρεπε να βρω τον δύσκολο τρόπο να σχεδιάσω μια εφαρμογή. Αυτό το διδακτικό απευθύνεται τόσο στους σπασίκλες της πληροφορικής όσο και στους χομπίστες. Έτσι, αν νομίζετε ότι έχετε μια εξαιρετική ιδέα, αλλά δεν έχετε την παραμικρή ιδέα πώς να την εκτελέσετε, ρίξτε μια ματιά σε αυτό.

Βήμα 1: Σχέδιο έργου

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

• Τι θέλετε να κάνει συγκεκριμένα η εφαρμογή σας (αυτό με κράτησε στο "πεδίο της πρακτικής μου")
• Ποιο είναι το επιδιωκόμενο κοινό
• Εάν υπάρχουν νομικές επιπτώσεις (το δικό μου ήταν ιατρική εφαρμογή)
• Οτιδήποτε άλλο πιστεύετε ότι θα χρειαστεί να περιγράψετε για να σας κρατήσει στην εργασία.

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

(Σημειώστε ότι αυτή είναι βασικά η περιγραφή της εφαρμογής σας για το κατάστημα εφαρμογών! Βαθμολογήστε!)

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

Βήμα 2: Έρευνα, Νομική και Ανάπτυξη

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

Αυτό είναι το βήμα όπου αποφασίζετε εάν θέλετε να γράψετε τον κώδικα από την αρχή ή να χρησιμοποιήσετε έναν από τους πολλούς ιστότοπους σύνταξης εφαρμογών για κινητά. Εγώ προσωπικά ξεκίνησα νομίζοντας ότι "θα χρησιμοποιήσω τις προηγμένες μου ικανότητες" στην Java για να αναπτύξω αυτήν την εφαρμογή επειδή φανταζόμουν ότι θα ήταν ευκολότερο από το να μάθω να χρησιμοποιώ μια εφαρμογή δημιουργίας εφαρμογών. Αυτό κατέληξε να είναι ένας πολύ αναποτελεσματικός και άβολος τρόπος για να δημιουργήσω την εφαρμογή μου, πράγμα που με έκανε να καταλήξω στην πραγματικότητα να μεταβώ στο Adobe XD. Συνιστώ ανεπιφύλακτα να το εξετάσετε ως τον κύριο εποικοδομητικό τρόπο απεικόνισης της εφαρμογής σας οπτικά με φιλική προς το χρήστη πρωτότυπο. Παρόλο που αυτό δεν είναι μια αρχή για να τελειώσει ο τέλειος δημιουργός εφαρμογών, λειτουργεί καλά για να χτίσει τα κόκκαλα της εφαρμογής σας, ώστε να μπορείτε εύκολα να παραδώσετε το προκαταρκτικό σας σχέδιο σε έναν επαγγελματία προγραμματιστή (κατά προτίμηση σε κάποιον που έχει τα δικαιώματα μεταφόρτωσης στο iTunes store και κατάστημα Google Play.) Τονίζω αυτό για να σας ενημερώσω ότι εάν χρησιμοποιείτε το XD, ενώ είναι πολύ χρήσιμο για προγραμματισμό, η εφαρμογή δεν θα είναι έτοιμη για μεταφόρτωση σε καταστήματα.

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

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

Βήμα 3: Εφαρμογή προγραμματιστή (προαιρετικό)

Τώρα αν θέλετε να γίνετε επίσημα προγραμματιστής με πρόσβαση στο iTunes store, θα πρέπει να συμπληρώσετε την αίτηση το συντομότερο δυνατό (Υπάρχει χρέωση 99 $ που σχετίζεται με την κατάθεση αυτής της εφαρμογής). Η διαδικασία αίτησής τους διαρκεί λίγο μέχρι να γίνετε αποδεκτοί. Θα ήταν πολύ γρήγορο εάν υποβάλατε αίτηση για προγραμματιστή της Apple σε αυτό το σημείο και περάσετε από τη διαδικασία αναμονής ενώ εξακολουθείτε να δημιουργείτε την εφαρμογή σας.

developer.apple.com/programs/

Βήμα 4: Κωδικοποίηση λογισμικού

Τώρα που ολοκληρώσατε την έρευνα πίσω από το έργο σας, ήρθε η ώρα να ξεκινήσετε την κωδικοποίηση στο Adobe XD.

1. Καταρχάς. Θέλετε να ακολουθήσετε κάθε βήμα του σεμιναρίου (δεν είμαι από μακροχρόνια μαθήματα, αλλά αυτό είναι επιτακτικό για την επιτυχία σας με αυτήν την εφαρμογή, το υπόσχομαι).
2. Βεβαιωθείτε ότι έχετε κατανοήσει πώς μπορείτε να προσθέσετε κείμενο, σελίδες, εικόνες, να διαγράψετε αντικείμενα, να αναδιατάξετε τις οθόνες, ακόμα και πώς να συνδέσετε τις σελίδες σας.
3. Μόλις τελειώσετε και κατανοήσετε τα σχοινιά, μπορείτε επιτέλους να ξεκινήσετε τη σύνταξη και την κωδικοποίηση της εφαρμογής σας, τη δοκιμή του πρωτοτύπου και τα ζητήματα εντοπισμού σφαλμάτων!

Σε αυτό το σημείο, μπορείτε να αρχίσετε να χρησιμοποιείτε μερικές από τις έρευνες που έχω βρει σχετικά με διάφορα εργαλεία και πώς να δημιουργήσετε ορισμένα πράγματα με το Adobe creator για να βελτιώσετε την εφαρμογή σας. Ωστόσο, σίγουρα συνιστώ να μπείτε στη γραμμή αναζήτησης για να αναζητήσετε συγκεκριμένα στοιχεία που είναι μοναδικά για το έργο σας.

Βήμα 5: Τελικό τέντωμα/ ανάπτυξη

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