მობილური მენიუ: როგორ ვიპოვოთ საჭირო გვერდი პატარა ეკრანზე

მომხმარებელი ტელეფონით საიტზე შედის და კონკრეტულ მომსახურებას ეძებს. მენიუში კი ხვდება სახელებს „შესაძლებლობები“, „სამყარო“ და „მეტი“. დიზაინი შეიძლება ეფექტური იყოს, მაგრამ არჩევანის გასაკეთებლად თითოეული განყოფილების გახსნა უწევს. პატარა ეკრანზე გაუგებარი სტრუქტურა განსაკუთრებით იგრძნობა.

მობილური ნავიგაციის მიზანია ადამიანს საჭირო გვერდამდე მისვლა გაუადვილოს. ამისთვის ჯერ საიტის განყოფილებები უნდა დალაგდეს, შემდეგ კი გაირკვეს, როგორ გაიხსნება და დაიხურება მენიუ.

სახელები ვიზიტორის კითხვებს შეუსაბამეთ

სია გუნდის შიდა განყოფილებების მიხედვით არ ააწყოთ. თუ კლიენტი მომსახურებას, ნამუშევარს ან დაკავშირების გზას ეძებს, ამ სახელებს ადვილად უნდა ამოიცნობდეს. მოკლე წარწერა სასარგებლოა მაშინ, როცა მის მნიშვნელობას გამოცნობა არ სჭირდება.

ხშირად ერთი დონის მარტივი სია საკმარისია. თუ ქვეპუნქტები ნამდვილად საჭიროა, მთავარ გვერდზე გადასვლა და ქვეპუნქტების გახსნა სხვადასხვა მოქმედებად წარმოადგინეთ. მეზობელი ისარი თავის ღილაკად მუშაობდეს; სათაურზე დაჭერას კი წინასწარ გასაგები შედეგი ჰქონდეს.

გახსნასა და დახურვას ერთნაირი ყურადღება სჭირდება

მენიუს ღილაკს მკაფიო სახელი და გახსნილი მდგომარეობის მითითება ჰქონდეს. დახურვა ადვილად მოსაძებნი იყოს მაშინაც, როცა სია ეკრანზე არ ეტევა. ქვეპუნქტებზე დაჭერისას არ უნდა ჩაერთოს მშობელი ელემენტის სხვა მოქმედება.

W3C-ის მენიუს სახელმძღვანელო აღწერს გასაგები სტრუქტურის, ამოცნობადი მდგომარეობებისა და კლავიატურით გამოყენების მნიშვნელობას. ჩვეულებრივი საიტის ბმულებს რთული პროგრამული მენიუს ქცევა ავტომატურად არ სჭირდება.

თუ მენიუ გვერდის სქროლს ბლოკავს, დახურვისას ბლოკირება უნდა გაუქმდეს. იმავე წესს ეკრანის მოტრიალებაც დაექვემდებაროს: დესკტოპის განლაგებაზე გადასვლამ უხილავი, მაგრამ აქტიური ბლოკირება არ უნდა დატოვოს.

ერთი რეალური დავალება გამოცადეთ

1. მთავარი გვერდიდან კონკრეტული მომსახურება მოძებნეთ.
2. ქვეპუნქტი გახსენით და დარწმუნდით, რომ სწორი გვერდი ჩაიტვირთა.
3. იგივე გზა მხოლოდ კლავიატურით გაიარეთ და ფოკუსის მდებარეობას დააკვირდით.
4. მენიუს გახსნისას ტელეფონი მოატრიალეთ და შემდეგ გვერდი გადაფურცლეთ.
5. შეამოწმეთ გრძელი ქართული სათაურები და მენიუდან ენების შეცვლა, თუ ეს ფუნქცია არსებობს.

შედეგი კონკრეტული უნდა იყოს: ადამიანს ესმის არჩევანი, ბმული მიდის შესაბამის მისამართზე და გვერდის გამოყენება გრძელდება. UI/UX დიზაინის დროს ეს ქცევები მენიუს ვიზუალთან ერთად შეთანხმდეს.