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.

SDL Tridion Sites 9.5’s New User Interface: What’s Cooking? Tridion Developer Summit 2019

71 views

Published on

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.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

SDL Tridion Sites 9.5’s New User Interface: What’s Cooking? Tridion Developer Summit 2019

  1. 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. 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. 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. 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. 5. © 2019 SDL
  6. 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. 7. © 2019 SDL SITES 9.5: DAILY EDITORIAL TASKS • Component and page editing • Editorial actions • Information about items • Rich text formatted editing
  8. 8. © 2019 SDL
  9. 9. © 2019 SDL NEW UI FOR DAILY EDITORIAL ACTIONS
  10. 10. © 2019 SDL • Background • Demo • Prototypes • What’s next • SDL Ideas Menu
  11. 11. © 2019 SDL PREVIOUSLY AT TDS… 15
  12. 12. © 2019 SDL Graphene Flexible, adaptable design language that adapts to channel, device, and context for a consistent brand experience across products, services, and systems
  13. 13. © 2019 SDL Graphene design principles • Maintain focus • Progressive disclosure • Good defaults • Make it configurable • What you see is what you get
  14. 14. Classic UI New UI
  15. 15. 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)
  16. 16. © 2019 SDL Anguilla framework for the classic UI
  17. 17. © 2019 SDL Anguilla custom framework for the classic UI
  18. 18. Anguilla custom, home-grown framework for the classic UI
  19. 19. © 2019 SDL
  20. 20. © 2019 SDL “NEW EXPERIENCE MANAGER” DEMO
  21. 21. “You have the list and the form views. Why don’t you do everything in one go?” —Likhan Siddiquee Tridion development planning meeting
  22. 22. © 2019 SDL
  23. 23. © 2019 SDL CONTENT EXPLORER PROTOTYPE!
  24. 24. “Beautiful. Lovely.” “But wait, there’s more.” —Ferdi Koomen
  25. 25. © 2019 SDL EDITORIAL SNEAK PEAK 35
  26. 26. © 2019 SDL
  27. 27. © 2019 SDL
  28. 28. © 2019 SDL
  29. 29. © 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
  30. 30. © 2019 SDL Less is more
  31. 31. © 2019 SDL
  32. 32. © 2019 SDL
  33. 33. © 2019 SDL KEEP CALM AND GIVE US YOUR FEEDBACK
  34. 34. © 2019 SDL UX Research and Product Ideation http://community.sdl.com
  35. 35. © 2019 SDL IN SITES 9.0
  36. 36. “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
  37. 37. © 2019 SDL IN SITES 9.1
  38. 38. “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
  39. 39. “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
  40. 40. “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
  41. 41. © 2019 SDL IN-PROGRESS IDEAS FOR SITES 9.5
  42. 42. “Publication Panel Search/Filtering” Saurabh Gangwar https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl- tridion-sites-ideas/publication-panel-search-filtering
  43. 43. “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
  44. 44. “Syntax highlighting” ―Rob Stevenson-Leggett https://community.sdl.com/ideas/sdl-tridion-dx-ideas/i/sdl- tridion-sites-ideas/syntax-highlighting
  45. 45. “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
  46. 46. “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
  47. 47. “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
  48. 48. “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
  49. 49. © 2019 SDL Unpowered Ideas • Unclear problem or suggestion • Confused votes • Idea not on ideas
  50. 50. © 2019 SDL Turn the lights on! • Clear problem for who and why • Voters know what they might actually get • Sustainable energy to product management
  51. 51. © 2019 SDL TRIDION SITES 9.5 AND BEYOND
  52. 52. © 2019 SDL ONE UI
  53. 53. © 2019 SDL Touch-enabled UI (iOS tablets 9.7 inches)
  54. 54. © 2019 SDL SITES 9.5 New UI focuses on DAILY EDITORIAL TASKS • Editing • Actions • Information • Rich text improvements
  55. 55. BEYOND THE EDITOR (POST 9.5) After 9.5, we will revisit… • Less frequently-used actions • Developer tasks • Extensibility • Public REST API ("CoreService.REST")
  56. 56. © 2019 SDL ANSWERS & QUESTIONS
  57. 57. © 2019 SDL69
  58. 58. © 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
  59. 59. © 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

×