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

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


TechnologyTrigger





Time

Visi

bilit

y or

Hyp

e

1

2

Growth Days :The word “UX”

Usability, ease of use“mixture of good and bad”

6


TechnologyTrigger





Time

Visi

bilit

y or

Hyp

e

1

3

NOW : entrance to plateau :???

2

7

TechnologyTrigger





Time

Visi

bilit

y or

Hyp

e

1

32

ROI : Return On Investment


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


New Business Needs


New Business Needs


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


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


inside-out

Outside-in

Business

Development Design

26


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 !!!

Documents

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