css3.gr

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

Το παρακάτω άρθρο προσπαθεί να κάνει μια σύντομη εισαγωγή στο θέμα που θα συζητιέται όλο και περισσότερο - και στην Ελλάδα ελπίζω - τα επόμενα χρόνια, που δεν είναι άλλο από το mobile web design.

Σε αυτό το σημείο θα ήθελα να δηλώσω πως δεν είμαι κανένας guru του χώρου, μιας και η μόνη mobile εφαρμογή που έχω κατασκευάσει στηριζόταν στην αρχαία πλέον WML. Το παρακάτω άρθρο θα ασχοληθεί μόνο με το θεωρητικό κομμάτι του mobile web design, ωστόσο ελπίζω να επανέλθω με κάτι πιο τεχνολογικό.

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

Ένα μέσο με πάρα πολλές δυνατότητες, και άλλους τόσους περιορισμούς!

Ακούγεται πολύ περίεργο αλλά δυστυχώς ισχύει. Το νέο υπερ-κινητό σας, ναι αυτό με τα 1.000 χαρακτηριστικά, την φωτογραφική μηχανή, την δυνατότητα αναπαραγωγής mp3/videoclips, τις 3D εφαρμογές και παιχνίδια, και όλα τα υπόλοιπα καλούδια, έχει ακριβώς τα ίδια μειονεκτήματα με τα πρώτα κινητά που κυκλοφόρησαν καμιά 15αριά χρόνια πριν.

Αυτό τουλάχιστον ανακάλυψαν οι web experts όταν έκαναν τις πρώτες τους προσπάθειες στο mobile web design. Ξαφνικά η επιλογή κάποιου link έγινε πραγματικό μαρτύριο (βλέπεται δεν υπάρχει κάποιο ποντίκι που να διευκολύνει τους χρήστες στην διαδικασία), η συμπλήρωση κάποιας φόρμας μπορεί να κρατήσει και αιώνες (άλλο το keyboard και άλλο τα μικροσκοπικά κουμπάκια που έχουν τα κινητά), ενώ φυσικά οι χρήστες αναγκάζονται να βλέπουν τα πάντα σε μια οθονούλα με ανάλυση 480 x 320 pixels στην καλύτερη περίπτωση (iPhone) έως 128 x 160 στην χειρότερη...

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

Μόνο τα απολύτως απαραίτητα

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

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

Μην χρησιμοποιείτε φόρμες...

... εκτός και εάν είναι απολύτως απαραίτητο. Νομίζω πως όλοι καταλαβαίνετε το γιατί. Εάν θέλετε οπωσδήποτε να χρησιμοποιήσετε κάποια φόρμα, έτσι ώστε να δώσετε την ευκαιρία στον χρήστη να ψάξει κάτι για παράδειγμα, τότε προσθέστε οπωσδήποτε κάποια AJAX auto-complete τεχνική. Επίσης στις φόρμες προσωπικών στοιχείων ζητήστε μόνο ότι χρειάζεστε, αλλιώς το πιο πιθανό είναι να χάσετε τον χρήστη ο οποίος θα προτιμήσει να περάσει την ώρα του στο φιδάκι από το να συμπληρώνει φόρμες χρησιμοποιώντας το αριθμητικό πληκτρολόγιο! Οι φόρμες στο mobile web είναι ένα αρκετά περίεργο και πολυσυζητημένο θέμα, ωστόσο τείνω να πιστεύω πως πρέπει να τις αποφεύγουμε εάν γίνεται, και να βοηθάμε όσο πιο πολύ μπορούμε τον χρήστη στην συμπλήρωση τους, όταν δεν μπορούμε να τις αποφύγουμε.

Οι λεπτομέρειες μετράνε

Τέλος όπως και σε κάθε δουλειά, οι λεπτομέρειες είναι αυτές που θα κάνουν την διαφορά. Το καλοστημένο design που παίζει σε όλους τους συνδυασμούς κινητών/browsers, οι μεγάλες επιφάνειες των links που μπορούν να πατηθούν άνετα (στο iPhone), το custom περιεχόμενο, για παράδειγμα ανάλογα με το που βρίσκεται ο mobile χρήστης μας (εντοπισμός μέσω GPS ή κυψέλης) και άλλα τέτοια χαρακτηριστικά μπορούν να κάνουν το mobile web site σας να ξεχωρίσει από την μάζα και να προσφέρει πραγματική αξία στους mobile χρήστες.

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

Επίλογος

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