მიუხედავად იმისა, რომ ვებსაიტების რაოდენობა მობილური ოპტიმიზაციის გარეშე მცირდება, რჩება რამდენიმე, რომლებიც განკუთვნილია მხოლოდ დესკტოპისთვის. სამწუხაროდ, Google– ის წინა „მობილიზატორის“ვებ სერვისი შეწყდა. სერვისის სულიერი მემკვიდრე არის Google Weblight, რომელიც შექმნილია ნელი კავშირების ოპტიმიზაციის ნაცვლად, ვიდრე საიტების გადახედვა მობილური ნახვისთვის. Google– ის მომსახურების მიღმა, არსებობს მთელი რიგი პრაქტიკა და ინსტრუმენტები, რომლებიც გასათვალისწინებელია მობილურით გათვალისწინებული საიტის შემუშავებისას.
ნაბიჯები
2 ნაწილი 1: ექსპერიმენტი Google Weblight– ით
ნაბიჯი 1. გააანალიზეთ როგორ მუშაობს Weblight
Weblight არის Google– ის მიერ შექმნილი ალგორითმი, რათა უზრუნველყოს მომხმარებლებმა უფრო სწრაფი და მსუბუქი გვერდების ჩატვირთვა ქსელის ცუდ პირობებში. ეს ნიშნავს, რომ Weblight– ს არ აქვს ინტერფეისი და მუშაობს უკანა მხარეს. გვერდებს წაშლილი აქვთ უფრო რთული ელემენტები, რაც უზრუნველყოფენ დაკნინებულ, მსუბუქ გამოცდილებას და არა მკაფიოდ ოპტიმიზირებულს მობილური პლატფორმისთვის.
ნაბიჯი 2. შეამოწმეთ საიტის ცვლილებები Weblight– ით
თქვენს მობილურ მოწყობილობაზე, უბრალოდ მიამაგრეთ თქვენი საიტის სრული URL განათების მისამართის ბოლოს (მაგ. თუ თქვენი ვებგვერდი არის "mywebsite.com", მაშინ შეიყვანთ https://googleweblight.com/?lite_url=https://mywebsite.com). გვერდი იტვირთება საკუთარი თავის გამარტივებული, მაგრამ ფუნქციონალური ვერსიით. ამოღებული ელემენტებით, ზოგიერთი საიტი შეიძლება ბევრად უკეთესად გამოჩნდეს მობილური მოწყობილობების ეკრანებზე.
ნაბიჯი 3. აღიარეთ შეზღუდვები
გაითვალისწინეთ, რომ ეს არ არის მკაფიო გადამყვანი ინსტრუმენტი, რომელიც შექმნილია მომხმარებლის ურთიერთქმედებისათვის. მიუხედავად იმისა, რომ ვებსაიტზე ხელით შესვლა შეიძლება გამოყენებულ იქნას pinch, Weblight შექმნილია სიჩქარისთვის და არა გამოყენებადობისთვის.
ნაწილი 2 2: დიზაინი მობილური თავსებადობისთვის
ნაბიჯი 1. გაითვალისწინეთ მობილური მოწყობილობის შეზღუდვები
მობილური მოწყობილობები იზიარებენ რამდენიმე ასპექტს, რაც მათ განასხვავებს დესკტოპის კოლეგებისგან. ეს ძირითადი მახასიათებლები უნდა იყოს ძირითადი მოსაზრებები მობილური მოხმარებისთვის საიტის შექმნისას.
- მცირე ეკრანები და ვერტიკალურობა: მიუხედავად იმისა, რომ ეკრანის გარჩევადობა მობილურ მოწყობილობებზე მუდმივად იხვეწება, ზომა და ფორმა ფაქტორი რჩება საიტის დიზაინში. საიტის დიზაინი ერთი სვეტის განლაგებით საუკეთესოა ტელეფონებისთვის (ტაბლეტებს ხშირად შეუძლიათ გამოიყენონ დესკტოპის საიტები ზედმეტი პრობლემის გარეშე).
- შეხების ინტერფეისები: გვერდის ელემენტები უნდა განთავსდეს თითის ზომის გათვალისწინებით. ელემენტები, რომლებიც იყენებენ მაუსის გადაადგილებას, უნდა შემცირდეს ან შეიმუშაოს შეხებისთვის (მაგ. ჩამოსაშლელი მენიუები).
- მონაცემთა სიჩქარე: მობილური მოწყობილობების ერთ -ერთი დიდი უპირატესობაა wifi დიაპაზონის მიღმა გამოყენება, მაგრამ მონაცემთა კავშირები, როგორც წესი, უფრო ნელია და ნაკლებად საიმედო. მომხმარებლის ინტერფეისი (UI) უნდა დარჩეს მარტივი და შინაარსი ხილული და ხელმისაწვდომი იყოს. ზედმეტი არეულობა აფერხებს დატვირთვის დროს და ართულებს ნავიგაციას.
ნაბიჯი 2. გამოიყენეთ შინაარსის მართვის სისტემის (CMS) სერვისი
მათთვის, ვინც ნაკლები რესურსებით ვითარდება, CMS სერვისის გამოყენება, როგორიცაა Wordpress ან Squarespace, შესანიშნავი ვარიანტია დაბალფასიანი, მოსახერხებელი მობილური დიზაინისთვის. თემები, რომლებიც იყენებენ საპასუხო ვებ დიზაინს, უზრუნველყოფენ უმარტივეს შაბლონს მობილური საიტისთვის.
საპასუხო ვებ დიზაინი არის ვებ დიზაინის თეორია, რომელიც ხელს უწყობს სითხის დიზაინის ელემენტების გამოყენებას, რათა მოხდეს დიზაინისა და გამოყენებადობის გლუვი გადასვლა პლატფორმებზე
ნაბიჯი 3. შეამოწმეთ მობილური მოწყობილობის ეკრანები დესკტოპის პროგრამული უზრუნველყოფის გამოყენებით
არსებობს უამრავი უფასო ვებ პროგრამა, რომელიც საშუალებას გაძლევთ მიბაძოთ მობილურ მოწყობილობებს ვებ – გვერდის ესთეტიკისა და ფუნქციონირების შესამოწმებლად. ამ ინსტრუმენტების გამოყენება ისეთივე ადვილია, როგორც სასურველი სატესტო მოწყობილობის შერჩევა, შემდეგ შესასვლელად სამიზნე ვებსაიტზე შესასვლელად. უმეტესობა მოიცავს ინსტრუმენტებს ცვლადებისთვის, როგორიცაა ეკრანის ორიენტაცია, პიქსელის სიმკვრივე ან ბრაუზერის შერჩევაც კი. რამდენიმე პოპულარული მაგალითია:
- Chrome მოწყობილობის რეჟიმის ემულატორი
- mobilephoneemulator.com
- screenfly (quirktools– ის ქვესიმრავლე)
- mobiletest.me (ფასიანი წევრობა)
