Förbättrad navigation med Flyout-meny

Navigation är den enskilt viktigaste aspekten av webbplatser, intranät och applikationer. Om navigationen inte uppfyller besökaren/användarens krav kommer besöket att bli kortvarigt – detta tillämpas i synnerhet på mobila enheter. Vi på IVEO har tagit detta på stort allvar och utvecklat en magisk flyout-meny!

Facebook Flyout

Inspirationen kommer från den menynavigation som under en tid funnits i mobilapplikationer från exempelvis Facebook, Google+, LinkedIn m.fl. Många har försökt efterlikna denna navigationsstruktur för mobila enheter (för webben) med mediokra resultat. Vi tog därför saken i egna händer och utvecklade något eget. Resultatet blev enastående och vi ser fram emot att implementera denna meny i alla framtida utvecklingsprojekt vi står för. Menyn kan testas genom att besöka iveo.se med en mobiltelefon eller tablet, alternativt förminska webbläsarfönstret så kommer den nya navigationen aktiveras.

Kan implementeras överallt

Denna menynavigation (flyout) från IVEO kan implementeras på vilken webbplats, intranät eller applikation som helst – oavsett plattform. Exempelvis kan navigationen implementeras i CMSen EpiServer, Sharepoint, WordPress, Drupal, Joomla och Expression Engine. Vi har därtill, för våra kunders enkelhet, utvecklat ett plugin för WordPress som tillåter redaktören att styra menyns beteende och funktion till stor omfattning utan någon djupare kunskap.

Funktionalitet

  • Genererar en responsive flyout meny (liknande den som återfinns i Facebook mobilapp).
  • Använder CSS-transforms för optimal prestanda. Faller tillbaka på jQuery-animationer om CSS3-transform inte stödjs av webbläsaren.
  • Kompatibelt med WordPress egna menysystem utan anpassning eller ett valfritt DOM-element.
  • Använd handgester (swipe) för att öppna och stänga meny (endast iOS för närvarande)
  • Inställning för att välja när navigationen ska tillämpas.
  • Inställning för att välja om navigationen endast ska tillämpas på mobiltelefoner.
  • För WordPress erbjuds ett tiotal andra inställningar för att styra beteende och utseende.
  • Det enda beroendet är jQuery (v1.7 >).

Bättre navigation för din webb

Om du är intresserad av att förbättra navigationen på din webbplats, applikation eller intranät med hjälp av världens, förmodligen, bästa navigationsgränssnitt för webben slå oss en signal på 073 550 60 19 eller skicka ett mail här.

Skrivet den 20 maj av

Vilhelm Josander

Skriv en kommentar

  • XHTML: Du kan använda följande taggar: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>