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

2. 1 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. We provide “Omotenashi”, Japanese way of thinking about hospitality, into application.

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

4. 3 Early Days : “I want cool dash board like that company’s !!” Too much interactive Too much chrome Early Days : “I want cool dash board like that company’s !!” Too much interactive Too much chrome Data-Centric Application (DCA) with UX : Hype Curve 1 1 Visibility or Hype Technology Trigger Peak of Inflated Expectations Trough of Disillusionment Slope of Enlightenment Plateau of Productivity Time

5. 4 Data-Centric Application (DCA) with UX : Hype Curve Technology Trigger Peak of Inflated Expectations Trough of Disillusionment Slope of Enlightenment Plateau of Productivity Time Visibility or Hype 1 1 2 2 Growth Days : The word “UX” Usability, ease of use “mixture of good and bad” Growth Days : The word “UX” Usability, ease of use “mixture of good and bad”

6. 5 Data-Centric Application (DCA) with UX : Hype Curve Technology Trigger Peak of Inflated Expectations Trough of Disillusionment Slope of Enlightenment Plateau of Productivity Time Visibility or Hype 1 1 3 3 NOW : entrance to plateau : ??? NOW : entrance to plateau : ??? 2 2

7. 6 Technology Trigger Peak of Inflated Expectations Trough of Disillusionment Slope of Enlightenment Plateau of Productivity Time Visibility or Hype 1 1 3 3 2 2 ROI : Return On Investment Data-Centric Application (DCA) with UX : Hype Curve

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

9. 8 DEMO File Search tools for Microsoft SharePoint Knowledge Gate Intelligent Search Microsoft SharePoint Microsoft Silverlight

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

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

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

13. 12 IT department people IT department DCA User YOU

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

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

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

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

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

19. 18 Elements of Data-Centric Application : ViewAssetAsset Bitmap or Vector graphic, media files StyleStyle Style can be applied to UI Control InteractionInteraction Animation, transition between states by storyboard BehaviorBehavior Complex logic for UI layer LayoutLayout Nest of Layout control UI Control Standard UI Control, custom control, user control Standard UI Control, custom control, user control

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

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

22. 21 Our direction Design Business Development

23. 22 team model of 2ndfactory Design Business Development

24. 23 team model of 2ndfactory Business Development Design XA : eXperience ArchitectureXD : eXperience Design AA : Application ArchitectureIA : Information Architecture AD : Application DevelopmentVD : Visual Design ID : Interaction Development PM : Project Management

25. 24 team model of 2ndfactoryinside-outOutside-in Business Development Design

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

27. 26 Conclusion DCA have to be associated with “ROI improvement” Good UX means not only “Outside-in” but “Inside-out” Establish, and Keep Loyalty !

28. 27 “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 !!!