Ŝancoj vi vidis kiel la iPhone povas eksplodi kaj pligrandigi retpaĝojn. Ĝi povas montri al vi la tutan retpaĝon en rigardo aŭ zomi por fari la tekston, kiun vi interesas legi. En unu senso, ekde la iPhone uzas Safaron, ttt-diseñistoj ne devas fari ion specialan por krei retpaĝon, kiu funkcios en la iPhone.
Sed vi vere volas ke via paĝo nur funkciu? Plej multaj dezajnantoj volas, ke iliaj paĝoj brilas!
Kiam vi kreas retpaĝon , vi devas pensi pri kiu vidos ĝin kaj kiel ili vidos ĝin. Kelkaj el la plej bonaj lokoj konsideras, kian tipon de aparato la paĝo estas rigardata, inkluzive de la rezolucio, kolor-opcioj kaj disponeblaj funkcioj. Ili ne nur dependas de la aparato por montri ĝin.
Ĝeneralaj Gvidlinioj por Konstruado de Retejo por Mastrumaj Dispozicioj
- Provu pri tiom da aparatoj kiel vi povas. La unua afero, kiun vi devas fari estas rigardi vian retejon en iPhone kaj tiom da malsamaj mekanismoj aŭ emuladores kiel vi povas. Dum vi povas uzi emulatorojn por ĉiuj viaj provoj, ili vere ne donas al vi la saman senton kiel provi navigi tra retejo en la eta malgranda ekrano, do provu pri realaj aparatoj kiel eble plej.
- Faru viajn paĝojn degradi gracie. Vi povas skribi viajn paĝojn por retumiloj de larĝa ekrano, sed certigu, ke la kritika informo videblas eĉ en eta monitoro, kiu ne povas manipuli iujn specialajn funkciojn (kiel kuketoj, Ajax, Flash, JavaScript, ktp). Ĉio ajn preter XHTML Bazo estos preter iuj poŝtelefonoj. Dum plejpartoj de inteligentaj telefonoj povas manipuli ĉion (krom Flash sur la iPhone, kompreneble), aliaj moveblaj aparatoj ne povas.
- Konstruu sendrata specifan paĝon - kaj faciligu ĝin. Se vi volas krei specifan paĝon por via poŝtelefono kaj sendrata klientoj - faru ĝin havebla. Granda maniero estas meti la ligilon al la sendrata paĝo ĉe la plej alta parto de via dokumento, kaj poste kaŝi tiun ligilon de ne-porteblaj aparatoj uzanta la porteblajn rimedojn. Post ĉio, plej multaj homoj venas al via hejmpaĝo, eĉ ĉe poŝtelefonoj - kaj se la ligilo al via sendrata paĝo ne estas tie, ili lasos se la paĝo tro malfacilas uzi.
Reta Paĝo-Aranĝo por Smartphones
La unua afero, kiun vi devas memori, kiam vi skribas paĝojn por la merkato de smartphones, estas, ke vi ne devas fari ajnajn ŝanĝojn, se vi ne volas. La plej granda afero pri la plej multaj smartphones haveblaj estas, ke ili uzas retumilojn de Webkit (Safaro sur iOS kaj Chrome en Android) por montri retpaĝojn, do se via paĝo aspektas bone en Safaro aŭ Chrome, ĝi aspektos bone en plej multaj smartphones (nur multe pli malgranda ). Sed estas aferoj, kiujn vi povas fari por fari la sperton de navigado pli agrabla:
- Memoru, ke la ekrano estas eta. Smartphones kondukos ĉiujn tiujn kolumnojn en la malgrandan fenestron, kaj ĉi tio povas tre malfacile legi ilin sen zomi. Plej multaj uzantoj estas uzataj por zomi, sed ĝi povas akiri dolorigaĵon. Longa kolumno de teksto estas pli facila legi.
- Dividi paĝojn en pli malgrandajn punktojn. Ĝi povas esti malfacile legi longajn sekciojn de teksto sur poŝtelefono, do meti ilin en plurajn paĝojn faciligas ilin legi.
Ligiloj kaj Navigado en iPhones
- La pli mallongaj estas la URLoj, pli bone. Se vi iam provis tajpi URLon ĉe poŝtelefono, vi scios, ke ĝi estas doloro (krom eble por adoleskantoj, kiuj kutimas sendi multajn tekstajn mesaĝojn). Eĉ en la iPhone, ĝi estas teda por tajpi longajn URLojn. Konservu ilin mallongaj.
- Sed longa ligilo estas pli facila por tuŝi. Kiam sur paĝo, kie pluraj apartaj vortoj estas ligitaj al malsamaj artikoloj, ĉiuj ĝuste apude, ĝi povas esti tre malfacile tiri la ĝustan sen zomi. Multaj homoj nur rezignos kaj iros aliloke. Ligiloj kun 3-5 vortoj en ili estas pli facilaj alklaki telefonon ol 1-vortajn ligojn.
- Ne metu vian navigacion ĉe la supro de la ekrano. Estas nenio pli ĝena ol havi paĝon tra ekranoj kaj ekranoj de ligiloj por trovi la informon, kiun vi volas. Se vi rigardis retpaĝojn, kiuj estis desegnitaj por poŝtelefonoj, vi vidos, ke la unuaj aferoj, kiuj montras, estas la enhavo kaj titolo. Tiam, sub tio estas navigacio.
- Ne timu kaŝi vian navigacion. Kaŝi navigadajn ligojn kun CSS aŭ JavaScript kaj farante ilin aperi nur kiam la uzanto petas ĝin estas maniero fari la paĝon pli facila por uzantoj de inteligentaj telefonoj.
Konsiletoj por Bildoj pri Smartphones
- La bildoj devas esti malgrandaj. Jes, Android kaj iPhones povas zomi kaj malhelpi sur bildoj , sed la pli malgrandaj ili estas, en ambaŭ dimensioj kaj elŝuta tempo, la pli feliĉaj viaj sendrataj klientoj estos. Optimigi bildojn estas ĉiam bona ideo, sed por poŝtelefonoj, ĝi estas kritika.
- Bildoj devas elŝuti rapide. Bildoj prenas multan spacon en retpaĝoj kiam vi vidas ilin el poŝtelefono. Kaj dum ili ofte estas tre belaj kaj faras la paĝojn aspekti pli bone kiam ili rigardas en kompleta ekrano-retumilo, ili ofte akompanas moveblan aparaton. Plus kiam uzanto de inteligenta telefono estas sur la poŝtelefono, la lasta afero, kiun ili volas pagi, elŝutas multajn grandajn bildojn aŭ navigadajn ikonojn.
- Ne metu grandajn bildojn sur la supro de la paĝo. Same kiel kun navigado, ĝi povas esti tre teda atendi bildon, kiu prenas 3-4 elsendojn por ŝarĝi ĉe la plej supro de la paĝo. Kaj ĉi tio estas ekstreme komuna en retpaĝoj. La sola escepto al tio estas, se la leganto scias, ke ili ricevos bildon, kiam ili alklakos, diru en galerio.
Kion Eviti Kiam Dezajno por Poŝtelefono
Estas kelkaj aferoj, kiujn vi devus eviti, kiam konstruas poŝtelefonan paĝon. Kiel menciis pli supre, se vi vere volas havi ĉi tiujn en via paĝo, vi povas, sed certigu, ke la retejo funkcias sen ili.
- Ekbrilo - plej telefonoj ne subtenas Flash, do ne estas bona ideo inkluzivi ĝin en via sendrata paĝoj.
- Kuketoj - multaj poŝtelefonoj ne havas kuketan subtenon. iPhones havas kuketan subtenon.
- Framoj - eĉ se la retumilo subtenas ilin, pensu pri la dimensioj de la ekrano. Framoj simple ne laboras pri porteblaj aparatoj - ili estas tre malfacilaj aŭ neeblaj legi.
- Tabuloj - Ne uzu tabulojn por aranĝo en poŝtelefono. Kaj provu eviti tabulojn ĝenerale. Ili ne estas subtenataj sur ĉiu poŝtelefono (kvankam iPhones kaj aliaj inteligentaj telefonoj subtenas ilin) kaj vi povas fini per strangaj rezultoj.
- Nestitaj tabloj - se vi devas uzi tablon, certigu ne anidigi ĝin en alia tablo. Ĉi tiuj estas malfacilaj por labortablaj retumiloj subteni, kaj, plej bone, fari la paĝon ŝarĝi pli malrapide.
- Absolutaj mezuroj - alivorte, ne difini la dimensiojn de objektoj en absolutaj grandecoj (kiel pikseloj, milimetroj, aŭ coloj). Se vi difinas ion kiel 100px larĝe, sur unu movebla aparato, kiu povus esti duono de la ekrano kaj sur alia ĝi povus esti dufoje la larĝa. Relativaj grandecoj (kiel ems kaj procentoj) funkcias plej bone.
- Tiparoj - ne supozas, ke iu ajn el la tiparoj, kiujn vi uzas por havi aliron, estos disponebla ĉe la poŝtelefonoj.
Legu pli
- Kiel Fari Vian Retejon Poŝtelefono Amika Uzanta PHP