Μενού Kινητών (responsive mobile menu)

Παρακολουθώντας ιστοσελίδες σε κινητά  παρατηρούμε τον τρόπο που είναι δομημένη η πληροφορία και φυσικά τον τρόπο που είναι δομημένο το μενού επιλογής ιστοσελίδων (Μενού κινητών) . Σε αυτό το άρθρο θα παρουσιάσω της επιλογές που υπάρχουν για μενού κινητών καθώς και τα πλεονεκλημτα – μειονεκτήματα κάθε επιλογής. Τα μενού κινητών
έχουν κατασκευαστεί για να λειτουργούν με προγράμματα περιήγησης επιφάνειας εργασίας καθώς και με την αφή σε φορητές συσκευές

Τα σημεία που πρέπει να λάβουμε υπόψιν είναι:

  1. Πλοήγηση με ευκολία για τον χρήστη
  2. Τους στόχους μας και τους στόχους του χρήστη
  3. Ποιος είναι ο καλύτερος τρόπος να μικρύνει ένα μενού

Τι προσέχουμε 

  1. Προσβάσιμο από όλες τις συσκευές
  2. Αφήνουμε χώρο για το περιεχόμενο της ιστοσελίδας μας
  3. Υπολογίζουμε μεγάλη επιφάνεια στα κουμπιά
  4. Όπου ανοίγει το μενού εκεί να κλείνει
  5. Σε πολυσύνθετα μενού βάζουμε αναζήτηση

Μενού Kινητών – Η/Υ:

Ανοιχτό στο πάνω μέρος (Do nothing approach)

Θετικά:

  1. Εύκολο σχεδιαστικά και προγραμματιστικά

Αρνητικά:

  1. Αν το μενού είναι μεγάλο λαμβάνει πολύ κάθετο χώρο στην οθόνη
  2. Δύσκολο να προστεθούν περισσότερα menu items
  3. Πολλά links, πολύ κοντά μεταξύ τους

Μενού Kινητών – Η/Υ:

Kάθετο μενού στο πάνω μέρος

Θετικά:

  1. Εύκολο σχεδιαστικά και προγραμματιστικά
  2. Έμφαση στις επιλογές του μενού

 

Αρνητικά:

  1. Αν το μενού είναι μεγάλο λαμβάνει πολύ κάθετο χώρο στην οθόνη
  2. Δύσκολο να προστεθούν περισσότερα menu items
  3. Αρκετό scroll για να δεις το περιεχόμενο

Μενού Kινητών – Η/Υ:

Βαθμό προτεραιότητας (Priority +)

Θετικά:

 

  1. Εύκολο σχεδιαστικά και προγραμματιστικά
  2. Kατάλληλο και για μεγάλα μενού

Αρνητικά:

 

  1.  Μπορεί ο χρήστης να χάσει κάποιο link που είναι σημαντικό γι αυτόν
  2. Δεν είναι τόσο εύχρηστο και λειτουργικό

Μενού Kινητών – Η/Υ:

Drop down / select menu

Θετικά:

 

  1.  Δεν καταλαμβάνει πολύ χώρο
  2. Οι κινήσεις του χρήστη γίνονται στο πάνω μέρος
  3. Εύκολα αναγνωρίσιμο

 

Αρνητικά:

 

  1. Το σχεδιαστικό κομμάτι είναι περιορισμένο
  2. Όταν υπάρχει υπομενού δεν είναι τόσο εύχρηστο

Μενού Kινητών – Η/Υ:

Κουμπί menu / burger icon (Μια από τις 2 καλύτερες επιλογές που ταιριάζει στις περισσότερες ιστοσελίδες)

Θετικά:

 

  1. Εμφανίζεται σε σημείο που περιμένει ο χρήστης

  2. Πολλές προοπτικές στον σχεδιασμό

  3. Κερδίζουμε χώρο στην οθόνη

  4. Mπορεί να επεκταθεί εύκολα

Αρνητικά:

 

  1. Προγραμματιστικά οι κινήσεις θα πρέπει να γίνονται σωστά

  2. Το μενού δεν εμφανίζεται καθόλου σε πρώτη όψη

Μενού Kινητών – Η/Υ:

O Canvas / Always o canvas (από τις καλύτερες επιλογές στις περισσότερες ιστοσελίδες)

Θετικά:

 

  1. Eίναι ευραίως αναγνωρίσιμο λόγω του Facebook

  2. Πολλές προοπτικές στον σχεδιασμό

  3. Κερδίζουμε χώρο στην οθόνη

  4. Mπορεί να επεκταθεί εύκολα

Αρνητικά:

 

  1. Προγραμματιστικά οι κινήσεις θα πρέπει να γίνονται σωστά

  2. Το μενού δεν εμφανίζεται καθόλου σε πρώτη όψη

Μενού Kινητών (responsive mobile menu)

Παρακολουθώντας ιστοσελίδες σε κινητά  παρατηρούμε τον τρόπο που είναι δομημένη η πληροφορία και φυσικά τον τρόπο που είναι δομημένο το μενού επιλογής ιστοσελίδων (Μενού κινητών) . Σε αυτό το άρθρο θα παρουσιάσω της επιλογές που υπάρχουν για μενού κινητών καθώς και τα πλεονεκλημτα – μειονεκτήματα κάθε επιλογής. Τα μενού κινητών
έχουν κατασκευαστεί για να λειτουργούν με προγράμματα περιήγησης επιφάνειας εργασίας καθώς και με την αφή σε φορητές συσκευές

Τα σημεία που πρέπει να λάβουμε υπόψιν είναι:

  1. Πλοήγηση με ευκολία για τον χρήστη
  2. Τους στόχους μας και τους στόχους του χρήστη
  3. Ποιος είναι ο καλύτερος τρόπος να μικρύνει ένα μενού

Τι προσέχουμε 

  1. Προσβάσιμο από όλες τις συσκευές
  2. Αφήνουμε χώρο για το περιεχόμενο της ιστοσελίδας μας
  3. Υπολογίζουμε μεγάλη επιφάνεια στα κουμπιά
  4. Όπου ανοίγει το μενού εκεί να κλείνει
  5. Σε πολυσύνθετα μενού βάζουμε αναζήτηση

Μενού Kινητών – Η/Υ:

Ανοιχτό στο πάνω μέρος (Do nothing approach)

Θετικά:

  1. Εύκολο σχεδιαστικά και προγραμματιστικά

Αρνητικά:

  1. Αν το μενού είναι μεγάλο λαμβάνει πολύ κάθετο χώρο στην οθόνη
  2. Δύσκολο να προστεθούν περισσότερα menu items
  3. Πολλά links, πολύ κοντά μεταξύ τους

Μενού Kινητών – Η/Υ:

Kάθετο μενού στο πάνω μέρος

Θετικά:

  1. Εύκολο σχεδιαστικά και προγραμματιστικά
  2. Έμφαση στις επιλογές του μενού

 

Αρνητικά:

  1. Αν το μενού είναι μεγάλο λαμβάνει πολύ κάθετο χώρο στην οθόνη
  2. Δύσκολο να προστεθούν περισσότερα menu items
  3. Αρκετό scroll για να δεις το περιεχόμενο

Μενού Kινητών – Η/Υ:

Βαθμό προτεραιότητας (Priority +)

Θετικά:

 

  1. Εύκολο σχεδιαστικά και προγραμματιστικά
  2. Kατάλληλο και για μεγάλα μενού

Αρνητικά:

 

  1.  Μπορεί ο χρήστης να χάσει κάποιο link που είναι σημαντικό γι αυτόν
  2. Δεν είναι τόσο εύχρηστο και λειτουργικό

Μενού Kινητών – Η/Υ:

Drop down / select menu

Θετικά:

 

  1.  Δεν καταλαμβάνει πολύ χώρο
  2. Οι κινήσεις του χρήστη γίνονται στο πάνω μέρος
  3. Εύκολα αναγνωρίσιμο

 

Αρνητικά:

 

  1. Το σχεδιαστικό κομμάτι είναι περιορισμένο
  2. Όταν υπάρχει υπομενού δεν είναι τόσο εύχρηστο

Μενού Kινητών – Η/Υ:

Κουμπί menu / burger icon (Μια από τις 2 καλύτερες επιλογές που ταιριάζει στις περισσότερες ιστοσελίδες)

Θετικά:

 

  1. Εμφανίζεται σε σημείο που περιμένει ο χρήστης

  2. Πολλές προοπτικές στον σχεδιασμό

  3. Κερδίζουμε χώρο στην οθόνη

  4. Mπορεί να επεκταθεί εύκολα

Αρνητικά:

 

  1. Προγραμματιστικά οι κινήσεις θα πρέπει να γίνονται σωστά

  2. Το μενού δεν εμφανίζεται καθόλου σε πρώτη όψη

Μενού Kινητών – Η/Υ:

O Canvas / Always o canvas (από τις καλύτερες επιλογές στις περισσότερες ιστοσελίδες)

Θετικά:

 

  1. Eίναι ευραίως αναγνωρίσιμο λόγω του Facebook

  2. Πολλές προοπτικές στον σχεδιασμό

  3. Κερδίζουμε χώρο στην οθόνη

  4. Mπορεί να επεκταθεί εύκολα

Αρνητικά:

 

  1. Προγραμματιστικά οι κινήσεις θα πρέπει να γίνονται σωστά

  2. Το μενού δεν εμφανίζεται καθόλου σε πρώτη όψη

Leave a Reply

Your email address will not be published. Required fields are marked *

Post comment