Σχεδιασμός App Versus Web Design: Τι σχεδιαστές μπορούν να διδάξουν ο ένας τον άλλον
Συχνά εξετάζουμε το σχεδιασμό εφαρμογών και το σχεδιασμό ιστοσελίδων ως δύο διαφορετικά, αν σχετίζονται, πεδία.
Οι γραμμές θολώνουν λίγο με τις εφαρμογές ιστού (οι οποίες είναι τεχνικά εφαρμογές και ιστότοποι), αλλά εξακολουθούμε να προσπαθούμε να τις διαιρέσουμε. Ακόμη και οι σχεδιαστές που δουλεύουν και στα δύο είδη σχεδίων συχνά τις βλέπουν ως ξεχωριστά πράγματα.
Αλλά υπάρχουν πολλά μαθήματα που οι σχεδιαστές εφαρμογών και οι σχεδιαστές ιστοσελίδων μπορούν να διδάξουν ο ένας τον άλλον.
Κάθε τύπος σχεδιασμού έχει προκύψει για να έχει τα δικά του πλεονεκτήματα και αδυναμίες, συχνά συμπληρωματικά προς τις δυνάμεις και τις αδυναμίες του άλλου τομέα.
Παρακάτω είναι έξι μαθήματα που οι σχεδιαστές εφαρμογών και web μπορούν να διδάξουν ο ένας τον άλλον.
1. Αποφύγετε τη ερμηνεία των στοιχείων
Οι σχεδιαστές εφαρμογών γνωρίζουν ότι τα πρόσθετα χαρακτηριστικά μπορούν γρήγορα να γίνουν ο χειρότερος εχθρός σας. Η διατήρηση της εφαρμογής σας σφιχτή και άπαχο, με μόνο τα απαραίτητα, χρήσιμα χαρακτηριστικά, είναι το κλειδί για την επιτυχία. Αν κοιτάξετε τις πιο δημοφιλείς εφαρμογές σε σχεδόν οποιοδήποτε κατάστημα εφαρμογών της πλατφόρμας, θα δείτε ότι η πλειονότητα έχει μια στενή εστίαση με μόνο τις λειτουργίες που χρειάζονται περισσότερο.
Το Ge.tt είναι ένα εξαιρετικό παράδειγμα μιας εφαρμογής ιστού που έχει αποφύγει την ερπυσμό της λειτουργίας. Σας επιτρέπει να μοιραστείτε και να δημοσιεύσετε γρήγορα τα αρχεία σας online. Όλα τα χαρακτηριστικά που περιλαμβάνει σχετίζονται άμεσα με αυτόν τον κεντρικό σκοπό.
Αυτό το είδος στενής εστίασης είναι σημαντικό για τις εφαρμογές, επειδή συχνά συστέλλονται τόσο από ζητήματα διαστήματος όσο και χρηστικότητας. Αν κάποιος χρησιμοποιεί μια εφαρμογή στο τηλέφωνό του, η χρηστικότητα μπορεί να είναι πολύ πιο δύσκολη. Όσο περισσότερες δυνατότητες μπορείτε να γεμίσετε με την οθόνη τους, τόσο πιο δύσκολη γίνεται η χρήση της εφαρμογής. Ενώ ορισμένες εφαρμογές έχουν βρει τρόπους για να δημιουργήσουν εφαρμογές πλούσιες σε χαρακτηριστικά χωρίς ακαταστασία, είναι σίγουρα μια πολύ πιο προκλητική πρόταση.
Οι σχεδιαστές ιστοσελίδων, από την άλλη πλευρά, συχνά προσπαθούν να χαλιναγωγήσουν όσο το δυνατόν περισσότερες δυνατότητες σε έναν ιστότοπο. Η άποψή τους είναι ότι όσο περισσότερα χαρακτηριστικά, τόσο πιο χρήσιμο θα είναι ο ιστότοπός τους. Και ενώ οι ιστότοποι δεν αντιμετωπίζουν κατ 'ανάγκην τις ίδιες προκλήσεις που προκαλούν οι εφαρμογές μικρής οθόνης, αυτό δεν σημαίνει απαραίτητα ένα μεγαλύτερο εύρος και άλλα χαρακτηριστικά προσδίδουν αξία στον χρήστη.
Αυτό είναι το εξής: αξία. Αν τα χαρακτηριστικά που προσθέτετε με ειλικρίνεια προσφέρουν μεγαλύτερη αξία στον τελικό χρήστη σας, τότε η εύρεση ενός τρόπου ενσωμάτωσής τους στην υπάρχουσα εμπειρία του χρήστη σας είναι σημαντική και αξίζει τον κόπο. Αλλά μην προσθέτετε χαρακτηριστικά για χάρη της προσθήκης χαρακτηριστικών.
2. Πρέπει να δημιουργήσετε κάτι μοναδικό και φρέσκο
Οι προγραμματιστές εφαρμογών γνωρίζουν ότι η δημιουργία κάτι διαφορετικό από τις διαθέσιμες εφαρμογές είναι ένα από τα πιο σημαντικά στοιχεία για τη δημιουργία μιας δημοφιλούς και επιτυχημένης εφαρμογής. Χρειάζονται κάτι μοναδικό και φρέσκο αν θέλουν να ξεχωρίζουν στην αγορά. Απλά προσθέτοντας ένα χαρακτηριστικό ή δύο για το τι προσφέρει ο ανταγωνισμός δεν το κόβει.
Το PDF Expert είναι ένα εξαιρετικό παράδειγμα μιας εφαρμογής με νέα σχεδίαση και μοναδική λειτουργικότητα.
Οι σχεδιαστές ιστοσελίδων δεν πήραν απαραίτητα αυτή την ιδέα. Πολλοί από αυτούς παίρνουν τα ίδια πράγματα που κάνουν και άλλοι σχεδιαστές, τσίμπημα μερικά πράγματα για να το κάνουν το δικό τους και να το ονομάσουν μια μέρα. Σίγουρα, επιφανειακά η τοποθεσία μπορεί να φαίνεται διαφορετική, αλλά εξακολουθεί να είναι η ίδια γενική διάταξη, τα ίδια γενικά χαρακτηριστικά και η ίδια γενική λειτουργικότητα. Δεν υπάρχει τίποτα διαφορετικό ή εξαιρετικό.
Οι σχεδιαστές που θέλουν να είναι πραγματικά επιτυχημένοι πρέπει να σκεφτούν τρόπους να δημιουργήσουν κάτι που είναι πραγματικά διαφορετικό από αυτό που προσφέρει ο ανταγωνισμός. Έρχονται με νέες ιδέες και νέες προσεγγίσεις στα κοινά προβλήματα, αντί να εξετάζουν τι κάνει ο άλλος τύπος.
Εδώ είναι μια άσκηση για εσάς: την επόμενη φορά που έχετε μια πρόκληση σχεδίασης που πρέπει να ξεπεραστεί, μην ψάχνετε για το πώς κάποιος άλλος το κάνει. Αντ 'αυτού, καθίστε και σκεφτείτε δέκα ιδέες για το πώς μπορείτε να αντιμετωπίσετε το ζήτημα, ανεξάρτητα από το πόσο μακριά είναι το τείχος ή ηλίθιο που μπορεί να φαίνονται. Μόνο αφού έχετε αυτή τη λίστα μπορείτε να πάτε να δούμε πώς οι άλλοι έχουν λύσει την ίδια πρόκληση. Δείτε αν οι λύσεις τους είναι πραγματικά καλύτερο από αυτό που καταλήξατε. Συνδυάστε μερικές από τις ιδέες σας με μερικές από τις ιδέες σας και δείτε τι μπορείτε να σκεφτείτε. Αυτό θα σας φέρει στη νοοτροπία της σκέψης των δικών σας, μοναδικών λύσεων αντί να ακολουθείτε μόνο το status quo.
3. Χρησιμοποιήστε τα τυπικά χειριστήρια και μοτίβα GUI
Ενώ το μοναδικό είναι καλό, οι καλύτεροι σχεδιαστές εφαρμογών γνωρίζουν επίσης ότι υπάρχουν ορισμένα τυποποιημένα στοιχεία GUI που αναμένεται να κάνουν ορισμένα πράγματα. Διαφέρουν από αυτούς τους προκαθορισμένους ελέγχους με δική τους ευθύνη. Οι επιτυχείς εφαρμογές κάνουν τα πράγματα διαφορετικά μόνο όταν λειτουργούν καλύτερα από το τυπικό γραφικό περιβάλλον (το οποίο δεν συμβαίνει συχνά στις περισσότερες περιπτώσεις). Και οι περισσότεροι από αυτούς παρουσιάζουν σαφείς οδηγίες όταν αποκλίνουν.
Η εφαρμογή Συγκομιδή χρησιμοποιεί τυπικά μοτίβα GUI, δημιουργώντας παράλληλα μια προσαρμοσμένη διεπαφή. Κάνει για μια εφαρμογή που είναι τόσο εύκολο στη χρήση και ελκυστική.
Οι σχεδιαστές ιστοσελίδων μερικές φορές αποκλίνουν από τον κανόνα σε μια προσπάθεια να είναι μοναδικοί και στη διαδικασία καθιστούν τις τοποθεσίες τους ακατάλληλες. Οι άνθρωποι περιμένουν ορισμένα πράγματα όταν επισκέπτονται έναν ιστότοπο: το υπογραμμισμένο κείμενο είναι ένας σύνδεσμος, όπως είναι τα κουμπιά, η πλοήγηση είναι προφανής και συνήθως είτε στην κορυφή ή στην πλευρά της σελίδας και παρόμοιες κοινές δομές. Όταν αλλάζετε τα πράγματα από τον κανόνα, είναι πιο πιθανό να συγχέουμε τους επισκέπτες σας.
Σκεφτείτε τα κοινά μοτίβα σχεδίασης για οποιοδήποτε δεδομένο στοιχείο και, στη συνέχεια, αποφασίστε εάν η απόκλιση από αυτό το μοτίβο θα βελτιώσει την εμπειρία του χρήστη στον ιστότοπό σας ή απλά θα το κάνει "διαφορετικό". Εάν δεν πρόκειται να βελτιώσει το UX, ξεχάστε το. Και αν δεν είναι αμέσως προφανές πώς λειτουργεί κάτι, προσθέστε κάποιες οδηγίες κάπου στη σελίδα, ώστε οι επισκέπτες σας να ξέρουν τι να κάνουν. Ο γρηγορότερος τρόπος για να χάσετε έναν επισκέπτη είναι να τον κάνετε να νιώθει ηλίθιος.
4. Δημιουργήστε χρήσιμα μηνύματα σφάλματος
Αυτό το μάθημα μπορεί να γίνει με δύο τρόπους. Ορισμένοι σχεδιαστές εφαρμογών έχουν φανταστικά χρήσιμα μηνύματα σφάλματος, όπως και μερικοί ιστότοποι. Αλλά υπάρχουν πολλές εφαρμογές εκεί έξω που δεν έχουν χρήσιμα μηνύματα λάθους, και πολλές ιστοσελίδες που είναι οι ίδιες.
Ακόμη και η απλή προσθήκη ενός πλαισίου αναζήτησης και οι συνδέσεις με την αρχική σελίδα και τα αρχεία μπορούν να κάνουν μια σελίδα 404 πιο χρήσιμη.
Χρήσιμα μηνύματα σφάλματος λένε στο χρήστη κάτι περισσότερο από απλώς το γεγονός ότι έχει υπάρξει ένα σφάλμα. Στην περίπτωση μιας εφαρμογής, ένα πιο χρήσιμο μήνυμα σφάλματος μπορεί να προσφέρει ιδέες για το πώς να εντοπίσετε το σφάλμα. Σε έναν ιστότοπο, το μήνυμα σφάλματος μπορεί να δώσει στον επισκέπτη ορισμένες εναλλακτικές λύσεις ή ιδέες για το πώς να ξεπεραστεί το σφάλμα. Και στις δύο περιπτώσεις, απλά λέγοντας "υπήρξε ένα σφάλμα" δεν κάνει τίποτα παρά να αποθαρρύνει τον χρήστη. Πάρτε το χρόνο να δημιουργήσετε μηνύματα σφάλματος που βελτιώνουν πραγματικά την εμπειρία του χρήστη και θα έχετε πιο ευτυχισμένους χρήστες.
5. Αρκετά θέματα
Αυτό είναι κάτι που πολλοί σχεδιαστές εφαρμογών θα μπορούσαν να μάθουν από τους σχεδιαστές ιστοσελίδων. Τώρα, χορηγείται, υπάρχουν πολλές ωραίες και χρήσιμες εφαρμογές εκεί έξω. Αλλά υπάρχουν και πολλές εφαρμογές που έχουν εξαιρετικά χαρακτηριστικά, αλλά είναι απίστευτα άσχημες και κακώς σχεδιασμένες.
Οι σχεδιαστές εφαρμογών πρέπει να σκεφτούν πώς μπορούν να σχεδιάσουν καλύτερα το GUI της εφαρμογής τους, αντί να χρησιμοποιούν απλώς το προεπιλεγμένο σχέδιο σχεδίασης της πλατφόρμας για την οποία κατασκευάζουν. Σίγουρα, τα ενσωματωμένα στοιχεία GUI δεν είναι τρομερά σε ορισμένες περιπτώσεις, αλλά είναι επίσης αρκετά γενικά. Δεν πρόκειται να βοηθήσουν την εφαρμογή σας να ξεχωρίσει από τις χιλιάδες άλλων στην αγορά. Ακόμη χειρότερο είναι ο αριθμός των εφαρμογών εκεί έξω που χρησιμοποιούν ένα προσαρμοσμένο σχέδιο που είναι πραγματικά χειρότερο από το GUI αποθέματος.
Awesome Note είναι μια εφαρμογή που παίρνει σίγουρα ότι ένα ελκυστικό σχέδιο είναι σημαντικό για μια καλή εφαρμογή.
Εξετάστε τις λειτουργίες της εφαρμογής σας και ποιοι είναι οι χρήστες σας και στη συνέχεια σκεφτείτε πώς μπορείτε να χρησιμοποιήσετε το σχέδιο για να κάνετε αυτές τις λειτουργίες ευκολότερες στη χρήση και να βελτιώσετε την αντίληψη που έχουν οι χρήστες σας σχετικά με την ίδια την εφαρμογή. Πείτε, για παράδειγμα, ότι δημιουργείτε μια εφαρμογή φωτογραφικής μηχανής vintage. Η χρήση του αποθέματος GUI δεν κάνει τίποτα για να ενισχύσει την ιδέα ότι η εφαρμογή φωτογραφικής μηχανής κάνει κάτι διαφορετικό από την εφαρμογή αποθέματος. Αλλά αν προσθέσετε μερικές vintage πινελιές και στοιχεία στο σχεδιασμό, δημιουργείτε μια εμπειρία που είναι πιο ευχάριστη για το χρήστη σας. Νιώθουν ότι χρησιμοποιούν μια εφαρμογή διαφορετική, όχι μόνο την τυπική κάμερα με μερικά επιπλέον κουδούνια και σφυρίχτρες.
6. Η επεκτασιμότητα είναι απαραίτητη
Αυτό είναι κάτι που οι σχεδιαστές ιστοσελίδων έχουν κάτω αρκετά καλά. Γνωρίζουμε ότι σε οποιαδήποτε χρονική στιγμή, ο ιστότοπός μας θα μπορούσε να δει ξαφνικά μια ροή κυκλοφορίας και πρέπει να παραμείνει χρήσιμος από έναν μεγαλύτερο αριθμό ανθρώπων. Το μόνο που χρειάζεται είναι λίγο περιεχόμενο για να πάει ξαφνικά ιογενής, ή ακόμα και να πάρετε μόνο ένα ή δύο retweets ή μετοχές από επιρροή ανθρώπους. Και σε κάποιο βαθμό, δεν είναι τόσο δύσκολο για μια τυποποιημένη ιστοσελίδα να γίνει πιο κλιμακωτή (είναι ως επί το πλείστον μόνο θέμα επιλογής ενός οικοδεσπότη ο οποίος μπορεί να παρέχει διακομιστές που θα κλιμακώνονται μαζί με την κυκλοφορία σας).
Το άλλο ζήτημα με δυνατότητα κλιμάκωσης προβλέπει πόσο οι χρήστες θα χρησιμοποιήσουν έναν ιστότοπο ή μια υπηρεσία. Με τους περισσότερους ιστότοπους, αυτό δεν είναι τόσο θέμα. Ωστόσο, με τις εφαρμογές, ο τρόπος με τον οποίο ένας χρήστης αλληλεπιδρά με την εφαρμογή είναι υψίστης σημασίας. Ένας μικρός αριθμός χρηστών δύναμης που τείνουν πραγματικά τις δυνατότητες της εφαρμογής μπορεί να προκαλέσει προβλήματα σε άλλους χρήστες ή απλά να έχουν μια κακή εμπειρία οι ίδιοι.
Οι εφαρμογές μπορεί να είναι πολύ πιο δύσκολο να κλιμακωθούν από τους ιστότοπους, ανάλογα με την υποδομή. Η κλιμάκωση καθαρά για αύξηση του αριθμού των χρηστών δεν είναι πολύ διαφορετική από την κλιμάκωση μιας ιστοσελίδας. είναι απλώς ζήτημα εύρους ζώνης και ισχύος επεξεργασίας. Όπου η κλιμάκωση της εφαρμογής είναι πιο δύσκολη, καταλήγουμε στον τρόπο με τον οποίο οι μεμονωμένοι χρήστες καταλήγουν να χρησιμοποιούν την εφαρμογή.
Υπήρξε μια ενδιαφέρουσα συζήτηση στο Google+ την προηγούμενη εβδομάδα που διεξάγεται μεταξύ του Robert Scoble και του Kevin Rose. Το Scoble αντιμετωπίζει προβλήματα με το διπλό περιεχόμενο ("θόρυβος") που γεμίζει τη ζωοτροφή του και δηλώνει δημοσίως ότι το Google+ πρέπει να βρει κάποιο σύστημα φιλτραρίσματος για να βοηθήσει να εξαλείψει όλο αυτό το θόρυβο. Ο Rose ισχυρίζεται ότι μόνο επειδή ο Scoble είναι ένας χρήστης "περιθωριακής περίπτωσης" και ότι οι περισσότεροι άνθρωποι δεν θα τρέξουν στα ίδια ζητήματα επειδή δεν ακολουθούν χιλιάδες ανθρώπους. Το ερώτημα παραμένει, εάν μια εφαρμογή ιστού, όπως το Google+ (ή μια εφαρμογή για μια πλατφόρμα για κινητά), εστιάζει στην κλιμάκωση για αυτούς τους περιθωριακούς χρήστες ή απλά επικεντρώνεται στους πιο "μέσους" χρήστες; Είναι μια συζήτηση που είναι απίθανο να λυθεί σύντομα, αλλά είναι κάτι που οι προγραμματιστές και οι σχεδιαστές της εφαρμογής (και του ιστότοπου) πρέπει να γνωρίζουν και να αποφασίζουν με ποιον τρόπο θέλουν να χειριστούν κατά περίπτωση.
συμπέρασμα
Είτε είστε web designer ή σχεδιαστής εφαρμογών, υπάρχουν πράγματα που μπορείτε να μάθετε για το καλό σχέδιο από άλλες σφαίρες του σχεδιασμού. Κοιτάξτε πέρα από τη δική σας στενή εστίαση στο πώς άλλοι σχεδιαστές, σε άλλους τομείς, αντιμετωπίζουν παρόμοια προβλήματα, και στη συνέχεια να προσαρμόσετε αυτές τις ιδέες για να ταιριάζει στις δικές σας προκλήσεις.
Τι νομίζετε; Ποια άλλα μαθήματα μπορούν οι εκπαιδευτές ιστού και εφαρμογών να διδάσκουν ο ένας τον άλλον; Ποια διδάγματα πρέπει να μάθουν και οι δύο τύποι σχεδιαστών και πού μπορούν να μάθουν; Ενημερώστε μας στα σχόλια!