Κινητό ηλεκτρονικό εμπόριο: Σχεδιασμός και σχεδιασμός ιστότοπων

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

Ανάλυση της συμπεριφοράς των πελατών

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

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

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

Χρησιμοποιήστε το σωστό Ίδρυμα

Είναι σημαντικό να έχετε τη σωστή βάση για τους ιστότοπούς σας, ειδικά κατά την ανάλυση της συμπεριφοράς του σε κινητά. Υπάρχουν πολλά πλαίσια για να διαλέξετε και είμαι τόσο θετικός γι 'αυτά, επειδή διαθέτουν HTML, CSS και JS για πολλές χρήσεις, παρέχοντας διάφορα στοιχεία διεπαφής, όπως ομάδες κουμπιών, αναπτυσσόμενα κουμπιά, μικρογραφίες, ειδοποιήσεις, γραμμές προόδου και πολλά άλλα. Προσφέρουν επίσης μερικές καλές συμβουλές για να τα συνδυάσουν όλα, καθώς και ορισμένα προτεινόμενα πρότυπα ». Αυτό σας βοηθά να κάνετε τον ιστότοπό σας μοναδικό, αλλά με το πλεονέκτημα της αρχικής καθοδήγησης και της πλατφόρμας που παρέχεται από το πλαίσιο.

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

Δώστε προτεραιότητα στο περιεχόμενο

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

  • Μια γραμμή αναζήτησης προσβάσιμη σε κάθε σελίδα
  • Σύνδεση με τις ρυθμίσεις λογαριασμού και τη σελίδα ολοκλήρωσης αγοράς
  • Εύκολη πρόσβαση σε κάθε κατηγορία στον ιστότοπο
  • Εικόνες εικόνων πλήρους πλάτους για εμπειρία με επίκεντρο το περιεχόμενο

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

Χρησιμοποιήστε απλές διεπαφές

Σχεδιασμός απόκρισης ηλεκτρονικού εμπορίου

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

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

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

Χρησιμοποιήστε ποιοτικά γραφικά και εικόνες

Επαγγελματικές φωτογραφίες ηλεκτρονικού εμπορίου

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

Έχετε μια αποτελεσματική διαδικασία ολοκλήρωσης αγοράς

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

  • Λίστα προϊόντων με εύκολα κουμπιά + και - για τη διαχείριση των ποσοτήτων
  • Ένα πεδίο για κωδικούς κουπονιών (εάν υπάρχουν)
  • Μεγάλο και καθαρό κουμπί «ολοκλήρωσης αγοράς»
  • Ορατό κουμπί "συνέχιση αγορών"

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

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

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

Συμπέρασμα

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

Δυνατότητα εικόνας curtsey του nadrosia

Καταλίν Ζορζίνι

Είμαι blogger σχεδιασμού ιστοσελίδων και ξεκίνησα αυτό το έργο αφού πέρασα μερικές εβδομάδες αγωνιζόμενοι να μάθω ποιο είναι η καλύτερη πλατφόρμα ηλεκτρονικού εμπορίου για τον εαυτό μου. Δείτε το τρέχον μου κορυφαίοι 10 κατασκευαστές ιστότοπων ηλεκτρονικού εμπορίου.