hvordan man opbygger en mobil hjemmeside (i 4 nemme trin)
i Oktober 2016 overgik antallet af mobil-og tablet-internetbrugere antallet af stationære computerbrugere for første gang nogensinde. Dette paradigmeskift tjente som en opfordring til handling for udviklere at begynde at genoverveje hele deres branche. Siden da, mobilbrug er fortsat med at vokse og blive endnu mere udbredt, og der er mange elegante hjemmesideudviklingsløsninger, der anvendes i dag for at betjene disse brugere.
disse løsninger er i stand til at give brugerne en lignende oplevelse, de ville få på et skrivebord uden at gå på kompromis med indholdet eller funktionen af din hjemmeside. Selvom det kan virke skræmmende at opbygge et sted, der er i stand til at skabe denne oplevelse, er det meget lettere, end du tror.
det er så simpelt, faktisk, at vi har samlet en nem at følge 4 trin Guide til at skabe en mobil hjemmeside for at få dig i gang.
vælg din Internetdesignmetode
der er flere løsninger, du kan bruge til at oprette en mobilvenlig hjemmeside. Mens hver hjemmeside design tilgang har sine egne tilhængere, der vil fortælle dig, at det er bedst, bør du bestemme, hvilken der passer til dine behov baseret på din egen overvejelse af oplysningerne.
responsivt Internetdesign
responsivt internetdesign anvender tilpasningsdygtige layouts, der er muliggjort ved brug af proportionsbaserede medier, udvidelser og backend-net. Dette betyder, at hvis et bro.ser-vindue udvides eller kontraheres, vil indholdet følge det og tilpasse sig efter behov. Resultatet er en hjemmeside, der ligner både desktop og mobil.
denne plastiske brugergrænseflade sammenlignes ofte med vand. Du kan hælde en kop vand i et glas, en gryde eller en kande, og vandmængden forbliver den samme på trods af skift af kar.
adaptivt NetDesign
i modsætning til RND er adaptivt NetDesign ikke afhængig af et enkelt skiftende layout. I stedet bruger den forskellige layouts til forskellige enheder og skærmstørrelser. Det betyder, at når du logger på en hjemmeside, får du den side, der bedst opfylder behovene på den enhed, du bruger i øjeblikket.
som et eksempel kan nogle vælge at oprette tre hjemmesider: en til smartphones, en til tabletter og en til desktops. Dette ville kræve tre forskellige designs, som ville forblive “på standby” indtil opfordret af hver besøgende. I stedet for en hjemmeside, der passer til alle, fungerer en hjemmeside som en tilpasset port til alle brugere.
den tilgang, du vælger til at oprette din mobile hjemmeside, er kun begyndelsen på designprocessen.
brug en hjemmesidebygger eller et CMS
når du har bestemt, hvordan du vil have din hjemmeside til at fungere på forskellige enheder, er du klar til at begynde at bygge den! Den platform, hvor du opretter din hjemmeside er medvirkende til at ansætte din mobil design plan. For grundlæggende brugere er der to muligheder at overveje.
Hjemmesidebyggere
Hjemmesidebyggere tager alt gætteriet ud af internetdesign og giver dig mulighed for at oprette en fuldt tilpasselig og funktionsrig hjemmeside på få minutter. De opnår dette, så brugerne kan vælge et tema eller en skabelon og blot trække og slippe funktioner, de kan lide på deres hjemmesider og nemt fjerne dem, de ikke gør.
de fleste hjemmesidebyggere, herunder guldstandarden, giver brugerne mulighed for blot at bestemme, hvordan deres hjemmesider vil reagere på mobilen. Platformen er for det meste afhængig af adaptive hjemmesider, mens andre tjenester som f.eks. Afhængigt af den type tilgang, du forestillede dig til din hjemmeside, kan du vælge at gå med en hjemmesidebygger, der kan imødekomme dine behov.
Content Management Systems
et content management system (CMS) er dit bedste alternativ til en dedikeret hjemmesidebygger. CMS ‘ er er afhængige af lidt mere computer-og internetviden, men de kan give flere funktioner end hjemmesidebyggere. Derudover tilbyder et CMS både design.
i lighed med hjemmesidebyggere kan et CMS drage fordel af begge mobile designtilgange ved at integrere dem i de mange temaer, der er tilgængelige for brugerne. Disse temaer kan være lige så rige som dem, der findes på hjemmesidebyggere, men de tjener bedre dem, der ikke har noget imod at få deres hænder lidt beskidte og lære lidt om internetdesign.
hvis du beslutter dig for at bruge et CMS, kan du blot hente et mobilt klar tema, enten gratis eller mod betaling, og bruge det til at oprette din hjemmeside. De fleste af disse temaer kommer med fuld support og regelmæssige opdateringer, så du ikke behøver at bekymre dig om at vedligeholde og administrere din hjemmeside.
Design En mobil hjemmeside
ved at bestemme hvilken platform du vil bygge din hjemmeside på, er du klar til at designe og oprette din hjemmeside. Uanset om du opretter en blog, en portefølje, et forretningssted eller endda en e-handelsbutik, kan du gøre det ved hjælp af de standardprincipper, der er nødvendige for ethvert site design. Når du er færdig med dit design, skal du enten blot teste din hjemmeside for at se, om den reagerer korrekt eller oprette et andet design til mobil.
design af en mobil hjemmeside er næsten lige så ligetil som at designe et desktop site, men der er et par ting, du måske vil huske på.
a. mobilbrugere har generelt begrænset båndbredde
du skal altid huske på, at de fleste mobile besøgende gør brug af mobilnetværk, der begrænser deres båndbredde. Som følge heraf er det afgørende at holde din mobilside lys og fri for for meget indhold, der kan spise væk på de afgørende bytes.
b. Mobilbrugere ønsker hurtigt Relevant Information
ofte besøger mobilbrugere et sted for at få relevant information om de placeringer, de besøger, såsom butikstimer eller telefonnumre. Hvis disse relevante oplysninger ikke er tilgængelige hurtigt og tydeligt, kan det resultere i tab af en kunde. Sørg for, at din mobil hjemmeside har hurtige links til kontaktoplysninger og andre relevante data.
c. Mobile enheder er mindre kraftfulde
stationære og bærbare computere er bygget med grafikkort og processorer, der er i stand til at håndtere en tung belastning. Mens mobile enheder er ekstremt kraftfulde, er de ikke bygget på samme måde. I stedet mister de funktion for form, og som et resultat kan de ikke håndtere processortungt indhold på samme måde som en computer kan.
hvis din desktop site kræver denne form for ressource engagement, kan du tænke to gange om betjener en mobil publikum denne samme slags site.
Organiser indhold
når du opretter et mobilsite, er det vigtigt at sikre, at dine brugere kan få adgang til alt på dit skrivebordsside, mens de stadig bevarer evnen til at arbejde på en mindre skærm. Der er flere overvejelser, du skal huske på, når du organiserer dit indhold.
a. Mobile First
Mobile First er en af de nyeste bevægelser i designverdenen. Det bestemmer, at du først skal designe din mobilside, før du udvider til sider til desktops og tablets. Det indhold, du opretter til din mobilside, kan også indlæses på desktopversionen.
denne tilgang er derfor nyttig til dynamisk serverede og responsive hjemmesider, hvor indholdet på din mobilversion er identisk med det på din desktop-side.
b. Mobil sekund
hvis du allerede har en desktop hjemmeside, organisere indholdet kan være en smule vanskeligere, men ikke helt umuligt. Først skal du finde ud af de elementer på dit skrivebordsside, du skal vise på mobilversionen.
Saml brugerdata gennem de standardanalyseværktøjer, du bruger, og find ud af:
- det indhold, der er vigtigst for dine besøgende.Hvad mobile brugere har tendens til at ignorere.Den vej dine besøgende typisk tager.
Brug den indsigt, du samler, til at vide, hvad der skal og hvad der ikke skal gå på mobilsiden. Dette vil hjælpe dig med at rense din desktop site op. Kortlæg derefter den indholdssti, som dine besøgende vil tage.
når du har en god ide om den visuelle strøm af din hjemmeside, kan du nemt lægge det oprindelige design til mobile skærme og gå lige ind i den mobile hjemmeside udvikling.
c. Navigation
mobiltelefonskærme er små. Dette betyder, at du skal minimere mobilnavigationsindstillingerne. Overvej at bruge et forstørrelsesglas eller menuen med tre linjer (hamburger) navicon. Når du er færdig, teste din hjemmeside på de populære enheder, der bruges af op til 90% af dine mobile besøgende.
d. Design for Touch
da det er umuligt at højreklikke eller svæve med fingrene på en mobilenhed, skal du placere links på din mobil hjemmeside for at sikre, at dine brugere ikke ved et uheld klikker på de forkerte links. Gør dette ved:
- giv feedback, når skærmen berøres.Brug af knapper til at definere, hvor brugere kan og ikke kan klikke.Redesign dine rullemenuer.Minimering af tekstindtastning.
og der har du det! Brug disse oplysninger, næste gang du har brug for helt at redesigne din desktop hjemmeside til visning på mobile enheder, eller når du opretter en ny mobil site fra bunden.