Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Mélanie Bats
@melaniebats
Stéphane Bégaudeau
@sbegaudeau
ALL ABOUT
UX IN SIRIUS
WHY UX MATTERS?
WHY UX MATTERS?
DESIGN
WHY UX MATTERS?
DESIGN AESTHETICS
WHY UX MATTERS?
USABILITY
DESIGN AESTHETICS
WHY UX MATTERS?
USABILITY
DESIGN
ERGONOMICS
AESTHETICS
WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
ERGONOMICS
AESTHETICS
WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
PERFORMANCE
ERGONOMICS
AESTHETICS
WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
PERFORMANCE
ERGONOMICS
UTILITY
AESTHETICS
WHY UX MATTERS?
USABILITYACCESSIBILITY
DESIGN
PERFORMANCE
ERGONOMICS
OVERALL HUMAN
INTERACTION
UTILITY
AESTHETICS
“ Decide in which way
important information
should be presented ”
“When you relegate
user satisfaction
to nice-to-have status,
it often gets left out.”
UX IS…
LOOK + FEEL + USABILITY
ENHANCE THE LOOK OF YOUR DESIGNER
Not only aesthetic appeal
Create credibility & trust
Capture user expectations
HIERARCHY THROUGH SHAPES
From Bad Manners...
HIERARCHY THROUGH SHAPES
...to Good Manners
REDUNDANT CODING THROUGH COLOR
Define a Color scheme
&
Respect the chosen Color Palette
CONTRAST TO IDENTIFY THE MAIN POINT
3 kind of decorations: mapping based,
semantic based or generic
NEW DECORATOR MECHANISM
5.0
3 kind of decorations: mapping based,
semantic based or generic
NEW DECORATOR MECHANISM
Position indicates where the decor...
3 kind of decorations: mapping based,
semantic based or generic
NEW DECORATOR MECHANISM
Position indicates where the decor...
All about UX in Sirius
RELOOK YOUR
DESIGNERS
Demo
INTRODUCE YOUR USERS TO MR. HAPPY
Create something that is a “Joy to use”
Craft positive & pleasant emotions
I JUST WANNA FEEL GOOD
“ The developer never feels
the same way
the user does ”
RETHINK YOUR DIRECT EDITS
Direct edit tools are
not only there for editing a label
Make your direct edit tools smart
All about UX in Sirius
MAKE YOUR
USERS FEELING
JOY
Demo
Your product must be:
Easy to understand & use
Functional
Predictable
USABILITY 101
AUTO CREATION OF PROPERTIES VIEW DEFINITION
5.0
NEED USER INPUT? DIALOGS & WIZARDS TO THE RESCUE!
New tool to create Dialog directly from the
specification
New Let operat...
NEED USER INPUT? DIALOGS & WIZARDS TO THE RESCUE!
5.0
EXTENSION MECHANISM
Reuse the same properties view definition:
● In properties view tabs, pages and groups
● In dialogs an...
EXTENSION MECHANISM
5.0
OVERRIDE AN EXISTING DESIGNER
To customize existing odesign
which cannot be modified
5.0
All about UX in Sirius
TAKE USABILITY
ASPECTS INTO
ACCOUNT
Demo
Wizard for model creation
Aird editor
Activity explorer
DISCOVERABILITY
All about UX in Sirius
GIVE YOUR USERS
THE CHANCE TO
DISCOVER NEW
FEATURES
Demo
“ Make a user
part of
every decision
you make ”
“ The first design is rarely the
best option:
test & iterate ”
ENHANCE THE LOOK OF YOUR DESIGNER
ENHANCE THE LOOK OF YOUR DESIGNER
MAKE YOUR USERS FEELING JOY
ENHANCE THE LOOK OF YOUR DESIGNER
MAKE YOUR USERS FEELING JOY
TAKE USABILITY ASPECTS INTO ACCOUNT
ENHANCE THE LOOK OF YOUR DESIGNER
MAKE YOUR USERS FEELING JOY
TAKE USABILITY ASPECTS INTO ACCOUNT
GIVE YOUR USERS THE CHAN...
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 y...
THANKS!
QUESTIONS?
Mélanie Bats
@melaniebats
Stéphane Bégaudeau
@sbegaudeau
Evaluate the Sessions
-1 0 +1
Sign in and vote at eclipsecon.org
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 ...
Upcoming SlideShare
Loading in …5
×

EclipseCon France 2017 - All about UX in Sirius

533 views

Published on

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

Published in: Software
  • Be the first to comment

  • Be the first to like this

EclipseCon France 2017 - All about UX in Sirius

  1. 1. Mélanie Bats @melaniebats Stéphane Bégaudeau @sbegaudeau ALL ABOUT UX IN SIRIUS
  2. 2. WHY UX MATTERS?
  3. 3. WHY UX MATTERS? DESIGN
  4. 4. WHY UX MATTERS? DESIGN AESTHETICS
  5. 5. WHY UX MATTERS? USABILITY DESIGN AESTHETICS
  6. 6. WHY UX MATTERS? USABILITY DESIGN ERGONOMICS AESTHETICS
  7. 7. WHY UX MATTERS? USABILITYACCESSIBILITY DESIGN ERGONOMICS AESTHETICS
  8. 8. WHY UX MATTERS? USABILITYACCESSIBILITY DESIGN PERFORMANCE ERGONOMICS AESTHETICS
  9. 9. WHY UX MATTERS? USABILITYACCESSIBILITY DESIGN PERFORMANCE ERGONOMICS UTILITY AESTHETICS
  10. 10. WHY UX MATTERS? USABILITYACCESSIBILITY DESIGN PERFORMANCE ERGONOMICS OVERALL HUMAN INTERACTION UTILITY AESTHETICS
  11. 11. “ Decide in which way important information should be presented ”
  12. 12. “When you relegate user satisfaction to nice-to-have status, it often gets left out.”
  13. 13. UX IS… LOOK + FEEL + USABILITY
  14. 14. ENHANCE THE LOOK OF YOUR DESIGNER Not only aesthetic appeal Create credibility & trust Capture user expectations
  15. 15. HIERARCHY THROUGH SHAPES From Bad Manners...
  16. 16. HIERARCHY THROUGH SHAPES ...to Good Manners
  17. 17. REDUNDANT CODING THROUGH COLOR Define a Color scheme & Respect the chosen Color Palette
  18. 18. CONTRAST TO IDENTIFY THE MAIN POINT
  19. 19. 3 kind of decorations: mapping based, semantic based or generic NEW DECORATOR MECHANISM 5.0
  20. 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. 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. 22. All about UX in Sirius RELOOK YOUR DESIGNERS Demo
  23. 23. INTRODUCE YOUR USERS TO MR. HAPPY
  24. 24. Create something that is a “Joy to use” Craft positive & pleasant emotions I JUST WANNA FEEL GOOD
  25. 25. “ The developer never feels the same way the user does ”
  26. 26. RETHINK YOUR DIRECT EDITS Direct edit tools are not only there for editing a label Make your direct edit tools smart
  27. 27. All about UX in Sirius MAKE YOUR USERS FEELING JOY Demo
  28. 28. Your product must be: Easy to understand & use Functional Predictable USABILITY 101
  29. 29. AUTO CREATION OF PROPERTIES VIEW DEFINITION 5.0
  30. 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. 31. NEED USER INPUT? DIALOGS & WIZARDS TO THE RESCUE! 5.0
  32. 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. 33. EXTENSION MECHANISM 5.0
  34. 34. OVERRIDE AN EXISTING DESIGNER To customize existing odesign which cannot be modified 5.0
  35. 35. All about UX in Sirius TAKE USABILITY ASPECTS INTO ACCOUNT Demo
  36. 36. Wizard for model creation Aird editor Activity explorer DISCOVERABILITY
  37. 37. All about UX in Sirius GIVE YOUR USERS THE CHANCE TO DISCOVER NEW FEATURES Demo
  38. 38. “ Make a user part of every decision you make ”
  39. 39. “ The first design is rarely the best option: test & iterate ”
  40. 40. ENHANCE THE LOOK OF YOUR DESIGNER
  41. 41. ENHANCE THE LOOK OF YOUR DESIGNER MAKE YOUR USERS FEELING JOY
  42. 42. ENHANCE THE LOOK OF YOUR DESIGNER MAKE YOUR USERS FEELING JOY TAKE USABILITY ASPECTS INTO ACCOUNT
  43. 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. 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. 45. THANKS! QUESTIONS? Mélanie Bats @melaniebats Stéphane Bégaudeau @sbegaudeau
  46. 46. Evaluate the Sessions -1 0 +1 Sign in and vote at eclipsecon.org
  47. 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

×