from nice to astonishing
TRANSCRIPT
![Page 1: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/1.jpg)
From Nice to Astonishing
De (presque) zéro à héros
![Page 2: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/2.jpg)
About meQuentin SallatDéveloppeur Android à iD.apps
@Aerilys
![Page 3: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/3.jpg)
John has just published his new app
![Page 4: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/4.jpg)
He fixes some annoying bugs
![Page 5: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/5.jpg)
Add some minor improvements
![Page 6: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/6.jpg)
And then… What’s next?
![Page 7: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/7.jpg)
Nice
![Page 8: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/8.jpg)
Astonishing!
![Page 9: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/9.jpg)
Ma mission
« En se basant sur quelques notions simples d’Interaction design, vous donner
des pistes pour rendre votre application meilleure »
![Page 10: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/10.jpg)
Make your app the user best friend
![Page 11: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/11.jpg)
Make your app the user best friend
« Software should behave like a considerate human being »
About Face
![Page 12: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/12.jpg)
« Je voudrais être considéré en tant que tel »
![Page 13: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/13.jpg)
Make your app the user best friend It’s not harder to make a considerate app! Take an interest
Use common sense Self-confident
![Page 14: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/14.jpg)
It’s not harder to make a considerate app Know your users Communicate with them using their language and idioms Be clear and direct Don’t stop the proceeding!
![Page 15: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/15.jpg)
Take responsability Stop asking the user about every action If you fail to do something, try to fix it. Take decisions, but allow the user to have the final word
![Page 16: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/16.jpg)
Mostly right, most of the time What’s best?
80% best scenario, 20% worst? Bother users 80% of the time for a 20% probability scenario?
Use the power of UNDO!
![Page 17: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/17.jpg)
KISS
![Page 18: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/18.jpg)
KISS Keep It Simple and Stupid
Right information at the right moment Don’t bother the user with a complicated UI
Use a « mostly right » default configuration
![Page 19: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/19.jpg)
Too much stuff!
![Page 20: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/20.jpg)
Muzei
![Page 21: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/21.jpg)
Guess what the user would do next
![Page 22: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/22.jpg)
Guess what the user would do next Learn from your users Observe them in real situations Use tools like Google Analytics Machine Learning
Eat your own food! Use the Cloud!
![Page 23: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/23.jpg)
Chrome Custom tab Custom look Browser pre-warming in background
DNS resolution HTTPS/TLS negotiation
![Page 24: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/24.jpg)
Smart apps
Put idle cycles to work (Google Keep, GCM) Have a memory
Smart apps
![Page 25: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/25.jpg)
Put idle cycles to work Synchronize data in background Preserve battery and data quota
Use GcmTaskService to be smart!
Network typeBatteryTime/interval
![Page 26: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/26.jpg)
Have a memory« If it’s worth the user entering, it’s worth the application
remembering »
Remember choices and defaults Remember patterns Remember past entered data
Use Shared Preferences for example
![Page 27: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/27.jpg)
Improve your app search engine Keep recent search queries
History clearing option Multiple criterias when possible : places, people, date…
You know the user: give him personnalized suggestions Contextual suggestions : location, time…
![Page 28: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/28.jpg)
Fail gracefully
![Page 29: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/29.jpg)
Fail gracefully1. Have nice error messages2. Crashlytics (Fabric) / ACRA3. Thread.UncaughtExceptionHandler
![Page 30: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/30.jpg)
Don’t burden the user with personal problems
![Page 31: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/31.jpg)
Error message : the right way1. Don’t be sorry2. Explain the error in common terms3. Offer a solution
Be short and clear Be as less technical as possible
![Page 32: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/32.jpg)
There is only one king
![Page 33: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/33.jpg)
![Page 34: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/34.jpg)
Among the best YES, design is hard, Good design is harder YES, you have to think hard to create a great app YES, it requires great skills
![Page 35: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/35.jpg)
Conclusion Creating an app takes time Creating an astonishing app takes A LOT of time All apps are not meant to be great
![Page 36: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/36.jpg)
Quelques liens About Face – by Alan Cooper Material Design specs MaterialUp
![Page 37: From nice to astonishing](https://reader035.vdocument.in/reader035/viewer/2022070519/58ed571d1a28abe66c8b4709/html5/thumbnails/37.jpg)
@Aerilyshttps://github.com/
neferetheka
iD.appshttp://www.id-apps.frhttp://blog.id-apps.info@iD_apps
Quentin SALLAT