ვებ გვერდები, რომლებიც ოპტიმიზებულია მობილურ მოწყობილობებზე გამოსაყენებლად, განსხვავდება დესკტოპ და ლეპტოპ კომპიუტერებზე გამოსახული ვებგვერდებისგან. ეს უკანასკნელი განკუთვნილია დიდი ეკრანებისთვის და მაუსის ზუსტი დაწკაპუნებისთვის, ხოლო მობილური ვებ გვერდები ზომავს პატარა ეკრანებს და თითის არაზუსტად დაჭერას.
- შექმნილია პატარა ეკრანებისთვის და თითის არაზუსტი დაჭერისთვის.
- შექმნილია დიდი ეკრანებისთვის მაუსის ზუსტი დაწკაპუნებით.
იმის გათვალისწინებით, რომ ვებსაიტების ვიზიტების უმეტესი ნაწილი მობილურ მოწყობილობებზე მოდის, საიტის დიზაინერებს ევალებათ უზრუნველყონ ვერსიები, რომლებიც მუშაობს როგორც მობილურ მოწყობილობებთან, ასევე დესკტოპ კომპიუტერებთან.ყველაზე გავრცელებული მიდგომა არის საპასუხო ვებ დიზაინის გამოყენება, რომელიც ავტომატურად აწვდის შესაბამის ვერსიას მომხმარებლის მოწყობილობისა და ეკრანის ზომის მიხედვით, როგორც ეს ბრაუზერმა აღმოაჩინა.
ნებისმიერ შემთხვევაში, მობილურისთვის მოსახერხებელი ვებ გვერდები მრავალი თვალსაზრისით განსხვავდება დესკტოპის ვერსიებისგან.
გვერდის დიზაინი: მობილური ეკრანებს ნაკლები სივრცე აქვთ
- სმარტფონისა და ტაბლეტის ეკრანები დიაგონალზე 4-დან 10 ინჩამდეა.
-
ჩაკეცადი ან გაფართოებადი მენიუს ვიჯეტები, როგორც წესი, ცვლის გვერდითა ზოლებს და სათაურის დიდ მენიუებს.
- სრული სიგანის გრაფიკა ტექსტს შორის სივრცის მართლზომიერი გამოყენებით.
- დესკტოპის მონიტორების უმეტესობა ზომავს 19 ინჩიდან 24 ინჩამდე დიაგონალზე.
- სპონსორებული ბმულები და დიდი ბანერი უფრო ხშირია.
- უფრო მკვრივი ტექსტი უფრო მეტი თავისუფლებით გრაფიკისთვის.
ყველაზე აშკარა განსხვავება დესკტოპსა და მობილურ ვებ გვერდებს შორის არის ეკრანის უძრავი ქონება. მიუხედავად იმისა, რომ დესკტოპის მონიტორების უმეტესობა ზომავს მინიმუმ 19 ინჩიდან 24 ინჩამდე დიაგონალზე, ტაბლეტები ჩვეულებრივ დაახლოებით 10 ინჩია. სმარტფონები დიაგონალზე დაახლოებით 4 ინჩია. უბრალოდ დაპატარავება წარმატებით ვერ გარდაქმნის ვებ გვერდს მობილურ ვერსიად, რადგან ეს ტექსტს წაუკითხავად ხდის და საჭიროებს დამატებით ნაბიჯს საიტის ვიზიტორისგან. ასევე, პაწაწინა ელემენტებზე ზუსტად შეხება შეუძლებელი ხდება.
პრობლემის გადასაჭრელად დიზაინერებმა შეიძლება წაშალონ გვერდითი ზოლები და გრაფიკა, რომლებიც მკაცრად არ არის საჭირო. ამის ნაცვლად, ისინი იყენებენ უფრო მცირე გრაფიკას, ზრდიან შრიფტის ზომებს და ანაწილებენ შინაარსს გაფართოებად ვიჯეტებად. უძრავი ქონების ამ შეზღუდვამ გამოიწვია სრულიად განსხვავებული აზროვნება ვებ დიზაინერებს შორის.
ასევე, დასაკეცი ან გაფართოებადი მენიუს ვიჯეტები, როგორც წესი, ცვლის გვერდითა ზოლებს და სათაურის დიდ მენიუებს. ეკრანის სივრცის ყოველი მილიმეტრის დათვლის მიზნით, დიზაინერები აშორებენ ზედმეტ თეთრ ადგილს და ადევნებენ თვალს წაკითხვის უნარს.
სპონსორებული ბმულების და დიდი ბანერის რეკლამები უბრალოდ არ მუშაობს ტელეფონზე ან პატარა ტაბლეტზე. სამაგიეროდ, პატარა ამომხტარი რეკლამები უფრო ხშირია მობილურ ვებ გვერდებზე.
განლაგებები, რომლებშიც მოცემულია ტექსტი შეფუთული გრაფიკის გარშემო, კარგად არ უკრავს მობილურ მოწყობილობებზე. სამაგიეროდ, დიზაინერები ხშირად აძლევენ ამ გრაფიკას ეკრანის მთელ სიგანეს და აწარმოებენ ტექსტს ქვემოთ ან ზემოთ. ანალოგიურად, კარგი ვებ დიზაინი არღვევს ტექსტს ნაწილებად წაკითხვისთვის; არავის სურს ტექსტის მყარი კედლების წაკითხვა. ეს კიდევ უფრო მნიშვნელოვანი ხდება პატარა ეკრანებზე. თეთრი სივრცის გონივრულად გამოყენება გადამწყვეტია.
გვერდის კონტროლი: Desktop Precision წინააღმდეგ მობილური Blobs
-
დიდი შეხების ადგილები ან ცხელი წერტილები უფრო ზუსტი ნავიგაციისთვის.
- სხვადასხვა URL: ამატებს ასო "m." ხშირად არის საიტის დესკტოპის ვერსიის სანახავად.
- შესვლის სერთიფიკატებს ხშირად აქვთ გამოყოფილი სივრცე, ზოგჯერ თითის ანაბეჭდის წვდომით.
- უფრო ზუსტი კურსორზე დაფუძნებული ბმულები და ღილაკები.
თქვენს დესკტოპზე მაუსის ზუსტი მაჩვენებლისგან განსხვავებით, ადამიანის თითი არის ბლომად და შეხება საჭიროებს დიდ სამიზნეებს ეკრანზე ჰიპერბმულებისთვის. მობილურისთვის მოსახერხებელი საიტები გვთავაზობენ შეხების დიდ ზონებს (ან ცხელ წერტილებს) ზუსტი ნავიგაციის გასაადვილებლად.
მობილურისთვის მოსახერხებელი ვებ გვერდები ასევე ჩვეულებრივ შეიცავს ასო m-ს თავის მისამართებში; მაგალითად, Facebook-ის მობილური მისამართია m.facebook.com. მობილურის URL ჩვეულებრივ ავტომატურად ირჩევა თქვენთვის, როცა სერფინგით მობილური ტაბლეტით ან სმარტფონით. ზოგიერთ შემთხვევაში, დაინახავთ შეხებადი ბმულს, რომელიც საშუალებას გაძლევთ გადახვიდეთ გვერდის ჩვეულებრივ დესკტოპ ვერსიაზე.
შესვლისა და პაროლის ველები, რომლებიც განკუთვნილია დესკტოპისთვის და ლეპტოპისთვის, ხდება პატარა და გამოუსადეგარი ტელეფონზე, ამიტომ ვებ გამომცემლები ამ ხაზებს უფრო დიდს ხდიან და ზოგჯერ აძლევენ მათ საკუთარ გვერდებს მარტივად გამოყენებისთვის.თითის ანაბეჭდით ან სხვა ექაუნთით, როგორიცაა Google ან Facebook, შესვლა სულ უფრო გავრცელებული ხდება მოწყობილობისა და სერვისის შესაძლებლობების განვითარებასთან ერთად.
რატომ აქვს მნიშვნელობა?
მობილური ვებ გვერდები შექმნილია ხელის მოწყობილობებისთვის და საკმაოდ განსხვავდება დესკტოპის კითხვისთვის შექმნილი გვერდებისგან. მიუხედავად იმისა, რომ ჩვეულებრივ შეგიძლიათ ვებგვერდის დესკტოპის ვერსიის ნახვა მობილურ მოწყობილობაზე და პირიქით, ისინი განსხვავებულად არის შექმნილი, რათა გააადვილონ კონტენტის ნახვა, წაკითხვა და ნავიგაცია.
