Þar sem farsímar hafa nú gripið yfir skjáborðið í vinsældum er nauðsynlegt að hönnuðir hanna með farsíma í huga. Farsíminn fyrst er vinsæll sem tækni vegna þess að það er auðveldara að mæla farsíma upp, en mæla skjáborðinu niður.

En stundum er valið tekið úr höndum þínum. Algengar hönnuðir finna sig að laga núverandi skrifborðs hönnun í farsíma. Og vegna þess að sumir þættir þýða ekki vel, eru nauðsynlegir hönnuðir að skilja hvaða sérstakar breytingar sem þarf að gera þegar þeir eru að hanna fyrir litla skjáinn. Hér er hvernig ...

Faðma naumhyggju

Minimalism hefur verið vinsæll í vefhönnun í mörg ár núna, einfaldlega vegna þess að það hjálpar oft notagildi og lítur vel út líka. Þegar það kemur að því að farsíma, þó, naumhyggju er minna af fagurfræði val, eins og það er einn byggir eingöngu á notagildi.

Samkvæmt Nielsen Norman Group, klippa lögun er nauðsyn í farsímahönnun. Svo hvað þýðir þetta fyrir hönnuði eins og þeir reyna að byggja upp farsíma síða frá þegar komið er á tölvunni?

Það þýðir að gera burt með það sem ekki er nauðsynlegt fyrir farsíma notendavandann. Til dæmis, ef þú ert að skipta um verslun á e-verslun frá skjáborði til farsíma skaltu halda sömu magn af vörum sem birtast á farsímasvæðinu; Það er aðeins skynsamlegt vegna þess að kaupandi vill vera fær um að finna allt sem netverslun hefur uppá að bjóða, eins og netverslun vill sýna allt sem það hefur að selja fyrir gesti sína. Hinsvegar gæti verið að stórt auglýsingakylfa fyrir nýjustu tilboðin verði nokkuð sambærileg.

Fela flakk

Eitt af algengustu eiginleikum á skjáborðum er hamborgari matseðillinn, sem næstum allstaðar lítill táknmynd með þremur láréttum línustrikum sem er hlaðið ofan á hvor aðra. Þetta er annað fullkomið mál þar sem smærri skjástærð farsímahönnuða hönnuða breytist í kringum þætti sem búist er við að sjá ákveðna leið á skjáborðum.

Þrátt fyrir aðgreind álit um nærveru hamborgara matseðilsins er það nánast alls staðar nálægur á farsímaskjáum einfaldlega vegna þess að þetta er besta lausnin sem hönnuðir hafa fundið fyrir niðursnúningur á valmyndinni frá skjáborðinu til farsímatækja.

Skoðaðu vefsíðuna fyrir fræga kokk Bobby Flay fyrir keðjuhúsið hans sem heitir Bobby's Burger Palace. Eins og búist er við er valmyndin sett í láréttan hátt yfir efst á heimasíðunni, en þegar þú ferð á farsímaútgáfu síðunnar er lárétt valmyndin farin. Í stað þess er snyrtilegur og snyrtilegur hamborgari matseðill, rétt á sama stað skjásins þar sem lengri lárétta valmyndin væri á skjáborðsútgáfu.

Bobbys-Burger-Palace-Desktop-Skjámyndir
Bobbys-Burger-Palace-Mobile-Screenshot

Walmart notar einnig hamborgara matseðillinn í yfirfærslu skrifborðs til farsíma.

Á skjáborðssvæðinu, Walmart, birtir "Allt deildir" fellilistanum sem opnast annað lag af leiðsöguvali allt á sömu síðu. Á farsímasvæðinu er þessi eiginleiki þó ekki mögulegur vegna litla skjástærðarinnar, þannig að skipti hefur verið hannað: annað lagið um siglingavalkostir er í hamborgara valmyndinni og þær opna fleiri og fleiri leiðsöguval með hverju vali - Líkt og að snúa við síðum bókar frá vinstri til hægri.

Walmart-Navigation-Layers-Skrifborð-Skjámyndir
Walmart-Mobile-Navigation-Skjámyndir

Skiptu yfir í eina dálki

Í samræmi við þá staðreynd að einfaldari er bara betri þegar kemur að farsímahönnun, þá mun þú gera það vel fyrir viðskiptavini þína ef þú manst eftir því að skipulag eins og súla er hreinni og auðveldara fyrir notendur sína til að starfa á minni skjá. Stærsti kosturinn við uppsetning einfalda dálksins er að þú hættir með láréttri hreyfingu, eins og þú átti mikið af texta á síðu og vildi lesendum þínum að strjúka skjánum frá vinstri til hægri til að lesa á.

Þegar þú kynnir uppsetninguna með einum dálki, stýrir þú notendaviðmótinu, hvetur notendur til að einfaldlega fletta niður til að lesa á eða smella á tengil sem þeir vilja sjá á nýjum síðu. Þetta slög þvingar þá til að strjúka til vinstri til hægri, sem er erfiðara að gera en einfaldlega flettu niður, sérstaklega þegar þú telur að þumalfingur notandans sé miðað við hvernig þeir halda upp á farsíma.

Ritstjórnarsíðan New York Times dagblaðsins inniheldur marga dálka. Það er auðvelt að nota á skjáborðinu, þegar notendur viðskiptavinarins geta einfaldlega hreyft bendilinn frá vinstri til hægri án þess að hafa mál á stjórnborð eða mús.

nyt

Að sjálfsögðu skilur farsímavefurinn New York Times hvernig hlutirnir verða að breytast á smærri skjái, þannig að það kynnir hreint og skilvirkt einfalda dálkshönnun sem eykur notendaviðmótið, þar sem lesendur geta bara áreynslulaust flett niður fyrir meira efni með þumalfingri .

nyt_mobile

Mobile sjónarmið

Vegna áhrif farsíma á notendur í dag þurfa hönnuðir alltaf að hanna fyrir farsíma. Það er ekki nógu gott að einfaldlega hanna farsíma síðu ásamt skrifborðssvæðinu og kalla það að hanna fyrir farsíma, þó!

Hönnun fyrir farsíma þýðir í raun að vera í huga að sérstökum leiðréttingum sem þú verður að gera fyrir síðuna viðskiptavinar þíns þegar þú ert að hanna fyrir litla skjáinn. Þetta felur í sér allt sem við ræddum um hér að ofan, frá naumhyggju í hönnun til að fela siglingarstikuna til að flytja yfir í eina dálksútlit.

Með því að samþykkja þessar bestu starfsvenjur í færni þína, munt þú búa til síður sem eru fullkomin passa fyrir farsíma.