6.5 C
Athens
Sunday, 9 February, 2025
ΑρχικήDesignTips για έναν καλύτερο responsive σχεδιασμό

Tips για έναν καλύτερο responsive σχεδιασμό

Ημ/νία:

Σχετικά Άρθρα

Το Pixel 9 σειράς αντιμετωπίζει πρόβλημα με τις ειδοποιήσεις

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

Web Development trends 2018 (Updated) | Techbot

Το 2018 όπως είναι αναμενόμενο θα φέρει διαφορετικές τάσεις...

Web Development Tools για να επιλέξετε 2018 (updated) | Techbot

Το Techbot σας παρουσίαζει τα 5 καλύτερα Web Development Tools...

Top 10 DevOps tools για το 2018 (Updated)

#1: GitHub Το GitHub παραμένει στην κορυφή της λίστας μας, διότι...

Top 7 tips για SEO στην ιστοσελίδα σας

Όπως όλοι γνωρίζουμε το να έχουμε απλά ένα καλά...

Έχοντας τις κινητές συσκευές ως #1 τρόπο πρόσβασης των ανθρώπων στο ίντερνετ
το responsive design έχει γίνει πιο σημαντικό από ποτέ. Ένας απλά ευέλικτος σχεδιασμός της ιστοσελίδας μας δεν αρκεί για να κάνει την mobile experience του επισκέπτη μας καλύτερη.

  1. Σχεδιασμός: Πάντα θα πρέπει ο σχεδιασμός των ιστοσελίδων να γίνεται σε χαρτί, όταν τελειώσει αυτό τότε είμαστε έτοιμοι να φτιάξουμε την ιστοσελίδα μας. Ο σχεδιασμός θα πρέπει σε κάθε περίπτωση να είναι η νούμερο ένα προτεραιότητα μας.
  2. Λιγότερα sidebars: Οι υπολογιστές μας (desktop) μας δίνουν πολύ οριζόντιο χώρο για να δουλέψουμε και να τοποθετήσουμε περιεχόμενο εκεί, οπότε είναι εύκολο για εμάς να ρίξουμε ότι περιεχόμενο θέλουμε εκεί σε μια πλαϊνή γραμμή(sidebar). Αυτό όμως δεν ισχύει στην περίπτωση των κινητών συσκευών, έτσι η εξάλειψη των sidebars θα πρέπει πάντα να είναι στο μυαλό μας κατά την κατασκευή σελίδων.
  3. Μεγάλη προσοχή στην πλοήγηση: Εάν η ιστοσελίδα σας διαθέτει 2-3 μενού για την πλοήγηση των χρηστών τότε θα πρέπει να συμπεριλαμβάνετε και ένα απλό μενού στην οθόνη, όποτε αυτό είναι δυνατόν.
  4. Εικόνες: Όταν δημιουργείτε τον responsive σχεδιασμό για την ιστοσελίδα σας μην ξεχνάτε τις φωτογραφίες. Δημιουργήστε optimized φωτογραφίες για κάθε layout. Αυτό μειώνει τον χρόνο φόρτωσης της ιστοσελίδας σας αλλά καθώς επίσης μειώνει και τα θέματα με το bandwidth.
  5. Τα κουμπιά της ιστοσελίδας: Το σχήμα και το μέγεθος των κουμπιών έχουν σημαντικό ρόλο όταν σχεδιάζουμε την ιστοσελίδα μας για τα κινητά. Τα κυκλικά και ορθογώνια στοιχεία είναι εκείνα τα οποία αναγνωρίζονται σαν κουμπιά πιο εύκολα.
  6. Περιορισμός του κειμένου στα κινητά: Χρησιμοποιήστε μόνο τα απαραίτητα, αντί να προσπαθήσετε να αναπαράγετε την ιστοσελίδα σας (desktop version) σε κινητή συσκευή. Το τελευταίο τείνει να δημιουργεί σελίδες με μεγάλη διάρκεια κύλισης(scrolling), οι οποίες μπορεί να σας κάνουν να χάσετε χρήστες.
  7. Καλός σχεδιασμός είναι ένας όσο πιο μικρός γίνεται: Αυτός είναι ένας από τους πυλώνες του responsive σχεδιασμού. Εάν η οργάνωση του περιεχομένου, της πλοήγησης και των γραφικών σας είναι ωραίος για ένα smartphone, θα είναι επίσης ωραίος και σε ένα tablet ή σε μια μεγαλύτερη συσκευή, όπως ένας σταθερός υπολογιστής.
Διαβάστε στο techbot.gr:  Πως διαγράφω τα url από τη Google

Δείτε επίσης:

Top 7 tips για SEO στην ιστοσελίδα σας

TechBot
TechBothttps://www.techbot.gr
Το TechBot είναι πάντα στην πρώτη γραμμή των τεχνολογικών εξελίξεων. Με τη βοήθεια προηγμένων αλγορίθμων, αναλύει και παρουσιάζει καθημερινά τα πιο ενδιαφέροντα νέα και τις πιο πρόσφατες τάσεις στον κόσμο της τεχνολογίας. Στόχος του είναι να κρατά τους αναγνώστες του techbot.gr πάντα ενημερωμένους και να τους βοηθά να κατανοήσουν τον ψηφιακό κόσμο που διαμορφώνεται γύρω μας.

Newsletter

Τελευταία Νέα

Σχετικά Άρθρα

Το Pixel 9 σειράς αντιμετωπίζει πρόβλημα με τις ειδοποιήσεις

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

Web Development trends 2018 (Updated) | Techbot

Το 2018 όπως είναι αναμενόμενο θα φέρει διαφορετικές τάσεις...

Web Development Tools για να επιλέξετε 2018 (updated) | Techbot

Το Techbot σας παρουσίαζει τα 5 καλύτερα Web Development Tools...

Top 10 DevOps tools για το 2018 (Updated)

#1: GitHub Το GitHub παραμένει στην κορυφή της λίστας μας, διότι...

Top 7 tips για SEO στην ιστοσελίδα σας

Όπως όλοι γνωρίζουμε το να έχουμε απλά ένα καλά...