Meta Refresh 2014

On the construction of user interface on the web

Mobile First Approach - The key to cross platform interface design

Submitted by vivek parihar (@vparihar) on Jan 9, 2014

Section: Crisp talk Technical level: Beginner Status: Confirmed & scheduled

Abstract

Understanding how the intricacies of a Mobile First interface work and how we can use a bottom to top approach to handle it.

Outline

Mobile first design has been taking centrestage in the consumer internet media stage. This makes it extremely important for the Design/development community to understand the intricacies, pitfalls and the right practices about it.

From my own experiments, I have elicited few interesting protcols and practices for the same. The presentation aims to share the results of the successful experiments and open up discussion on what the best way forward can be.

Outline of the talk:
1. Understanding the need for mobile sites
2. Going through the basics of a fluid interface; differences between responsive sites and mobile sites
3. Bottom up approach - first build minimum features for the smaller screens. It helps keep the lean approach alive.
4. Optimized content structuring - limited size on small screens calls for relevant and optimized content layouts
5. Ensuring the right experience on small screen devices via optimized front end
6. The upside of using mobile dev libraries - hammer js, zepto js etc

Speaker bio

Vivek Parihar - Webonise Lab, Pune
A technology evangelist, ROR geek, Javascript Missionary and a mentor - just to name a few. Started his technology journey @Webonise with mission to experiment, build and contribute to technology trends.
As VP-Engineering, he has led the team leaps and bounds across various technologies. He is a frequent speaker at conferences. To name a few:
-DevopsDay2013 -MongoDb Pune -Ruby Conf India

Links

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('You need to be a participant to comment.') }}

{{ formTitle }}
{{ gettext('Post a comment...') }}
{{ gettext('New comment') }}

{{ errorMsg }}