Du har kanske redan hört de stora nyheterna … Advisor Websites lanserade nyligen flera responsiva teman webbplatser för sina finansiella rådgivare och det är definitivt allt raseri nu (vi klandrar inte dig är helt enkelt vacker och, för att inte tala om, smart). Men vad betyder exakt responsivt? Reagerar dessa hemsidor nu på varje kommando det tar emot? Har vi äntligen utplånat alla chanser att bli frustrerade med våra webbplatser? Typ. Låt mig förklara.

Med dagens generations mål är att bli alltmer tekniskt avancerad har olika former av webbdesign visat sig vara ett hett ämne. Eftersom begrepp som "lyhörda" och "mobilvänliga" kontinuerligt jongleras under tekniska samtal blir deras tydliga definitioner ofta suddiga och orsakar förvirring för majoriteten som inte är så tekniskt kunniga. Det leder mig till att detaljera en av de största missuppfattningarna när pratar om lyhörda och mobilvänliga webbplatser - en mobilvänlig webbplats är responsiv.

Innan vi fortsätter att använda dessa tekniska termer utbytbart, låt oss ta en närmare titt på betydelsen bakom Den responsiva vs den mobila vänliga webbplatsen. (För relaterad läsning, se: Nail Your Advisory Firms webbplats. )

Mobilvänlig mening

En mobilvänlig webbplats är i huvudsak en liten versionen av din skrivbordssida. När du jämför en mobilvänlig webbplats till en lyhörd, tenderar den att vara mer styv och mindre flexibel. Det betyder att en mobilvänlig webbplats är utformad för att fungera på samma sätt över alla enheter och tar alla element som ses på en skrivbordsplats och enklare y visar den i en mer kompakt form. Till exempel kan rullgardinsmenyerna vara svåra att använda på mobilen eftersom inget ändras eller inte används.

Sammantaget utesluter den mobilvänliga webbplatsen användbarhetsproblem oberoende av vilken plattform den är från.

Responsive Qualities

Som nämnts ovan är en mobilvänlig webbplats rigid medan en lyhörd är flexibel, eller som de flesta tekniska nördar gillar att säga, vätska i design och funktionalitet. En lyhörd webbplats anpassas automatiskt beroende på enhetens skärmstorlek (antingen stor eller liten) samt dess orientering (landskap eller porträtt). Det tar hänsyn till användbarhet och förändringar som svar på användarens behov och den enhet som de tittar på.

Ett exempel kan visas på bilden nedan. Texten och bilderna var ursprungligen i en snäv och knappt synlig tredimensionell layout när de sågs på en mobilvänlig sida. På en lyhörd plats ändrade tre-kolumnlayouten i en enkelspelsdisplay, vilket möjliggjorde bättre läsbarhet. Redundanta bilder har också tagits bort för att förhindra att det stör varandra med större delar av webbplatsen.

Sammanfattningsvis är det en uppdelning för att skilja mellan de två formerna för webbdesign:

Mobilvänlig

• Mindre och kompakt version av skrivbordssidan
• Starkt och statiskt innehåll ändras inte och anpassas för användbarhet < Responsive

Vätska och dynamisk innehåll anpassar användarens behov och plattform

• Optimerade bilder; stoppning och avstånd korrigerad. (För relaterad läsning, se:
• Webbplatser: Framsidan till din rådgivande praxis. ) -Denna artikel skrevs av Fiona Leung och dök upp på Advisor Websites.