IS 525714/ISO27001
2ndfactory co., ltdVP / Senior UX Designer : Yoshihiro Saito
Director / Senior UX Architect : Ken Azuma2010/03/15
Designing Rich ExperiencesFor Data-Centric Applications
2
About us : 2ndfactory , Japan
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.We provide “Omotenashi”, Japanese way of thinking about hospitality, into
application.
3
Data-Centric Application (DCA)
“Business” “longer life cycle”
4
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
1Visi
bilit
y or
Hyp
e
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
5
Data-Centric Application (DCA) with UX : Hype Curve
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
Visi
bilit
y or
Hyp
e
1
2
Growth Days :The word “UX”
Usability, ease of use“mixture of good and bad”
6
Data-Centric Application (DCA) with UX : Hype Curve
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
Visi
bilit
y or
Hyp
e
1
3
NOW : entrance to plateau :???
2
7
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
Visi
bilit
y or
Hyp
e
1
32
ROI : Return On Investment
Data-Centric Application (DCA) with UX : Hype Curve
8
Care more about reducing
UXNOW
Addition
Reduction
Interactive
Attractive
Fun, Cool, Wow
Through-put enhancement
Learning cost
Error cost
Support cost
improvement
9
DEMO File Search tools for Microsoft SharePoint
Knowledge Gate Intelligent Search
Microsoft SharePoint Microsoft Silverlight
10
DEMO File Search tools for Microsoft SharePoint
Time is moneyKey points of KnowledgeGATE
Easy to find
Version view / Folder tree view
Download/Share files all together at once
History support
Functional interaction
11
“Application Loyalty”
Establish Loyalty !
Data-Centric Apps
Use willinglyFeeling better
Repeat UseUP
Consumer Apps
ChoiceRepeat Use
UP
Change behavior ROILoyalty
12
Keep loyalty !
time
It’s OK.
No !Great
Great ! Great ! 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
IT department people
IT department
DCA
User
YOU
14
IT Department people
More Stability!
More Features!User / IT people has its own
goal.Sometimes they are same,
sometimes they are different.
More Profit!
IT ITUser User
LessDev-Cost!
YOU
15
IT Department people
XAML Novice!
XAML Expert!
BizExpert!
Ex-Sales!
Their skill varies.They can be moved.
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
View consists of the visual elements, the buttons, windows, graphics and more complex controls of a GUI.
View-Modelcontains data-transformers that convert Model types into View types, and it contains Commands the View can use to interact
with the Model.
Model it is the data or business logic, completely UI independent, that stores the state and does the processing of the problem domain.
19
Elements of Data-Centric Application : View
Asset Bitmap or Vector graphic, media files
Style Style can be applied to UI Control
Interaction Animation, transition between states by storyboard
Behavior Complex logic for UI layer
Layout Nest of Layout control
UI Control Standard UI Control, custom control, user control<data-bindable UI elements>
20
Workflow for data-Centric application development
understanding
Getting idea Defining patterns
Data Modeling
Develop mock-up
Wire frame
Graphic design
UI Control AssetStylebehaviorInteraction Layout
Instruction guide templates Sample code Initial application
Building Block Set
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
Design
Business
Development
23
team model of 2ndfactory
Design
Business
Development
24
team model of 2ndfactory
Business
Development Design
XA : eXperience Architecture XD : eXperience Design
AA : Application Architecture IA : Information Architecture
AD : Application Development VD : Visual Design
ID : Interaction Development
PM : Project Management
25
team model of 2ndfactory
inside-out
Outside-in
Business
Development Design
26
team model of 2ndfactory
Concept / Requirement
Design
Detailed design / Development / Test
Business
Development Design
27
Conclusion
DCA have to be associated with “ROI improvement”
Good UX means not only“Outside-in” but “Inside-out”
Establish, and Keep Loyalty !
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 WinningRobby Ingeretsen : Mon 15:30 – 16:30 : Lagoon L
Ask The ExpertsSpeakers : Mon 17:00 – 18:30 : Shorelines A (meal hall)
Microsoft Silverlight 4 Business ApplicationsScott Morrison : Tue 11:30 – 12:30 : Lagoon H
Developing with WCF RIA Services Quickly and EffectivelyNikhil Kothari : Tue 13:30 – 14:30 : Lagoon H
More !!!