Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Crafting mobile first a developer point of view
Similar to Crafting mobile first a developer point of view (20)
Recently uploaded
Recently uploaded (20)
Crafting mobile first a developer point of view
- 1. Crafting Mobile First – a Developer Point of View VIKRAM UDAY KULKARNI
- 2. Agenda Mobile First Why About Vikram Adaptive vs Mobile First Key Decisions WordPress & Custom Themes Q & A Over to Lunch
- 3. 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
- 4. Auguste Gusteau "Anyone can cook."
- 5. Vikram Kulkarni "Anyone can code in WordPress."
- 6. Responsive Web Design is a method Mobile First is approach!
- 7. 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
- 8. First Things First WHY Mobile First
- 9. Growth of Mobile (In India) Indian Mobile Subscribers
- 10. Smartphones In India 700 Million by 2023 10 Million+ Units shipped per quarter Ease & affordability of mobile internet Mobile Content Consumption on rise
- 11. Challenge Make sites for mobile 1. Faster 2. Attractive 3. Accessible 4. Rich Interactions
- 12. How we make our websites Responsive Web Design Adaptive Mobile First Buying themes
- 13. Adaptive Design for Desktop first Adapt for tablet & mobile screens. Graceful Degradation
- 15. Adaptive The Good, The Bad & The Ugly
- 16. Mobile First Design for Mobile screen first Prioritize Content Arrange/add optional elements for bigger view ports. Design Evolves
- 18. Mobile First The Good, The Bad & The Ugly
- 19. How to Decide Adaptive or Mobile First for your next project?
- 20. 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
- 21. 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.
- 22. How to Decide Motive Interaction Preferences Are guides to make your choice.
- 23. Process Content & Scope Design First Framework support WDLC – WordPress Development Lifecycle
- 24. WordPress Starter Themes based on Mobile First Frameworks Planning the interactions Can we have viewport restricted queries? AMP
- 26. Questions?
- 27. Thank you
Editor's Notes
- 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
- 700 million smartphone users by 2023
- 700 million smartphone users by 2023
- 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.
- Web Development Life Cycle - waterfall
- Web Development Life Cycle - waterfall
- Content consumption mode changes Context is key for serving information Currency converter matches currency of visitor’s country Conversion – from visitor to subscriber/customer