SlideShare a Scribd company logo
SDL Proprietary and Confidential
Workflows
and Notifications
Building a case for a transparent
Documentation system
João Lopes – UX Strategy Group
LiveContent in one sentence
A suite of tools to create, reuse, review, publish and
translate documentation to multiple outputs in multiple
languages.
Multiple UIs on the way
Desktop
We
b
Content creation processes
Personas involved
Personas involved
Workflows are hardly used
○ Kind of hidden
○ OOB, one single workflow with
fixed states
○ No Ad-hoc designer
○ Cannot handle exceptions
○ No support for User Groups as
assignees
○ No easy-maintenance
○ Multiplicity of users and roles involved
○ Impact of the intrinsic objects relation (reuses, referenced,
anchored)
○ Poor workflows OOB
○ Inexistent warnings or notifications mechanism
○ Multiple UIs
○ Legacy and non-compatible technologies across UIs
Recap of the facts
○ System does not help users preventing their actions impact
their peers
○ A lot of time is wasted in understanding impact a priori and
a posteriori and guaranteeing that the process flows
smoothly
○ Need to use of external / third party tools to communicate or
flag changes (email, doc review tool)
○ Doesn’t resonate with the ‘Team’ concept behind a
‘Publication’
○ Provides no tracing ability
And consequences
10
Content creation pipeline has an intrinsic social nature
that LiveContent is not respecting.
Users need to be aware of everything that may concern
them happening in the creation pipeline, hence the need to
make objects’ transitions and people activity transparent.
Axiom - UX PrincipleAxiom – UX Principle
11
A bit of Storytelling
22
Deep-dive into Notifications
OWNSERSHIP
a change to a
topic I own
a new version of a
topic I own
a new version of a
publication I own
A change to a
topic I’m reusing
a topic I own is
added to a
Publication
COMMENT
someone accepts
a comment I’ve
made
someone replies
to a comment I've
made
comment activity
in a topic I own
PUBLISH
Status of my
publishing job
RELEASE
Publications with
content I own are
released
Publication where
I have a role are
released
WORKFLOW
a new To-do is
assigned to me
derived from my
role in a workflow
work items I’m
assigned to
overdue or are
nearly overdue
workflow roles in a
Publication I
contribute/own
change
TRANSLATION
JOB
my translation
jobs status
Events that can trigger a Notification
Where to show Notifications
WEB UI - Notifications area SDL frame
Email
Mobile device
Anatomy of a Notification
○ User / Actor Image
○ Icon of notification trigger / group /
product
○ Timestamp
○ Notification description (two lines)
○ Hyperlink to object (when applicable)
○ Secondary action button (when
applicable)
○ (on hover) Notification details button
○ 'New' visual hint * (colored
background)
*what's does 'New' mean?
New is a notification that has not been read yet.
Notification details
○ Full notification description
○ Possible additional actions
○ User Recent Activity (stress the
social nature of users' activity)
How actionable are Notifications
PRIMARY ACTION: JUMP TO OBJECT
○ Except for explicit buttons, clicking a
Notification navigates to its object, either
from web UI or email.
– Topic
– Publication
– Comment
– Properties (Metadata)
SECUNDARY ACTION
○ Secondary actions add a logical action in
context of the Notification. Example are:
– Mark as done
– Locate in Repository
– View a report
– Download a Publishing job
○ While triggers for Notifications are on each product court, Notifications
as part of SDL frame navigation should be handled as a common
capability.
○ Initial concept was to have Tasks AND Notifications and it evolved to a
simpler format where Notifications can trigger Tasks (To do’s).
○ It’s still undefined if LiveContent will offer Notifications in this release
(Sept 2015 and possibly email only) or next year.
○ How does this interaction model works for other SDL products?
Open questions
Thank You!
Follow me on Twitter
Follow me on LinkedIN

More Related Content

Similar to Notifications - Building a transparent system

CodeCamp general info
CodeCamp general infoCodeCamp general info
CodeCamp general info
Tomi Juhola
 
Odoo Experience 2018 - Odoo Studio: A Functional Approach
Odoo Experience 2018 - Odoo Studio: A Functional ApproachOdoo Experience 2018 - Odoo Studio: A Functional Approach
Odoo Experience 2018 - Odoo Studio: A Functional Approach
ElínAnna Jónasdóttir
 
By the power of Plone - Case Carousel at University of Jyväskylä
By the power of Plone - Case Carousel at University of JyväskyläBy the power of Plone - Case Carousel at University of Jyväskylä
By the power of Plone - Case Carousel at University of Jyväskylä
Rikupekka Oksanen
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
abcd82
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3
Kelley Howell
 
GUIdesignstrategyuserexperiencedesign.pptx
GUIdesignstrategyuserexperiencedesign.pptxGUIdesignstrategyuserexperiencedesign.pptx
GUIdesignstrategyuserexperiencedesign.pptx
joearunraja2
 
Characteristics Of GrapHICALINTERACE (2).pptx
Characteristics Of GrapHICALINTERACE (2).pptxCharacteristics Of GrapHICALINTERACE (2).pptx
Characteristics Of GrapHICALINTERACE (2).pptx
abhishek106899
 
Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...
Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...
Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...
Paolo Nesi
 
Overview Sphere M&E system
Overview Sphere M&E systemOverview Sphere M&E system
Overview Sphere M&E system
sphereworld
 
EOI Virtual Training Platform Student's guide
EOI Virtual Training Platform Student's guideEOI Virtual Training Platform Student's guide
EOI Virtual Training Platform Student's guide
EOI Escuela de Organización Industrial
 
Scanned by CamScanner11. INTRODUCTIONPrototy.docx
Scanned by CamScanner11. INTRODUCTIONPrototy.docxScanned by CamScanner11. INTRODUCTIONPrototy.docx
Scanned by CamScanner11. INTRODUCTIONPrototy.docx
kenjordan97598
 
Content Exploration Lecture
Content Exploration LectureContent Exploration Lecture
Content Exploration Lecture
ddougd
 
Web 2.0 workshop
Web 2.0 workshopWeb 2.0 workshop
Web 2.0 workshop
Martin Weller
 
Aamiaisseminaari sosiaalisen median palveluista
Aamiaisseminaari sosiaalisen median palveluistaAamiaisseminaari sosiaalisen median palveluista
Aamiaisseminaari sosiaalisen median palveluista
Exove
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
najam gs
 
The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...
The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...
The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...
greenehorse
 
5945479
59454795945479
5945479
aryang720
 
Lecture 2: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 2: Human-Computer Interaction Course (2015) @VU University AmsterdamLecture 2: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 2: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lora Aroyo
 
Towards the Design of Intelligible Object-based Applications for the Web of T...
Towards the Design of Intelligible Object-based Applications for the Web of T...Towards the Design of Intelligible Object-based Applications for the Web of T...
Towards the Design of Intelligible Object-based Applications for the Web of T...
Pierrick Thébault
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
Marc Miquel
 

Similar to Notifications - Building a transparent system (20)

CodeCamp general info
CodeCamp general infoCodeCamp general info
CodeCamp general info
 
Odoo Experience 2018 - Odoo Studio: A Functional Approach
Odoo Experience 2018 - Odoo Studio: A Functional ApproachOdoo Experience 2018 - Odoo Studio: A Functional Approach
Odoo Experience 2018 - Odoo Studio: A Functional Approach
 
By the power of Plone - Case Carousel at University of Jyväskylä
By the power of Plone - Case Carousel at University of JyväskyläBy the power of Plone - Case Carousel at University of Jyväskylä
By the power of Plone - Case Carousel at University of Jyväskylä
 
From Use to User Interface
From Use     to User InterfaceFrom Use     to User Interface
From Use to User Interface
 
Application Design - Part 3
Application Design - Part 3Application Design - Part 3
Application Design - Part 3
 
GUIdesignstrategyuserexperiencedesign.pptx
GUIdesignstrategyuserexperiencedesign.pptxGUIdesignstrategyuserexperiencedesign.pptx
GUIdesignstrategyuserexperiencedesign.pptx
 
Characteristics Of GrapHICALINTERACE (2).pptx
Characteristics Of GrapHICALINTERACE (2).pptxCharacteristics Of GrapHICALINTERACE (2).pptx
Characteristics Of GrapHICALINTERACE (2).pptx
 
Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...
Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...
Functionalities and Flow Analyses of Knowledge Oriented Web Portals. Analysis...
 
Overview Sphere M&E system
Overview Sphere M&E systemOverview Sphere M&E system
Overview Sphere M&E system
 
EOI Virtual Training Platform Student's guide
EOI Virtual Training Platform Student's guideEOI Virtual Training Platform Student's guide
EOI Virtual Training Platform Student's guide
 
Scanned by CamScanner11. INTRODUCTIONPrototy.docx
Scanned by CamScanner11. INTRODUCTIONPrototy.docxScanned by CamScanner11. INTRODUCTIONPrototy.docx
Scanned by CamScanner11. INTRODUCTIONPrototy.docx
 
Content Exploration Lecture
Content Exploration LectureContent Exploration Lecture
Content Exploration Lecture
 
Web 2.0 workshop
Web 2.0 workshopWeb 2.0 workshop
Web 2.0 workshop
 
Aamiaisseminaari sosiaalisen median palveluista
Aamiaisseminaari sosiaalisen median palveluistaAamiaisseminaari sosiaalisen median palveluista
Aamiaisseminaari sosiaalisen median palveluista
 
Importance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- StackonImportance of UX-UI in Android/iOS Development- Stackon
Importance of UX-UI in Android/iOS Development- Stackon
 
The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...
The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...
The eXtension Tool Box Project: Resources for Promoting eXtension Use at the ...
 
5945479
59454795945479
5945479
 
Lecture 2: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 2: Human-Computer Interaction Course (2015) @VU University AmsterdamLecture 2: Human-Computer Interaction Course (2015) @VU University Amsterdam
Lecture 2: Human-Computer Interaction Course (2015) @VU University Amsterdam
 
Towards the Design of Intelligible Object-based Applications for the Web of T...
Towards the Design of Intelligible Object-based Applications for the Web of T...Towards the Design of Intelligible Object-based Applications for the Web of T...
Towards the Design of Intelligible Object-based Applications for the Web of T...
 
User Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and AccessibilityUser Experience 3: User Experience, Usability and Accessibility
User Experience 3: User Experience, Usability and Accessibility
 

Notifications - Building a transparent system

  • 1. SDL Proprietary and Confidential Workflows and Notifications Building a case for a transparent Documentation system João Lopes – UX Strategy Group
  • 2. LiveContent in one sentence A suite of tools to create, reuse, review, publish and translate documentation to multiple outputs in multiple languages.
  • 3. Multiple UIs on the way Desktop We b
  • 7. Workflows are hardly used ○ Kind of hidden ○ OOB, one single workflow with fixed states ○ No Ad-hoc designer ○ Cannot handle exceptions ○ No support for User Groups as assignees ○ No easy-maintenance
  • 8. ○ Multiplicity of users and roles involved ○ Impact of the intrinsic objects relation (reuses, referenced, anchored) ○ Poor workflows OOB ○ Inexistent warnings or notifications mechanism ○ Multiple UIs ○ Legacy and non-compatible technologies across UIs Recap of the facts
  • 9. ○ System does not help users preventing their actions impact their peers ○ A lot of time is wasted in understanding impact a priori and a posteriori and guaranteeing that the process flows smoothly ○ Need to use of external / third party tools to communicate or flag changes (email, doc review tool) ○ Doesn’t resonate with the ‘Team’ concept behind a ‘Publication’ ○ Provides no tracing ability And consequences
  • 10. 10 Content creation pipeline has an intrinsic social nature that LiveContent is not respecting. Users need to be aware of everything that may concern them happening in the creation pipeline, hence the need to make objects’ transitions and people activity transparent. Axiom - UX PrincipleAxiom – UX Principle
  • 11. 11 A bit of Storytelling
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 23. OWNSERSHIP a change to a topic I own a new version of a topic I own a new version of a publication I own A change to a topic I’m reusing a topic I own is added to a Publication COMMENT someone accepts a comment I’ve made someone replies to a comment I've made comment activity in a topic I own PUBLISH Status of my publishing job RELEASE Publications with content I own are released Publication where I have a role are released WORKFLOW a new To-do is assigned to me derived from my role in a workflow work items I’m assigned to overdue or are nearly overdue workflow roles in a Publication I contribute/own change TRANSLATION JOB my translation jobs status Events that can trigger a Notification
  • 24. Where to show Notifications WEB UI - Notifications area SDL frame Email Mobile device
  • 25. Anatomy of a Notification ○ User / Actor Image ○ Icon of notification trigger / group / product ○ Timestamp ○ Notification description (two lines) ○ Hyperlink to object (when applicable) ○ Secondary action button (when applicable) ○ (on hover) Notification details button ○ 'New' visual hint * (colored background) *what's does 'New' mean? New is a notification that has not been read yet.
  • 26. Notification details ○ Full notification description ○ Possible additional actions ○ User Recent Activity (stress the social nature of users' activity)
  • 27. How actionable are Notifications PRIMARY ACTION: JUMP TO OBJECT ○ Except for explicit buttons, clicking a Notification navigates to its object, either from web UI or email. – Topic – Publication – Comment – Properties (Metadata) SECUNDARY ACTION ○ Secondary actions add a logical action in context of the Notification. Example are: – Mark as done – Locate in Repository – View a report – Download a Publishing job
  • 28. ○ While triggers for Notifications are on each product court, Notifications as part of SDL frame navigation should be handled as a common capability. ○ Initial concept was to have Tasks AND Notifications and it evolved to a simpler format where Notifications can trigger Tasks (To do’s). ○ It’s still undefined if LiveContent will offer Notifications in this release (Sept 2015 and possibly email only) or next year. ○ How does this interaction model works for other SDL products? Open questions
  • 29. Thank You! Follow me on Twitter Follow me on LinkedIN