Diagrams,!Xtext, !

and UXJan 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 EditorXtext

Persistence

Valid!Models

Saveable!in XMI

Diagram EditorXtext

Saveable!in Xtext

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 }

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

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

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