MOMus e-shop

User Interface - User Experience - Προσβασιμότητα

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

Από εκεί και πέρα αυτό που θέλαμε ήταν να υπάρχει μεγάλη σαφήνεια. Αυτό μεταφράζεται ως απλά layouts χωρίς εξεζητημένες ιδέες. Και θέλαμε να έχουμε μεγάλη ευκολία στην εύρεση των προϊόντων Αυτό επιτεύχθηκε μέσω τριών δρόμων: της βασικής πλοήγησης, μέσω των φίλτρων των προϊότων (εύρος τιμής, είδος, χρώμα), είτε μέσω της αναζήτησης.
Ειδικά για τα φίλτρα: ανάλογα το είδος του προϊόντος τα φίλτρα προσαρμόζονται σχετικά. Έτσι, έχουμε άλλα φίλτρα π.χ. για τις εκτυπώσεις κι άλλα για το ρουχισμό. Πράγμα το οποίο διευκολύνει σημαντικά τη ζωή του επισκέπτη.

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

Mobile design

Προφανώς το e-shop πρέπει να είναι mobile friendly, αν όχι mobile first. Τα απλά layouts που εξυπηρετούν με τη σαφήνεια τους σε μεγαλύτερες αναλύσεις, εξυπηρετούν αντίστοιχα κι εδώ καθώς μπορούν εύκολα να προσαρμοστούν σε μικρότερες οθόνες, ειδικά σε smartphones.

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