Móttækileg hönnun: Hvernig á að ná réttu í fyrsta skipti

Birting: Stuðningur þinn hjálpar til við að halda vefnum í gangi! Við þénum tilvísunargjald fyrir sumar þjónusturnar sem við mælum með á þessari síðu.


Í ævisögum sínum frá 1939, Vindur, sandur og stjörnur, Franski rithöfundurinn og aristókratinn Antoine de Saint-Exupery sagði: „Hönnuður veit að hann hefur náð fullkomnun ekki þegar ekkert er eftir að bæta við, heldur þegar ekkert er eftir að taka burt.“ Hinn frægi flugmaður og rithöfundur litli prinsins lifðu ekki í upplýsingatímanum, en orð hans halda áfram engu að síður hljóma í heimi þar sem netrými hefur komið í stað himinsins sem landamæri nýsköpunar..

Reyndar, með athyglisverðum samdrætti jafnvel þegar auður tiltækra efna stækkar veldishraða, er „minna er meira“ nálgun Saint-Exupery mikilvægari en nokkru sinni fyrr. Fyrirtæki hafa ekki lengur þann lúxus að berja um hinn orðtakandi runna þegar meðalglugginn til að fá farsíma gesti á heimasíðuna sína er innan við fimm sekúndur. Miðað við meira en fimm sent af hverri dollar er nú varið á netinu, það þarf að láta hverja sekúndu telja.

Þetta snýst um miklu meira en einfaldlega að finna virta hýsingaraðila og senda inn grunn vefsíðu. Þú verður að búa til síðu sem svarar þörfum allra gesta. (Ef þú þarft hjálp við að skilja hvernig vefsíður og vefþjónusta virka, vinsamlegast sjáðu myndskreyttu handbókina okkar um hýsingu).

Lykillinn að því að ná auga gesta og halda glugganum opnum (og vísað á síðuna þína) liggur í móttækileg hönnun. Markaðurinn er fljótt að verða mjög mikilvægur hluti af heimi eftir tölvu og eftir því sem fleiri notendur fá fréttir sínar, njóta skemmtunar og gera innkaup með spjaldtölvum og snjallsímum, ganga úr skugga um að vefsíðan þín sé hönnuð til að mæta síbreytilegum þörfum þeirra gagnrýninn. Það snýst allt um að halda þeim eiginleikum sem gestir vilja og ekkert af því sem þeir gera ekki.

Það er ekkert pláss fyrir clunky grafík, ruglingslegt flakk eða síður sem eru læstar í einbeitni fyrir skrifborð. Farsímanotendur vilja að netið verði grannur, hreinn og stór fyrir skjáinn sinn – svo vertu viss um að velja hýsingu (og vettvang) sem styður viðbragðsfulla hönnun.

Hugsanleg umbun fyrir að gera meira út úr minna eru umtalsverð. Með meira en 2,1 milljarð breiðbandsáskrifenda fyrir farsíma sem mögulega viðskiptavini eru tjáningarhagkvæmni og hámarks gagnvirkni í fyrirrúmi; besta hönnunin gæti bara verið sú sem státar af mestu gagnvirkni og minnstu „hönnuðar snertingu.“

Aðlaðandi hönnun

Móttækileg hönnun: Að ná því rétt

Í nýstárlegu umhverfi nútímans heldur fjöldi tækja sem notuð er til að vafra áfram að aukast og engin merki um að hægt sé. Móttækileg hönnun skapar ákjósanlega notendaupplifun milli tækja frá skjáborði yfir í snjallsíma sem auðveldar neytendum að taka skjótar og menntaðar ákvarðanir um kaup.

Af hverju er móttækileg hönnun svo mikilvæg?

Það eru 2,1 milljarður áskriftir fyrir breiðband farsíma.

87% bandarískra fullorðinna eru með farsíma.

55% nota farsímana sína til að fara á netið, þar af 31% sem fara á netið aðallega með símanum sínum frekar en tölvu eða öðru tæki.

45% bandarískra fullorðinna eru með snjallsíma, 90% nota símann sinn til að fara á netið.

Amerískir neytendur eyða að meðaltali 1,4 klukkustundum á dag í að vafra um vefinn í farsíma.

37% eigenda farsíma og 64% eigenda snjallsíma nota símann sinn til að fá fréttir á netinu.

60% spjaldtölvu notenda kjósa að lesa fréttir á farsímanum en í gegnum app.

79% notenda snjallsíma nota símana sína til að hjálpa við að versla.

71% notenda búast við því að farsímasíður hleðst eins hratt ef ekki hraðar en skrifborðssíður.

74% farsíma gesta munu yfirgefa vefsíðu ef það tekur meira en 5 sekúndur að hlaða niður.

Líffærafræði á móttækilegri síðu

Í þróunarstiginu eru 3 tæknileg innihaldsefni í móttækilegri vefsíðuhönnun:

  1. Vökvagitir – Hlutfallsbyggð hönnun sem aðlagast skjástærðinni í samræmi við það.
  2. Sveigjanlegar myndir – Myndir stórar í hlutfallslegum einingum til að koma í veg fyrir að þær birtist utan innihaldsefnis.
  3. Fyrirspurnir fjölmiðla – Leið til að beita CSS-reglum á síðunni út frá stærð sýna vafrans.

5 lykilhönnunarþættir af móttækilegri rafræn viðskipti tryggja bestu notendaupplifun sem mögulegt er.

Masthead

Haus

Ætti að vera lítið og einfalt til að halda fókusnum á kjarnainnihaldinu, en auðvelt að sjá það.

Prófaðu að nota línulegan CSS halla í stað bakgrunnsmyndar til að gefa meiri sveigjanleika í hönnun og draga úr HTTP beiðnum.

Merkið

Ætti að vera stærri og minnkaður niður að endanlegu víddunum.

Aðalleiðsögn

Eða aðalvalmyndin getur verið erfiður þegar unnið er í móttækilegri hönnun vegna þess takmarkaða rýmis sem litlir símaskjáir veita.

Það eru margir möguleikar til að vinna bug á þessu eftir fjölda valkosta valkosta, þar á meðal:

  • Einfalt valmyndaranki í hausnum sem skiptir um aðalleiðsögn á litlum skjám.
  • Akkeri haus sem stekkur notendur að siglingunni sem er sett í fótinn.
  • A vinstri rennibraut (eins og Facebook) nálgast með valmyndartákninu og sýnir bakka sem rennur inn frá vinstri og færir aðalinnihaldið yfir til hægri.
  • Leiðsögn sem liggur yfir aðalefni síðunnar.

Leitarbox

Leitarkassi gerir gestum kleift að hoppa beint að því sem þeir leita að.

Myndasafnið

Myndaleiðsögn

Frekar en textagerð myndaleiðsögn, sýndu forskoðun á mismunandi vöruútsýni.

Myndir ættu að tengjast stærri hliðstæða þeirra.

Vöruímynd

Gerðu vörumynd þína að þungamiðju síðunnar.

Prófaðu léttu handritið sem heitir Swipe.js til að búa til snertivænan myndkarusel, sem gerir notendum kleift að strjúka á milli afurðamynda á snertivænan hátt.

Vörulýsingin

Vöru Yfirlit

Ætti að birtast fyrir ofan myndina (í uppdrætti fyrir myndgeymslu), veita gestinum vöruheiti, verð og vinsældir eða einkunn.

Þannig geta þeir ákvarðað hvort það sé varan sem þeir eru að leita að án þess að þurfa að bíða eftir að restin af síðunni hleðst inn.

Endurskoða talningu

Yfirlitsfjöldinn hoppar til umsagnanna fyrir neðan vöruupplýsingarnar.

Þessi litla smáatriði geta verið mjög dýrmæt fyrir 79% neytenda snjallsíma sem nota símann sinn til að hjálpa við að versla og jafnvel gera eða gera sölu.

Magnsvið, dropdown stærð og Bæta í körfu hnappinn

Deilihnappur

Að deila efni og vörum á samfélagsnetum getur verið frábær leið til að auka útsetningu. Vertu bara einfaldur með einum hnappi.

Footer

Footer Navigation

Að veita aðgang að aðalleiðsögunni er góð leið fyrir notandann að hoppa af á annan hluta og forðast að skilja þá eftir í blindgötu.

Þjónustunúmer og tölvupóstur

Mundu að símar hringja! Gesturinn gæti haft spurningu um vöruna og það að geta haft fljótt samband við þjónustufulltrúa gæti verið það sem hann þarf til að taka ákvörðun um kaup.

Aftur á topp hlekkinn

Aftur, þetta snýst allt um notendaupplifun og þægindi!

Heimildir

  • Staðreyndir um farsíma tækni – pewinternet.org
  • Notkun farsíma á Netinu og hegðun notenda hegðunar – madmobilenews.com
  • MobiForge – mobithinking.com
  • Af hverju 2013 er árið sem er móttækilegur vefhönnun – mashable.com
  • Líffærafræði farsíma-fyrstu móttækilegrar vefhönnunar – bradfrostweb.com
  • Hvernig vökva rist virka í móttækilegri vefhönnun – 1stwebdesigner.com
  • Handan fjölmiðlafyrirspurna: Líffærafræði aðlagandi vefhönnunar – slideshare.net
  • Hvað er það sem svarar vefhönnun? – johnpolacek.github.io
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map