KEMBAR78
Crafting mobile first a developer point of view | PPTX
Crafting Mobile First –
a Developer Point of View
VIKRAM UDAY KULKARNI
Agenda
Mobile First
Why
About Vikram
Adaptive vs Mobile First
Key Decisions
WordPress & Custom Themes
Q & A
Over to Lunch
Developers, who build custom
WordPress themes
Web Designers esp. who
visualize WordPress themes
Who should be interested
Everyone who is involved in Custom Design & Developments
Auguste Gusteau
"Anyone can cook."
Vikram Kulkarni
"Anyone can
code in WordPress."
Responsive Web Design is a method
Mobile First is approach!
Mobile First
Luke Wroblewski
 Mobile is Exploding - have an experience available to this
extremely fast growing user base
 Mobile forces you to focus - an experience focused on the key
tasks users want to accomplish
 Mobile extends your capabilities - to create rich context-aware
applications
First Things First
WHY Mobile First
Growth of Mobile (In India)
Indian Mobile Subscribers
Smartphones In India
700 Million by 2023
10 Million+ Units shipped per
quarter
Ease & affordability of mobile
internet
Mobile Content Consumption on
rise
Challenge
Make sites for mobile
1. Faster
2. Attractive
3. Accessible
4. Rich Interactions
How we make our websites
Responsive Web Design
Adaptive
Mobile First
Buying themes
Adaptive
Design for Desktop first
Adapt for tablet & mobile screens.
Graceful Degradation
Adaptive
The Good, The Bad
& The Ugly
Mobile First
Design for Mobile screen first
Prioritize Content
Arrange/add optional elements for bigger
view ports.
Design Evolves
Mobile First
The Good, The Bad
& The Ugly
How to Decide
Adaptive or Mobile First
for your next project?
I discussed it with experts
I did a project with a Design company Left Right Mind
Lead Designer Tarun Mishra listed the factors,
 Nature of Project
 Client
 Content
 Timeline
I discussed it with experts
Another Project was for an Instagram brand, which was
Mobile First
 Target Audience was on Mobile.
 Content is mobile focused.
 Desktop has secondary role.
How to Decide
Motive
Interaction
Preferences
Are guides to make your choice.
Process
Content & Scope
Design First
Framework support
WDLC – WordPress
Development Lifecycle
WordPress
Starter Themes based on Mobile First Frameworks
Planning the interactions
Can we have viewport restricted queries?
AMP
Future?
Content
Context
Conversion
Questions?
Thank you

Crafting mobile first a developer point of view

Editor's Notes

  • #6 I prefer making theme over making plugin Old-school PHP guy I thought I will be unemployed after Gutenberg but now holding on to react Anyone can Cook - Gustov's Ratteatulle Anyone can Code in WP - Vikram Prefers Tea over Coffee, Nginx over Apache, Android over iPhone, and Landscapes over Portrait. Enjoy Developing themes (still) LOVE Food
  • #11 700 million smartphone users by 2023
  • #12 700 million smartphone users by 2023
  • #21 1. client ask for mobile first - a. bkz userbase is mainly mobile. b. competitor is app 2. Designer/project guy suggest. 4. Indian clients 60: desktop first 5. Challenges in mobile first 1. Limited space - fitting info in the place. 2. Revolution in mobile tech is way faster. Aspect ratio, different models, notch, curved display 3. 6. Indian clients - traditional leadership/management of business are bit skeptical. Startups in general are more open. Younger management. 7. Delivery schedule - timelines are little longer for mobile first. 8. How difficult it is to co-ordinate with developers and make use mobile first.- no friction so far, its good. 9. Mobile first - results in clear & crisp - bkz of prioritization of data.
  • #24 Web Development Life Cycle - waterfall
  • #25 Web Development Life Cycle - waterfall
  • #26 Content consumption mode changes Context is key for serving information Currency converter matches currency of visitor’s country Conversion – from visitor to subscriber/customer