Shanset janë që ju keni parë se si iPhone mund të rrokulliset dhe të zgjerojë faqet e internetit. Mund t'ju tregojë të gjithë faqen në internet në një shikim ose të zmadhoni për të bërë tekstin që jeni i interesuar për t'u lexuar. Në një kuptim, që nga përdorimi i iPhone Safari, hartuesit e uebit nuk duhet të bëjnë asgjë të veçantë për të krijuar një faqe interneti që do të punojë në iPhone.
Por a doni me të vërtetë që faqja juaj të punojë vetëm? Shumica e projektuesve duan që faqet e tyre të shkëlqejnë!
Kur ndërton një faqe interneti , duhet të mendosh se kush do ta shohë atë dhe se si do ta shohin atë. Disa nga faqet më të mira marrin parasysh llojin e pajisjes në të cilën është duke u parë faqja, duke përfshirë zgjidhjen, opsionet e ngjyrave dhe funksionet e disponueshme. Ata nuk mbështeten vetëm në pajisjen për ta kuptuar.
Udhëzime të përgjithshme për ndërtimin e një vendi për pajisjet mobile
- Testoni sa më shumë pajisje që mundeni. Gjëja e parë që duhet të bëni është të shikoni faqen tuaj në një iPhone dhe si shumë pajisje të ndryshme celulare ose emulues sa mundeni. Ndërsa ju mund të përdorni emulators për të gjithë testimin tuaj, ata me të vërtetë nuk ju japin të njëjtën ndjehen si duke u përpjekur për të lundruar nëpër një faqe interneti në ekran të vogël të vogël, kështu që test për pajisjet aktuale sa më shumë të jetë e mundur.
- Bëni faqet tuaja të degradohen me gracizë. Ju mund të shkruani faqet tuaja për Flash-enabled, shfletues me ekran të gjerë, por sigurohuni që informacioni kritik është i dukshëm edhe në një monitor të vogël që nuk mund të trajtojë ndonjë veçori të veçantë (si cookies, Ajax, Flash, JavaScript etj). Çdo gjë përtej XHTML Basic do të jetë përtej disa telefonave celularë. Ndërsa shumica e smartfonëve mund t'i trajtojnë të gjitha ato gjëra (përveç Flash në iPhone, sigurisht), pajisjet e tjera të lëvizshme nuk munden.
- Ndërtoni një faqe të veçantë pa tela dhe e lehtësoni gjetjen. Nëse do të ndërtoni një faqe specifike për telefonin tuaj celular dhe klientët me valë, ta bëni atë të disponueshëm. Një mënyrë e shkëlqyer është të vendosni lidhjen në faqen pa tel në krye të dokumentit tuaj dhe pastaj ta fshihni atë lidhje nga pajisjet pa dore duke përdorur llojin e mediave të handheld. Në fund të fundit, shumica e njerëzve vijnë në faqen tuaj, madje edhe në telefonat celularë dhe nëse lidhja me faqen tënde pa tel nuk është atje, ata do të largohen nëse faqja është shumë e vështirë për t'u përdorur.
Layout Faqe Web për Smartphones
Gjëja e parë që duhet të mbani mend kur shkruani faqet për tregun e smartfonëve është se ju nuk keni nevojë të bëni ndonjë ndryshim nëse nuk dëshironi. Gjëja më e mirë për shumicën e telefonave të mençur në dispozicion është se përdorin shfletuesit e Webkit (Safari në iOS dhe Chrome në Android) për të shfaqur faqet e internetit, kështu që nëse faqja juaj duket e mirë në Safari ose Chrome, do të duket mirë në shumicën e telefonave të mençur (vetëm shumë më të vogla ). Por ka gjëra që mund të bëni për ta bërë më të këndshëm përvojën e shfletimit:
- Mos harroni se ekrani është i vogël. Smartphones do të kondensojnë të gjitha ato kolona poshtë në dritaren e vogël, dhe kjo mund t'i bëjë ata shumë të vështirë për t'u lexuar pa zmadhuar. Shumica e përdoruesve përdoren për të zmadhuar, por mund të jenë të lodhshme. Një kolonë e gjatë e tekstit është më e lehtë për t'u lexuar.
- Ndani faqet në pjesë të vogla. Mund të jetë e vështirë të lexosh segmente të gjata të tekstit në një telefon celular, kështu që t'i vendosësh në faqe të shumta i bën më të lehtë leximin.
Lidhjet dhe lundrimi në iPhone
- Sa më e shkurtër të jetë URL-ja, aq më mirë. Nëse ndonjëherë keni provuar të shkruani një URL në një celular, do ta dini se është një dhimbje (përveç ndoshta për adoleshentët që përdoren për të dërguar shumë mesazhe me tekst). Edhe në iPhone, është e lodhshme të shkruash URL të gjata. Mbajini ato të shkurtra.
- Por teksti i gjatë i lidhjes është më i lehtë për t'u prekur. Kur në një faqe ku disa fjalë të veçanta janë të lidhura me artikuj të ndryshëm, të gjithë të drejtë pranë njëri-tjetrit, mund të jetë shumë e vështirë të prekni atë saktë pa zmadhim. Shumë njerëz thjesht do të heqin dorë dhe do të shkojnë diku tjetër. Lidhjet me 3-5 fjalë në to janë më të lehta për të klikuar në telefon sesa lidhjet me 1 fjalë.
- Mos e vendosni navigacionin tuaj në krye të ekranit. Nuk ka asgjë më të bezdisshme sesa të kesh në faqe përmes ekraneve dhe ekraneve të lidhjeve për të gjetur informacionin që dëshiron. Nëse keni shikuar në faqet e internetit të dizajnuara për telefonat celularë, do të shihni se gjërat e para që shfaqen janë përmbajtja dhe titulli. Pastaj, poshtë kësaj është lundrimi.
- Mos kini frikë të fshehni navigimin tuaj. Fshehja e lidhjeve të navigacionit me CSS ose JavaScript dhe duke i bërë ato të shfaqen vetëm kur përdoruesi kërkon këtë është një mënyrë për ta bërë faqen më të lehtë për përdoruesit e smartfonëve.
Këshilla për Imazhet në Smartphones
- Imazhet duhet të jenë të vogla. Po, Android dhe iPhones mund të zmadhojnë dhe unzoom në të imazheve , por më të vogla ata janë, në të dy dimensionet dhe kohën e shkarkimit, më të lumtur klientët tuaj pa tel. Optimizimi i imazheve është gjithmonë një ide e mirë, por për faqet e telefonit celular, është kritike.
- Imazhet duhet të shkarkohen shpejt. Imazhet kërkojnë shumë hapësirë në faqet e internetit kur i shikoni nga një pajisje celulare. Dhe ndërsa ato shpesh janë shumë të mira dhe i bëjnë faqet të duken më të mira kur shihen në një shfletues të ekranit me ekran të plotë, ata shpesh marrin rrugën në një pajisje të lëvizshme. Plus, kur një përdorues i smartphone është në rrjetin celular, gjëja e fundit që duan të paguajnë është shkarkimi i një sërë imazhe të mëdha ose ikona navigimi.
- Mos vendosni imazhe të mëdha në krye të faqes. Ashtu si me lundrimin, mund të jetë shumë e lodhshme të presësh për një imazh që merr 3-4 screenfuls për t'u ngarkuar në krye të faqes. Dhe kjo është shumë e zakonshme në faqet e internetit. Përjashtimi i vetëm për këtë është nëse lexuesi e di se ata do të marrin një imazh kur klikojnë, thonë në një galeri fotografish.
Çfarë duhet të shmangni kur jeni duke projektuar për celularë?
Ka disa gjëra që duhet të shmangni kur ndërtoni një faqe miqësore për celularin. Siç u përmend më lart, nëse dëshironi të keni këto në faqen tuaj, mundeni, por sigurohuni që faqja të funksionojë pa to.
- Flash - shumica e telefonave celularë nuk e mbështesin Flashin, prandaj nuk është ide e mirë ta përfshini në faqet tuaja celulare.
- Cookies - shumë telefona celularë nuk kanë mbështetje cookie. iPhones kanë mbështetje cookie.
- Kornizat - edhe nëse shfletuesi i mbështet ato, mendoni për dimensionet e ekranit. Kornizat thjesht nuk punojnë në pajisjet mobile - ato janë shumë të vështira ose të pamundura për t'u lexuar.
- Tabelat - mos përdorni tabela për paraqitjen në një faqe të lëvizshme. Dhe përpiquni t'i shmangni tavolinat në përgjithësi. Ata nuk janë të mbështetur në çdo celular (edhe pse iPhones dhe smartphones të tjerë i mbështesin ato) dhe mund të përfundoni me rezultate të çuditshme.
- Tabelat e mbivendosur - nëse duhet të përdorni një tabelë, sigurohuni që të mos fole në një tabelë tjetër. Këto janë të vështira për shfletuesit desktop për të mbështetur, dhe, në të mirë, të ngarkesës së faqes më ngadalë.
- Masat absolute - me fjalë të tjera, nuk përcaktojnë dimensionet e objekteve në madhësi absolute (si pixels, milimetra, ose inç). Nëse përcaktoni diçka si 100px të gjerë, në një pajisje të lëvizshme që mund të jetë gjysma e ekranit dhe në një tjetër mund të jetë dy herë në gjerësi. Madhësitë relative (si ems dhe përqindjet) punojnë më mirë.
- Fonts - mos supozoni se ndonjë nga fontet që ju jeni përdorur për të pasur qasje në të do të jetë në dispozicion në telefonat celularë.
Lexo më shumë
- Si të Bëni Your Website Mobile Friendly Duke përdorur PHP