გაქვთ " საპასუხო ვებსაიტი "? ეს არის საიტი, რომელზეც განლაგებულია სტუმარი მოწყობილობისა და ეკრანის ზომა. საპასუხო ვებ დიზაინი არის ინდუსტრიის საუკეთესო პრაქტიკა. Google- ის მიერ რეკომენდირებულია და იპოვა მილიონობით საიტი მთელს ვებ-გვერდზე. არსებობს, თუმცა, დიდი სხვაობა მქონე ნახვა, რომ უბრალოდ "შეესაბამება" სხვადასხვა ეკრანზე ზომის და აქვს საიტი, რომელიც ნამდვილად საპასუხოდ.
მე რეგულარულად ვხედავ კომპანიების რედიზაინი მათი ნახვა და დააყენებს გარეთ პრესრელიზში extoling სათნოებით მათი ახალი მობილური მეგობრული დიზაინი. როდესაც ვნახავ იმ საიტებზე, რასაც ხშირად ვგულისხმობ არის განლაგება, რომელიც მართლაც მასშტაბებს და იცვლება სხვადასხვა ეკრანებზე მორგებაზე, მაგრამ ეს არის ის, რამდენადაც ისინი რეაგირების იდეას იღებენ. ეს არ არის საკმარისი. ჭეშმარიტად რეაგირებული საიტი უფრო მეტია, ვიდრე უბრალოდ მასშტაბით, რათა შევაჯამოთ პატარა ან უფრო დიდ ეკრანზე. ამ საიტებზე, თქვენ ასევე ნახავთ შემდეგ მნიშვნელოვან თვისებებს.
ოპტიმიზირებული შესრულება
არავის არ მოსწონს ლოდინი ვებ-გვერდის დასატვირთად და როდესაც ვინმე იყენებს მობილური მოწყობილობის კავშირი, რომელიც შეიძლება ნაკლები იყოს იდეალური, საჭიროა საიტი უფრო სწრაფად დატვირთვისთვის.
ასე როგორ ოპტიმიზაცია თქვენი საიტის შესრულება? ახალი პროექტის დაწყებისთანავე თუ თქვენ რედიზაინის ნაწილი ხართ, მაშინ ეს უნდა გააკეთოთ იმისათვის, რომ ამ პროექტის ფარგლებში შესრულდეს შესრულების ბიუჯეტის შექმნა . თუ თქვენ მუშაობთ არსებულ საიტზე და არ იწყება ნულიდან, პირველი ნაბიჯი არის თქვენი საიტის შესრულების შესამოწმებლად, თუ სად დღეს დგას.
მას შემდეგ, რაც თქვენ გაქვთ ბაზა, სადაც თქვენი საიტი დგას შესრულების ბრძენი, შეგიძლიათ დაიწყოს, რათა საჭირო გაუმჯობესების გაზრდის ჩამოტვირთვა სიჩქარე. დიდი ადგილი უნდა დაიწყოს თქვენი საიტის სურათები. ძალიან დიდი სურათები არის # 1 დამნაშავეები, როდესაც საქმე ნელია დატვირთვის საიტებზე, ასე რომ ოპტიმიზაციის თქვენი სურათები ვებ მიწოდება შეიძლება ნამდვილად დაეხმარება თქვენს საიტზე შესრულების თვალსაზრისით.
რეალობა ისაა, რომ ვებ-გვერდის მუშაობის გაუმჯობესება და სწრაფი ჩამოტვირთვა სიჩქარეები სარგებელია, რომ ყველა სია დააფასებს. საბოლოო ჯამში, არავის არ უთქვამს, რომ საიტი "ძალიან სწრაფად" დატვირთულია, მაგრამ თუ საიტი ძალიან დიდი ხნის განმავლობაში იტვირთება, აბსოლუტურად აბრუნებს ხალხს თუ არა ეს პასუხისმგებულად "შეესაბამება" მათ ეკრანზე.
2. სმარტ კონტენტის იერარქია
როდესაც ეკრანზე გამოჩნდება დიდი ეკრანის ნახვა, თქვენ შეძლებთ სხვადასხვა სახის გზავნილებს გამოყოთ, რადგან არსებითი ეკრანი ხელმისაწვდომია. ხშირად შეგიძლიათ შეამოწმოთ მნიშვნელოვანი შეტყობინებები და სურათები, სიახლეები, მოვლენის ინფორმაცია და საიტის ნავიგაცია ყველა ეკრანზე ერთდროულად. ეს საშუალებას აძლევს სტუმარს ადვილად და სწრაფად დააფიქსიროთ მთელი გვერდის შინაარსი და გადაწყვიტოს, რა არის მნიშვნელოვანი მათთვის.
ეს სცენარი საკმაოდ მკვეთრად იცვლება, როდესაც თქვენ მიიღებთ ამ საიტის დიზაინს და გარდაქმნის მას პატარა ეკრანის მოწყობილობებისთვის, როგორიცაა მობილური ტელეფონი. მოულოდნელად თქვენ მუშაობთ ეკრანზე უძრავი ქონების ნაკვეთთან ერთად. ეს იმას ნიშნავს, რომ თქვენ უნდა გადაწყვიტოს, თუ რა გამოჩნდება პირველ ადგილზე, რა მოჰყვება მას და ა.შ. ნაცვლად იმისა, რომ ნახოთ ყველაფერი, სავარაუდოდ მხოლოდ სივრცე უნდა აჩვენოს ერთი ან ორი რამ (რომელთაგან ერთი სავარაუდოდ ნავიგაცია). ეს იმას ნიშნავს, რომ იერარქიის გადაწყვეტილებები უნდა გაკეთდეს. სამწუხაროდ, რა ხშირად განსაზღვრავს რა ხდება პირველი ეკრანზე, შემდეგ მეორე და ა.შ. არის გზა გვერდზე თავად კოდირებული. ეს არის მარტივი, როდესაც აშენებული საპასუხო საიტი, რათა ნახოთ რაც პირველია კოდი პირველი ეკრანზე, შემდეგ მეორე პუნქტში კოდი და ა.შ. სამწუხაროდ, რა შეიძლება იყოს ყველაზე მნიშვნელოვანი ერთ მოწყობილობაზე, შეიძლება არ იყოს კრიტიკული სხვა. ჭეშმარიტად მგრძნობიარე საიტი ესმის, რომ შინაარსის იერარქია უნდა შეიცვალოს სხვადასხვა სიტუაციებზე და უნდა იყოს ჭკვიანი იმაზე, თუ რას აჩვენებს სად.
CSS- ის განლაგების ტექნიკის გაუმჯობესება, მათ შორის CSS ბადის განლაგება, Flexbox და სხვა, ვებ-დიზაინერებისა და დეველოპერების უფრო მეტ ვარიანტებს, როდესაც საქმე ჭკვიანურად იკავებს კონტენტს, ნაცვლად იმისა, ამ ახალი განლაგების ტექნოლოგიების უპირატესობა კიდევ უფრო მნიშვნელოვანი გახდება, როგორც მოწყობილობა ლანდშაფტი და ჩვენი საიტის მომხმარებელთა საჭიროებები, აგრძელებს განვითარებას.
3. გამოცდილება, რომელიც ანგარიშს ატარებს მოწყობილობის ძლიერებას და სისუსტეებს
მოწყობილობის თემზე ყოფნა - თითოეული მოწყობილობა, რომელსაც შეუძლია გამოიყენოს თქვენი საიტი, აქვს ორივე ძლიერი და სუსტი მხარეები, რომლებიც თან ახლავს ამ პლატფორმას. დიდი საპასუხო საიტი ხვდება შესაძლებლობებისა და შეზღუდვების სხვადასხვა მოწყობილობების და იყენებს მათ შექმნას მორგებული გამოცდილება, რომელიც საუკეთესო შეეფერება რასაც მოწყობილობა ვიზიტორი შეიძლება გამოყენებით იმ მომენტში.
მაგალითად, მობილურ ტელეფონზე შედის მთელი რიგი თვისებები, რომლითაც ტრადიციული დესკტოპის კომპიუტერში ვერ იპოვით. GPS არის ერთი მაგალითი მობილური- centric ფუნქცია (დიახ, შეგიძლიათ მიიღოთ ზოგადი ადგილმდებარეობა ინფორმაცია კომპიუტერები, მაგრამ მოწყობილობა GPS ბევრად უფრო ზუსტი). შენი საიტი შეიძლება გამოიყენოს GPS ინფორმაცია smartly გაგზავნის პირი ძალიან დეტალური და კონკრეტული ნაბიჯ ნაბიჯ მიმართულებით ინფორმაცია ან სპეციალური შეთავაზებანი ეფუძნება ზუსტად სადაც ისინი იმ მომენტში.
ამ მაგალითის კიდევ ერთი მაგალითი პრაქტიკაში იქნება საიტი, რომელიც გულისხმობს, თუ რა სახის ეკრანის ეკრანი იყენებთ და აგზავნის სურათებს, რომლებიც საუკეთესო ეკრანზე არიან მორგებული. თუ თქვენ გაქვთ ეკრანი მაღალი პიქსელის სიმკვრივით, ამ ეკრანზე გადააგზავნეთ მაღალი ხარისხის სურათები. ეს იგივე გამოსახულება იქნება ნაკლებად ქმედუნარიან ეკრანზე უაზრო, ხოლო დამატებითი ხარისხი დაიკარგება, ხოლო დამატებითი ფაილის ზომა არ იქნება გადმოტვირთული.
რეალურად დიდი საპასუხო საიტები განიხილავს მთელ მომხმარებლის გამოცდილებას და იმუშავებს იმ გამოცდილებისთვის, რომლებიც ეფუძნება არა მხოლოდ მოწყობილობის ტიპს ან ეკრანის ზომას, არამედ აპარატურის სხვა მნიშვნელოვან ასპექტებს.
კონტენტის კონტენტი
თავდაპირველად, საპასუხო ვებ დიზაინმა თავისი სახელი მიიღო, რადგან საიტის ეკრანის იდეა განსხვავებული ეკრანის ზომის რეაგირებას ახდენს, მაგრამ მხოლოდ ეკრანის ზომაზე მეტია. შენობის წინა მაგალითზე მოწყობილობის სიძლიერე და სისუსტეების გამოყენება, თქვენ შეგიძლიათ გამოიყენოთ ისინი, ასევე სხვა მონაცემები, როგორიცაა თარიღი და დრო, რომ ისარგებლოს ვებ-გვერდის გამოცდილებით.
წარმოიდგინეთ ნახვა დიდი სავაჭრო შოუ ღონისძიება. მიუხედავად იმისა, რომ საპასუხო ვებგვერდი შეიცვლის საიტის გვერდების განლაგებას სხვადასხვა ეკრანებთან ერთად, შეგიძლიათ გამოიყენოთ თარიღი, რათა დადგინდეს რომელი შინაარსი ყველაზე მნიშვნელოვანია. თუ მოვლენის დაწყებამდე დროა, სავარაუდოდ გვინდა, რომ გამოჩნდეს რეგისტრაციის ინფორმაცია. თუმცა, თუ მოვლენა რეალურად მიმდინარეობს ამ მომენტში, რეგისტრაცია არ შეიძლება იყოს ყველაზე მნიშვნელოვანი შინაარსი. ამის ნაცვლად, თქვენ შეიძლება decidethat დღის გრაფიკი მოვლენების უფრო კრიტიკული, რადგან ეს უფრო შესაბამისი რომ მომხმარებლის დაუყოვნებლივ საჭიროებებს.
გადადგმული ნაბიჯები შემდგომი ნაბიჯები, შეგიძლიათ შეხვიდეთ მოწყობილობის GPS, რათა დადგინდეს, სადაც ისინი რეალურად არიან სავაჭრო შოუ. თქვენ შეგიძლიათ მიაწოდოთ მათ ინტერაქტიული შინაარსი მათი ადგილმდებარეობის მიხედვით, აჩვენონ მათ მიმდებარე ჯიხურები ან სესიები, რომ დაიწყოთ.
5. ხელმისაწვდომობა
საბოლოო მაგალითი ჩვენ შევხედავთ, თუ როგორ შეიძლება საიტი რეაგირება სტუმარი საჭიროებების არის ვიფიქროთ ნახვა ხელმისაწვდომობა . ვებ-გვერდს უნდა შეეძლოს მაქსიმალურად ბევრი ადამიანი, მათ შორის ინვალიდობის მქონე პირები. თქვენს ვებ-გვერდს უნდა შეეძლოს მისი გამოყენება, ვისაც ეკრანზე მკითხველი ან სხვა დამხმარე პროგრამული უზრუნველყოფა სჭირდება. ამგვარად, თქვენი საიტი პასუხობს მათ საჭიროებებს, რადგან თქვენ უზრუნველყოფდა, რომ გამოცდილება, განსხვავებით შეზღუდული შესაძლებლობების მქონე სია, ჯერ კიდევ შესაბამისი.
უპასუხისმგებოდ, რაც შეიძლება მეტი მონაცემების რაოდენობა და არა მხოლოდ ეკრანის ზომა, საიტი შეიძლება იყოს უფრო მეტი, ვიდრე უბრალოდ "მობილური მეგობრული". ეს შეიძლება გახდეს ნამდვილი საპასუხო გამოცდილება ფრაზაში.