შანსი თქვენ ნახეთ, როგორ შეიძლება iPhone- ს შეუძლია გააფართოვოს და გააფართოვოს ვებ-გვერდები. მას შეუძლია გაჩვენოთ მთლიანი ვებ გვერდი ერთი შეხედვით ან დააშოროთ იმ ტექსტის შესაქმნელად, რომლის წაკითხვაც გსურთ. ერთ თვალსაზრისით, რადგან iPhone იყენებს Safari- ს, ვებ დიზაინერებს არ უნდა ჰქონდეთ განსაკუთრებული არაფერი გააკეთონ ვებ-გვერდის შესაქმნელად, რომელიც იმუშავებს iPhone- ზე.
მაგრამ ნამდვილად გსურთ თქვენი გვერდი მუშაობა? ყველაზე დიზაინერებს სურთ მათი გვერდები ბრწყინავს!
ვებ-გვერდის აშენებისას , თქვენ უნდა იფიქროთ იმაზე, თუ ვინ იხილავს და როგორ უყურებს მათ. ზოგიერთი საუკეთესო საიტების გაითვალისწინეთ, თუ რა ტიპის მოწყობილობას ხედავს გვერდი, მათ შორის რეზოლუცია, ფერის პარამეტრები და ხელმისაწვდომი ფუნქციები. ისინი არ არიან მხოლოდ იმ მოწყობილობაზე, რომ გაერკვნენ.
ზოგადი წესები მობილური მოწყობილობების საიტის შექმნისათვის
- შეამოწმე როგორც ბევრი მოწყობილობა, როგორც თქვენ შეგიძლიათ. პირველი, რაც უნდა გააკეთოთ, არის თქვენი საიტი iPhone- ზე და იმდენი განსხვავებული მობილური მოწყობილობების ან ემულატორების საშუალებით, როგორც თქვენ შეგიძლიათ. მიუხედავად იმისა, რომ თქვენ შეგიძლიათ გამოიყენოთ emulators ყველა თქვენი ტესტირება, ისინი ნამდვილად არ მოგცემთ იგივე შეგრძნებას, როგორც ცდილობს ნავიგაცია მეშვეობით ნახვა პატარა პატარა ეკრანზე, ასე რომ გამოცდა ფაქტობრივი მოწყობილობები მაქსიმალურად.
- გაახარეთ თქვენი გვერდები განუწყვეტლივ. თქვენ შეგიძლიათ დაწეროთ თქვენი გვერდები Flash- ჩართულობისთვის, ფართო ეკრანის ბრაუზერისთვის, მაგრამ დარწმუნდით, რომ კრიტიკული ინფორმაცია გამოჩნდება თუნდაც პატარა მონიტორზე, რომელიც ვერ შეასრულებს რაიმე განსაკუთრებულ ფუნქციას (როგორიცაა cookies, Ajax, Flash, JavaScript და ა.შ.). XHTML Basic- ს მიღმა არაფერია შესაძლებელი მობილური ტელეფონების მიღმა. მიუხედავად იმისა, რომ ყველაზე სმარტფონებს შეუძლია გაუმკლავდეს ყველა ამ რამ (გარდა Flash on iPhone, რა თქმა უნდა), სხვა მობილური მოწყობილობებისთვის ვერ.
- ააშენეთ უკაბელო კონკრეტული გვერდი და ადვილად იპოვოთ. თუ თქვენ აპირებთ თქვენს მობილურ ტელეფონსა და უკაბელო მომხმარებელს კონკრეტული გვერდის აშენებას, გახადეთ იგი. დიდი გზაა თქვენი ბირჟის უკაბელო გვერდის ჩასმა თქვენს დოკუმენტში, და შემდეგ დამახსოვრებინა ამ კავშირი ხელის ხელსაწყოების ხელსაწყოების გამოყენებით. ყოველივე ამის შემდეგ, ადამიანების უმრავლესობა თქვენს სახლში, მობილურ ტელეფონებზეც კი მიდის და თუ თქვენი უკაბელო გვერდის ბმული არ არის იქ, ისინი დატოვებენ, თუ გვერდი ძალიან რთულია.
ვებ გვერდი განლაგება სმარტფონებისათვის
პირველი, რაც უნდა გახსოვდეთ, როდესაც სმარტფონების ბაზარზე გვერდების წერისას არის ის, რომ არ უნდა შეიტანოთ ცვლილებები, თუ არ გინდათ. ყველაზე დიდი სმარტფონების შესახებ ის არის, რომ ისინი იყენებენ ვებ-ბრატის ბრაუზერებს (Safari on iOS და Chrome on Android) ვებ-გვერდების ჩვენება, ასე რომ, თუ თქვენს გვერდზე გამოიყურება okay- ში Safari- ში ან Chrome- ში, ის გამოიყურება ჯარიმით ყველაზე სმარტფონებზე (უბრალოდ ბევრი პატარა ). მაგრამ არსებობს რამ, რაც შეგიძლიათ გააკეთოთ, რათა ათვალიერებს გამოცდილება უფრო სასიამოვნო:
- გახსოვდეთ, რომ ეკრანი პატარაა. სმარტფონებს კონტინენტის მთელი სვეტების გაფანტვა პატარა ფანჯარაში გადააქცევს, რაც მათ ძალიან ძნელია წაკითხვის გარეშე. მომხმარებლების უმრავლესობა ზუმირებისთვის გამოიყენება, მაგრამ შეიძლება დამღლელი იყოს. ტექსტის ერთი სვეტი უფრო ადვილად იკითხება.
- გაყოფა გვერდებზე პატარა მოცულობით. შეიძლება რთული იყოს ტექსტის ხანგრძლივი სეგმენტების წაკითხვა მობილურ ტელეფონზე, ამიტომ მათ მრავალჯერადი გვერდებზე აყენებს მათ უფრო ადვილად წასაკითხად.
ბმულები და ნავიგაცია iPhones
- მოკლე URLs, მით უკეთესი. თუ თქვენ ოდესმე შეეცადა URL- ში ჩაწერეთ მობილური ტელეფონი, თქვენ იცით, რომ ეს ტკივილია (ალბათ, მოზარდებისათვის, რომლებიც ბევრ ტექსტურ შეტყობინებას აგზავნიან). მაშინაც კი, iPhone, ეს tedious შეიტანოს ხანგრძლივი მისამართები. შეინახეთ ისინი მოკლე.
- მაგრამ ხანგრძლივი ლინკი ტექსტის ადვილია Tap. როდესაც გვერდი, სადაც რამდენიმე ცალკეული სიტყვა უკავშირდება სხვადასხვა სტატიებს, ყველა უფლება ერთმანეთის გვერდით, შეიძლება ძალიან რთულია, რომ სწორად შეასწორონ სწორი ზუმი. ბევრი ადამიანი უბრალოდ დავთმობთ და წავიდეთ სხვაგან. მათში 3-5 სიტყვის ბმულები უფრო ადვილია ტელეფონზე დაჭერით, ვიდრე 1-სიტყვა ბმულები.
- ეკრანის ზედა ნაწილზე არ განათავსეთ თქვენი ნავიგაცია. არაფერია უფრო შემაშფოთებელი, ვიდრე გვერდით ეკრანები და ბმულების ეკრანები იპოვონ ინფორმაცია თქვენთვის. თუ თქვენ შევხედე ვებ-გვერდებს, რომლებიც განკუთვნილია მობილური ტელეფონებისათვის, თქვენ ნახავთ, რომ პირველი რამ, რაც გამოჩნდება, არის შინაარსი და სათაურები. შემდეგ, ქვემოთ არის ნავიგაცია.
- ნუ გეშინია შენი ნავიგაციის დამალვა. სანავიგაციო ბმულების დამალვა CSS ან JavaScript და ისინი მხოლოდ მაშინ გამოჩნდება, როდესაც მომხმარებელი ითხოვს, რომ ეს გვერდი სმარტფონის მომხმარებლებისთვის ადვილია.
მინიშნებები სურათები სმარტფონებზე
- სურათები უნდა იყოს პატარა. დიახ, Android და iPhones შეიძლება Zoom და unzoom in images , მაგრამ პატარა ისინი, ორივე ზომები და ჩამოტვირთვა დრო, ბედნიერი თქვენი უკაბელო მომხმარებელს იქნება. სურათების ოპტიმიზაცია ყოველთვის კარგი იდეაა, მაგრამ მობილური ტელეფონებისთვის, ეს კრიტიკულია.
- სურათები სწრაფად უნდა ჩამოტვირთოთ. სურათების გადაღება ვებ-გვერდებზე, როდესაც ისინი მობილური მოწყობილობიდან ნახულობენ. და როდესაც ისინი ხშირად ძალიან ლამაზი და გვერდები გამოიყურება უკეთესი როდესაც გახსნილია სრულ ეკრანზე ბრაუზერის, ისინი ხშირად მიიღონ გზა მობილური მოწყობილობა. გარდა ამისა, როდესაც სმარტფონის მომხმარებელი არის ფიჭური ქსელში, უკანასკნელი რამ უნდა გადაიხადოს გადმოტვირთვა უზარმაზარი სურათების ან ნავიგაციის ხატებიდან.
- არ დაამატეთ დიდი სურათები გვერდის ზედა ნაწილში. ისევე, როგორც სანავიგაციო, შეიძლება ძალიან tedious დაველოდოთ იმიჯი, რომ იღებს 3-4 screenfuls დატვირთვის დროს ყველაზე ზედა გვერდზე. და ეს ძალიან ხშირია ვებ გვერდებზე. ერთადერთი გამონაკლისი არის ის, თუ მკითხველმა იცის, რომ ისინი სურათის მიღებას აპირებენ, როდესაც ისინი დაწკაპუნებით, ამბობენ ფოტო გალერეაში.
რა თავიდან ასაცილებლად როდესაც შექმნის მობილური
არსებობს რამდენიმე რამ, რაც უნდა მოერიდოთ მობილურ მეგობრულ გვერდს. როგორც ზემოთ აღინიშნა, ნამდვილად გსურთ გინდათ ეს თქვენს გვერდზე, შეგიძლიათ, მაგრამ დარწმუნდით, რომ საიტი მათ გარეშე მუშაობს.
- Flash - უმეტესი მობილური ტელეფონები მხარს არ უჭერენ Flash- ს, ამიტომ არ არის კარგი იდეა, რომ შეავსოთ ის თქვენს უკაბელო გვერდებზე.
- Cookies - ბევრი მობილური ტელეფონების არ აქვს cookie მხარდაჭერა. iPhones აქვს cookie მხარდაჭერა.
- ჩარჩოები - მაშინაც კი, თუ ბრაუზერი მხარს უჭერს მათ, ვიფიქროთ ზომები ეკრანის. ჩარჩოები უბრალოდ არ მუშაობს მობილური მოწყობილობებისთვის - ისინი ძალიან რთულია ან შეუძლებელია წაკითხული.
- მაგიდები - არ გამოიყენოთ მაგიდები განლაგებაზე მობილური გვერდზე. და ზოგადად მაგიდები თავიდან აცილება. ისინი არ არიან მხარდაჭერილი ყველა მობილური ტელეფონზე (თუმცა iPhones და სხვა სმარტფონების მხარდაჭერა მათ) და შეგიძლიათ დასრულდება უცნაური შედეგები.
- ორმაგი მაგიდები - თუ თქვენ უნდა გამოიყენოთ მაგიდა, დარწმუნდით, რომ არ ბუდეს იგი სხვა მაგიდაზე. ეს რთული desktop დესკტოპის მხარდასაჭერად, და, საუკეთესო, მიიღოს გვერდზე დატვირთვის უფრო ნელა.
- აბსოლუტური ზომები - სხვა სიტყვებით, არ განისაზღვროს ობიექტების ზომები აბსოლუტურ ზომებში (როგორც პიქსელი, მილიმეტრი, ან ინჩი). თუ თქვენ განსაზღვრავთ რაღაც 100px ფართო, ერთი მობილური მოწყობილობა, რომელიც შეიძლება იყოს ნახევარი ეკრანზე და მეორეზე შეიძლება იყოს ორჯერ სიგანე. შედარებით ზომები (როგორც ems და პროცენტული) მუშაობა საუკეთესო.
- შრიფტები - არ ფიქრობთ, რომ თქვენს მიერ გამოყენებული ნებისმიერი შრიფტი მობილური ტელეფონებზე ხელმისაწვდომი იქნება.
წაიკითხე მეტი
- როგორ ჩადება თქვენი საიტი მობილური მეგობრული გამოყენებით PHP