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

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

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

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

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

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

Σχεδιάστε τη βοήθεια inline που μπορείτε να προβάλλετε χωρίς να αφήσετε τη διεπαφή εφαρμογής

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

Ενώ με τις παραδοσιακές εφαρμογές έχετε την πολυτέλεια ενός εγχειριδίου χρήστη που οι χρήστες μπορούν να συμβουλεύονται όταν υπάρχει κάποιο πρόβλημα, οι εφαρμογές ιστού πρέπει συνήθως να παρέχουν όλη τη βοήθεια ως τμήμα του ιστότοπου (και συνήθως κάνουν κακή δουλειά του!). Προσπαθήστε να χρησιμοποιήσετε τις συμβουλές εργαλείων, τα αναδυόμενα παράθυρα, τα modals και εάν πρέπει να διαχωρίσετε τις εξωτερικές σελίδες για πληροφορίες σχετικά με τη βοήθεια, χρησιμοποιήστε τουλάχιστον τη μέθοδο target = "_ blank" .

Χρησιμοποιήστε ισχυρό χειρισμό σφαλμάτων

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

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

Προτεινόμενη εικόνα, Εικόνα σχεδιασμού UI μέσω Shutterstock.