Product Owners for SDL Tridion Sites, Anton Minko and Alvin Reyes, share what's cooking for the editor-focused SDL Tridion Sites 9.5 User Interface.

1. — The Midas Rule, Alvin Reyes
http://midasrule.blogspot.com/2013/01/what-is-midas-rule.html
"Whoever touches something first (takes initiative)
and cares the most gets to decide what to do with it."

2. © 2019 SDL
V1.5b
SDL Tridion Sites 9.5 New User Interface:
Cooking?
Alvin Reyes and Anton Minko, Product Owners, SDL
November 5, 2019

3. © 2019 SDL
Alvin Reyes
Product Owner
• Native of San Diego, California
• Based in Netherlands since 2015
• Community advocate and brand defender
• Stopped counting after 300+ Blog Posts about
Tridion 
Nivlong, the Disruptive Innovator at CreateandBreak.net, aka Alvino (tinto), aka a5n

4. © 2019 SDL
Anton Minko
Product Owner
• Based in Kyiv, Ukraine
• Loves and cares for SDL Tridion Sites
• Occasionally blogs on community.sdl.com
(also an a5n)

5. © 2019 SDL

6. “I need a solution for managing large
amounts of content on a daily basis
supporting multiple channels, languages,
regions, and devices.”
—Content editor persona, Anna Gilley

7. © 2019 SDL
SITES 9.5: DAILY EDITORIAL TASKS
• Component and page editing
• Editorial actions
• Information about items
• Rich text formatted editing

8. © 2019 SDL

9. © 2019 SDL
NEW UI FOR
DAILY
EDITORIAL
ACTIONS

10. © 2019 SDL
• Background
• Demo
• Prototypes
• What’s next
• SDL Ideas
Menu

11. © 2019 SDL
PREVIOUSLY
AT TDS…
15

13. © 2019 SDL
Graphene
Flexible, adaptable design language that
adapts to channel, device, and context for
a consistent brand experience across
products, services, and systems

14. © 2019 SDL
Graphene design
principles
• Maintain focus
• Progressive disclosure
• Good defaults
• Make it configurable
• What you see is what
you get

15. Classic UI New UI

16. Classic UI New UI
Custom controls and editors
Custom domain model
Custom Anguilla backend
CoreService (WCF)
TOM.NET in-process API
(Standard infrastructure)
AntD and standard controls
Redux state store
CoreService.REST (REST)
TOM.NET with caching
(Standard infrastructure)

18. © 2019 SDL
Anguilla
framework for the classic UI

19. © 2019 SDL
Anguilla
custom framework for the classic UI

20. Anguilla
custom, home-grown framework for the classic UI

21. © 2019 SDL

22. © 2019 SDL
“NEW EXPERIENCE MANAGER”
DEMO

23. “You have the list and the form
views. Why don’t you do everything
in one go?”
—Likhan Siddiquee
Tridion development planning meeting

24. © 2019 SDL

25. © 2019 SDL
CONTENT
EXPLORER
PROTOTYPE!

26. “Beautiful. Lovely.”
“But wait, there’s more.”
—Ferdi Koomen

27. © 2019 SDL
EDITORIAL
SNEAK PEAK
35

28. © 2019 SDL

29. © 2019 SDL

30. © 2019 SDL

31. © 2019 SDL
Multiple teams are joining “DX UI” development
Amsterdam
Product owner plus
front-end developers
back-end developers
quality assurance
UX designer
Kyiv
Product owner plus
front-end developers
back-end developers
quality assurance
UX designer
Both teams supported by architects, UX designers, and tech writers

32. © 2019 SDL
Less is more

33. © 2019 SDL

34. © 2019 SDL

35. © 2019 SDL
KEEP
CALM
AND
GIVE US YOUR
FEEDBACK

36. © 2019 SDL
UX Research and
Product Ideation
http://community.sdl.com

37. © 2019 SDL
IN SITES 9.0

38. “If there is only one Component
Template available for a Component,
auto select that template.”
―Rob Stevenson-Leggett
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/if-there-is-only-
one-component-template-available-for-a-component-auto-select-that-template

39. © 2019 SDL
IN SITES 9.1

40. “Support for Previewing SVG
Multimedia in Component View and
CME Thumbnail View”
―Travis Repetto
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/support-for-
previewing-svg-multimedia-in-component-view-and-cme-thumbnail-view

41. “Display name of used schema in
component (mandatory linked
schema in folder)”
―Ron Grisnich
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/display-name-of-
used-schema-in-component-mandatory-linked-schema-in-folder

42. “Republish option in Publish Queue”
―Rick Pannekoek on behalf of Hendrik Tredoux and everyone who worked on a similar
extension, including Dominic Cronin, bkoopman, bvdommelen, and more!
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-ideas/republish-
option-in-publish-queue

43. © 2019 SDL
IN-PROGRESS
IDEAS FOR
SITES 9.5

44. “Publication Panel Search/Filtering”
Saurabh Gangwar
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-
tridion-sites-ideas/publication-panel-search-filtering

45. “Make the ‘From Publication’ text a
link to that location”
―Rob Stevenson-Leggett
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-
sites-ideas/make-the-from-publication-text-a-link-to-that-location

46. “Syntax highlighting”
―Rob Stevenson-Leggett
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-
tridion-sites-ideas/syntax-highlighting

47. “Add Schema Name Column to the
Explorer View”
―Travis Repetto
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-
sites-ideas/add-schema-name-column-to-the-explorer-view

48. “Experience Manager markup in
HTML data attributes”
―Jan Horsman
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-
sites-ideas/experience-manager-markup-in-html-data-attributes

49. “Publish to selection of child
publications”
―Rick Pannekoek (on behalf of
community)
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-
sites-ideas/publish-to-selection-of-child-publications

50. “Display modification date/time of
items based on user's time zone in
CME”
―Ron Grisnich
https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl-tridion-sites-
ideas/display-modification-datetime-of-items-based-on-users-time-zone-in-cme

51. © 2019 SDL
Unpowered Ideas
• Unclear problem or
suggestion
• Confused votes
• Idea not on ideas

52. © 2019 SDL
Turn the lights on!
• Clear problem for
who and why
• Voters know what
they might actually
get
• Sustainable energy to
product management

53. © 2019 SDL
TRIDION SITES 9.5
AND BEYOND

54. © 2019 SDL
ONE UI

55. © 2019 SDL
Touch-enabled UI
(iOS tablets 9.7 inches)

56. © 2019 SDL
SITES 9.5 New UI focuses
on DAILY EDITORIAL TASKS
• Editing
• Actions
• Information
• Rich text improvements

57. BEYOND THE EDITOR
(POST 9.5)
After 9.5, we will revisit…
• Less frequently-used
actions
• Developer tasks
• Extensibility
• Public REST API
("CoreService.REST")

58. © 2019 SDL
ANSWERS
&
QUESTIONS

59. © 2019 SDL69

60. © 2019 SDL
Copyright © 2019 SDL plc. All Rights Reserved. The SDL name and logo, and SDL product and service
names are trademarks of SDL plc and/or its subsidiaries, some of which may be registered. Other
company, product or service names are the property of their respective holders..
This presentation and its content are SDL confidential unless otherwise specified, and may not be
copied, used or distributed except as authorised by SDL.
Software and Services for Human Understanding

61. © 2019 SDL
Image Credits
• “Midas kitchen” photo by Lukas Blazek on Unsplash
• “Content editor” Shutter-Stock royalty-free stock photo ID: 509732644 by Dean Drobot
• “Charcoal” photo by Armando Ascorve Morales on Unsplash
• “Place setting” photo by Michael Browning on Unsplash
• “Bread” photo by Victoria Shes on Unsplash
• “Beverages” photo by Ibrahim Boran on Unsplash
• “Burger” photo by Pablo Merchán Montes on Unsplash
• “Turkey feast” photo by Christiann Koepke on Unsplash
• “Big meal” photo by Gor Davtyan on Unsplash
• “Wheat photo” by Evi Radauscher on Unsplash
• “Simple kitchen” photo by Sidekix Media on Unsplash
• “Hill” photo by Scott Webb on Unsplash
• “Fork” photo by Matt Popovich on Unsplash
• “Fresh bread” photo by Vlad Kutepov on Unsplash
• “Dough” photo by Kate Kozyrka on Unsplash