Video and slides synchronized, mp3 and slide download available at http://bit.ly/12Vgmrk. Praful J Todkar and Cassandra Shum share their experience ending up with an architecture for a mobile application whose development was driven by user experience. Filmed at qconnewyork.com. Praful J Todkar is a Lead Consultant with ThoughtWorks, where he has been leading large projects for clients in US and UK. He has been primarily involved in working on web and data integration technologies. Cassandra Shum is a Senior Consultant with ThoughtWorks and she has primarily been involved in iOS, Android and mobile web applications that are supported on multiple devices.

1. User Experience Driven
Architecture
Praful @todkar
Cassie @cassiend

2. InfoQ.com: News & Community Site
• 750,000 unique visitors/month
• Published in 4 languages (English, Chinese, Japanese and Brazilian
Portuguese)
• Post content from our QCon conferences
• News 15-20 / week
• Articles 3-4 / week
• Presentations (videos) 12-15 / week
• Interviews 2-3 / week
• Books 1 / month
Watch the video with slide
synchronization on InfoQ.com!
http://www.infoq.com/presentations
/data-integration-architecture

3. Presented at QCon New York
www.qconnewyork.com
Purpose of QCon
- to empower software development by facilitating the spread of
knowledge and innovation
Strategy
- practitioner-driven conference designed for YOU: influencers of
change and innovation in your teams
- speakers and topics driving the evolution and innovation
- connecting and catalyzing the influencers and innovators
Highlights
- attended by more than 12,000 delegates since 2007
- held in 9 cities worldwide

4. Project
• Classroom based learning platform
• In-class communication
• User experience!!

5. ‘Unboxing’
• Make the tablet lesson ready as quickly
as possible
• Apple

6. Tablet
Server
Architecture

7. Tablet
Server

8. UX Architecture
UX Architecture

9. But what about the user??

10. Minimum information
• User Credentials
• Network

11. Downloading content
• Progress bar
• Disabling navigation
• Silent install

12. Make it faster
• Parallel downloads
• Unblock
• Cache server
• Network preparedness

13. student student student
studentstudent
studentstudent
studentstudentstudent
student
student
teacher
student student student
studentstudent
studentstudent
studentstudentstudent
student
student
teacher

14. Guide the user
Progress bars
Block navigation
Intelligent downloads

15. • App Blocker
• VPN
Protect the user

16. Minimum touchpoints
Silent install
Sensible defaults
Timeouts

17. Don't let technology get in the
way
QR code
Offline access
Cache server

18. Something will always go wrong
Phoenix architecture
Manual alternatives
Idempotent APIs
Compliance reporting
Remote Debugging

19. UX Architecture
UX Architecture

20. Thanks!
@todkar
@cassiend