Your Sirius designer has the ability to leave a lasting impression on your end users, and every detail counts. In this presentation, you will see the new features to improve the user experience of your own Sirius-based designers. This talk will start by reviewing how to improve Sirius diagrams with a consistent style guide to quickly communicate your intent to your users and tips and tricks to speed up common tasks. We will show how you can use the support of the Properties View to delegate some of the complexity of the model elements of your diagrams to the Properties view. In this tabbed-based view, you will be able to easily organize and prioritize how the features of your domain will be displayed. Starting with Sirius 5.0.0, you will be able to provide a smooth user experience by defining dialogs for your designers. Dialogs can be used in your Sirius tools to help new users configure model elements during their creation for example. Come and see how your dialogs and Properties view will be able to share some common parts of their definition using composition and extension mechanisms in order to keep a consistent user experience with the same look and feel. Finally, improve the discoverability of your Sirius projects with the Activity Explorer used to create workflows to guide your end users and the brand new *.aird editor which will let you manipulate in a common place all the concepts of your modeling projects with its semantic models, its usable viewpoints and all its representations. After this session attendees should be ready to leverage the latest UX improvements of Eclipse Sirius

1. Mélanie Bats
@melaniebats
Stéphane Bégaudeau
@sbegaudeau
ALL ABOUT
UX IN SIRIUS

2. WHY UX MATTERS?

3. WHY UX MATTERS?
DESIGN

4. WHY UX MATTERS?
DESIGN AESTHETICS

5. WHY UX MATTERS?
USABILITY
DESIGN AESTHETICS

6. WHY UX MATTERS?
USABILITY
DESIGN
ERGONOMICS
AESTHETICS

7. WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
ERGONOMICS
AESTHETICS

8. WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
PERFORMANCE
ERGONOMICS
AESTHETICS

9. WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
PERFORMANCE
ERGONOMICS
UTILITY
AESTHETICS

10. WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
PERFORMANCE
ERGONOMICS
OVERALL HUMAN
INTERACTION
UTILITY
AESTHETICS

11. “ Decide in which way
important information
should be presented ”

12. “When you relegate
user satisfaction
to nice-to-have status,
it often gets left out.”

13. UX IS…
LOOK + FEEL + USABILITY

14. ENHANCE THE LOOK OF YOUR DESIGNER
Not only aesthetic appeal
Create credibility & trust
Capture user expectations

15. HIERARCHY THROUGH SHAPES
From Bad Manners...

16. HIERARCHY THROUGH SHAPES
...to Good Manners

17. REDUNDANT CODING THROUGH COLOR
Define a Color scheme
&
Respect the chosen Color Palette

18. CONTRAST TO IDENTIFY THE MAIN POINT

19. 3 kind of decorations: mapping based,
semantic based or generic
NEW DECORATOR MECHANISM
5.0

20. 3 kind of decorations: mapping based,
semantic based or generic
NEW DECORATOR MECHANISM
Position indicates where the decorator should be
placed
5.0

21. 3 kind of decorations: mapping based,
semantic based or generic
NEW DECORATOR MECHANISM
Position indicates where the decorator should be
placed
Tooltip of a list decoration
5.0

22. All about UX in Sirius
RELOOK YOUR
DESIGNERS
Demo

23. INTRODUCE YOUR USERS TO MR. HAPPY

24. Create something that is a “Joy to use”
Craft positive & pleasant emotions
I JUST WANNA FEEL GOOD

25. “ The developer never feels
the same way
the user does ”

26. RETHINK YOUR DIRECT EDITS
Direct edit tools are
not only there for editing a label
Make your direct edit tools smart

27. All about UX in Sirius
MAKE YOUR
USERS FEELING
JOY
Demo

28. Your product must be:
Easy to understand & use
Functional
Predictable
USABILITY 101

29. AUTO CREATION OF PROPERTIES VIEW DEFINITION
5.0

30. NEED USER INPUT? DIALOGS & WIZARDS TO THE RESCUE!
New tool to create Dialog directly from the
specification
New Let operation to define variables
5.0

31. NEED USER INPUT? DIALOGS & WIZARDS TO THE RESCUE!
5.0

32. EXTENSION MECHANISM
Reuse the same properties view definition:
● In properties view tabs, pages and groups
● In dialogs and wizards
● Improve your designer’s maintainability
5.0

33. EXTENSION MECHANISM
5.0

34. OVERRIDE AN EXISTING DESIGNER
To customize existing odesign
which cannot be modified
5.0

35. All about UX in Sirius
TAKE USABILITY
ASPECTS INTO
ACCOUNT
Demo

36. Wizard for model creation
Aird editor
Activity explorer
DISCOVERABILITY

37. All about UX in Sirius
GIVE YOUR USERS
THE CHANCE TO
DISCOVER NEW
FEATURES
Demo

38. “ Make a user
part of
every decision
you make ”

39. “ The first design is rarely the
best option:
test & iterate ”

40. ENHANCE THE LOOK OF YOUR DESIGNER

41. ENHANCE THE LOOK OF YOUR DESIGNER
MAKE YOUR USERS FEELING JOY

42. ENHANCE THE LOOK OF YOUR DESIGNER
MAKE YOUR USERS FEELING JOY
TAKE USABILITY ASPECTS INTO ACCOUNT

43. ENHANCE THE LOOK OF YOUR DESIGNER
MAKE YOUR USERS FEELING JOY
TAKE USABILITY ASPECTS INTO ACCOUNT
GIVE YOUR USERS THE CHANCE TO
DISCOVER NEW FEATURES

44. Sirius 5.0 is released in June with Eclipse Oxygen
We are preparing a Sirius 5.1 for Eclipse Oxygen.1
in October
We need your feedback!
TO TAKE AWAY

45. THANKS!
QUESTIONS?
Mélanie Bats
@melaniebats
Stéphane Bégaudeau
@sbegaudeau

46. Evaluate the Sessions
-1 0 +1
Sign in and vote at eclipsecon.org

47. All about UX in Sirius
INTRODUCE
YOUR USERS TO
MR. HAPPY
WITH SIRIUS 5.0
All about UX in Sirius
Learn how to improve your diagrams with consistent style guide, tips & tricks to speed up common tasks
based on the properties view, provide a smoother user experience by defining dialogs, improve
discoverability with the session editor.
Wednesday, June 21, 2017 - 16:00, Spot
EclipseCon France Toulouse
Mélanie Bats
@melaniebats
Stéphane Bégaudeau
@sbegaudeau