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

Εάν εγγραφείτε σε μια υπηρεσία από έναν σύνδεσμο σε αυτήν τη σελίδα, η Reeves and Sons Limited ενδέχεται να κερδίσει μια προμήθεια. Δείτε το δικό μας δήλωση ηθικής.

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

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

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

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

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

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

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

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

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

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

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

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

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

ηλεκτρονικού εμπορίου responsive σχέδιο

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

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

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

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

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

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

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

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

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

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

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

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

Συμπέρασμα

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

Δυνατότητα εικόνας curtsey του ναδροσία

Σχόλια απαντήσεις 0

Αφήστε μια απάντηση

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται *

Βαθμολογία *

Αυτός ο ιστότοπος χρησιμοποιεί το Akismet για να μειώσει το spam. Μάθετε πώς επεξεργάζονται τα δεδομένα των σχολίων σας.