Hvordan Bygge Et Mobilnettsted (I 4 Enkle Trinn)
i oktober 2016 overgikk antall mobil – og nettbrettbrukere antall stasjonære pc-brukere for første gang noensinne. Dette paradigmeskiftet fungerte som en oppfordring til handling for utviklere å begynne å revurdere hele bransjen. Siden da har mobilbruk fortsatt å vokse og bli enda mer utbredt, og det er mange elegante webutviklingsløsninger som blir ansatt i dag for å betjene disse brukerne.
disse løsningene er i stand til å gi brukerne en lignende opplevelse de ville få på et skrivebord uten å kompromittere innholdet eller funksjonen til nettstedet ditt. Mens bygge et nettsted som er i stand til å skape denne erfaringen kan virke skremmende, det er mye enklere enn du tror.
Det er så enkelt, faktisk, at vi har samlet en lett-å-følge 4 Trinn Guide Til Å Lage En Mobil Nettside for å komme i gang.
Velg Din Webdesign Tilnærming
Det finnes flere løsninger du kan bruke til å lage et mobilvennlig nettsted. Mens hver webdesign tilnærming har sine egne tilhengere som vil fortelle deg det er best, bør du finne ut hvilken som passer dine behov basert på din egen vurdering av informasjonen.
Responsive Web Design
RESPONSIVE web design (RWD) benytter tilpasningsdyktige oppsett som er gjort mulig gjennom bruk av proporsjonsbaserte medier, utvidelser og backend nett. Dette betyr at hvis et nettleservindu blir utvidet eller kontrahert, vil innholdet følge det og tilpasse seg etter behov. Resultatet er et nettsted som ligner på både desktop og mobil.
dette plastbrukergrensesnittet sammenlignes ofte med vann. Du kan hælde en kopp vann i et glass, en pott eller en krukke, og vannvolumet forblir det samme, til tross for bytte av fartøy.
Adaptiv Webdesign
i Motsetning TIL RWD er IKKE adaptiv webdesign (AWD) avhengig av en enkelt endring av layout. I stedet bruker den forskjellige oppsett for forskjellige enheter og skjermstørrelser. Dette betyr at når du logger deg på et nettsted, blir du servert den siden som best tilfredsstiller behovene til enheten du bruker for øyeblikket.
som et eksempel kan noen velge å lage tre nettsteder: en for smarttelefoner, en for tabletter og en for stasjonære datamaskiner. Dette ville kreve tre forskjellige design, som ville forbli «på standby» til det ble påkalt av hver besøkende. I stedet for en one-size-fits-all nettside, FUNGERER EN AWD som en tilpasset gateway for alle brukere.
tilnærmingen du velger for å lage mobilnettstedet ditt, er bare begynnelsen på designprosessen.
Bruk En Nettsidebygger eller ET CMS
når du har bestemt deg for hvordan du vil at nettstedet ditt skal fungere på forskjellige enheter, er du klar til å begynne å bygge det! Plattformen som du lager nettstedet ditt på, er medvirkende til å ansette mobildesignplanen din. For grunnleggende brukere er det to alternativer å vurdere.
Nettstedbyggere
Nettstedbyggere tar all gjetting ut av webdesign og lar deg lage et fullt tilpassbart og funksjonsrikt nettsted på få minutter. De oppnår dette slik at brukerne kan velge et tema eller en mal og bare dra-og-slipp-funksjoner de liker på sine nettsider og enkelt fjerne de de ikke gjør.
De fleste nettstedbyggere, inkludert gullstandarden Wix, tillater brukere å bare bestemme hvordan deres nettsteder vil reagere på mobil. Wix-plattformen er for det meste avhengig av adaptive nettsteder, mens andre tjenester som Weebly hovedsakelig er avhengige av responsivt design. Avhengig av hva slags tilnærming du tenkt for nettstedet ditt, kan du velge å gå med et nettsted byggmester som kan imøtekomme dine behov.
Innholdsstyringssystemer
et innholdsstyringssystem (CMS) er ditt beste alternativ til en dedikert nettsidebygger. Cmser som WordPress stole på litt mer datamaskin og internett kunnskap, men de kan gi flere funksjoner enn nettstedbyggere. I TILLEGG tilbyr ET CMS BÅDE RWD og AWD-design.
I Likhet med nettstedbyggere kan ET CMS dra nytte av enten mobil designtilnærming ved å integrere dem i de mange temaene som er tilgjengelige for brukerne. Disse temaene kan bare være rike som de som finnes på nettstedbyggere, men de tjener bedre de som ikke har noe imot å få hendene litt skitne og lære litt om webdesign.
hvis du bestemmer deg for å bruke ET CMS, kan du bare laste ned et mobilklart tema, enten gratis eller mot et gebyr, og bruke det til å lage nettstedet ditt. De fleste av disse temaene kommer med full støtte og regelmessige oppdateringer, så du trenger ikke å bekymre deg for å vedlikeholde og administrere nettstedet ditt.
Design En Mobil Nettside
ved å bestemme hvilken plattform du vil bygge nettstedet ditt på, er du klar til å designe og lage nettstedet ditt. Enten du oppretter en blogg, en portefølje, et bedriftsnettsted eller til og med en e-handelsbutikk, kan du gå om det ved hjelp av standardprinsippene som er nødvendige for ethvert nettsteddesign. Når du har fullført ditt design, må du enten bare teste nettstedet ditt for å se om det svarer riktig (RWD) eller opprette et annet DESIGN for mobil (AWD).
Å Designe et mobilnettsted er nesten like enkelt som å designe et skrivebordsnettsted, men det er noen ting du kanskje vil huske på.
A. Mobile Brukere Har Generelt Begrenset Båndbredde
du bør alltid huske på at de fleste mobile besøkende bruker mobilnett som begrenser båndbredden. Som et resultat, er det viktig å holde mobilnettstedet lys og fri for for mye innhold som kan spise bort på de avgjørende byte.
b. Mobilbrukere Vil Ha Relevant Informasjon Raskt
ofte besøker mobilbrukere et nettsted for å få relevant informasjon om stedene de besøker, for eksempel butikktimer eller telefonnumre. Hvis denne relevante informasjonen ikke er tilgjengelig raskt og tydelig, kan det føre til tap av en kunde. Sørg for at mobilnettstedet ditt har hurtigkoblinger til kontaktinformasjon og andre relevante data.
c. Mobile Enheter Er Mindre Kraftige
Stasjonære og bærbare datamaskiner er bygget med grafikkort og prosessorer som er i stand til å håndtere en tung belastning. Mens mobile enheter er ekstremt kraftige, er de ikke bygget på samme måte. I stedet mister de funksjon for form, og som et resultat kan de ikke håndtere prosessor-tungt innhold på samme måte som en datamaskin kan.
hvis skrivebordet ditt krever denne typen ressursinnsats, vil du kanskje tenke to ganger om å betjene et mobilt publikum denne samme typen nettsted.
Organiser Innhold
når du oppretter et mobilnettsted, er det viktig å sørge for at brukerne har tilgang til alt på skrivebordet ditt, samtidig som du beholder muligheten til å jobbe på en mindre skjerm. Det er flere hensyn du bør huske på når du organiserer innholdet.
A. Mobile First
Mobile First er en av de nyeste bevegelsene i designverdenen. Det fastsetter at du må først designe ditt mobilnettsted før du utvider til sider for skrivebord og tabletter. Innholdet du lager for mobilnettstedet ditt, kan også lastes inn på skrivebordsversjonen.
denne tilnærmingen er derfor nyttig for dynamisk serverte og responsive nettsteder der innholdet på mobilversjonen din er identisk med det på skrivebordet ditt.
b. Mobile Second
hvis du allerede har et skrivebordsnettsted, kan det være litt vanskeligere å organisere innholdet, men ikke helt umulig. Først finne ut elementene på skrivebordet ditt du må vise på mobilversjonen.
Samle brukerdata gjennom standardanalyseverktøyene du bruker, og finn ut:
- innholdet som er viktigst for de besøkende.Hvilke mobile brukere har en tendens til å ignorere.Veien dine besøkende vanligvis tar.
Bruk innsiktene du samler for å vite hva som skal og hva som ikke skal gå på mobilnettstedet. Dette vil hjelpe deg med å rydde skrivebordet ditt opp. Deretter kartlegge innholdet banen som besøkende skal ta.
Etter at du har en god ide om den visuelle strømmen til nettstedet ditt, kan du enkelt legge ut det første designet for mobile skjermer og gå rett inn i mobilnettstedets utvikling.
C. Navigasjon
Mobiltelefon skjermer er små. Dette betyr at du bør minimere mobilnavigasjonsalternativene. Vurder å bruke et forstørrelsesglass eller tre linje (hamburger) meny navicon. Når du er ferdig, test nettstedet ditt på de populære enhetene som brukes av opptil 90% av mobilbesøkende.
d. Design For Touch
Siden det er umulig å høyreklikke eller sveve med fingrene på en mobil enhet, må du plass linker på mobilnettstedet for å sikre at brukerne ikke tilfeldigvis klikker på feil koblinger. Gjør dette ved å:
- Gi tilbakemelding når skjermen berøres.Bruk knapper til å definere hvor brukere kan og ikke kan klikke.Redesign rullegardinmenyene dine.Minimere skriving.
og der har du det! Bruk denne informasjonen neste gang du må fullstendig omforme skrivebordet ditt for visning på mobile enheter, eller når du oppretter et nytt mobilnettsted fra bunnen av.