Die kans is dat jy gesien het hoe die iPhone webblaaie kan flip en uitbrei. Dit kan jou die hele webblad in 'n oogopslag wys of inzoomen om die teks wat jy belangstel om leesbaar te maak. In een sin, aangesien die iPhone Safari gebruik, moet webontwerpers niks spesiaals doen om 'n webblad te skep wat op die iPhone sal werk nie.
Maar wil jy regtig hê dat jou bladsy werk? Die meeste ontwerpers wil hê hul bladsye moet skyn!
Wanneer jy 'n webblad bou , moet jy dink oor wie dit gaan sien en hoe hulle dit gaan sien. Sommige van die beste webwerwe hou rekening met watter soort toestel die bladsy besigtig word, insluitend die resolusie, kleuropsies en beskikbare funksies. Hulle vertrou nie net op die toestel om dit uit te vind nie.
Algemene riglyne vir die bou van 'n webwerf vir mobiele toestelle
- Toets op soveel toestelle as wat jy kan. Die eerste ding wat jy moet doen is om jou werf op 'n iPhone en soveel verskillende mobiele toestelle of emulators te sien as jy kan. Alhoewel jy emulators vir al jou toetse kan gebruik, gee hulle jou regtig nie dieselfde gevoel as om deur 'n webwerf op die klein skerm te soek nie, so toets soveel moontlik op die werklike toestelle.
- Laat jou bladsye grasieus degradeer. U kan u bladsye skryf vir Flash-geaktiveerde wye skerm blaaiers, maar maak seker dat die kritiese inligting sigbaar is selfs in 'n klein skerm wat geen spesiale eienskappe kan hanteer nie (soos koekies, Ajax, Flash, JavaScript, ens.). Enigiets buite XHTML Basic sal buite sommige selfone wees. Terwyl die meeste slimfone al daardie dinge kan hanteer (behalwe Flash op die iPhone, natuurlik), kan ander mobiele toestelle nie.
- Bou 'n draadlose spesifieke bladsy en maak dit maklik om te vind. As jy 'n spesifieke bladsy vir jou selfoon en draadlose kliënte gaan bou, maak dit beskikbaar. 'N Goeie manier is om die skakel na die draadlose bladsy bo-aan jou dokument te plaas, en steek dan daardie skakel uit nie-handtoestelle met behulp van die handheld media-tipe. Die meeste mense kom na jou tuisblad, selfs op selfone. En as die skakel na jou draadlose bladsy nie daar is nie, sal hulle verlaat as die bladsy te moeilik is om te gebruik.
Webblad uitleg vir Smartphones
Die eerste ding wat jy moet onthou wanneer jy bladsye vir die slimfoonmark skryf, is dat jy nie enige veranderinge moet maak as jy nie wil nie. Die groot ding omtrent die meeste slimfone wat beskikbaar is, is dat hulle Webkit-blaaiers (Safari op IOS en Chrome op Android) gebruik om webblaaie te vertoon. As jou bladsy goed in Safari of Chrome lyk, lyk dit goed op die meeste slimfone (net baie kleiner ). Maar daar is dinge wat jy kan doen om die blaai-ervaring meer aangenaam te maak:
- Onthou dat die skerm klein is. Slimfone sal al die kolomme in die klein venster verdeel, en dit kan hulle baie moeilik maak om te lees sonder om te zoom. Die meeste gebruikers word gebruik om te zoem, maar dit kan vervelend wees. Een lang kolom teks is makliker om te lees.
- Verdeel bladsye in kleiner stukke. Dit kan moeilik wees om lang segmente teks op 'n selfoon te lees, sodat dit makliker is om te lees op verskeie bladsye.
Skakels en navigasie op iPhones
- Hoe korter die URL's is, hoe beter. As jy ooit probeer het om 'n URL op 'n selfoon in te tik, sal jy weet dat dit 'n pyn is (behalwe miskien vir tieners wat baie SMS-boodskappe stuur). Selfs op die iPhone is dit vervelig om lang URL's in te tik. Hou hulle kort.
- Maar lang skakel teks is makliker om te tik. Wanneer op 'n bladsy waar verskillende afsonderlike woorde gekoppel is aan verskillende artikels, reg langs mekaar, kan dit baie moeilik wees om die regte een te tik sonder om te zoom. Baie mense sal net opgee en êrens anders gaan. Skakels met 3-5 woorde in hulle is makliker om op die foon te kliek as 1-woord skakels.
- Moenie jou navigasie bo-aan die skerm sit nie. Daar is niks meer irriterend as om skerms en skerms van skakels te blaai om die inligting te vind wat jy wil hê nie. As jy na webbladsye gekyk het wat ontwerp is vir selfone, sal jy sien dat die eerste dinge wat verskyn, die inhoud en opskrif is. Dan, onder dit is navigasie.
- Moenie bang wees om jou navigasie te versteek nie. Verberg navigeer skakels met CSS of JavaScript en laat dit net verskyn wanneer die gebruiker dit vra. Dit is 'n manier om die bladsy makliker te maak vir slimfoongebruikers.
Wenke vir prente op smartphones
- Die beelde moet klein wees. Ja, Android en iPhones kan op prente inzoomen en unzoom, maar hoe kleiner hulle is, in beide dimensies en aflaaistyd, hoe gelukkiger sal jou wireless kliënte wees. Optimalisering van beelde is altyd 'n goeie idee, maar vir selfoonbladsye is dit krities.
- Prente moet vinnig afgelaai word. Beelde neem baie ruimte op webblaaie wanneer jy dit van 'n mobiele toestel besigtig. En terwyl hulle dikwels baie lekker is en die bladsye beter lyk as dit op 'n full-screen webblaaier gesien word, kom hulle dikwels op die pad op 'n mobiele toestel. Plus wanneer 'n slimfoon-gebruiker op die sellulêre netwerk is, is die laaste ding wat hulle wil betaal, 'n klomp groot prente of navigasie-ikone afgelaai.
- Moenie groot beelde bo-aan die bladsy plaas nie. Net soos met navigasie, kan dit baie vervelig wees om te wag vir 'n beeld wat 3-4 screenfuls oplaai, bo-aan die bladsy. En dit is baie algemeen op webblaaie. Die enigste uitsondering hierop is as die leser weet dat hulle 'n beeld sal kry wanneer hulle kliek, sê in 'n fotogalery.
Wat om te vermy wanneer ontwerp word vir selfoon
Daar is verskeie dinge wat jy moet vermy wanneer jy 'n mobiele-vriendelike bladsy bou. Soos hierbo genoem, as jy dit regtig wil hê op jou bladsy, kan jy, maar maak seker dat die werf sonder hulle werk.
- Flits - meeste selfone ondersteun nie Flash nie, daarom is dit nie 'n goeie idee om dit op jou draadlose bladsye in te sluit nie.
- Koekies - baie selfone het geen koekieondersteuning nie. iPhones het koekie ondersteuning.
- Rame - selfs as die leser hulle ondersteun, dink aan die afmetings van die skerm. Rame werk net nie op mobiele toestelle nie - hulle is baie moeilik of onmoontlik om te lees.
- Tabelle - gebruik nie tabelle vir uitleg op 'n mobiele bladsy nie. En probeer om tabelle in die algemeen te vermy. Hulle word nie op elke selfoon ondersteun nie (alhoewel iPhones en ander slimfone hulle ondersteun) en jy kan eindig met vreemde resultate.
- Geneste tafels - as jy 'n tafel moet gebruik, maak seker dat jy dit nie in 'n ander tafel nes nie. Dit is moeilik vir lessenaar blaaiers om te ondersteun, en maak die bladsy laer stadiger.
- Absolute maatstawwe - met ander woorde, definieer nie die afmetings van voorwerpe in absolute groottes nie (soos pixels, millimeter of duim). As jy iets soos 100px breed definieer, op een mobiele toestel wat die helfte van die skerm kan wees en op 'n ander kan dit twee keer die breedte wees. Relatiewe groottes (soos ems en persentasies) werk die beste.
- Fonts - aanvaar nie dat enige van die lettertipes waaraan jy toegang het nie, op die selfone beskikbaar sal wees.
Lees meer
- Hoe om jou webwerf Mobiel vriendelik te maak met PHP