26
Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Embed Size (px)

Citation preview

Page 1: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Guidelines and best practices: Architecture of web applications

“How modern web sites are built”

Prerana Nayak

Page 2: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

2006• They ruled the internet

Page 3: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

2009• They ruled the internet

Page 4: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

The industry shifted gears…

2006• Build verticals• Create more content• Increase consumption• Page-view driven

• Producer-consumer

• Content

2009• Build platform• Create more UGC• Increase conversations• Invites-driven

• Open democracy

• Conversations

Page 5: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

To have conversations you need …users

But traditional website dev. gets users …last

Page 6: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Traditional Website development

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Then, you get users. But, conversations?

Page 7: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Think, which of the above is really your forte?

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Books Website development

Books Catalog

Showcase books

Search, Cart, Pay

www.___books.com

Spend

Page 8: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

This brings us to... API

Page 9: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Feed from my friends

Feed from a books website

Reach out to conversations outside your website

Page 10: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

• URL• Widgets• SOAP• Evolution of SOA• Personalization• Viral growth

Page 11: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Stop re-inventing the wheel, use an API

Reach out to users beyond your website

Page 12: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Content Modeling

UX coding

Integrate API : Reach out

Page 13: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

And then, why just reach out…

Why not engage users beyond your website?

Page 14: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

• Personalization• Invites, Feeds• Be where the users are!

Page 15: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Apps are for everyone

Page 16: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Niche e.g. ArtShowrooms

“Win something”Freebies, contests

TravelAstrologyEntertainment

Teach onlineForums

PhotosVideosSharing

NewsMovies

You decide…

Page 17: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Apps are everywhere

Page 18: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak
Page 19: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Page 20: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Now that you are in the middle of users… and conversations

Page 21: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak
Page 22: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Content Modeling

UX coding

Feature development

Hosting, Domain-name

Promote, SEO

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Distribute, Invite

Page 23: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Distribute, Invite

2009 :

Platforms

Page 24: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

2010?The platforms open up….

Page 25: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Content Modeling

UX coding

Use API, reach out

Multi-platform, device

Distribute, Invite

2010 :

Platforms

• Contribute back• Write code for others

to build upon

Recursive, Re-entrant

Page 26: Guidelines and best practices: Architecture of web applications “How modern web sites are built” Prerana Nayak

Want to join the revolution?

[email protected]

Questions?

Feedback?

Inquiries?