Conversion tracking via Salesforce is possible through the integration of RFI (and other) submission form to Google Analytics via accessing SI_datalayer variable tracking. Script below was developed in conjunction with affiliated members of the larger ASU society. This concept can be integrated agnostic of CMS and/or web plateform.
- form submission: RFI or Apply now tracked as a transaction in GA.
- arbitrary values based on submission location
- pixel tracking
- forsee & alternatives
Opinion: Given the age ranges + habituation to mobile in general, it may behoove to consider view zone concepts in mobile design. typical focus area on scrolling content pages is around the second horizontal quarter of the viewport with the ensuing and preceeding viewable areas providing visual continuity. This understanding can open up design options that are evolutionary as-well-as maximizing the innate user-capability of mobile.
Ergonomics: Regarding mobile specifically, devices are larger these days, to the point that handling some is a delicate process. If single handed operation is valued (and it should be), then the current tradition of a menus located in headers on mobile is not optimal. Consider revision of UI design priorities to locate menu-tap-targets for local navigation to bottom/bottom-right of browser screen. Header menu is still viable as secondary global/utility navigation. Additionally, to conserve screen real estate, fade or slide out header and footer elements in conjunction with . Again, given the view area is typically in the top half of the screen, with subsequent real estate providing content continuity, this is an acceptable idea to investigate.
ASU/AZ Colleges stats –
- bootstrap templates – http://www.minimit.com/articles/tips-resources/bootstrap-3-responsive-grid-psd-templates
resolutions/dimensions – http://designerstoolbox.com/designresources/safearea/compare/
radio button css – https://codepen.io/AngelaVelasquez/pen/Eypnq
Bootstrap UI Kit – http://bootflat.github.io/
Mobile font – https://material.google.com/style/typography.html
icon to png – http://fa2png.io
bootstrap based style guide – https://github.com/kemie/Style-Guide-Boilerplate-Bootstrap-Edition
mailchimp style guide – http://styleguide.mailchimp.com/
Style guide + REALLY GOOD bottom menu layout concept – https://gathercontent.com/blog/tone-of-voice-guide
Zeplin – https://zeplin.io/
Animated css burger – https://codepen.io/impondesk/pen/EaKoXY
bootstrap resourcing – https://startbootstrap.com/
Additional Samples: MLFTC EVENTS Before/After