2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito
description
Transcript of 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito
![Page 1: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/1.jpg)
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
![Page 2: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/2.jpg)
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.
![Page 3: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/3.jpg)
3
Data-Centric Application (DCA)
“Business” “longer life cycle”
![Page 4: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/4.jpg)
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
1Visib
ility
or H
ype
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
![Page 5: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/5.jpg)
5
Data-Centric Application (DCA) with UX : Hype Curve
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
Visib
ility
or H
ype
1
2
Growth Days :The word “UX”
Usability, ease of use“mixture of good and bad”
![Page 6: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/6.jpg)
6
Data-Centric Application (DCA) with UX : Hype Curve
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
Visib
ility
or H
ype
13
NOW : entrance to plateau :???
2
![Page 7: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/7.jpg)
7
TechnologyTrigger
Peak of InflatedExpectations
Trough ofDisillusionment
Slope of Enlightenment
Plateau ofProductivity
Time
Visib
ility
or H
ype
13
2
ROI : Return On Investment
Data-Centric Application (DCA) with UX : Hype Curve
![Page 8: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/8.jpg)
8
Care more about reducing
UXNOW
Addition
Reduction
Interactive
Attractive
Fun, Cool, Wow
Through-put enhancement
Learning cost
Error cost
Support cost
improvement
![Page 9: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/9.jpg)
9
DEMO File Search tools for Microsoft SharePoint
Knowledge Gate Intelligent Search
Microsoft SharePoint Microsoft Silverlight
![Page 10: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/10.jpg)
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
![Page 11: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/11.jpg)
11
“Application Loyalty”
Establish Loyalty !
Data-Centric Apps
Use willinglyFeeling better
Repeat UseUP
Consumer Apps
ChoiceRepeat Use
UP
Change behavior ROILoyalty
![Page 12: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/12.jpg)
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
![Page 13: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/13.jpg)
13
IT department people
IT department
DCAYOU
![Page 14: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/14.jpg)
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
![Page 15: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/15.jpg)
15
IT Department people
XAML Novice!
XAML Expert!
BizExpert!
Ex-Sales!
Their skill varies.They can be moved.
YOU
![Page 16: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/16.jpg)
16
IT People need something for DCA...
“building block set” “instruction guide”
“executable example”
![Page 17: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/17.jpg)
17
IT People need something for DCA...
“building block set” “instruction guide”
“executable example”
![Page 18: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/18.jpg)
18
Elements of Data-Centric Application
View consists of the visual elements, the buttons, windows, graphics and more complex controls of a GUI.
View-Model contains 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.
![Page 19: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/19.jpg)
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>
![Page 20: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/20.jpg)
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
![Page 21: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/21.jpg)
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.
![Page 22: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/22.jpg)
22
Our direction
Design
Business
Development
![Page 23: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/23.jpg)
23
team model of 2ndfactory
Design
Business
Development
![Page 24: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/24.jpg)
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
![Page 25: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/25.jpg)
25
team model of 2ndfactory
inside-out
Outside-in
Business
Development Design
![Page 26: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/26.jpg)
26
team model of 2ndfactory
Concept / Requirement
Design
Detailed design / Development / Test
Business
Development Design
![Page 27: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/27.jpg)
27
Conclusion
DCA have to be associated with “ROI improvement”
Good UX means not only“Outside-in” but “Inside-out”
Establish, and Keep Loyalty !
![Page 28: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/28.jpg)
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 !!!
![Page 29: 2ndfactory co., ltd VP / Senior UX Designer : Yoshihiro Saito](https://reader036.fdocuments.net/reader036/viewer/2022062811/5681601c550346895dcf1b34/html5/thumbnails/29.jpg)