Development – Afroditi Kravari https://www.afroditikravari.eu Your Image is Your power Tue, 23 Mar 2021 11:12:01 +0000 en-US hourly 1 https://www.afroditikravari.eu/wp-content/uploads/2019/04/cropped-favicon-32x32.png Development – Afroditi Kravari https://www.afroditikravari.eu 32 32 Πως πρέπει να είναι το website μου τη δεκαετία 2020-2030; [Video] https://www.afroditikravari.eu/2021/03/22/video_website/?utm_source=rss&utm_medium=rss&utm_campaign=video_website https://www.afroditikravari.eu/2021/03/22/video_website/#respond Mon, 22 Mar 2021 19:50:06 +0000 https://afroditikravari.o.staging.generation-y.net/?p=2161

Πως πρέπει να είναι το website μου στη δεκαετία 2020-2030;

Τι πρέπει να προσέξουν οι επιχειρηματίες ως προς την αρχιτεκτονική και το σχεδιασμό του;

— Star Κεντρικής Ελλάδος [απόσπασμα]

 

 

]]> https://www.afroditikravari.eu/2021/03/22/video_website/feed/ 0 Γιατι να έχω responsive & mobile optimized website; https://www.afroditikravari.eu/2020/09/29/%ce%b3%ce%b9%ce%b1%cf%84%ce%b9-%ce%bd%ce%b1-%ce%ad%cf%87%cf%89-responsive/?utm_source=rss&utm_medium=rss&utm_campaign=%25ce%25b3%25ce%25b9%25ce%25b1%25cf%2584%25ce%25b9-%25ce%25bd%25ce%25b1-%25ce%25ad%25cf%2587%25cf%2589-responsive https://www.afroditikravari.eu/2020/09/29/%ce%b3%ce%b9%ce%b1%cf%84%ce%b9-%ce%bd%ce%b1-%ce%ad%cf%87%cf%89-responsive/#respond Tue, 29 Sep 2020 10:28:08 +0000 http://afroditikravari.o.staging.generation-y.net/?p=1811

Ας ξεκινήσουμε απ’ τα απλά.

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

Όταν μιλάμε για mobile friendly websites εννοούμε websites που είναι φιλικά και εύχρηστα προς το χρήστη, εύκολα αναγνώσιμα, με μικρές φωτογραφίες που να φορτώνουν γρήγορα και άλλα τέτοια παρόμοια tips. Για παράδειγμα, μια γραμματοσειρά 14-16pt μπορεί να σου φαίνεται μεγάλη, αλλά ο,τιδήποτε μικρότερο θα ήταν δύσκολο να διαβαστεί από κινητό. Κι αυτό αμέσως το καθιστά ως καλή πρακτική για mobile friendly website, τα οποία παρεπιμπτόντως η Google τα αγαπά και τα επιβραβεύει. Αν αποφασίσεις να φτιάξεις το website σου σε WordPress είσαι σε καλό δρόμο μιας και η συγκεκριμένη πλατφόρμα είναι εξαρχής mobile friendly. Και να σου δώσω κι ένα μικρό tip: αν δεν είσαι σίγουρος για το αν είναι ή όχι το δικό σου website, μπες εδώ και τσέκαρέ το (είναι online mobile friendly test)!

Οι mobile χρήστες τώρα, είναι αποδεδειγμένα απαιτητικοί και παθιασμένοι με τα κινητά τους. Αυτό αποδεικνύεται τόσο από την κατοχή των τελευταίων μοντέλων σε smartphones που διαθέτουν, όσο κι από την ασταμάτητη χρήση τους. Αυτοί οι χρήστες επιδιώκουν να βρουν γρήγορα, εύκολα και αποτελεσματικά αυτό που ψάχνουν στο κινητό τους και το mobile optimization τους δίνει ακριβώς αυτό που ψάχνουν. Όλα τα mobile optimized websites είναι mobile friendly και όχι το αντίθετο.

Το mobile optimized απευθύνεται αποκλειστικά σε mobile χρήστες. Και τι εννοούμε ακριβώς; Το website είναι φτιαγμένο με κάποια ειδικά χαρακτηριστικά, όπως τα μεγάλα γραφικά, layout σε μία στήλη, minimal design, μικρότερο μέγεθος εικόνων, αναπροσαρμοσμένο περιεχόμενο & φυσικά ταχύτητα. Η πρώτη εντύπωση είναι το παν. Πλοηγούμαι εύκολα, τάχιστα και ευχάριστα για το μάτι μου στο website σου από το κινητό μου σημαίνει ότι θα επιστρέψω σε αυτό και κατά μεγάλο ποσοστό είμαι δυνητικός πελάτης σου.

Και μη ξεχνάμε και κάτι πολύ πολύ σημαντικό… τα social media. Στα social media επικοινωνούμε κυρίως από κινητό. Αν προβάλεις την επιχείρησή σου στα social media, έχεις στρατηγική, γράφεις περιεχόμενο, κάνεις διαφημίσεις αλλά στέλνεις τους fans σου στο website σου που δεν είναι mobile friendly & optimized, το σίγουρο είναι πως θα τους χάσεις. Πού καταλήγουμε;

Αν έχεις blog, αν διατηρείς e-shop ή αν το κοινό σου είναι κατεξοχήν mobile χρήστες τότε χωρίς σκέψη για να έχεις την αναμενόμενη απόδοση σε όλες τις ενέργειες που κάνεις, το website σου πρέπει να είναι optimized.

Και τι εννοούμε να είναι μαζί και responsive;

Μη μπερδεύεστε με πολλές πληροφορίες. Το responsive design είναι η πολύ απλή πρακτική όπου το website σου αναγνωρίζει τη συσκευή που χρησιμοποιείς (σταθερός υπολογιστής, κινητό, tablet) και προσαρμόζεται δυναμικά σε κάθε διάσταση και προσανατολισμό οθόνης με σκοπό τη βέλτιστη ανάγνωση και περιήγησή σου. Ο προσανατολισμός της οθόνης είναι όταν κρατάμε το κινητό σε οριζόντια θέση (landscape) ή σε κάθετη θέση (portrait). Κατά τη διάρκεια αυτής της προσαρμογής το περιεχόμενο κάθε website αναδιαμορφώνεται σύμφωνα με τις διαστάσεις της εκάστοτε οθόνης & οι μη απαραίτητες πληροφορίες, όπως κάποια videos ή φωτογραφίες δεν εμφανίζονται ώστε να μην εμποδίζουν τις σημαντικές πληροφορίες του website. Η εμπειρία που αποκτά ο χρήστης από μια τέτοια πρακτική είναι πάντα ευχάριστη και θετική (θετικό UX user experience) καθώς με την αύξηση της ευχρηστίας, αυξάνεται και ο χρόνος παραμονής του χρήστη στο website, κάτι πολύ πολύ θετικό για την επιχείρησή σου.

Συμπέρασμα σε 1 πρόταση; 

Για να συμβαδίζεις με την εποχή σου, τις απαιτήσεις της και το κοινό σου, ένα responsive, mobile friendly & optimized website σε μια πλατφόρμα όπως της WordPress που υποστηρίζει πολλά τέτοια χαρακτηριστικά, είναι αυτό ακριβώς που χρειάζεσαι!

]]> https://www.afroditikravari.eu/2020/09/29/%ce%b3%ce%b9%ce%b1%cf%84%ce%b9-%ce%bd%ce%b1-%ce%ad%cf%87%cf%89-responsive/feed/ 0 Γιατί να κάνω redesign στο website μου; https://www.afroditikravari.eu/2020/04/04/%ce%b3%ce%b9%ce%b1%cf%84%ce%af-%ce%bd%ce%b1-%ce%ba%ce%ac%ce%bd%cf%89-redesign-%cf%83%cf%84%ce%bf-website-%ce%bc%ce%bf%cf%85/?utm_source=rss&utm_medium=rss&utm_campaign=%25ce%25b3%25ce%25b9%25ce%25b1%25cf%2584%25ce%25af-%25ce%25bd%25ce%25b1-%25ce%25ba%25ce%25ac%25ce%25bd%25cf%2589-redesign-%25cf%2583%25cf%2584%25ce%25bf-website-%25ce%25bc%25ce%25bf%25cf%2585 https://www.afroditikravari.eu/2020/04/04/%ce%b3%ce%b9%ce%b1%cf%84%ce%af-%ce%bd%ce%b1-%ce%ba%ce%ac%ce%bd%cf%89-redesign-%cf%83%cf%84%ce%bf-website-%ce%bc%ce%bf%cf%85/#respond Sat, 04 Apr 2020 13:40:38 +0000 http://afroditikravari.o.staging.generation-y.net/?p=1251 Ακούγοντας κάποιος για redesign, συνειρμικά το μυαλό του πάει στο design, στο αισθητικό αποτέλεσμα.

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

Ας τα πάρουμε όμως από την αρχή.

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

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

Από την άλλη μεριά όμως υπάρχει η λειτουργικότητα και η ευχρηστία. Υπάρχει η ταχύτητα. Υπάρχει η ευκολία με την οποία μπορώ να πλοηγούμαι μέσα σε ένα website. Να μπορώ να καταλαβαίνω τα menu, να μη χάνομαι μέσα στις σελίδες, να μπορώ να επιστρέφω εύκολα εκεί που θέλω και να καταλαβαίνω σε ποια σελίδα βρίσκομαι βλέποντας κατανοητά, μικρά και seo-friendly url’s.

Ακούγοντας όλα αυτά σίγουρα θέλεις και το δικό σου website να είναι έτσι.
Ας δούμε όμως πότε και γιατί πρέπει να κάνεις μια τέτοια κίνηση:

  • αρχικά ό,τι κι αν κάνεις, πρέπει να συνδέσεις το website σου με το Google Analytics. Μέσα από αυτό μπορείς να βλέπεις πόσοι επισκέπτονται το website σου, πόσο χρόνο μένουν, πόσοι φεύγουν, σε ποιες σελίδες ανατρέχουν κτλ. Από αυτό ξεκινάς βλέποντας τα στατιστικά σου και την ανάγκη ώστε να αλλάξεις πράγματα. Αυτή είναι η βάση σου. Αν έχεις υψηλό bounce rate για παράδειγμα (ποσοστό χρηστών που εγκαταλείπουν το website σου χωρίς να αλληλεπιδράσουν με αυτό), είναι μια καλή αρχή για να αναθεωρήσεις όλη τη στρατηγική και τους στόχους σου.
  • ποιο είναι το κοινό σου; Το κοινό σου θα καθορίσει τη στρατηγική και τις αποφάσεις σου. Για παράδειγμα αν είσαι ένα eshop με νεανικά γυναικεία ρούχα, ξέρεις πως απευθύνεσαι σε γυναίκες ηλικίας 18-45, χρειάζεται να έχεις άψογο φωτογραφικό υλικό, να δίνεις προσφορές και να προσφέρεις οπτικά και λειτουργικά ό,τι ικανοποιεί τη γυναικεία φιλαρέσκεια. Το να δημιουργήσεις buyer & user personas κάνοντας test στο website σου είναι μια καλή πρακτική. Ανάλογα με το προφίλ του κοινού σου όμως δημιουργείς το website και τη διαδικτυακή σου παρουσία.
  • δες τους ανταγωνιστές σου. Αν εκείνοι έχουν ένα νέο λειτουργικό website, σίγουρα εσύ δε μπορείς να μείνεις πίσω. Γιατί ο χρήστης να επιλέξει εσένα και όχι τον ανταγωνιστή σου, ο οποίος συμβαδίζει με την εποχή του και με τις απαιτήσεις του κοινού του; Η μελέτη του ανταγωνισμού είναι καίριας σημασίας ιδιαίτερα αν δραστηριοποιείσαι στον τομέα του retail.
  • πώς είναι αυτή τη στιγμή το website σου; Αν στα μάτια σου και τα μάτια των επισκεπτών σου φαντάζει παλιό και παρωχημένο, σίγουρα είναι η στιγμή να κάνεις το επόμενο βήμα. Μη ξεχνάς πως το website σου είναι η βιτρίνα σου. Η εικόνα σου. Ο διαδικτυακός εαυτός σου. Και όταν μιλάμε για επικαιροποίηση, δε μιλάμε απλά για σχέδια και design. Μιλάμε για επικαιροποίηση σε περιεχόμενο, σε design και σε δομή. Χρειάζεται ενδεχομένως να αλλάξει ολόκληρη η βασική δομή και το στήσιμο (sitemap).
  • Αν το παλιό σου website δεν είναι responsive, τότε σίγουρα δεν έχεις κάτι παραπάνω να σκεφτείς. Οι χρήστες πλέον χρησιμοποιούν κατά κόρον κινητά και tablets και φυσικά αν το website σου δεν είναι σχεδιασμένο για αυτές τις συσκευές, τότε το σίγουρο είναι πως θα τον χάσεις γιατί δε θα επιστρέψει στο website σου αν δε μπορεί να βρει εύκολα, άμεσα και γρήγορα αυτό που θέλει.
]]> https://www.afroditikravari.eu/2020/04/04/%ce%b3%ce%b9%ce%b1%cf%84%ce%af-%ce%bd%ce%b1-%ce%ba%ce%ac%ce%bd%cf%89-redesign-%cf%83%cf%84%ce%bf-website-%ce%bc%ce%bf%cf%85/feed/ 0 Γιατι να έχω responsive & mobile optimized website; https://www.afroditikravari.eu/2017/10/20/sample-slider-post/?utm_source=rss&utm_medium=rss&utm_campaign=sample-slider-post https://www.afroditikravari.eu/2017/10/20/sample-slider-post/#respond Fri, 20 Oct 2017 19:49:39 +0000 http://webredox.net/demo/wp/bionick/demo1/?p=173

Ας ξεκινήσουμε απ’ τα απλά.

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

Όταν μιλάμε για mobile friendly websites εννοούμε websites που είναι φιλικά και εύχρηστα προς το χρήστη, εύκολα αναγνώσιμα, με μικρές φωτογραφίες που να φορτώνουν γρήγορα και άλλα τέτοια παρόμοια tips. Για παράδειγμα, μια γραμματοσειρά 14-16pt μπορεί να σου φαίνεται μεγάλη, αλλά ο,τιδήποτε μικρότερο θα ήταν δύσκολο να διαβαστεί από κινητό. Κι αυτό αμέσως το καθιστά ως καλή πρακτική για mobile friendly website, τα οποία παρεπιμπτόντως η Google τα αγαπά και τα επιβραβεύει. Αν αποφασίσεις να φτιάξεις το website σου σε WordPress είσαι σε καλό δρόμο μιας και η συγκεκριμένη πλατφόρμα είναι εξαρχής mobile friendly. Και να σου δώσω κι ένα μικρό tip: αν δεν είσαι σίγουρος για το αν είναι ή όχι το δικό σου website, μπες εδώ και τσέκαρέ το (είναι online mobile friendly test)!

Οι mobile χρήστες τώρα, είναι αποδεδειγμένα απαιτητικοί και παθιασμένοι με τα κινητά τους. Αυτό αποδεικνύεται τόσο από την κατοχή των τελευταίων μοντέλων σε smartphones που διαθέτουν, όσο κι από την ασταμάτητη χρήση τους. Αυτοί οι χρήστες επιδιώκουν να βρουν γρήγορα, εύκολα και αποτελεσματικά αυτό που ψάχνουν στο κινητό τους και το mobile optimization τους δίνει ακριβώς αυτό που ψάχνουν. Όλα τα mobile optimized websites είναι mobile friendly και όχι το αντίθετο.

Το mobile optimized απευθύνεται αποκλειστικά σε mobile χρήστες. Και τι εννοούμε ακριβώς; Το website είναι φτιαγμένο με κάποια ειδικά χαρακτηριστικά, όπως τα μεγάλα γραφικά, layout σε μία στήλη, minimal design, μικρότερο μέγεθος εικόνων, αναπροσαρμοσμένο περιεχόμενο & φυσικά ταχύτητα. Η πρώτη εντύπωση είναι το παν. Πλοηγούμαι εύκολα, τάχιστα και ευχάριστα για το μάτι μου στο website σου από το κινητό μου σημαίνει ότι θα επιστρέψω σε αυτό και κατά μεγάλο ποσοστό είμαι δυνητικός πελάτης σου.

Και μη ξεχνάμε και κάτι πολύ πολύ σημαντικό… τα social media. Στα social media επικοινωνούμε κυρίως από κινητό. Αν προβάλεις την επιχείρησή σου στα social media, έχεις στρατηγική, γράφεις περιεχόμενο, κάνεις διαφημίσεις αλλά στέλνεις τους fans σου στο website σου που δεν είναι mobile friendly & optimized, το σίγουρο είναι πως θα τους χάσεις. Πού καταλήγουμε;

Αν έχεις blog, αν διατηρείς e-shop ή αν το κοινό σου είναι κατεξοχήν mobile χρήστες τότε χωρίς σκέψη για να έχεις την αναμενόμενη απόδοση σε όλες τις ενέργειες που κάνεις, το website σου πρέπει να είναι optimized.

Και τι εννοούμε να είναι μαζί και responsive;

Μη μπερδεύεστε με πολλές πληροφορίες. Το responsive design είναι η πολύ απλή πρακτική όπου το website σου αναγνωρίζει τη συσκευή που χρησιμοποιείς (σταθερός υπολογιστής, κινητό, tablet) και προσαρμόζεται δυναμικά σε κάθε διάσταση και προσανατολισμό οθόνης με σκοπό τη βέλτιστη ανάγνωση και περιήγησή σου. Ο προσανατολισμός της οθόνης είναι όταν κρατάμε το κινητό σε οριζόντια θέση (landscape) ή σε κάθετη θέση (portrait). Κατά τη διάρκεια αυτής της προσαρμογής το περιεχόμενο κάθε website αναδιαμορφώνεται σύμφωνα με τις διαστάσεις της εκάστοτε οθόνης & οι μη απαραίτητες πληροφορίες, όπως κάποια videos ή φωτογραφίες δεν εμφανίζονται ώστε να μην εμποδίζουν τις σημαντικές πληροφορίες του website. Η εμπειρία που αποκτά ο χρήστης από μια τέτοια πρακτική είναι πάντα ευχάριστη και θετική (θετικό UX user experience) καθώς με την αύξηση της ευχρηστίας, αυξάνεται και ο χρόνος παραμονής του χρήστη στο website, κάτι πολύ πολύ θετικό για την επιχείρησή σου.

Συμπέρασμα σε 1 πρόταση; 

Για να συμβαδίζεις με την εποχή σου, τις απαιτήσεις της και το κοινό σου, ένα responsive, mobile friendly & optimized website σε μια πλατφόρμα όπως της WordPress που υποστηρίζει πολλά τέτοια χαρακτηριστικά, είναι αυτό ακριβώς που χρειάζεσαι!

]]> https://www.afroditikravari.eu/2017/10/20/sample-slider-post/feed/ 0