Δωρεάν Responsive Web Design δοκιμές

responsive design

Το Responsive design (Responsive Web Design) δεν είναι στο παρόν μόνο θέμα της μόδας. Πρόκειται για αποκάλυψη του περιεχόμενου της ιστοσελίδας, ανεξάρτητα από τι είδος συσκευής (κινητό τηλέφωνο, tablet, επιτραπέζιο pc, ...) ανοίγει την επιλεγμένη σελίδα. Με τη μαζική ανάπτυξη των κινητών συσκευών, όπως τα tablet ή τα έξυπνα τηλέφωνα, τίθεται το ερώτημα, πως στους χρήστες των συσκευών αυτών να απεικονιστεί το περιεχόμενο της σελίδας έτσι, ώστε να είναι πιο ευανάγνωστο και να ελαχιστοποιηθεί η ανάγκη να επεκτείνεται και να μετακινείται η οθόνη. Ήδη από το 2010 ξεπέρασε η πώληση των έξυπνων τηλεφώνων και των tablet την παγκόσμια πώληση των υπολογιστών και των φορητών υπολογιστών και προς το παρόν η αναλογία αυτή αυξάνεται ακόμα περισσότερο. Απ΄ αυτό δηλαδή προκύπτει, ότι από εδώ και πέρα, όλο και περισσότεροι άνθρωποι επισκέπτονται τις ιστοσελίδες μέσω των έξυπνων τηλεφώνων ή των tablet, και οι ιδιοκτήτες των ιστοσελίδων δεν θα πρέπει να ξεχνάνε, ότι οι σελίδες που δε θα σχεδιάζονται άμεσα για τις κινητές συσκευές, θα είναι έως τα 99% μη ευκρινές και ο έμπορας ή ο ιδιοκτήτης των σελίδων μπορεί να χάσει πολλούς επισκέπτες ή ένα μεγάλο ποσοστό των εσόδων.

Τι ακριβώς είναι το responsive design;

Απλός ορισμός: Προσαρμογή του περιεχόμενου της σελίδας στο μέγεθος της κινητής συσκευής. Η τυπική ιστοσελίδα είναι βελτιωμένη για τους συνήθεις υπολογιστές ή για τους φορητούς υπολογιστές. Α όμως ο επισκέπτης θα ανοίξει το web ή το eshop στο tablet ή στο έξυπνο τηλέφωνο και οι σελίδες δε θα είναι βελτιωμένες μέσω του responsive design, οι σελίδες με μιας δε θα είναι ιδανικές για σερφινγκ. Συνολικά ολόκληρη η σελίδα, όπως τη γνωρίζουμε από το PC, θα μειωθεί σε μορφή ανάλυσης στην οθόνη της συσκευής δια μέσω της οποίας σερφάρομε και λειτουργεί με κλασικό τρόπο. Αυτό όμως πλέον δεν είναι η πιο ιδανική λύση. Φανταστείτε, ότι η σελίδα με ανάλυση 1024x768 που ορίζεται για παράδειγμα για 17-ιντσών οθόνη ξαφνικά θα μειωθεί σε ανάλυση 480 x 320 σε 3-ιντσών απεικόνιση. Αυτό είναι περισσότερο από 11-πλάσια μείωση της οθόνης και όλων των στοιχείων (το κείμενο, τα πλήκτρα, οι παραπομπές) είναι μικρά, δυσανάγνωστα και στην αρχική τους πρόταση σχεδιασμένα κυρίως για τα επιτραπέζια PC χρησιμοποιώντας το ποντίκι, όχι τα ανθρώπινα δάχτυλα. Ο επισκέπτης είναι υποχρεωμένος όλα να τα μεγεθύνει πολύπλοκα, τα οποία είναι ευρύτερα από το δείκτη, όποτε δεν είναι πάντα δυνατόν να σημειωθεί αυτό που ο άνθρωπος επιθυμεί. Το Responsive design είναι εδώ για να λάβει υπόψη όλες τις εργονομικές απαιτήσεις των κινητών συσκευών. Λόγω του περιορισμένου χώρου, είναι κατάλληλο να ενσωματωθούν, να επιλεχτούν και σωστά να τακτοποιηθούν τα στοιχεία που είναι πραγματικά σημαντικά. Δεν αλλάζει η ίδια η σελίδα , αυτή παραμένει όπως και πριν, αλλά προσθέτονται μερικές γραμμές στη δική σας την έτοιμη σελίδα στα εξωτερικά αρχεία, όπου καθορίζεται τι και πως θα πρέπει σε ποια ανάλυση να ρυθμιστεί και να απεικονιστεί.

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

Δείγμα Responsive Web Design

240 x 320

Samsung S5360 Galaxy Y, Sony Ericsson C905, Nokia C2, LG E400 Optimus L3, HUAWEI G5510, BlackBerry 9320 Curve, MyPhone 6500, ...

320 x 480

IPhone 3+4, AMSUNG S5830 Galaxy Ace, Sony Xperia Tipo, HTC Desire C, Motorola XT320 Defy Mini, Huawei U8650 Sonic, LG E610 Optimus L5, ...

320 x 568

Iphone5

380 x 685

Android (Samsung Galaxy)

480 x 800

Nokia Lumia 800, HTC Desire X, Samsung i9100 Galaxy S II, HUAWEI Ascend G300, LG P700 Optimus L7, ...

600 x 1024

Marvell Armada Tablet

768 x 1024

Ipad
Σε περίπτωση του ενδιαφέρον σας για τη ρύθμιση των σελίδων σας μέσω του Responsive design σας συστήνουμε την εταιρεία XXX η οποία με την εργασία αυτή έχει πλούσιες εμπειρίες και με χαρά θα σας απαντήσει στις ενδεχόμενες ερωτήσεις σας.
kontakt: webmaster (at) responsive-design.com

Responsive Web Design