Image

Όπως αποκομίζουμε τις πρώτες εντυπώσεις για κάποιον όταν τον συναντάμε την πρώτη φορά, το ίδιο συμβαίνει όταν κάποιος αντικρύζει το website σας για πρώτη φορά.

Μερικές φορές γνωρίζετε ποιοι είναι οι επισκέπτες σας, αλλά συχνά είναι ανώνυμοι. Στην πραγματικότητα, το 67% του ταξιδιού ενός υποψήφιου πελάτη πραγματοποιείται πριν δείξει κάποια πρόθεση αγοράς και περίπου τα δύο τρίτα των πιθανών αγοραστών απομακρύνονται μετά από μια κακή εμπειρία σε ένα e-shop.

Το website σας είναι η βιτρίνα σας. Λέει ποιοι είστε, τι κάνετε και δείχνει στον επισκέπτη τί μπορεί να περιμένει και πώς πρέπει να νιώθει.

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

Ακόμα κι αν έχετε first party data, πολλά από αυτά που κάνετε δε μπορούν να αξιοποιηθούν στους ανώνυμους επισκέπτες, επειδή θα έρθουν στο e-shop σας και θα φύγουν πριν προλάβουν να ανακαλύψουν όλα όσα έχετε να προσφέρετε.

Έρευνες δείχνουν ότι οι άνθρωποι αποφασίζουν για κάτι σε λιγότερο από μισό δευτερόλεπτο. Όταν βλέπουν για πρώτη φορά τον ιστότοπό σας δημιουργούν μια εντύπωση και εάν αυτή είναι θετική, είναι πιθανό ότι θα συνεχίσουν να τον εξερευνούν. Εάν δεν τους αρέσει αυτό που θα δουν, θα φύγουν. Μελέτες δείχνουν ότι οι πελάτες που έχουν θετική εμπειρία από ένα e-shop τείνουν να ξοδεύουν 140% περισσότερα χρήματα σε αυτό.

Τα σημεία στα οποία πρέπει να δίνετε προσοχή

- Ελέγχετε συχνά την ταχύτητα του ιστότοπού σας. Ο χρόνος φόρτωσης ενός website έχει τον μεγαλύτερο αντίκτυπο στην πρώτη εντύπωση. Για παράδειγμα, μια πρόσφατη μελέτη έδειξε ότι μια καθυστέρηση 2 δευτερολέπτων στο χρόνο φόρτωσης, είχε ως αποτέλεσμα ποσοστά εγκατάλειψης έως και 87%.

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

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

Και ενώ αυτό φαίνεται ότι δεν επηρεάζει σημαντικά τη λειτουργία του website και την εμπειρία του επισκέπτη, μπορεί να έχει μόνιμες επιπτώσεις στα ποσοστά των μετατροπών σας! Σε μια πρόσφατη έρευνα, η Walmart διαπίστωσε ότι για κάθε ένα δευτερόλεπτο βελτίωσης του χρόνου φόρτωσης της σελίδας της, οι μετατροπές αυξάνονταν κατά 2%.

- Εξατομίκευση για όλους τους επισκέπτες, ακόμα και για τους ανώνυμους. Όταν γνωρίζετε μερικές πληροφορίες σχετικά με τους επισκέπτες σας, όπως τη διαφήμιση στην οποία έκαναν κλικ για να σας επικεφτούν, η εξατομίκευση μέσω μηχανικής εκμάθησης (machine learning) μπορεί να σας βοηθήσει να προχωρήσετε ένα βήμα παραπέρα και να προσαρμόσετε δυναμικά το μήνυμά σας, το προϊόν, ή την εικόνα που εμφανίζεται σε κάθε υποψήφιο πελάτη. Σύμφωνα με μια μελέτη της Segment, το 71% των πελατών αισθάνεται απογοήτευση όταν η εμπειρία τους φαίνεται απρόσωπη.

- Η όμορφη εικόνα εικόνα είναι βασικό συστατικό ενός website και η κακή σχεδίαση συνδέεται συχνά με τη δυσπιστία για ένα brand. Σύμφωνα με μια πρόσφατη έρευνα, οι πρώτες εντυπώσεις σχετίζονται κατά 94% με το σχεδιασμό. Τα πιο σημαντικά πράγματα που πρέπει να λάβετε υπόψη είναι η εικόνα, η τυπογραφία και η συνολική αισθητική. Οι εικόνες ή τα βίντεο μεταφέρουν την αίσθηση που θέλετε να δώσετε στον υποψήφιο πελάτη; Εμπνέεται ο επισκέπτης για να κάνει την επιθυμητή ενέργεια;

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

 

Εικόνα: Daniel Korpai, Unsplash
 

Πηγή: searchengineland

 

Μοιραστείτε το άρθρο

 

Published in e- Commerce

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

Το μυαλό μας τείνει να παίρνει γρήγορες μικροαποφάσεις, ως αποτέλεσμα παραλλαγών τριών βασικών ερωτήσεων:

- Τί είναι αυτό;
- Για ποιον είναι; / Είναι για εμένα;
- Τί παίρνω; / Και τί μ'αυτό;

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

Οι ιστότοποι δεν ξεφεύγουν από αυτήν τη διαδικασία και ειδικά τα e-shop, καθώς οι επισκέπτες θέλουν να ξοδέψουν τα χρήματά τους! Ως εκ τούτου, οι έμποροι θα επωφεληθούν εάν απαντήσουν στις τρεις υποσυνείδητες ερωτήσεις εύστοχα και γρήγορα, στη home page του e-shop τους και στις landing pages.

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

Τί είναι αυτό;

Το web site σας απαντά στο ερώτημα "Τι είναι αυτό;" με μια ματιά, χωρίς οι επισκέπτες να χρειάζεται να πλοηγηθούν, ή να κάνουν κάποιο κλικ;

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

Για ποιον είναι αυτό;

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

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

Το περιεχόμενο διαδραματίζει θεμελιώδη ρόλο και οι εικόνες πρέπει να έχουν απήχηση με το κοινό-στόχο.

Τί παίρνω;

Μια παραλλαγή του "Τι παίρνω;" θα μπορούσε να είναι "Και τί μ'αυτό;" καθώς μερικές φορές το όφελος είναι άυλο, όπως, για παράδειγμα, η προώθηση της βιωσιμότητας, ενός φιλανθρωπικού σκοπού κ.λπ.

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

Πηγή: practicalecommerce.com

 

Εικόνα: Le Buzz, Unsplash
 

Μοιραστείτε το άρθρο

 

 

Published in Digital Design

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

Είναι μία πολύ σημαντική είδηση στον κόσμο του design και του development, καθώς η Figma είναι μεγάλος ανταγωνιστής των προϊόντων XD της Adobe τα τελευταία χρόνια.

Η Figma είναι μια πλατφόρμα συνεργατικού σχεδιασμού που ιδρύθηκε ιδρύθηκε πριν από 10 χρόνια και έχει γίνει συνεργάτης-κλειδί για πολλές και μεγάλες επιχειρήσεις. Ενδεικτικά, χιλιάδες σχεδιαστές και προγραμματιστές στη Microsoft βασίζονται στη Figma καθημερινά για την κατασκευή του Office, των Windows και άλλων εφαρμογών. 

Η Adobe σχεδιάζει να συνδυάσει τη δική της κοινότητα με της Figma και είναι πιθανό ότι θα συμπεριλαμβάνει προϊόντα και υπηρεσίες της Figma στο Adobe Creative Suite κάποια στιγμή στο μέλλον. Μέχρι τότε, η εταιρεία θα συνεχίσει να λειτουργεί αυτόνομη.

"Σκοπεύουμε να συνεχίσουμε να τρέχουμε τη Figma με τον τρόπο που τη διευθύναμε πάντα - συνεχίζοντας να κάνουμε αυτό που πιστεύουμε ότι είναι καλύτερο για την κοινότητά μας, την κουλτούρα μας και την επιχείρησή μας", δήλωσε, μεταξύ άλλων, ο Dylan Field, συνιδρυτής και Διευθύνων Σύμβουλος της εταιρείας. Ο Field θα συνεχίσει να είναι Διευθύνων Σύμβουλος και θα αναφέρεται στον πρόεδρο της Adobe, David Wadhwani.

Όπως αναφέρει η Adobe στην ανακοίνωσή της, "Μαζί, η Adobe και η Figma θα οραματιστούν το μέλλον της δημιουργικότητας και της παραγωγικότητας, θα επιταχύνουν τη δημιουργικότητα στο Web, θα προωθήσουν το σχεδιασμό προϊόντων και θα εμπνεύσουν παγκόσμιες κοινότητες δημιουργών, σχεδιαστών και προγραμματιστών. Η ενοποιημένη εταιρεία θα έχει μια τεράστια ευκαιρία σε μια αναπτυσσόμενη αγορά, για να δημιουργήσει σημαντική αξία για τους πελάτες της, τους μετόχους της και τον κλάδο".

 

Εικόνα: Mika Novo, Unsplash
 

Μοιραστείτε το άρθρο

 

Published in Digital Design

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

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

Όλα τα εργαλεία είναι δωρεάν, αν και τα περισσότερα προσφέρουν και premium συνδρομές με εκτεταμένες δυνατότητες.

 

Adobe Color

Το Adobe Color σάς επιτρέπει να δημιουργείτε και να επεξεργάζεστε θέματα με 10 χρώματα ή να εξάγετε θέματα από εικόνες που σας εμπνέουν. Δημιουργήστε χρωματικά θέματα με κανόνες που βασίζονται στη θεωρία χρωμάτων, ή για γρήγορη έμπνευση. Βρείτε θέματα από την κοινότητα Adobe Color, τις εικόνες Adobe Stock και τα έργα Behance. Μετατρέψτε άμεσα θέματα στο Adobe Color σε χρώματα Pantone για εκτύπωση, υφάσματα και κατασκευές.
Τιμή: Δωρεάν.

Adobe Creative Cloud Express

Το Adobe Creative Cloud Express είναι ένα εργαλείο για την προσαρμογή προτύπων και τη δημιουργία στοιχείων για περιεχόμενο κοινωνικών μέσων, λογότυπα και άλλα. Διαθέτει συλλογή φωτογραφιών χωρίς δικαιώματα και προσφέρει εύχρηστα εφέ, φίλτρα, υφές και επικαλύψεις. Δίνει τη δυνατότητα για αλλαγή μεγέθους και αναδιαμόρφωση περιεχομένου για Instagram, Facebook, YouTube, banner, φυλλάδια κ.λπ.
Τιμή: Δωρεάν. Η συνδρομή Premium κοστίζει $9,99 ανά μήνα.

Burst

Το Burst είναι μια δωρεάν πλατφόρμα φωτογραφιών που υποστηρίζεται από το Shopify. Η βιβλιοθήκη περιλαμβάνει χιλιάδες εικόνες υψηλής ανάλυσης, χωρίς δικαιώματα, τραβηγμένες από μια παγκόσμια κοινότητα φωτογράφων. Όλες οι φωτογραφίες είναι δωρεάν για εμπορική χρήση, χωρίς να απαιτείται αναφορά.
Τιμή: Δωρεάν.

Canva

Το Canva είναι ένα διαδικτυακό εργαλείο σχεδίασης και δημοσίευσης για εύκολη δημιουργία και προσαρμογή ψηφιακού περιεχομένου. Προσφέρει περίπου 250.000 δωρεάν πρότυπα, εκατοντάδες χιλιάδες δωρεάν φωτογραφίες και γραφικά και 100 και πλέον σχέδια για μέσα κοινωνικής δικτύωσης, email, παρουσιάσεις και άλλα. Συνεργαστείτε με άλλους χρήστες και σχολιάστε έργα σε πραγματικό χρόνο.
Τιμή: Δωρεάν. Η συνδρομή Pro κοστίζει $9,99 ανά μήνα.

Dribbble

Το Dribbble είναι μια κοινότητα για να μοιράζονται τα έργα τους δημιουργικοί επαγγελματίες. Χρησιμοποιήστε το για να βρείτε έμπνευση, δωρεάν εμπορικούς πόρους και σεμινάρια σχεδίασης. Αποκτήστε πρόσβαση στο marketplace του στοιχείων του Dribbble και στον πίνακα εργασιών του για να βρείτε έναν σχεδιαστή. Το Freebbble είναι η "βιτρίνα" του Dribbble με χιλιάδες δωρεάν στοιχεία για εμπορική χρήση.
Τιμή: Δωρεάν.

Font Squirrel

Το Font Squirrel είναι ένας ιστότοπος για δωρεάν, ποιοτικές εμπορικές γραμματοσειρές για λήψη. Διαθέτει το εργαλείο Font Identifier για να ανεβάσετε μια εικόνα κειμένου και να βρείτε τις γραμματοσειρές που ταιριάζουν περισσότερο.
Τιμή: Δωρεάν.

Foundation

Το Foundation είναι μια οικογένεια responsive front-end frameworks για το σχεδιασμό ιστότοπων, εφαρμογών και e-mail για οποιαδήποτε συσκευή. Το Foundation for Sites παρέχει HTML, CSS και JavaScript για γρήγορη δημιουργία πρωτοτύπων. Το Foundation for Emails βοηθά στην πλοήγηση σε HTML για email και παρέχει δοκιμασμένα μοτίβα που λειτουργούν με όλους του σημαντικούς e-mail clients.
Τιμή: Δωρεάν.

Freepik

Το Freepik είναι μια μηχανή αναζήτησης για την εύρεση ποιοτικών φωτογραφιών, διανυσματικών εικόνων, εικονογραφήσεων και αρχείων Photoshop. Η Freepik Company προσφέρει επίσης το Flaticon για δωρεάν εικονίδια και αυτοκόλλητα, το Slidesgo για δωρεάν διαφάνειες και πρότυπα παρουσιάσεων και το Wepik για προσαρμόσιμα πρότυπα σχεδίασης.
Τιμή: Δωρεάν. Η συνδρομή Premium ξεκινά από $10 ανά μήνα.

GIMP

Το GIMP (GNU Image Manipulation Program) είναι ένα δωρεάν και ανοιχτού κώδικα εργαλείο για ποιοτική δημιουργία και επεξεργασία εικόνων και προηγμένο ρετούς φωτογραφιών. Το GIMP παρέχει δυνατότητες για την παραγωγή εικονιδίων, στοιχείων γραφικού σχεδιασμού και τέχνης για στοιχεία διεπαφής χρήστη και μακέτες. Τιμή: Δωρεάν.

Gravit Designer

Το Gravit Designer είναι μια εφαρμογή για τη δημιουργία σχεδίων, λογοτύπων, εικονιδίων, τυπογραφίας και εικονογραφήσεων σε όλες τις πλατφόρμες. Χρησιμοποιήστε προηγμένα διανυσματικά εργαλεία, όπως Knife and Lasso, πολλαπλά γεμίσματα και μη καταστροφικά εφέ, γραμματοσειρές ιστού ή συστήματος και πολλά άλλα. Εργαστείτε online ή offline.
Τιμή: Δωρεάν. Η συνδρομή Pro κοστίζε $49,99 ανά έτος.

Krita

Το Krita είναι μια πλήρης εφαρμογή ψηφιακής ζωγραφικής. Διαθέτει πάνω από 100 επαγγελματικά πινέλα προεγκατεστημένα για σκίτσο και ζωγραφική, συμπεριλαμβανομένων σταθεροποιητών για ελεύθερη μελάνη και βοηθούς για την κατασκευή πολύπλοκων σκηνών. Το Krita υποστηρίζει όλες τις δημοφιλείς μορφές εικόνων, συμπεριλαμβανομένων των PSD.
Τιμή: Δωρεάν.

Lunacy

Το Lunacy είναι μια εφαρμογή διανυσματικών γραφικών για UX/UI και web design. Έχει ενσωματωμένα γραφικά, συμπεριλαμβανομένων εικονιδίων, φωτογραφιών και εικονογραφήσεις. Περιλαμβάνει εύχρηστα εργαλεία τεχνητής νοημοσύνης, όπως αφαίρεση φόντου, αναβάθμιση εικόνας, δημιουργία avatar και δημιουργία κειμένου. Χρήστες σε διαφορετικές πλατφόρμες μπορούν να συνεργαστούν για το ίδιο σχέδιο σε πραγματικό χρόνο.
Τιμή: Δωρεάν. Επιπλέον premium πακέτα.

Pexels

Το Pexels είναι ένας ιστότοπος στοκ φωτογραφιών και βίντεο. Όλα τα στοιχεία είναι δωρεάν για λήψη, για προσωπική ή εμπορική χρήση. Το Pexel προσφέρει επίσης ένα API συνδεδεμένο με ολόκληρη τη βιβλιοθήκη φωτογραφιών και βίντεο για να τροφοδοτήσει έναν ιστότοπο ή ένα προϊόν.
Τιμή: Δωρεάν.

Remix

Το Remix by Buffer, μετατρέπει τους συνδέσμους, τα tweets και τα άρθρα σας σε φωτογραφίες Instagram για τη ροή και τις ιστορίες σας. Το Remix μετατρέπει οποιονδήποτε σύνδεσμο σε άρθρο ή tweet σε social media graphic με δυνατότητα κοινής χρήσης. Προσαρμόστε το κείμενο, τα χρώματα και το φόντο και, στη συνέχεια, μοιραστείτε ή προγραμματίστε το με το Buffer.
Τιμή: Δωρεάν.

SketchUp

Το SketchUp είναι μια δωρεάν εφαρμογή μοντελοποίησης 3D. Αποκτήστε πρόσβαση σε 10 gigabyte αποθηκευτικού χώρου στο cloud Trimble Connect για να μοιραστείτε τα έργα σας και να συνεργαστείτε με την ομάδα σας. Επίσης, μπορείτε να δείτε τρισδιάστατα μοντέλα στο smartphone σας με την εφαρμογή SketchUp Viewer.
Τιμή: Δωρεάν. Τα προγράμματα επί πληρωμή ξεκινούν από $119 ετησίως. 

Vectr

Το Vectr είναι ένα δωρεάν πρόγραμμα επεξεργασίας γραφικών. Δημιουργήστε 2D γραφικά για λογότυπα, εικονίδια, μακέτες ιστοτόπων, παρουσιάσεις και άλλα. Στείλτε σε οποιονδήποτε άλλο χρήστη ένα έγγραφο Vectr για συνεργασία σε πραγματικό χρόνο.
Τιμή: Δωρεάν.

Webflow

Το Webflow είναι μια πλατφόρμα σχεδίασης websites για τη δημιουργία δομής και στυλ ενός ιστότοπου, χωρίς να χρειάζεται κώδικας. Μπορείτε να σύρετε στοιχεία HTML, ή να χρησιμοποιήστε προκατασκευασμένα κομμάτια για πολύπλοκα στοιχεία, όπως ρυθμιστικά, καρτέλες, βίντεο φόντου και άλλα. Επίσης, μπορείτε να χρησιμοποιήσετε δεδομένα διαχείρισης περιεχομένου και προϊόντα e-commerce για να δημιουργήσετε το website και να κάνετε δοκιμές με πραγματικό περιεχόμενο.
Τιμή: Δωρεάν. Τα προγράμματα Premium ξεκινούν από $12 το μήνα.

 

Μοιραστείτε το άρθρο

 

Published in Digital Design

Τα εικονίδια χρησιμοποιούνται για κάθε εργασία στον τεχνολογικό κόσμο, σε κάθε web site και σε κάθε mobile app. Αποτελούν μια πολύ αποτελεσματική και δημιουργική προσέγγιση για την καθοδήγηση των χρηστών στην περιήγησή τους και για την καλύτερη κατανόηση του υλικού.

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

UIHUT

Εάν έχετε περιορισμένο προϋπολογισμό, αλλά δεν θέλετε και να περιοριστείτε μόνο στις δωρεάν επιλογές εικονιδίων, το UIHUT είναι μια εξαιρετική επιλογή. Έχει μια τεράστια βιβλιοθήκη στοιχείων που περιλαμβάνει εικονίδια, Web Templates, Illustrations, Mobile UI, Web App και 3D Illustrations.

iconmonstr

Το iconmonstr είναι μια συλλογή από δωρεάν, υψηλής ποιότητας εικονίδια που εμπλουτίζεται διαρκώς, σε μορφές SVG, AI, PSD και PNG, καθώς και σε διάφορα μεγέθη και χρώματα. Η χρήση τους είναι ελεύθερη για οποιονδήποτε σκοπό, συμπεριλαμβανομένων των διαφημίσεων. Επιπλέον, μπορείτε να αποθηκεύσετε τα αγαπημένα σας εικονίδια χωρίς να χρειάζεται να εγγραφείτε στην υπηρεσία.

Flaticon 

Το Flaticon διαθέτει μία από τις μεγάλες βάσεις δεδομένων δωρεάν εικονιδίων που υπάρχουν στο Web. Τα εικονίδια δημιουργήθηκαν από εκατοντάδες καλλιτέχνες από όλο τον κόσμο και καλύπτουν ένα ευρύ φάσμα στυλ και εννοιών. Yπάρχουν πολλά εικονίδια για χρήση στο Web, το iOS και το Android. Υπάρχει επίσης διαθέσιμος και ένας επεξεργαστής που σας επιτρέπει να αλλάξετε το μέγεθος ή το χρώμα των εικονιδίων πριν τα κατεβάσετε.

The Noun Project

Με περισσότερα από 3 εκατομμύρια εικονίδια, το Noun Project διαθέτει μία από τις μεγαλύτερες συλλογές εικονιδίων που θα βρείτε. Τα περισσότερα είναι σε μορφές SVG και PNG και η πλειονότητά τους είναι σε ασπρόμαυρο στυλ. Διαθέτει δύο διαφορετικές άδειες χρήσης, για εμπορικά και μη εμπορικά project.

IconFinder

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

Google Material Icons
Το Material Icons είναι μια βιβλιοθήκη εικονιδίων στο Google Fonts που δημιουργείται από χρήστες για σχεδιαστές και προγραμματιστές. Ο ιστότοπος είναι λίγο δύσχρηστος, αλλά μπορείτε να κατεβάσετε μεμονωμένα εικονίδια σε διάφορες μορφές. Τα εικονίδια είναι δωρεάν και μπορούν να χρησιμοποιηθούν ως έχουν ή να τροποποιηθούν.

Very icon 

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

GraphicBurger

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

Endless Icons

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

Icofont

Το Icofont είναι η πιο καινοτόμος γραμματοσειρά εικονιδίων που διατίθεται για δωρεάν λήψη και χρήση. Έχει πάνω από 2.000 εικονίδια χωρισμένα σε 30 κατηγορίες, όπως οικονομικά, κοινωνικά, εταιρικά λογότυπα και άλλα. Το πακέτο είναι διαθέσιμο τόσο σε μορφή SVG όσο και ως γραμματοσειρά εικονιδίων.

 

Πηγή: webstore.cx

 

Μοιραστείτε το άρθρο

 

Published in Digital Design

Υπάρχουν εκατοντάδες λάθη σχεδιασμού της διεπαφής χρήστη (UI) και της εμπειρίας χρήστη (UX) που μπορεί να κάνουν τον ιστότοπο ή την εφαρμογή που σχεδιάζετε, αφιλόξενη, μπερδεμένη, ακόμη και αποκρουστική στους χρήστες.

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

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

Δε γίνονται δοκιμές με πραγματικούς χρήστες

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

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

Προσφέρονται πολλές εναλλακτικές επιλογές

Οι σχεδιαστές μερικές φορές δυσκολεύουν τους συνεργάτες τους να αποφασίσουν, με το να τους δίνουν πάρα πολλές επιλογές. Και όπως όλοι γνωρίζουμε, όταν υπάρχουν πάρα πολλές επιλογές, ο εγκέφαλος υπερφορτώνεται και μπερδεύεται!

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

Πάρα πολύ κείμενο

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

Δυσανάγνωστο κείμενο

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

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

Σε κάθε περίπτωση, κάντε ένα βήμα πίσω και να αναρωτηθείτε: "Μπορώ να το διαβάσω αυτό";

Λάθος ιεράρχηση περιεχομένου

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

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

Αποκριτικός σχεδιασμός

Ο ψηφιακός κατακερματισμός των συσκευών είναι μεγάλος και υπάρχει ένα μέγεθος οθόνης σε κάθε πιθανή αναλογία και πυκνότητα pixel. Το responsive design επιτρέπει στον πελάτη σας να προσεγγίσει όλους τους πιθανούς χρήστες, ανεξάρτητα από τη συσκευή που έχουν. Υπάρχουν πολλά διαθέσιμα εργαλεία που μπορούν να βοηθήσουν, ακόμη και ενσωματωμένα σε πλατφόρμες εφαρμογών - και μάλλον το γνωρίζετε!

 

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

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

 

Εικόνα: Kelly Sikkema, Unsplash

 

Μοιραστείτε το άρθρο

 

Published in Digital Design

Για να θέσουμε το απόφθεγμα του Steve Jobs με «δικά» μας λόγια, το (Re)design πρέπει να λαμβάνει υπόψη πρωτίστως τη λειτουργικότητα. Εάν, δηλαδή, το e-shop έχει σχεδιαστεί σωστά (βάσει βέλτιστων πρακτικών), τότε και το «πώς αισθάνεται κανείς» κατά την πλοήγησή του, θα είναι σωστό, δυνατό και - το κυριότερο - αποδοτικό.

Σε αυτό το άρθρο θα περιγράψουμε τις λειτουργίες μιας κορυφαίας πλατφόρμας, τον ρόλο που παίζει στην επιτυχία ενός e-commerce μοντέλου και, τελικά, θα τεκμηριώσουμε τους λόγους που το redesign αποτελεί την επανεκκίνηση σε μια online επιχείρηση με στόχο την κορυφή.

 

Πότε είναι απαραίτητο το redesign;

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

Το redesign είναι απολύτως απαραίτητο, όταν:

  1. Το design/σχεδιασμός του e-shop δεν τηρεί τους κανόνες ευχρηστίας.
  2. Το e-shop είναι… «αργό»!
  3. Το e-shop δεν είναι mobile friendly.
  4. Το site δεν διαλειτουργεί με 3rd Party λογισμικό.

 

Ας τα δούμε αναλυτικά.

 

Το design/σχεδιασμός του e-shop δεν τηρεί τους κανόνες ευχρηστίας

Όλοι μας δεν έχουμε επισκεφτεί ένα e-shop και αναγκαστήκαμε γρήγορα να το εγκαταλείψουμε χωρίς να ολοκληρώσουμε καμία παραγγελία; Οι περισσότεροι από εμάς θυμόμαστε τις δυσκολίες που αντιμετωπίσαμε κατά την αναζήτηση, πλοήγηση ή ολοκλήρωση μιας παραγγελίας θέτοντας αναπόφευκτα στον εαυτό μας κάποιες από τις ακόλουθες ερωτήσεις:

  • Γιατί δεν μπορώ να ολοκληρώσω την παραγγελία;
  • Τι μεταφορικά θα πληρώσω;
  • Σε πόσο χρόνο θα παραλάβω την παραγγελία;
  • Γιατί δεν μπορώ να βρω αυτό που ψάχνω;
  • Γιατί δεν καταλαβαίνω τί είναι αυτό που μου πουλάνε και ποια είναι τα χαρακτηριστικά του προϊόντος που βλέπω;

 

 

Πλήθος ερωτημάτων… που όλα οδηγούν στον μεγαλύτερο εχθρό του e-commerce και τελικά του εσόδου του E-Shop: στην εγκατάλειψή του. Γιατί; Διότι πολύ απλά ο σχεδιασμός του δεν συμβαδίζει με τις καθιερωμένες αρχές ευχρηστίας.

 

Usabilty testings

Ένας από τους πιο αποτελεσματικούς τρόπους να ανακαλύψετε τι ακριβώς κρύβεται πίσω από την εμπειρία των πελατών σας στους λόγους που οδηγούν σε εγκατάλειψη είναι το Usability Testing (Δοκιμή Χρηστικότητας). Η αξιοπιστία των αποτελεσμάτων του κρίνεται από τη μεθοδολογία και την εμπειρία του φορέα που θα το διενεργήσει. Εμπιστευθείτε, όπως σε όλες τις «εξετάσεις», τους ειδικούς.

Τα insights και τα ευρήματα που προκύπτουν από τα tests αυτά είναι πραγματικά αποκαλυπτικά και εξαιρετικά πολύτιμα για κάθε επιχειρηματία e-shop ανεξαιρέτως.

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

Κατόπιν εμπλέκουμε ομάδες αντιπροσωπευτικών δειγμάτων δυνητικών πελατών ζητώντας τους να εκτελέσουν συγκεκριμένες λειτουργίες σύμφωνα με τα εκπονημένα σενάρια διαδικασιών.

Παρατηρούμε και καταγράφουμε πλήρως την εμπειρία τους, ώστε να τα μελετήσουμε και να εντοπίσουμε τα σημεία που υστερούμε. Ιδανικά, η διαδικασία πρέπει να επαναλαμβάνεται με τις ίδιες ομάδες, σε σύγκριση με τα ανταγωνιστικά μας e-shops.

Στη συνέχεια, συλλέγουμε όλα τα ευρήματά μας, τα μελετάμε και σχεδιάζουμε τη βέλτιστη αξιοποίησή τους με πραγματικές λύσεις βελτίωσης / ανασχεδιασμού (redesign) του e-shop.

 

Το e-shop είναι… «αργό»!

Όλες οι μελέτες και οι πηγές της διεθνούς βιβλιογραφίας συγκλίνουν στο συμπέρασμα ότι η αποτελεσματικότητα ενός e-shop επηρεάζεται σημαντικά από την ταχύτητα φόρτωσης. Συγκεκριμένα, η ταχύτητα φόρτωσης είναι άρρηκτα συνδεδεμένη με την εμπειρία των χρηστών (user experience) και κατ’ επέκταση επηρεάζει άμεσα το ποσοστό μετατροπών και το ποσοστό εγκατάλειψης.

 

Τα νούμερα μιλούν από μόνα τους:

  • Το 40%των χρηστών εγκαταλείπουν τα ηλεκτρονικά καταστήματα όταν ο χρόνος φόρτωσης είναι μεγαλύτερος από 3 δευτερόλεπτα, με το ποσοστό να ανεβαίνει στο 53% όταν μιλάμε για mobile users.
  • Κάθε καθυστέρηση 2 δευτερολέπτων αυξάνει κατά 103% το ποσοστό εγκατάλειψης.
  • Οι χρήστες επισκέπτονται 8,9 σελίδες όταν ο χρόνος φόρτωσης είναι 2 δευτερόλεπτα, έναντι μόλις 3,3 σελίδων όταν ο χρόνος φόρτωσης είναι 8 δευτερόλεπτα.
  • Το ποσοστό μετατροπής μειώνεται κατά 7% για κάθε 0,1 δευτερόλεπτο καθυστέρησης στη φόρτωση των σελίδων.
  • Το ποσοστό μετατροπής αυξάνεται κατά 8,4% για κάθε 0,1 δευτερόλεπτο βελτίωσης στη φόρτωση των σελίδων.

 

Άρα… η ταχύτητα φόρτωσης των σελίδων κάθε e-shop είναι θέμα σχεδιασμού της πλατφόρμας και καθώς γνωρίζουμε ότι η ταχύτητα βελτιώνει την εμπειρία των πελατών του e-shop, αυτό έχει τεράστια επίδραση στο conversion rate και τελικά στα έσοδα.

Δεν πρέπει να υποτιμηθεί η αξιοποίηση των βελτιωμένων semantics και η πολυστρωματική αποθήκευση δεδομένων (multi-layer caching). Έτσι, θα επιτύχετε κορυφαίες επιδόσεις στην ταχύτητα αποκρισιμότητας του e-shop (e-shop responsiveness speed).

 

Το e-shop δεν είναι mobile friendly

Ας δούμε μερικά στοιχεία που καθιστούν «μονόδρομο» την smartphone-friendly δόμηση ενός e-shop για τη εξέλιξη και εν τέλει, τη βιωσιμότητά του.

  • Το mobile commerce αναπτύσσεται με 3πλάσιο ρυθμό σε σχέση με το «παραδοσιακό» e-commerce.
  • Η μέση συνεισφορά των κινητών συσκευών σε ένα e-shop ανέρχεται σε ποσοστό άνω του 70%
  • Άνω του 70% των e-shops στην Ελλάδα αποτυγχάνουν να λάβουν διψήφια βαθμολόγηση (με άριστα το 100) στα speed tests των σχετικών εργαλείων της Google.
  • Η Google κατατάσσει πλέον τα οργανικά αποτελέσματα μόνο από e-shops που είναι smartphone-friendly.

 

Συμπέρασμα: Αν έχετε ένα «εχθρικό» προς τις κινητές συσκευές e-shop, είναι σαν να αποφασίζετε συνειδητά ότι δεν σας ενδιαφέρει η ανάπτυξη της επιχείρησής σας.

Αλλιώς… ο σχεδιασμός διαφορετικού Front End για κάθε κατηγορία συσκευής (μεγάλες οθόνες, laptops, tablets, mobile συσκευές) κρίνεται απολύτως υποχρεωτικός.

Mόνο έτσι αξιοποιούνται στο μέγιστο οι κανόνες UI/UX και αλληλεπίδρασης με τους users: λαμβάνοντας υπόψη τα λειτουργικά πλεονεκτήματα που προσφέρει η κάθε συσκευή αλληλεπίδρασης.

Επίσης, έχοντας adaptive και όχι responsive τεχνολογία, το e-shop σας θα ανταποκρίνεται σωστά σε όλα τα μεγέθη των συσκευών: μεγάλες οθόνες, laptop, tablet, mobile συσκευές.

Ανακαλύψτε περισσότερα εδώ:

 

Το site δεν διαλειτουργεί με 3rd Party λογισμικό

Ένας άλλος λόγος που το redesign κρίνεται απαραίτητο, είναι για να μπορέσει η πλατφόρμα να συμβαδίζει με όλες τις τεχνολογικές εξελίξεις που ενισχύουν την αποδοτική λειτουργία ενός e-commerce business, όπως:

  • Η ενσωμάτωση Artificial Intelligence εφαρμογών, ώστε το e-shop να «εκπαιδεύεται» στις επιθυμίες και τις προτιμήσεις του user προσφέροντας personalized πλοήγηση.

 

  • Διασύνδεση με το ERP της επιχείρησής σας για την άμεση ενημέρωση των αποθεμάτων, των πωλήσεων και της καρτέλας των πελατών, ώστε να υπάρχει άμεση αμφίδρομη καταχώρηση των μεταβολών που πραγματοποιούνται σε real time.
  • Διασύνδεση με τις πλατφόρμες digital marketing (Facebook, Google, κ.λπ.) για τη real time άντληση της πληροφορίας και της επίδρασης που έχει το κάθε κανάλι στις παραγγελίες του ηλεκτρονικού καταστήματος.
  • Smart search προϊόντων με τη χρήση εφαρμογής που εκπαιδεύεται βάσει παρελθοντικών αναζητήσεων για τα πιο δημοφιλή προϊόντα ανά κατηγορία.

 

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

Ανακαλύψτε περισσότερα εδώ και δείτε πώς η ομάδα της Plushost εννοεί το redesign στην πράξη με αποτελέσματα που επιβραβεύονται στο ταμείο του συνεργάτη μας, αλλά και στα e-volution ΑWARDS.

-Advertorial-

 

Μοιραστείτε το άρθρο

 

Published in e- Commerce

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

Παρακάτω μπορείτε να βρείτε μια λίστα με stock photo sites, με δωρεάν υλικό, όπως επίσης και μια σειρά από εμπορικά sites που προσφέρουν φθηνές εικόνες και μηνιαίες συνδρομές. Όλες οι εικόνες διατίθενται χωρίς δικαιώματα, οπότε μπορείτε να τις χρησιμοποιήσετε οπουδήποτε, χωρίς απαραίτητα να αναφέρετε την πηγή. Σε κάθε περίπτωση, όμως, όσον αφορά στις δωρεάν εικόνες, ελέγξτε τις σημειώσεις των δικαιωμάτων, για κάθε ενδεχόμενο!

Το Burst είναι μια δωρεάν πλατφόρμα φωτογραφιών από το Shopify. Μπορείτε να επιλέξετε από διάφορες κατηγορίες που υπάρχουν στη συλλογή, ή να μεταβείτε στην ενότητα Business ideas για να επιλέξετε από πάνω από 20 δημοφιλή θέματα.

Το Kaboompics είναι ένα site που έχει υλικό από μία μόνο φωτογράφο και φιλοξενεί πάνω από 20.000 εικόνες και 1.500 σετ φωτογραφιών. Προσφέρει μια μεγάλη ποικιλία από lifestyle εικόνες, χρήσιμες για ιστότοπους ηλεκτρονικού εμπορίου.

Το Pexels είναι μια πλατφόρμα με εκατοντάδες χιλιάδες δωρεάν φωτογραφίες και βίντεο που εμπλουτίζονται καθημερινά. Στο Leaderboard κάθε φωτογράφου μπορείτε να δείτε τις περισσότερες προβολές των φωτογραφιών που μεταφορτώθηκαν τις τελευταίες 30 ημέρες.

Το Picography παρέχει δωρεάν, υψηλής ανάλυσης, φωτογραφίες τα τελευταία τρία χρόνια. Αν και η συλλογή του δεν είναι μεγάλη σε σύγκριση με άλλα stock photo sites, διαθέτει μια καλά επιμελημένη επιλογή ποιοτικών εικόνων.

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

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

Το Unsplash ιδρύθηκε το 2013 και σήμερα το φιλοξενεί πάνω από 2,5 εκατομμύρια δωρεάν, εικόνες υψηλής ανάλυσης από περισσότερους από 210.000 φωτογράφους. Επίσης, παρέχει εφαρμογές για iOS, Android, Chrome, WordPress και άλλα.

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

- Adobe Stock

- Death to Stock

- EyeEm

- iStock

- Shutterstock

- Stocksy

- Westend61

 

Μοιραστείτε το άρθρο

 

 

 

Published in Digital Design

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

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

Δείτε 5 από τα πιο σημαντικά σημεία που πρέπει να έχετε υπόψιν, ώστε να γνωρίζετε τί πρέπει να προσέξετε και να βεβαιωθείτε ότι δημιουργείτε ένα website υψηλής ποιότητας και λειτουργικότητας.

 

1. Ταχύτητα φόρτωσης σελίδων

Η ταχύτητα μιας ιστοσελίδας είναι ένας βασικός παράγοντας κατάταξης SEO. Αυτό, γιατί επηρεάζει την εμπειρία ενός χρήστη σε έναν ιστότοπο και η Google θέλει να προσφέρει αποτελέσματα αναζήτησης που προσφέρουν θετικές εμπειρίες χρήσης. Υπάρχουν διάφορα δωρεάν εργαλεία για τη μέτρηση της ταχύτητας, όπως το Google PageSpeed ​​Insights, για να σας βοηθήσουν να δοκιμάσετε τις εκδόσεις ενός website σε συσκευές desktop και mobile.

Το PageSpeed ​​Insights θα σας δώσει προτάσεις για την επιτάχυνση των ιστοσελίδων. Ορισμένες κοινές βελτιώσεις που μπορείτε να κάνετε είναι:

-  Βελτιστοποίηση εικόνων για μικρότερο μέγεθος αρχείου και χρήση εικόνων JPEG αντί PNG όπου είναι δυνατόν.
-  Ενεργοποίηση συμπίεσης για μείωση του μεγέθους των αρχείων CSS, HTML και JavaScript.
-  Μείωση του αριθμού των ανακατευθύνσεων που χρησιμοποιούνται.
-  Χρήση browser caching.
-  Καθαρισμός της βάσης δεδομένων, ώστε να λειτουργεί αποτελεσματικά και να μην αποθηκεύει περιττά δεδομένα.

 

2. Ασφάλεια του website

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

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

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

Ορισμένα βήματα που μπορείτε να κάνετε:

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

 

3. Χρήση μεγάλου αριθμού plugins

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

 

4. Στρατηγικές SEO

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

Μερικές από τις σημαντικότερες, αλλά ευκολότερες εργασίες SEO που μπορείτε να προγραμματίσετε είναι:

-  Ρυθμίστε τη Google Search Console
-  Δημιουργήστε χάρτη ιστοτόπου XML
-  Χρησιμοποιήστε ένα SEO plugin
-  Κάντε τις εικόνες SEO friendly
-  Χρησιμοποιήστε διευθύνσεις URL φιλικές για SEO

 

5. Μελέτη των analytics

Ο σχεδιασμός ενός website πρέπει πάντα να γίνεται με προγραμματισμό και κυρίως, με κάποιο στόχο. Ξέρετε τι θέλει να επιτύχει η επιχείρηση με τον ιστότοπό της; Πώς χρησιμοποιούν οι επισκέπτες τον ιστότοπο αυτήν τη στιγμή; Πρέπει να γνωρίζετε ποιες είναι οι τρέχουσες μετρήσεις όπως ο αριθμός επισκέψεων σελίδων ανά session, ο χρόνος παραμονής, τα βασικά κανάλια εισερχόμενης κίνησης κ.λπ.

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

 

Μοιραστείτε το άρθρο

 

 

Published in Digital Design

Το Designlab προσφέρει online εκπαίδευση για σχεδιαστές UX/UI, είτε για όσους επαγγελματίες θέλουν να εμπλουτίσουν τις γνώσεις τους, είτε για όσους θέλουν να ξεκινήσουν μια νέα καριέρα στο χώρο.

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

1. Aurora Shao

Το χαρτοφυλάκιο της Aurora είναι καθαρό, εύκολο στην πλοήγηση και συνεπές, παρουσιάζοντας παράλληλα τις δεξιότητές της. Κάνει εξαιρετική δουλειά δημιουργώντας case studies που παρέχουν όλες τις σχετικές πληροφορίες με έναν ελκυστικό τρόπο.

2. Jared Bartman

Πολλά χαρτοφυλάκια είναι απλά εικόνες σε πλέγμα σε μια λευκή σελίδα και ενώ δεν υπάρχει τίποτα λάθος με αυτήν την προσέγγιση, το χαρτοφυλάκιο του Jared ξεχωρίζει για το ανοιχτό γκρι φόντο και τη χρήση του χρώματος. Ένα σημαντικό χαρακτηριστικό είναι το σταθερό κουμπί "Back to top" στη δεξιά πλευρά των σελίδων που διευκολύνει στην πλοήγηση.

3. Siriveena Nandam

Άλλο ένα εξαιρετικό παράδειγμα του πώς μια μικρή, ευφυής αλλαγή χρώματος μπορεί να κάνει το σχεδιασμό πολύ πιο συναρπαστικό. Το δείγμα της Siriveena έχει ιδιαίτερα χαρακτηριστικά τα οποία μπορείτε να μελετήσετε και να πάρετε ιδέες για δικά σας projects.

4. Rebecca Jun

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

5. Soo Park

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

6. Katherine Chen

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

7. Jamie Choi

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

8. Katie Lewis

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

9. Erick Brito

Το portfolio του Erick δείχνει τον τρόπο παρουσίασης και άλλων έργων που μπορεί να έχετε και πριν από την ενασχόλησή σας με UX/UI. Βάζει τα έργα UX/UI πρώτα, αλλά στη συνέχεια περιλαμβάνει δείγματα σχεδιασμού εκτύπωσης και παρουσίασης.

10. Ben Griggs

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

Εικόνα: Tranmautritam, Pexels

 

Μοιραστείτε το άρθρο

 

 

Published in Digital Design
Σελίδα 1 από 5
Image
Image
Image
Image

Ακολουθήστε μας στο Facebook

Image
Image

Κόμβος πληροφόρησης για θέματα και εφαρμογές που αφορούν στις ψηφιακές τεχνολογίες και το Ηλεκτρονικό Επιχειρείν.

 

Newsletter

Εγγραφείτε στο εβδομαδιαίο Newsletter για να λαμβάνετε τα πιο hot άρθρα στο email σας!