29
Xtext, Diagrams and UX Jan Köhnlein - itemis

Xtext, diagrams and ux

Embed Size (px)

DESCRIPTION

Slides form my talk at EclipseCon Europe 2014

Citation preview

Page 1: Xtext, diagrams and ux

Xtext, !Diagrams !and UXJan Köhnlein - itemis

Page 2: Xtext, diagrams and ux

User eXperience

a person's perceptions and responses that result from the use of

a product, system or service.

It is very emotional and quite subjective.

Page 3: Xtext, diagrams and ux

Good UX is the reason why

people like a product.

Page 4: Xtext, diagrams and ux

Ingredients of UX

• Usability

• Response time

• Consistency

• but most of all…

Page 5: Xtext, diagrams and ux

No Quirks!

Page 6: Xtext, diagrams and ux

Surprise: „Not what I expected“

Damage: „I am losing data“

Impediment: „I cannot do that“

Page 7: Xtext, diagrams and ux

Language IDE Framework

Page 8: Xtext, diagrams and ux

User eXperience of Xtext

• Consistent set of IDE features

• Good integration with Eclipse

• Reasonable response times

• You can customize almost everything

Good!

UX

Page 9: Xtext, diagrams and ux

Xtext + Diagram Editor = Quirks

Page 10: Xtext, diagrams and ux

Linking

Element name!Scopes!

Rename refactoring

Xtext

Element ID!Direct X-ref!

Rename element

Diagram Editor

Page 11: Xtext, diagrams and ux

Direct Editor Sync

Objects are modified!EMF Transaction

Objects are replaced !IXtextDocument

Diagram EditorXtext

Page 12: Xtext, diagrams and ux

Saving Models

Valid!Models

Saveable!in XMI

Diagram EditorXtext

Saveable!in Xtext

Page 13: Xtext, diagrams and ux

TreeNode*

childrenDiagram

Node Edge

edgesnodes * *

node A { node B node C}

Bi-Directional Mapping

A

CB

Diagram { Node A Node B Node C Edge(A,B) Edge(A,C }

Page 14: Xtext, diagrams and ux

Bi-Directional Mapping

Diagram Editor

Xtext Editor

Uni

View

Page 15: Xtext, diagrams and ux

Quirks From Using Diagram Frameworks

Page 16: Xtext, diagrams and ux

„Usability is already addressed by the framework“

Page 17: Xtext, diagrams and ux

„Design is overrated“

Page 18: Xtext, diagrams and ux

Developer CentrismAbstract

everything !

More models !Solve the generic

use case!

Integrate every framework in the

word !

Maximium # of features

private, final, ..

Page 19: Xtext, diagrams and ux

Diagram frameworks prevent you from taking

control over the UX.

Page 20: Xtext, diagrams and ux

Diagram Tool UX

• flawless, modern graphics

• smooth transitions

• self-explaining, haptic behavior

• multi-touch gestures, transparency

Page 21: Xtext, diagrams and ux
Page 22: Xtext, diagrams and ux

+

Page 23: Xtext, diagrams and ux

+

Page 24: Xtext, diagrams and ux

FXDiagram

Page 25: Xtext, diagrams and ux

FXDiagramhttps://github.com/JanKoehnlein/FXDiagram

Oomph!

Page 26: Xtext, diagrams and ux

UX is why people like your product.

Page 27: Xtext, diagrams and ux

Take back control over UX.

Page 28: Xtext, diagrams and ux

And get rid of the Quirks!

Page 29: Xtext, diagrams and ux

XRobots

XRobotsProgram your robot in a web browser. Teach it sumo wrestling.!Challenge others and watch the show at the itemis booth.

join the game at xrobots.itemis.de