2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito

1. Designing Rich Experiences For Data-Centric Applications 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito Director / Senior UX Architect : Ken Azuma 2010/03/15

2. About us : 2ndfactory , Japan We provide “Omotenashi”, Japanese way of thinking about hospitality, into application. We provide “Omotenashi”, Japanese way of thinking about hospitality, into application. We provide application with innovative interface based on our years of RIA development and our original production process. Rich Experiences can be brought from usability and Omotenashi. We consider software and web service as a user friendly “tool”. Because they are everyday use, Rich Experience is very important. 2ndfactory will maximize your ROI and business success, and Rich Experience to the end user through RIA.

3. Data-Centric Application (DCA) “Business” “longer life cycle”

4. Data-Centric Application (DCA)with UX : Hype Curve Early Days : “I want cool dash board like that company’s!!” Too much interactive Too much chrome Visibility or Hype 1 Time TechnologyTrigger Peak of InflatedExpectations Trough ofDisillusionment Slope of Enlightenment Plateau ofProductivity

5. Data-Centric Application (DCA)with UX : Hype Curve Growth Days : The word “UX” Usability, ease of use “mixture of good and bad” Visibility or Hype 1 2 Time TechnologyTrigger Peak of InflatedExpectations Trough ofDisillusionment Slope of Enlightenment Plateau ofProductivity

6. Data-Centric Application (DCA)with UX : Hype Curve NOW : entrance to plateau : ??? Visibility or Hype 1 3 2 Time TechnologyTrigger Peak of InflatedExpectations Trough ofDisillusionment Slope of Enlightenment Plateau ofProductivity

7. Data-Centric Application (DCA)with UX : Hype Curve ROI : Return On Investment Visibility or Hype 1 3 2 Time TechnologyTrigger Peak of InflatedExpectations Trough ofDisillusionment Slope of Enlightenment Plateau ofProductivity

8. Care more about reducing Addition Interactive Attractive Fun, Cool, Wow improvement NOW UX Through-put enhancement Learning cost Error cost Support cost Reduction

9. DEMOFile Search tools for Microsoft SharePoint Knowledge Gate Intelligent Search Microsoft SharePoint Microsoft Silverlight

10. DEMOFile Search tools for Microsoft SharePoint Time is money • Key points of KnowledgeGATE Easy to find Download/Share files all together at once History support Functional interaction Version view/ Folder tree view

11. “Application Loyalty” • Establish Loyalty ! Loyalty Change behavior ROI Data-Centric Apps Use willingly Feeling better Repeat Use UP Consumer Apps UP Choice Repeat Use

12. Keep loyalty ! DCA : Incremental Development without solution New Business Needs New Business Needs time Great It’s OK. No ! Incremental Development Incremental Development DCA : Well-Maintained and Incremental Development by solution New Business Needs New Business Needs Loyalty ! Great! Great! Great! Incremental Development Incremental Development

13. IT department people YOU

14. IT Department people More Features! More Profit! User / IT people has its own goal. Sometimes they are same, sometimes they are different. Less Dev-Cost! More Stability! YOU IT User IT User

15. IT Department people Ex-Sales! XAML Expert! Their skill varies. They can be moved.  XAML Novice! Biz Expert! YOU

16. IT People need something for DCA... “building block set” “instruction guide” “executable example”

17. IT People need something for DCA... “building block set” “instruction guide” “executable example”

18. Elements of Data-Centric Application consists of the visual elements, the buttons, windows, graphics and more complex controls of a GUI. View contains data-transformers that convert Model types into View types, and it contains Commands the View can use to interact with the Model.  View-Model it is the data or business logic, completely UI independent, that stores the state and does the processing of the problem domain. Model

19. Elements of Data-Centric Application : View Bitmap or Vector graphic, media files Asset Style can be applied to UI Control Style Animation, transition between states by storyboard Interaction Complex logic for UI layer Behavior Nest of Layout control Layout Standard UI Control, custom control, user control <data-bindable UI elements> UI Control

20. Workflow for data-Centric application development understanding Data Modeling Getting idea Defining patterns Develop mock-up Wire frame Graphic design Building Block Set Interaction behavior UI Control Style Asset Layout Instruction guide templates Sample code Initial application Instruction Guide Executable Sample

21. Good Example : question Why ”PowerPoint” is ? Even There are a lot of professional drawing software ? “PowerPoint” has Building block set, Instruction guide and executable example to re-create great presentations.

22. Our direction Business Development Design

23. team model of 2ndfactory Business Development Design

24. team model of 2ndfactory Business PM: Project Management XA: eXperience Architecture XD: eXperience Design AA: Application Architecture IA: Information Architecture ID: Interaction Development AD: Application Development VD: Visual Design Development Design

25. team model of 2ndfactory Business inside-out Outside-in Development Design

26. team model of 2ndfactory Business Concept / Requirement Design Detailed design / Development / Test Development Design

27. Conclusion

28. “Must see” after this session Understanding the Model-View-ViewModel Pattern (right after this lunch!) Laurent Bugnion : Mon 14:00 – 15:00 : Lagoon F 10 way to Attack a Design Problem and Come Out Winning Robby Ingeretsen : Mon 15:30 – 16:30 : Lagoon L Ask The Experts Speakers : Mon 17:00 – 18:30 : Shorelines A (meal hall) Microsoft Silverlight 4 Business Applications Scott Morrison : Tue 11:30 – 12:30 : Lagoon H Developing with WCF RIA Services Quickly and Effectively Nikhil Kothari : Tue 13:30 – 14:30 : Lagoon H More !!!