designing beautiful apps kintan brahmbhatt contact: ct: : ct: me

kintan brahmbhatt

contact: ct: : ct: me

who? entrepreneur hacker designer painter blogger program manager traveler

entrepreneur

hacker

designer

painter

blogger

program manager

traveler

self expression & social graph

self expression & social graph

self expression & social graph

self expression & social graph

from > to

self expression & social graph

but, after f8

but, after f8 Too much spam The user either ignores the notifications or blocks them, thus closing an important viral channel

But, after f8 Forcing the user to invite friends! The user is forced to invite friends before using the core functionality of an app Are you kidding me?

but, after f8 Which application is this? The user is misguided to click on an ad, by positioning the ad as a native feature of the application

but, after f8 Is this beautiful? This seems to be approaching the pre-facebook self-expression age!

so what ? How many boxes do you click? Most click only one

so what ? Profile Profile links Left menu News Feed Mini-Feed Everything disabled What’s the point?

today’s message: Why does it make business sense to create beautiful apps? What makes an app beautiful? How to engineer a “beautiful” app? * bonus: sneak peek at

Why does it make business sense to create beautiful apps?

What makes an app beautiful?

How to engineer a “beautiful” app?

* bonus: sneak peek at

1. why beautiful makes sense? think XBOX 360 think iPod, iPhone think Dyson vacuum cleaners think Amazon’s recommendation system think Trek bicycles

think XBOX 360

think iPod, iPhone

think Dyson vacuum cleaners

think Amazon’s recommendation system

think Trek bicycles

2. what makes it beautiful? App should not be ugly No forced invites No spam No clutter in the user interface App should add value Meaningful applications = beautiful applications App should exceed user’s expectations Actual Outcome > Desired Outcome

App should not be ugly

No forced invites

No spam

No clutter in the user interface

App should add value

Meaningful applications = beautiful applications

App should exceed user’s expectations

Actual Outcome > Desired Outcome

3. how to design it? Rome was NOT built in a day: spend time Define the target user/persona Optimize the app for that persona Prioritize scenarios Sketch > think > sketch > think > sketch Sketch on paper, whiteboard or tablet Do a quick html story-board Don’t ever start coding without it Ask for feedback & incorporate the feedback Ask through your social graph Listen carefully and take notes Incorporate the feedback and ask again repeat

Rome was NOT built in a day: spend time

Define the target user/persona

Optimize the app for that persona

Prioritize scenarios

Sketch > think > sketch > think > sketch

Sketch on paper, whiteboard or tablet

Do a quick html story-board

Don’t ever start coding without it

Ask for feedback & incorporate the feedback

Ask through your social graph

Listen carefully and take notes

Incorporate the feedback and ask again

repeat

sketch: designing

sketch: designing

details: designing

today’s message: Why does it make business sense to create beautiful apps? What makes an app beautiful? How to engineer a “beautiful” app? * bonus: sneak peek at

Why does it make business sense to create beautiful apps?

What makes an app beautiful?

How to engineer a “beautiful” app?

* bonus: sneak peek at

disclaimer All thoughts are my personal opinion and does not reflect the view point of my employer – Microsoft Corporation. All applications and brands mentioned in the presentations reserve their trademark/copyright and are mentioned purely for informational purposes. All applications used as an example for pointing out features that are not considered “beautiful” according to this presentation are very successful applications and I admire them for their growth. I’ve just pointed out a few features that could be improved.

All thoughts are my personal opinion and does not reflect the view point of my employer – Microsoft Corporation.

All applications and brands mentioned in the presentations reserve their trademark/copyright and are mentioned purely for informational purposes.

All applications used as an example for pointing out features that are not considered “beautiful” according to this presentation are very successful applications and I admire them for their growth. I’ve just pointed out a few features that could be improved.

thank you Jeff Lawson Jalpa Brahmbhatt Meghna Patel Reza, Aaron and Kenneth Sean Olson Sujal Patel Karna Shukla Dhaval Shah Tapan Shah Vanita Rathod Andre Mohr Joseph Fletcher Vaibhav Bhandari Nirav Patel Alexander Lash Neha Monga Abhishek Chitlangia Pavan JV David Parkinson Phil Crosby Raghav Kher John Arackaparambil Mrigankka Fotedar Zeenat Arsiwalla Shish Shridhar

Jeff Lawson Jalpa Brahmbhatt Meghna Patel Reza, Aaron and Kenneth Sean Olson Sujal Patel Karna Shukla Dhaval Shah Tapan Shah Vanita Rathod Andre Mohr Joseph Fletcher Vaibhav Bhandari Nirav Patel Alexander Lash Neha Monga Abhishek Chitlangia Pavan JV David Parkinson Phil Crosby Raghav Kher John Arackaparambil Mrigankka Fotedar Zeenat Arsiwalla Shish Shridhar