xtext, diagrams and ux

Xtext, !Diagrams !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 UX

• Usability

• Response time

• Consistency

• 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 integration with Eclipse

• Reasonable response times

• You can customize almost everything

Good!

UX

Xtext + Diagram Editor = Quirks

Linking

Element name!Scopes!

Rename refactoring

Xtext

Element ID!Direct X-ref!

Rename element

Diagram Editor

Direct Editor Sync

Objects are modified!EMF Transaction

Objects are replaced !IXtextDocument

Diagram EditorXtext

Saving Models

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“

Developer CentrismAbstract

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 transitions

• self-explaining, haptic behavior

• multi-touch gestures, transparency

+

+

FXDiagram

FXDiagramhttps://github.com/JanKoehnlein/FXDiagram

Oomph!

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