Som professionelle webudviklere og designere kender vi alle vigtigheden af vores hjemmesides mobile version, da aktive leads kan komme fra mobile enheder. Derfor er det vigtigt at holde vores mobile hjemmesider responsive og professionelle, ligesom vi ville gøre med vores desktopversioner. Wix er en fremragende platform, fordi den giver de bedste værktøjer til at skabe en avanceret desktopversion af enhver hjemmeside og en automatiseret mobilversion. Det eneste du skal kende til, er et par få tricks, som får din hjemmeside til at skille sig ud og se professionel ud.
Som certificerede Wix-partnere vil vi stole på Wix med en automatiseret mobilversion. Dog er der stadig et par ting, som er værd at kontrollere, før du beslutter at offentliggøre sitet. Nedenfor er seks tips, som vi anbefaler, for at skabe en mere responsiv mobilversion af dit Wix-site.
1. Tilpas dit mobilsite manuelt
Du behøver ikke at være en professionel UI UX-designer. Den gyldne regel er at manuelt kontrollere hvert mobilsite og rette alle de små detaljer, som forhindrer potentielle anmeldelser. For eksempel vil et beskåret logo eller en forkert dimension på et afsnit gøre en enorm forskel og ødelægge brugeroplevelsen. Hver gang du afslutter en side på din desktop, bør du gå til mobilversionen. Kontroller rækkefølgen af afsnit og sørg for, at de stemmer overens med dine elementer. Når det kommer til tekst, skal du justere størrelsen. Med fotos skal du dobbelttjekke de billeder, som automatisk kan beskæres på mobilen, og teste dem fra din mobil eller smartphone.
Et trick er at kontrollere mobilversionen af hjemmesiden ved hjælp af INSPECT-værktøjet. Dette værktøj viser forskellige skærm- og opløsningsstørrelser, så det kan ses, hvilke elementer der har brug for at blive justeret.
2. Skjul unødvendige elementer
Wix har en smart funktion på mobilen kaldet "skjul", som lader dig fjerne visse unødvendige elementer fra mobilen uden at slette dem helt. For eksempel inkluderer dit websteds desktopversion ikoner på sociale medier, der gentager sig selv 2-3 gange. Det er ikke nødvendigt på mobilen. Der findes en unik funktion til kontaktoplysninger og sociale medier; dermed kan du "skjule" disse elementer og se, hvordan det fungerer. Antag, at du ikke kan lide, hvordan en ændring du foretog, blev. I så fald kan du tilbageføre komponenten og lade den vende tilbage til sin oprindelige placering.
Mange Wix-brugere foretrækker ikke at "skjule" alle webstedsfunktioner i frygt for, at en potentiel kunde ikke vil være interesseret i deres tjenester. Dette er ikke en god idé, og det er okay at skjule nogle funktioner på mobilenheder, som ikke hører hjemme der. Mobilversionen skal være minimal og ligetil, da den ikke kan omfatte alle desktopelementerne. Vi foreslår at bruge "skjul" uden frygt. Det er en fantastisk funktion.
3. Vær kreativ i små detaljer
En af de foretrukne Wix-mobilfunktioner er velkomstskærmen, som giver dig mulighed for at lege med et logo eller et billede og tilføje lysende animation. Denne funktion er helt automatiseret og tilføjer kreativitet og nysgerrighed til dit websted.
4. Giv det plads
Du kan forbedre læsbarheden ved at øge linjeafstanden eller bogstavafstanden. Rigelig hvidt rum kan få de mest forvirrende grænseflader til at se attraktive ud og ligetil. Mange mennesker foretrækker at presse designelementer helt sammen for at give så mange oplysninger som muligt. Dette er muligvis ikke den bedste fremgangsmåde, da du skal give oplysningerne i et klart rum. Giv dine elementer plads på mobilen, og bekymr dig ikke om rulletiden. Et professionelt og kreativt websted får folk til at stoppe og kontrollere det under alle omstændigheder.
5. Gør det læsbart
Husk altid at bruge den korrekte skriftstørrelse, da teksten skal være læselig. Den første regel for mobile enheder; tekststørrelsen skal være mindst 11 for at kunne læses i en gennemsnitlig afstand uden forstørrelse. Hvad der til tider synes at ske på Wixs mobilfunktion er, at teksterne automatisk ændres og ser for store eller små ud på skærmen. Det er meget simpelt at rette, da der er generelle størrelser for mobile afsnit (12 - 16) og titler (18 - 25).
Sammenlignet med desktops har smartphones relativt små skærme, hvilket betyder, at en af udfordringerne inden for mobildesign er at få tilpasset en masse information i en lille brugergrænseflade. Du har måske lyst til at komprimere alt i et forsøg på at give så mange oplysninger som muligt. Men det er ikke værd at gøre.
6. Tilføj en opfordring til handling
En super anvendelig funktion på Wix mobile er Quick Action Bar. Først og fremmest er det synligt og skaber en klar call to action. Det er let at navigere i; det er superenkelt at tilføje dine kontaktoplysninger og tilbyder et rent, moderne look. Du behøver ikke bekymre dig om, hvordan seerne finder dine detaljer, fordi kontaktikonerne forbliver på hver side. Dog må du ikke glemme at linke til dine sociale medier samt kontaktoplysninger. Alt andet er automatiseret og konfigureret til dig.
Vi håber, at ovenstående tips til at rette mobilversionen af dit websted på Wix kan hjælpe dig. Hvis du har dine egne tips, som du gerne vil dele, er du velkommen til at skrive dem i kommentarfeltet herunder.