Diagrams,!
Xtext, !
and UX
Jan Köhnlein - itemis
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.
Good UX 

is the reason why 

people like a product.
Ingredients of Good UX
• Ease of use, Fun
• Reactivity
• Consistency
• Little configuration
• but most of all…
No Quirks!
Surprise: „Not what I expected“
Damage: „I am losing data“
Impediment: „I cannot do that“
Language IDE Framework
User eXperience of Xtext
• Consistent set of IDE features
• Good performance
• Good defaults…
• …but you can customize almost everything
Good!
UX
Xtext
+ Diagram Editor
= Quirks
Cross-Ref Semantics
Element name!
Scopes!
Rename refactoring
Xtext
Element ID!
Direct X-ref!
Rename attribute
Diagram
Editor
Identity & Transactions
Objects are modified!
EMF Transaction
Objects are replaced !
IXtextDocument
Diagram
Editor
Xtext
Persistence
Valid!
Models
Saveable!
in XMI
Diagram
Editor
Xtext
Saveable!
in Xtext
TreeNode
*
children
Diagram
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
}
Bi-Directional Mapping
Diagram
Editor
Xtext
Editor
Uni
View
Quirks From Using
Diagram Frameworks
„Usability is already addressed
by the framework“
„Design is overrated“
Lock-in
Abstract

everything !
More models !
Solve the generic
use case!
Integrate

every framework in the
word !
Maximium # of
features
private, final, ..
Diagram frameworks
prevent you from taking
control over the UX.
Diagram Tool UX
• flawless, modern graphics
• smooth, non-irritating behavior
• self-explaining, haptic experience
• easy choice of content
• multi-touch gestures
• good defaults / little customization
+
+
FXDiagram
Oomph!Update!
Site
Plain
Java
UX is why people like
your product.
Take back control
over UX.
And get rid of the
Quirks!
XRobots	

XRobots
Program 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

Diagrams, Xtext and UX