Ένα website οργανώνει κυρίως πληροφορίες που χρειάζεται να βρει και να καταλάβει ο επισκέπτης. Μια web application, ή web app, επιτρέπει να ολοκληρώσει εργασίες με κανόνες, δεδομένα και διαφορετικές καταστάσεις. Η διάκριση δεν είναι απόλυτη: ένα εταιρικό website μπορεί να περιλαμβάνει μια εφαρμογή κρατήσεων. Επιλέξτε με βάση τη δουλειά που πρέπει να ολοκληρωθεί και τους ανθρώπους που θα τη χειρίζονται.
Αν ο πελάτης χρειάζεται να δει τις υπηρεσίες σας, να εξετάσει έργα και να επικοινωνήσει, ξεκινήστε από μια οργανωμένη ιστοσελίδα. Αν πρέπει να παρακολουθεί αιτήματα, να εγκρίνει ενέργειες ή να συνεργάζεται με την ομάδα σας πάνω στα ίδια δεδομένα, εξετάστε μια εφαρμογή web. Στην προσφορά πρέπει να φαίνεται ποια συγκεκριμένη διαδικασία καλύπτει κάθε λύση.
Ποια είναι η διαφορά website και web app;
Το website, ή ιστοσελίδα, περιλαμβάνει σελίδες περιεχομένου που ανοίγουν σε έναν browser. Μπορεί να έχει άρθρα, κατάλογο προϊόντων, αναζήτηση, φόρμες και δυναμικό περιεχόμενο που ενημερώνεται από CMS. Η παρουσία μιας φόρμας ή μιας βάσης δεδομένων δεν το μετατρέπει αυτομάτως σε σύνθετη εφαρμογή.
Μια web application, ή διαδικτυακή εφαρμογή, είναι λογισμικό που χρησιμοποιείται μέσω browser για συγκεκριμένες εργασίες. Ένα σύστημα διαχείρισης αιτημάτων μπορεί να αποθηκεύει ιστορικό, να δίνει διαφορετικά δικαιώματα σε πελάτες και υπαλλήλους και να επιτρέπει αλλαγές κατάστασης. Η αξία του κρίνεται από το αν ο χρήστης ολοκληρώνει σωστά την εργασία του.
Και οι δύο λύσεις μπορούν να χρησιμοποιούν HTML, CSS, JavaScript και υποδομή στον server. Η εισαγωγή του MDN στην επικοινωνία client και server εξηγεί πώς ο browser στέλνει αιτήματα και ο διακομιστής επιστρέφει απαντήσεις. Η επιλογή τεχνολογίας ακολουθεί τις απαιτήσεις του έργου, όχι τον τίτλο του.
Πότε αρκεί μια εταιρική ιστοσελίδα;
Μια εταιρική ιστοσελίδα είναι κατάλληλη όταν η κύρια διαδρομή αφορά ενημέρωση και επικοινωνία. Ο ενδιαφερόμενος καταλαβαίνει τι προσφέρετε, βρίσκει απαντήσεις στις απορίες του και στέλνει ένα αίτημα. Η ομάδα σας μπορεί να συνεχίσει την εξυπηρέτηση με μια ήδη λειτουργική εσωτερική διαδικασία.
Για παράδειγμα, μια φόρμα ενδιαφέροντος για υπηρεσία μπορεί να αρκεί όταν τα αιτήματα εξετάζονται χειροκίνητα. Δεν χρειάζεται υποχρεωτικά λογαριασμός πελάτη, dashboard ή ειδική πλατφόρμα. Χρειάζεται όμως να έχει οριστεί ποιος λαμβάνει το αίτημα και πώς απαντά.
Η κατασκευή ιστοσελίδων καλύπτει αυτή τη δημόσια παρουσία. Το περιεχόμενο, η πλοήγηση και η εμπειρία στο κινητό πρέπει να βοηθούν τον επισκέπτη να φτάσει στην ενέργεια που χρειάζεται, χωρίς περιττά βήματα.
Για μια περιορισμένη δημόσια παρουσία, δείτε και τη λύση κατασκευής ιστοσελίδας. Ελέγξτε το συμφωνημένο εύρος πριν την επιλέξετε: μια πρόταση για εταιρικό site δεν πρέπει να θεωρείται πρόταση για ειδική πλατφόρμα με λογαριασμούς και διαδικασίες πελατών.
Πότε χρειάζεται μια web εφαρμογή;
Εξετάστε web application όταν η ίδια εργασία επαναλαμβάνεται, οι εγγραφές αλλάζουν κατάσταση και περισσότεροι άνθρωποι χρειάζονται κοινή εικόνα. Καταγράψτε συγκεκριμένες ενέργειες αντί για αφηρημένες δυνατότητες όπως «έξυπνη πλατφόρμα» ή «dashboard».
Σε ένα ενδεικτικό σύστημα συντήρησης εξοπλισμού, ο πελάτης δηλώνει μια βλάβη, ο υπεύθυνος αναθέτει τεχνικό και ο τεχνικός καταγράφει την ολοκλήρωση. Η αίτηση περνά από διαφορετικές καταστάσεις και κάθε ρόλος έχει διαφορετική ευθύνη. Αν λείπει ανταλλακτικό, η εργασία πρέπει να παραμένει σε εκκρεμότητα και να είναι σαφές ποιος αναλαμβάνει το επόμενο βήμα.
Οι web εφαρμογές και τα ψηφιακά εργαλεία σχεδιάζονται γύρω από αυτές τις διαδικασίες. Στο brief πρέπει να περιλαμβάνονται η βασική διαδρομή, οι εξαιρέσεις και οι άνθρωποι που θα τη χρησιμοποιούν.
Παραδείγματα web apps σε καθημερινές εργασίες
Σκεφτείτε τη διαφορά ανάμεσα σε έναν κατάλογο προϊόντων και σε μια εφαρμογή παραγγελιών. Ο κατάλογος παρουσιάζει πληροφορίες. Ένα eshop προσθέτει καλάθι, αποθέματα, πληρωμή και κατάσταση παραγγελίας, άρα ενσωματώνει λειτουργίες εφαρμογής. Αντίστοιχα, μια σελίδα με διαθέσιμα ραντεβού ενημερώνει, ενώ ένα σύστημα που δεσμεύει ώρα και χειρίζεται ακυρώσεις υποστηρίζει μια διαδικασία.
Οι web apps μπορούν επίσης να οργανώνουν εργασίες που σήμερα γίνονται με email και αρχεία. Αυτό δεν σημαίνει ότι κάθε επιχείρηση χρειάζεται δική της πλατφόρμα. Εξετάστε πρώτα αν τα διαθέσιμα εργαλεία καλύπτουν τους κανόνες σας και αν η προτεινόμενη ανάπτυξη λύνει συγκεκριμένο πρόβλημα.
Website ή web app: πέντε κριτήρια επιλογής
1. Η εργασία του χρήστη
Περιγράψτε έναν άνθρωπο και μία ενέργεια: «ο πελάτης βλέπει τις εκκρεμείς παραγγελίες του» ή «ο υπεύθυνος εγκρίνει ένα αίτημα». Αν η ανάγκη καλύπτεται με σαφές περιεχόμενο και επικοινωνία, το website μπορεί να αρκεί. Αν χρειάζονται ενημερώσεις σε κοινά δεδομένα, καταγράψτε τους κανόνες της εφαρμογής.
2. Λογαριασμοί και δικαιώματα
Μην προσθέτετε λογαριασμό επειδή υπάρχει σε άλλες εφαρμογές. Εξετάστε αν ο χρήστης χρειάζεται προσωπικό ιστορικό, αποθηκευμένες επιλογές ή δικαιώματα που συνδέονται με την ταυτότητά του. Ορίστε ποιος βλέπει, αλλάζει και εγκρίνει κάθε εγγραφή, καθώς και τι συμβαίνει όταν αποχωρεί ένας υπάλληλος.
3. Δεδομένα και συνδέσεις με άλλα συστήματα
Αν υπάρχει CRM, ERP ή άλλο εργαλείο, συμφωνήστε ποιο κρατά την κύρια εγγραφή. Η σύνδεση μέσω API χρειάζεται σαφείς κανόνες για λάθη, διπλές καταχωρίσεις και προσωρινή διακοπή επικοινωνίας. Ζητήστε να περιγράφεται πού εμφανίζεται μια αποτυχημένη ενημέρωση και ποιος μπορεί να την επαναλάβει.
4. Δημόσιο περιεχόμενο και SEO
Οι σελίδες υπηρεσιών και οι οδηγοί απευθύνονται σε ανθρώπους που ακόμη αναζητούν λύση. Οι προσωπικές εγγραφές πελατών απευθύνονται στους εξουσιοδοτημένους χρήστες τους. Μια web εφαρμογή μπορεί να συνυπάρχει με δημόσιες σελίδες κατάλληλες για αναζήτηση. Δεν πρέπει να εκτίθενται προσωπικά δεδομένα για να γίνει το προϊόν «SEO friendly».
Η Google χρειάζεται προσβάσιμο δημόσιο περιεχόμενο και σαφείς συνδέσμους για να ανακαλύπτει τις σελίδες. Μην θεωρήσετε ότι μια web app αποκλείεται από το SEO ή ότι ένα site εμφανίζεται αυτόματα ψηλά. Για την υπάρχουσα δημόσια παρουσία σας, ο δωρεάν έλεγχος ιστοσελίδας προσφέρει μια πρώτη τεχνική εικόνα, όχι έλεγχο των ιδιωτικών λειτουργιών ή εγγύηση κατάταξης.
5. Λειτουργία και συντήρηση
Ένα website χρειάζεται υπεύθυνο για το περιεχόμενο και τη λειτουργία του. Μια εφαρμογή μπορεί επιπλέον να απαιτεί ανθρώπους που διαχειρίζονται εκκρεμότητες, δικαιώματα και λανθασμένα δεδομένα. Συμφωνήστε ποιος απαντά όταν ο χρήστης δεν μπορεί να ολοκληρώσει μια διαδικασία και ποιος διορθώνει μια εγγραφή.
Ταχύτητα, ασφάλεια και χρήση από διαφορετικές συσκευές
Η πρόσβαση μέσα από browser διευκολύνει τη διανομή, αλλά χρειάζεται δοκιμή σε διάφορες συσκευές. Ελέγξτε μια μεγάλη φόρμα από κινητό, μια εργασία από tablet και τη χρήση με πληκτρολόγιο. Η αλληλεπίδραση πρέπει να παραμένει κατανοητή όταν η σύνδεση είναι αργή ή ένα αίτημα καθυστερεί.
Αν οι χρήστες χρειάζονται ενημερώσεις σε πραγματικό χρόνο, ορίστε τι ακριβώς ενημερώνεται και πώς εμφανίζεται μια διακοπή. Η ταχύτητα δεν κρίνεται μόνο από το πόσο γρήγορα ανοίγει η πρώτη σελίδα: μετρά και ο χρόνος αποθήκευσης ή αναζήτησης, καθώς και η αποφυγή διπλής υποβολής.
Οι απαιτήσεις ασφάλειας ακολουθούν τα δεδομένα και τις ενέργειες. Ζητήστε έλεγχο πρόσβασης στον server, διαχωρισμό ρόλων, ασφαλή ανάκτηση λογαριασμού και δοκιμή επαναφοράς. Η δημόσια προβολή και η online διαχείριση πελατών χρειάζονται διαφορετικούς ελέγχους, ακόμη κι αν συνυπάρχουν στον ίδιο ιστότοπο.
Web app: πώς ορίζεται μια χρήσιμη πρώτη έκδοση;
Επιλέξτε μια πλήρη διαδρομή από την αρχική ανάγκη μέχρι το τελικό αποτέλεσμα. Στο υποθετικό σύστημα συντήρησης, αυτή μπορεί να περιλαμβάνει καταχώριση αιτήματος, ανάθεση και ενημέρωση κατάστασης. Οι αναλυτικές αναφορές μπορούν να εξεταστούν αφού δοκιμαστεί η καθημερινή λειτουργία.
Η πρώτη έκδοση πρέπει να καλύπτει και αποτυχίες, όπως λανθασμένη καταχώριση ή μη διαθέσιμο τεχνικό. Ένα μικρότερο εύρος λειτουργιών παραμένει ολοκληρωμένο όταν ο χρήστης γνωρίζει αν η εργασία αποθηκεύτηκε και τι μπορεί να κάνει στη συνέχεια. Η ομάδα που θα χειρίζεται το σύστημα πρέπει να συμμετέχει στις δοκιμές.
Ο οδηγός από την ιδέα σε ένα εξελίξιμο product αναπτύσσει αυτή τη λογική. Για το αρχικό brief, σημειώστε τους χρήστες, τη βασική εργασία, τα δεδομένα, τις εξαιρέσεις και τα κριτήρια αποδοχής πριν ζητήσετε πρόταση υλοποίησης.
Web app: πλεονεκτήματα και όρια για τις επιχειρήσεις
Μια web app μπορεί να δώσει κοινή εικόνα εργασιών χωρίς χωριστή εγκατάσταση σε κάθε συσκευή. Αυτό βοηθά όταν πελάτες και ομάδα συνεργάζονται στην ίδια διαδικασία. Η πρόσβαση από σύνδεσμο, όμως, δεν καταργεί τη συντήρηση, τον έλεγχο ασφάλειας ή την ανάγκη υποστήριξης ανθρώπων που αντιμετωπίζουν λάθος.
Ο στόχος ενός digital έργου πρέπει να περιγράφεται ως αποτέλεσμα εργασίας: λιγότερες διπλές καταχωρίσεις, σαφέστερη κατάσταση αιτημάτων ή ευκολότερη εύρεση πληροφοριών. Ζητήστε να δοκιμαστεί το αποτέλεσμα με αντιπροσωπευτικές εγγραφές και χρήστες. Οι εταιρείες που χρησιμοποιούν ένα κοινό σύστημα χρειάζονται και κοινή συμφωνία για την ποιότητα των στοιχείων του.
Για το εταιρικό website, οι δημόσιες πληροφορίες παραμένουν σημαντικές πριν από οποιαδήποτε σύνδεση. Μια σελίδα υπηρεσίας πρέπει να εξηγεί τι καλύπτει η λύση και ποιο είναι το επόμενο βήμα. Η παρουσία στη Google χρειάζεται αυτόν τον ξεχωριστό έλεγχο περιεχομένου και τεχνικής πρόσβασης, ακόμη κι όταν το κύριο προϊόν είναι web app.
Συχνές ερωτήσεις
Ποια είναι η βασική διαφορά website και web application;
Το website οργανώνει κυρίως πληροφόρηση και διαδρομές περιεχομένου, ενώ μια web application υποστηρίζει επαναλαμβανόμενες εργασίες, καταστάσεις και δεδομένα χρηστών. Υπάρχει επικάλυψη: μια ιστοσελίδα μπορεί να περιλαμβάνει λειτουργίες εφαρμογής. Εξετάστε τι πρέπει να ολοκληρώνει ο χρήστης και ποιους κανόνες ακολουθεί η διαδικασία.
Μπορεί ένα project να χρειάζεται και τα δύο;
Ναι. Η δημόσια παρουσία μπορεί να λειτουργεί ως website και οι λειτουργίες μετά τη σύνδεση ως web application. Χρειάζονται κοινή πλοήγηση, σαφή όρια πρόσβασης και συμφωνία για το ποια δεδομένα μοιράζονται, ώστε ο χρήστης να καταλαβαίνει πού βρίσκεται και τι μπορεί να κάνει.
Μια web application πρέπει να εγκαθίσταται;
Μια web application χρησιμοποιείται μέσω browser. Η δυνατότητα εγκατάστασης στην αρχική οθόνη αφορά συγκεκριμένες υλοποιήσεις, όπως progressive web apps, και εξαρτάται από το περιβάλλον. Για την επιλογή ανάμεσα σε web και εφαρμογή κινητού, δείτε τη σύγκριση mobile app και responsive website.