Hanki reagoivia verkkosivustoja Multi-laitteelle, Omnichannel asiakaskokemus

Lysin erinomaisen verkkosivun, joka nytt sinulle, mit sivustosi nytt useita laitteita kerralla. Se on mahtava! Olisi erittin hydyllist varmistaa, ett verkkosivustosi nytt hyvlt mobiililaitteilla tai tableteilla.

WebCenter-sivustot: Liikkuvuus mahdollistaa mobiililaitteiden verkkosivustoja. Tss luvussa kuvataan, miten voit luoda, kopioida ja muokata mobiilisivustojen omaisuutta ja sivuston siirtymist sek miten esikatsella ja hyvksy mobiilisivustot eri laitteille. Se sislt seuraavat osat:

Johdatus WebCenter-sivustoihin: liikkuvuus

Liikkuvuuden avulla voit luoda mobiililaitteita eri mobiililaitteille, kuten iPhone, iPad, Samsung Galaxy ja Blackberry. Voit luoda aivan uuden mobiilisivuston samalla tavalla kuin luot oletussivustolle typydlle / kannettaville tietokoneille. Jotta voit vhent vaivaa ja sivuston toimitusaikaa, WebCenter Sites voit mys kopioida kaikki nykyiset verkkosivustosi mobiilisivustosi. Voit esikatsella mobiilisi verkkosivustoa, jotta tiedt, miten sivustosi nytt mobiililaitteiden nytit, kun se julkaistaan.

Esimerkiksi kuva 13-1 Nytt iPad 3GS-mobiililaitteen nytll nkyvn AVISSports-nyte-sivun "Surfing-sivun omaisuuden esikatselun (jota edustavat laitteen omaisuus) Todellisen iPad 3GS: n nytll, jos sivu julkaistiin.

Miten mobiilisivustot edustivat osallistujaliittymss?

Mobiilisivusto, kuten oletussivustosi Desktop / Laptop-laitteiden katseluun, edustaa sivuston suunnitelma solmua WebCenter-sivustojen osallistujaliitnnn sivusuunnassa. Esimerkiksi kuvio 13-2 nytt sivuston puun Avisports-nytepaikassa.

  • Media-kyselyt ovat suuria, mutta.
  • Mit laitteiden luokkia kohdistat?
  • lhestymistapa # 1: palvelimen sivutunnistus
  • lhestymistapa # 2: Asiakaspuolen havaitseminen
  • Pttv asiakas tai palvelin
  • Esittelyss laite. s
  • Suositus: MVC muotoinen tekij erityiset nkymt
  • ptelm

Mediakyselyt ovat suuria, mutta

Media-kyselyt ovat mahtavia, godsend verkkosivujen kehittjille, jotka haluavat tehd pieni tweaks heidn tyylikkns antamaan paremman kokemuksen eri kokoisten laitteiden kyttjille. Mediakyselyt ptyvt olennaisesti mukauttaa sivustosi CSS: n nytn koosta riippuen. Ennen kuin sukeltaa thn artikkeliin, listietoja reagoivasta suunnittelusta ja tarkistaa hienoja esimerkkej mediakyselyist tss: Mediaqueri. s.

Koska Brad Frost huomauttaa aikaisemmassa artikkelissa, ulkoasun muuttaminen on vain yksi monista asioista, jotka on otettava huomioon, kun rakennetaan mobiiliverkkoon. Jos ainoa asia, jonka teet, kun rakennat mobiilisivustosi, muokkaa ulkoasua mediakyselyill, meill on seuraava tilanne:

WebApps tarvitsee enemmn kuin mediakyselyt

„l saa minua vrin. En vihaa reagoivaa suunnittelua mediakyselyill ja varmasti ajatella, ett sill on paikka maailmassa. Lisksi jotkin edell mainituista kysymyksist voidaan ratkaista lhestymistavoilla, kuten reagoivilla kuvilla, dynaamisella skriptikuormituksella jne. Tietyll pisteell voi kuitenkin olla liian monta inkrementaalista tweaksia, ja se voi olla parempi palvelemalla eri versioita.

Koska uis rakentaa monimutkaisuutta, ja sinun on painotettava yksittisi WebApps, sinun kannattaa tehd enemmn mukauttaa UIS: n jokaiselle laitteelle. Tm artikkeli opettaa sinulle, miten nm muokkaukset tehdn minimaalisella vaivalla. Yleinen lhestymistapa edellytt kvijn laitteen luokittelua oikeaan laitteen luokkaan ja palvelevat asianmukaista versiota kyseiselle laitteelle, kun se maksimoi koodin uudelleenkytn versioiden vlill.

Mit laitteiden luokkia kohdistat?

On tonnia internet-liitettyj laitteita siell, ja lhes kaikilla on selaimia. Mukautus on monimuotoisuutensa: Mac-kannettavat tietokoneet, Windows-tyasemat, iPhonet, iPadit, Android-puhelimet kosketustulolla, selaamalla pyrt, nppimistt, nitulo, laitteiden paineen herkkyys, lykkt kellot, leivnpaahtimet ja jkaapit ja paljon muuta. Jotkut nist laitteista ovat yleisi, kun taas toiset ovat hyvin harvinaisia.

Voit luoda hyvn kyttkokemuksen, sinun on tiedettv, kuka kyttjt ovat ja mit laitteita he kyttvt. Jos rakennat kyttliittymn typydn kyttjlle hiirell ja nppimistll ja anna sen lypuhelimen kyttjlle, kyttliittym on turhautuminen, koska se on suunniteltu toiselle nytn koko ja toinen sytttaso.

Et voi kytt MediaModifiercom

Tm sivusto kytt tietoturvapalvelua suojaamaan itse verkkohykkyksist. Toiminta, jonka olet juuri kynnistnyt turvallisuusratkaisun. On olemassa useita toimia, jotka voisivat laukaista tmn lohkon, mukaan lukien tietty sana tai ilmaus, SQL-komento tai epmuodostunut data.

Mit voin tehd tmn ratkaisemiseksi?

Tss artikkelissa Ui Farm, UI & UX Agency analysoi prosessin, joka on johtanut uuden tynkulkuun nykyaikaisten web-ratkaisujen toimittamiseksi. Soveltamalla kestv ja tulevaa kytt reagoivan web-suunnittelun, UI-maatila saavuttaa esitavan, monilaitteen verkkosivustot ketterss ympristss.

Luonnokset / lisensointitiedot

Ajoitusobjektien, sekvenssereiden ja jaetun liikkeen hauska kytt yhden tuhannen matkapuhelimen synkronoimiseksi osaksi osana nyttely. Light School Senior David McAllisterin tekem tapahtuma Kalifornian lukiossa. Hyv ty David!

ei mitn

ei mitn

ei mitn
Käytämme evästeitä
Käytämme evästeitä varmistaaksemme, että annamme sinulle parhaan kokemuksen verkkosivuillamme. Käyttämällä verkkosivustoa hyväksyt evästeiden käytöstä.
Salli evästeet.