8 leiðir til að fínstilla vefsvæðið þitt fyrir farsíma
Þegar heimurinn var færður frá skrifborð tölva til farsíma, hönnuðir varð enn meiri áherslu á UX. Þó að notendaviðmótið gegni mikilvægu hlutverki við að skapa farsímavænt hönnun, hefur notendaviðmótin orðið jafn mikilvæg, sérstaklega þar sem við höfum nú fleiri tæki til að einblína á og notandi reynsla er frábrugðin tegund tækisins.
UX er eitthvað sem nær yfir mörk grafík og fagurfræði. Rétt eins og Rahul Varshney, samhöfundur foster.fm , segir:
A UI án UX er eins og listmálari sem lætur mála á striga án þess að hugsa.
Rahul var rétt á þessari hliðstæðu. Þú gætir haft mest notendavænt, notendavænt, einstakt og hagnýtur skrifborðsútgáfu af vefsíðunni þinni, en ef þú ert ekki að taka á móti farsímaupplifuninni ertu bara að mála án hugsunar.
Svo, hvað skilur góðan farsímaupplifun frá slæmum? Það er ekki of erfitt að skilja helstu íhlutana sem eru mjög árangursríkar, bjartsýni og notendaviðmiðaðar hönnun. En hér eru nokkrar bestu venjur sem ætti að leiða þig á leiðinni:
1) Ekki sleppa farsíma-fyrst
Ef vefsvæðið þitt miðar að hreyfanlegur UX gætirðu viljað brjóta hefðina með því að fylgja "hreyfanlegur fyrst" stefnu. Það er engin skað í að ná þessari tækni þegar þú ert jákvæð að flestir notendur þínir fá aðgang að vefsíðunni þinni í gegnum farsíma. Bara eins og codemyviews bendir til þess að farsímahönnun sé ekki sess, það eru í raun "1.2 milljarðar farsímafyrirtæki um heim allan" og fjöldinn virðist ekki vera að falla hvenær sem er (það er líklegt að það aukist í náinni framtíð). Þetta gæti verið svolítið krefjandi í fyrstu; en ef þú ert tilbúin til að setja notandann fyrst, þá er það þess virði að taka skot.
Bara vegna þess að þú hefur stefnt að því að hanna einfaldan, hreint eða farsímaáherslu vefsvæði þýðir ekki að það ætti ekki að vera háþróað. Karimrashid.com er fullkomið dæmi um hvernig hægt er að blanda saman einfaldleika og fágun í því að skapa hreint og móttækilegt, en samt flott hönnun.
2) Búðu til vökvaútlit
Það eru einfaldlega allt of margir mögulegar skjástærðir þarna úti til að velja og velja þær sem þú ætlar að hanna fyrir. Þú þarft að búa til skipulag sem aðlagast eins og óaðfinnanlegur til allra þeirra. Til allrar hamingju eru vökvauppsetningar hér til að bjarga deginum!
Byggt á prósentum fremur en ákveðnum mælingum eins og dílar, hafa vökvaútlit orðið staðall meðal sérfræðinga á vefnum. Þeir geta verið erfiður, en að tryggja að eins mörgum og mögulegt er geti raunverulega notað síðuna þína er vel þess virði.
3) Markmið fyrir virkni
Hvað er virkni? Það er það sem þú býður gestum þínum á að fá það gert og gert hratt. Byggt á tilgangi vefsvæðis þíns, skulu öll verkfæri eins og næsta verslunarmiðstöðvar, vöru leit, varaafrit eða gjaldmiðillinn breytast, hjálpa notendum að framkvæma fyrirhugaðar "aðgerðir" og ná markmiðum miklu hraðar.
Purina , gæludýrafóðri, er fullkomið dæmi um hvernig á að gera "aðgerðir" auðveldara á vefsíðu. Heimasíða hefur leitarreit þar sem þú getur leitað að því sem þú ert að leita að. Hér fyrir neðan eru tvær aðskildar dálkar fyrir tegund dýrafæðis sem þeir sérhæfa sig í. Allt vefsvæði er auðvelt að fletta með dálki, hnöppum, verkfærum og hönnunarþáttum sem taka ákvörðun um bestu tegund gæludýrafóðurs - og þá kaupa - gola.
4) Þekkja notendur þínar
Ekki reyna að verða jakki af öllum viðskiptum, því það getur kostað þig dæmigerð notandi, og enginn vill það. Finndu fyrst út hver notendur þínir eru. Þá reikna út dæmigerð vefur beit hegðun þeirra. Þegar það er sett til hliðar skaltu finna út hvað gerir þeim að merkja. Nútíma notendur eru af tveimur helstu gerðum: þeir sem eru að vafra án þess að hafa markmið í huga, og þeir sem eru að leita að framkvæma verkefni. Hver þessara hópa myndi þurfa mismunandi "aðgerðir" miðað við þarfir þeirra.
Það er ekki erfitt að giska á lýðfræðitölur notenda The Body Shop website þar sem það skilur vísbendingar um alla síðu. Þar sem líkamshandbókin er mjög lögð áhersla á "náttúruleg innihaldsefni" og félagslega virkni, einlita grænn afbrigði, renna af náttúrulegum innihaldsefnum, "grænt" val á myndum, svo og skýrslur um sanngjörn viðskipti, loforð og aðrar félagslegar viðburði er skiljanlega vel þróað hönnun hugtak.
5) Horfðu alltaf upp bókasöfn verktaki og leiðbeiningar
Byggt á vettvangi sem þú verður að nota, er nauðsynlegt að gefa UI leiðbeiningunum náið útlit. Sumir vettvangar leyfa meiri sveigjanleika en aðrir. Hvort sem um er að ræða, eiga nokkrir lykill hluti af vörumerki eða "undirskriftum" áfram.
Apple forritari ætti að líta á IOS Leiðbeiningar um mannvirki og fylgja Apple staðla þegar kemur að því að hanna grunnatriði, hönnun aðferðir, UI atriði, Táknmynd / myndhönnun o.fl. Android verktaki hins vegar ætti að læra allt um hluti, stíl, notagildi og uppsetningu dæmigerðar Android forrit með hjálp Android forritara fylgja .
6) Gerðu allt efni aðgengilegt öllum notendum
Sumir hönnuðir, í stað þess að gera allt efni þeirra í fljótandi skipulagi, mun einfaldlega kjósa að fela eitthvað af því frá notendum. Stundum er það vegna þess að skipulagið er erfiður, eða þeir telja að það sé bara of mikið efni fyrir farsímaútgáfu. Þetta er röng nálgun.
Að gefa notendum "niðurfelld" útgáfu af vefsvæðinu þínu eða forriti er ekki aðeins ósanngjarnt fyrir farsíma notendur, en getur alvarlega orðið eldflaug og missir viðskiptavini þína. Þú gætir þurft að einfalda útlitið til enda, færa einhverja efni til annarra skjáa til að draga úr ringulreið eða bara reyna að skipuleggja það betur. en það þarf að vera þarna .
Berðu saman skrifborðsútgáfuna af BBC síða í farsímaútgáfu. Þó einfaldara en það var áður, setur það enn alls konar upplýsingar um allan skjáinn. The hreyfanlegur útgáfa, hins vegar dropar nokkrar af myndunum (sem eru enn í boði í hlutunum sjálfum), en heldur öllum fyrirsögnum, verulega einfalda reynsluna á símastærðri skjá.
7) Hönnun fyrir snertingu
Það er einnig gagnlegt að hafa í huga þá staðreynd að notandi farsíma notanda mun nota fingur í stað nákvæmnisvindlegra músapunkta. Hönnunin þín ætti að vera auðvelt að sigla með fingrum af öllum stærðum og stærðum, miðað við að öll farsímatæki séu nú snertiskjá. Notandi ætti ekki að klípa of mikið eða aðdráttar inn til að smella á eitthvað eða fylla út eyðublað eða smella á hnapp. Ónákvæmar kröfur eru einnig mjög algengar á litlum tækjum sem ætti að vera grein fyrir í hönnuninni með nógu stórum snertiteglum eða bendingum til að fá starfið.
Hér er a snerta borð með Pétur-Paul Koch það gæti hjálpað. Takið eftir því hvernig snerting viðburða (og aðrar aðgerðir) getur verið breytileg eftir því hvort vafranum er samhæft og tæki.
8) Notaðu samþjöppunarverkfæri
Magn verkfæri sem í boði er í dag til að gera verk hönnuðar minna þungt er óbætanlegur. Þú finnur handrit þjöppur eins og HTML þjöppu eða Gzip þjöppun sem fjarlægir sjálfkrafa óþarfa athugasemdir, hvítt rými eða kóða. CSS minifier og CSS þjöppu og fleiri verkfæri sem leyfir þér að sameina CSS kóða og bæta árangur. Myndþjöppun er einnig jafn mikilvægt; Sumir sem draga úr stærð .jpeg og .png skrárnar þínar, en samt halda gæði ósnortinn EWWW Image Optimizer , smush.it , optiPNG , og jpegtran .
Hér er dæmi um mjög móttækilegan hönnunarhönnun með RyJohnson . Vefsíðan er full af stórkostlegum myndum sem eru ekki frábrugðnar skrifborðsútgáfu. Leyndarmálið við að hratt hlaða hér er án efa myndhugbúnaður.
