<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.rws.com/cfs-file/__key/system/syndication/atom.xsl" media="screen"?><feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-US"><title type="html">Blog</title><subtitle type="html" /><id>https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/atom</id><link rel="alternate" type="text/html" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog" /><link rel="self" type="application/atom+xml" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/atom" /><generator uri="http://telligent.com" version="12.1.4.25258">Telligent Community (Build: 12.1.4.25258)</generator><updated>2015-11-02T08:24:00Z</updated><entry><title>A Peek Into the Future UX and UI Beyond Tridion Sites 9 (Part 2)</title><link rel="alternate" type="text/html" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/future-ux-and-ui-beyond-tridion-9-part_2d00_2" /><id>https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/future-ux-and-ui-beyond-tridion-9-part_2d00_2</id><published>2017-11-13T14:00:00Z</published><updated>2017-11-13T14:00:00Z</updated><content type="html">&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/2656.part2_2D00_header.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/2656.part2_2D00_header.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Hello, glad to see you back! In &lt;a title="A Peak Into the Future UX and UI Beyond Tridion Sites 9 (Part 1)" href="/developers-more/feedback-groups/sdl_user_experience/b/blog/posts/future-ux-and-ui-beyond-tridion-9-part_2d00_1" target="_blank"&gt;the last blog post&lt;/a&gt; I introduced the key design drivers and the high-level design concepts for a new &amp;ldquo;Graphene UI&amp;rdquo; for SDL Tridion Sites. I also explained how it could address the workflows, needs and requirements of agile marketing teams running global web projects.&lt;/p&gt;
&lt;p&gt;For this post, I will dive into the design concepts through which we aim to address the challenges and needs of our tech-savvy implementation and expert user community. So, let&amp;rsquo;s have a look into BluePrinting, Content Management, Content Mashups and Channels, and how to configure and set up Tridion DX in the new Graphene UI.&lt;/p&gt;
&lt;h1&gt;BluePrinting&lt;/h1&gt;
&lt;p&gt;&lt;a title="What is BluePrinting in SDL Tridion Sites?" href="http://www.sdl.com/video/sdl-tridion-sites-wcm-blueprinting/75480/" target="_blank"&gt;BluePrinting&lt;/a&gt; makes SDL Tridion Sites as powerful and successful as it is, so we would like to expose and integrate it in a much more pervasive way. The&amp;nbsp;example below shows a small example&amp;nbsp;BluePrinting hierarchy in it&amp;#39;s current outlet in the UI, the BluePrint viewer.&amp;nbsp;It&amp;nbsp;allows&amp;nbsp;advanced users and implementers to define and manage a&amp;nbsp;large number of content publications, including their mutual relationships to each other.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509640519350v29.png"&gt;&lt;img src="/resized-image/__size/800x960/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509640519350v29.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Visualizing the BluePrint Hierarchy&lt;/h2&gt;
&lt;p&gt;Our design direction takes this current visualization approach and embeds the BluePrint hierarchy more seamlessly into the context of work, right next to the content&amp;nbsp;a user is&amp;nbsp;editing or managing. An implementer might need it when setting up and configuring content publications, an editor while deciding to either edit the &amp;quot;parent&amp;quot; of an article component in a lower BluePrint level, or to better localize it and break the inheritance. For both cases we integrated the BluePrint hierarchy as&amp;nbsp;as an alternative &amp;ldquo;view&amp;rdquo; on the list, so you can display any selected item in it&amp;#39;s BluePrint context at all time.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/n-IfgKWVaUs"&gt;https://youtu.be/n-IfgKWVaUs&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;From an implementation perspective, we think that the exact visualization of the BluePrint hierarchy should remain flexible through the use of modern, interactive, browser-based visualization methods and frameworks so it can be extended and adjusted as needed.&lt;/p&gt;
&lt;p&gt;There are so many different visualization techniques for data and information, why stick to one? Implementers should be able to define and plug-in their own if necessary and appropriate. As a start, we experimented with scalable hierarchical tree-type visualization that scale well, can be zoomed, and through which users will be able to interact with the nodes as an alternative way to manage and set up the BluePrint. See some examples from the &lt;a title="Visualization Examples" href="https://github.com/d3/d3/wiki/Gallery" target="_blank"&gt;D3 community&lt;/a&gt;:&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/5LXi1AT_Mfc"&gt;https://youtu.be/5LXi1AT_Mfc&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Visualizing&amp;nbsp;Content, Relationships,&amp;nbsp;Dependencies, etc.&lt;/h2&gt;
&lt;p&gt;And while we are talking about visualization techniques for data, think about other lists, items, relationships, etc. in Tridion Sites that could be visualized too. See some examples below to spark your imagination.&lt;/p&gt;
&lt;p&gt;We as humans evolved into incredible pattern recognition machines over the last millennia, something we are still much better at than our new AI colleagues. Visualizing data in different forms and formats will allow us to make use of this ability and spot trends and patterns in data and content in Tridion Sites.&lt;/p&gt;
&lt;p&gt;For example, this visualization could show click paths, broken links or &amp;ldquo;where used&amp;rdquo; content relationships.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/pmDK4trZ96M"&gt;https://youtu.be/pmDK4trZ96M&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This variation could list all publication content and show usage, references, and semantically related content.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/1cnRdBYGytA"&gt;https://youtu.be/1cnRdBYGytA&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This visualization could break down your content by publication, language, country, site, team, etc.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/m_mhuK6aJUM"&gt;https://youtu.be/m_mhuK6aJUM&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;And this example could inform you about page visits by personas or adaptive personalization results.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/2F_fzvsS6iM"&gt;https://youtu.be/2F_fzvsS6iM&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;But enough about visualizing content, let&amp;rsquo;s talk about managing content and how it&amp;rsquo;s supported in the new Tridion Site Graphene UI.&lt;/p&gt;
&lt;h1&gt;Content Management&lt;/h1&gt;
&lt;p&gt;The &amp;ldquo;Content&amp;rdquo; section in the main navigation will address all tasks around setting up, managing, moving and localizing content etc. It assumes a basic understanding of the way the BluePrint hierarchy is set up, how the content is structured, and how Tridion is set up for the individual customer implementation.&lt;/p&gt;
&lt;h2&gt;Collections&lt;/h2&gt;
&lt;p&gt;To improve content &amp;ldquo;findability&amp;rdquo; and reduce number of clicks for regular content management tasks, we came up with the concept of content &amp;ldquo;Collections&amp;rdquo;. Think of collections as a &amp;ldquo;saved search&amp;rdquo; or a &amp;ldquo;virtual folder&amp;rdquo; in Tridion terms, but preconfigured and provided out of the box. Collections could be &amp;ldquo;smart&amp;rdquo;, so they learn and adapt based on the user&amp;rsquo;s individual behavior or on the aggregated usage patterns across all users.&lt;/p&gt;
&lt;p&gt;Collection quick previews provide an indication of what or how much content sits behind a collection at a glance. In addition, any search you perform and save will end up here. Because Tridion DX will go across Tridion Sites and Tridion Docs, results will include both marketing and structured content. The objective is to provide the user with quick access to relevant content, minimizing the need to navigate the actual content hierarchies as much as possible.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/YlbbPMxKIy0"&gt;https://youtu.be/YlbbPMxKIy0&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Ease-of-Use Features&lt;/h2&gt;
&lt;p&gt;To ease navigation and search, the content manager explorer UI will include the following features:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;The removal of the Ribbon toolbar in favor of a contextual action buttons (dependent on current selection)&lt;/li&gt;
&lt;li&gt;Search at the top any list (search options will be provided in left hand filter panel for better accessibility)&lt;/li&gt;
&lt;li&gt;List filter&amp;nbsp;options will be provided in a left hand panel too&amp;nbsp;(on demand)&lt;/li&gt;
&lt;li&gt;Preview panel with content previews and summary appears on the right (appears when content is selected)&lt;/li&gt;
&lt;li&gt;Path for the current location with horizontal (folders on the same level) and vertical (parent folders) navigation options accessible at the bottom&lt;/li&gt;
&lt;li&gt;Pagination for lists&lt;/li&gt;
&lt;li&gt;Key actions will be available directly in the list (rename/bulk rename etc.)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;a href="https://youtu.be/4cs7W2h7LCE"&gt;https://youtu.be/4cs7W2h7LCE&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Navigating Content&lt;/h2&gt;
&lt;p&gt;By default we have chosen for a mobile design pattern to&amp;nbsp;navigate the content structure&amp;nbsp;(tapping into a folder and going back to parent level via back button). This is required to ensure the scalability of the UI to mobile form factors and enable touch interaction.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/Content-_2D00_-Web-Content-_2D00_-Level-2-Copy-3.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/Content-_2D00_-Web-Content-_2D00_-Level-2-Copy-3.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;For desktop environments featuring big screens however, we will provide the option to switch to a&amp;nbsp;traditional two-panel setup (tree on left, with list next to it). This empowers implementors that have to browse and switch publications a lot during system setup.&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/5287.Content-_2D00_-All-Content-_2D00_-Level-3-_2D00_-Mobile.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1280x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/5287.Content-_2D00_-All-Content-_2D00_-Level-3-_2D00_-Mobile.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;In-line Alerts&lt;/h2&gt;
&lt;p&gt;The list would also allow for alerts, change indications, or inline updates. The example below shows how an alert could be exposed in-line, notifying the current user that the parent item for a localized item has recently been updated and requires review. Selecting the item will provide more details about the alert in the preview panel on the right.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509640952209v31.png"&gt;&lt;img src="/resized-image/__size/1560x974/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509640952209v31.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Content Items&lt;/h2&gt;
&lt;p&gt;As before, each individual content (e.g. a Page or Component) item will be shown in a separate screen, relying on native browser tabs for multi-document scenarios. Our design goal and challenge for every individual item screen is to radically simplify and improve them, the example below shows a component.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/6354.pastedimage1510660842890v13.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/6354.pastedimage1510660842890v13.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;As already described in the &lt;a title="Tridion DX" href="http://www.sdl.com/about/news-media/press/2017/tridion-dx.html" target="_blank"&gt;recent Tridion DX announcement&lt;/a&gt;, Tridion Sites can be run in a variety of &amp;ldquo;headless&amp;rdquo; or &amp;ldquo;Content API&amp;rdquo; scenarios. In such scenarios, content will be managed in Tridion Sites, but published to a variety of different delivery environments, contexts and mashups.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509640981468v32.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509640981468v32.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;In this case, Tridion does not manage the web page to which the content is published. This requires some level of &amp;ldquo;omni-channel preview&amp;rdquo; to enable editing and previewing several applicable contexts and channels. The example below shows how such preview could be integrated into a typical content component screen, allowing accurate and nearly accurate previews for several publishing contexts.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/MM_sb898M0E"&gt;https://youtu.be/MM_sb898M0E&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Form views in Tridion Sites will be radically simplified with clean form design, appropriate sizing of fields and UI controls, and a smarter and more contextual exposure of actions and functionality. We hope this will make the content editing experience using form views much more effective and easier to use.&lt;/p&gt;
&lt;p&gt;A design strategy we defined around editing controls (e.g. when editing a rich text field) is to use the same controls for the same field type across form views and in-context editing in Experience Manager. This means the editing experience is consistent regardless of where it&amp;rsquo;s done. Functionality and options are also shown &amp;ldquo;on demand&amp;rdquo; to not &amp;ldquo;clutter the UI&amp;rdquo; if not necessary.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509641075419v34.png"&gt;&lt;img src="/resized-image/__size/1560x470/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509641075419v34.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;Channels &amp;amp; In-context Editing&lt;/h1&gt;
&lt;p&gt;The &amp;ldquo;Channels&amp;rdquo; section in the main navigation lists all destinations you will be able to publish to from Tridion Sites. It contains all kind of content mashups (e.g. if you are publishing web content to an eCommerce or marketing platform), your Tridion Docs publications, and of course it will contain your Tridion Sites. Creating, managing, and localizing sites will be possible via a sites grid/list. Sites are represented as cards or in a list view, containing relevant information (e.g. available languages), status, and actions right there.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/4bFP2nBqZ-I"&gt;https://youtu.be/4bFP2nBqZ-I&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;From here, users will be able to navigate to a specific site (either on staging or the live site) to see it in context. If users navigate to the staging environment of a site they will be able to preview and edit content in context using the experience manager user interface.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/vaglqkCpJZE"&gt;https://youtu.be/vaglqkCpJZE&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Our design strategy for Experience Manager focuses on improving known issues and shortcoming while radically simplifying the editing experience. The content will have the center stage and Tridion Sites UI and overlays will only be shown if necessary. Regions, drop zones, borders etc. will all be there too &amp;ndash; but hidden if possible to keep the users focus on the content as it really looks and feels.&lt;/p&gt;
&lt;p&gt;The Ribbon toolbar goes in favor of more embedded, contextual controls. Default tasks, such as adding content, will also be triggered from the region or location on the page where the new content should be added. There, it will reveal options for content types that can be added in the first place, and exposes a content browser to find the actual content after.&lt;/p&gt;
&lt;p&gt;Browsing content will use the same navigation screens and principles as discussed earlier in context of &amp;ldquo;Content Management&amp;rdquo;, but in context for the specific task. We believe this will make the editing and navigation experience more consistent, seamless and integrated between in-context and out-of-context editing. This general design approach for in-context editing will allow us to expose an &amp;ldquo;embedded experience manager&amp;rdquo; together with a region and related content in content mashup scenarios. More about this in a later post.&lt;/p&gt;
&lt;h1&gt;Tridion&amp;nbsp;Settings&lt;/h1&gt;
&lt;p&gt;Last topic in this Tridion Sites UI design preview, but nonetheless an important one, is the reorganization and simplification of system settings. Tridion grew over the years and was extended from version by version, so did the possibilities and formats to set up and configure it. The new Tridion UI will have one &amp;ldquo;Settings&amp;rdquo; section that is accessible via the main navigation. For business users, it might only contain their personal user settings and preferences. For systems admins, it will provide full access to all settings around Tridion Sites, Tridion Docs, User and Group management, and a section dedicated to Integrations and Connectors.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/8420.Settings.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/8420.Settings.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Extensibility of Tridion Sites is a very important topic for us and I will provide another design update dedicated to that. Our aim is to provide a simple and guided way to browse apps and extensions from different sources and stores (e.g. SDL App Store or Alchemy App Store), install them easily via the UI, or even preselect and approve individual UI extensions on a user by user basis from a centralized location. More on this topic soon!&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/2134.Settings-_2D00_-Integrations-and-Connectors.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/2134.Settings-_2D00_-Integrations-and-Connectors.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;That summarizes our preview of the broad design concepts and the new Graphene UI for Tridion Sites. &lt;a href="/developers-more/feedback-groups/sdl_user_experience/b/blog/posts/future-ux-and-ui-beyond-tridion-9-part_2d00_1" target="_blank"&gt;The first post&lt;/a&gt; focused on the overall design direction and what&amp;rsquo;s in for business users and content teams. This post highlighted concepts and strategies aiming at our technical expert user community. We at SDL are super excited about this project and I personally hope that through this Blog I was able to share a bit of this excitement with you too.&lt;/p&gt;
&lt;h1&gt;What&amp;rsquo;s next?&lt;/h1&gt;
&lt;p&gt;As development teams are gearing up to lay the foundation for the new UI and bring all API&amp;rsquo;s in shape and form to start building it, the UX design and product management team is in the middle of validating and testing the above concepts and designs with customers. It&amp;rsquo;s iterative, so what I described above will change and evolve based on feedback we receive and the things we learn along the way. Do you or your organization want to be part of this process? &lt;strong&gt;Reach out and let us know!&lt;/strong&gt; We are eager to evolve those design concepts in every iteration in real world scenarios. That&amp;#39;s the only way to translate a pretty idea into a usable and valuable product!&lt;/p&gt;
&lt;p&gt;And finally, we can only learn and evolve if we hear from you and understand you better! So please leave any feedback or questions you might have below this post and continue the conversation there.&lt;/p&gt;
&lt;p&gt;SDL&amp;rsquo;s User Experience Design Team!&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="https://community.rws.com/aggbug?PostID=7396&amp;AppID=99&amp;AppType=Weblog&amp;ContentType=0" width="1" height="1"&gt;</content><author><name>Philipp Engel</name><uri>https://community.rws.com/members/pengel</uri></author><category term="Tridion-DX" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Tridion_2D00_DX" /><category term="Usability" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Usability" /><category term="UI" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/UI" /><category term="Tridion" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Tridion" /><category term="ux" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/ux" /><category term="Sites" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Sites" /></entry><entry><title>A Peek Into the Future UX and UI Beyond Tridion Sites 9 (Part 1)</title><link rel="alternate" type="text/html" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/future-ux-and-ui-beyond-tridion-9-part_2d00_1" /><id>https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/future-ux-and-ui-beyond-tridion-9-part_2d00_1</id><published>2017-11-07T00:00:00Z</published><updated>2017-11-07T00:00:00Z</updated><content type="html">&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/part1_2D00_header.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/part1_2D00_header.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;It&amp;rsquo;s been a while since you&amp;rsquo;ve heard from us here, so let&amp;rsquo;s change that! By &amp;lsquo;us&amp;rsquo; I mean the user experience design team at SDL; a small group of design thinkers, prototype tinkerers and interface artists. Rest assured, we haven&amp;rsquo;t been lazy or out surfing. We&amp;rsquo;ve been working hard on a variety of exciting projects and products.&lt;/p&gt;
&lt;p&gt;One of the projects we&amp;rsquo;re really excited about is a new user experience design for SDL Tridion Sites. It&amp;rsquo;s still early in the process, but far enough to get our community to validate and provide feedback. And that&amp;rsquo;s where you come in! :-)&lt;/p&gt;
&lt;p&gt;I&amp;rsquo;m sure you&amp;rsquo;ve seen the recent announcement around SDL Tridion DX, which harmonizes SDL Tridion Sites (former SDL Web) and SDL Tridion Docs (former SDL Knowledge Center) into one suite. If not, &lt;a title="Tridion DX" href="http://www.sdl.com/about/news-media/press/2017/tridion-dx.html" target="_blank"&gt;check it out &lt;strong&gt;here&lt;/strong&gt;&lt;/a&gt;! We think this is excellent news as it allows us to rethink and redesign how these products work, look and feel. So, how do we start?&lt;/p&gt;
&lt;h2&gt;Content is Content&lt;/h2&gt;
&lt;p&gt;We know that each product serves different user communities: marketing departments for Tridion Sites, and product and support teams for Tridion Docs. Both of these communities often work on content that eventually ends up on the same web pages, whether that&amp;rsquo;s a marketing campaign, an interactive product configurator, a shopping experience, or a support article.&lt;/p&gt;
&lt;p&gt;Through our ongoing research, we have made a lot of friends in both communities, and recognize that in many organizations these content teams are still quite separate. But we also see that organizations can no longer afford to operate in silos. Today&amp;rsquo;s rich and engaging customer experiences require efficient and integrated solutions in which collaboration and transparency are key.&lt;/p&gt;
&lt;p&gt;Scenarios involving content mashups and content API use require many moving parts to coordinate and (inter-)operate. Content needs to move through a content lifecycle process in an efficient and directed manner. We think we can support that very effectively by aligning and evolving the user experience and user interfaces of both products, Tridion Sites and Tridion Docs.&lt;/p&gt;
&lt;h2&gt;Our Direction&lt;/h2&gt;
&lt;p&gt;I would like to share the results of the first iteration of this design process in this and the next post, providing the broad strokes of our experience design direction, including many concrete and visual examples to make it as tangible as possible. Consider it a minimum viable concept design which we build to learn. So please stick with me, even though it&amp;rsquo;s a bit of a long read, and provide your feedback in form of a comment below!&lt;/p&gt;
&lt;h1&gt;Graphene Design Language &amp;ndash; A New UX &amp;amp; UI Paradigm&lt;/h1&gt;
&lt;p&gt;SDL&amp;rsquo;s user experience design team works across all SDL projects. We are a small but well-connected community, so we exchange our work and learn from each other, even though we serve entirely different markets and domains.&lt;/p&gt;
&lt;p&gt;The new Tridion DX interface paradigm originated in a different domain, for different user needs and requirements. In the last few years, we launched a variety of services for professional translators with our Language Cloud offerings. The challenge was to design new user experiences for individuals and small teams who would review and assess our offerings on a public website, comparing us against other online services.&lt;/p&gt;
&lt;p&gt;This meant that all of the flows and interactions needed to be engaging, relevant, valuable, and most of all, self-service. While subscription plans and trials make it easy to win subscribers, they are just as easily lost if they don&amp;rsquo;t see value or dislike the user experience. The marketing messages, visual content, sign-up and onboarding all had to be simple, intuitive, modern and appealing.&lt;/p&gt;
&lt;p&gt;This context informed a new user interface design language, which we later called the &lt;strong&gt;Graphene UI&lt;/strong&gt;. This is the result:&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509981246518v23.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509981246518v23.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Our previous product UIs followed the &amp;lsquo;Carbon&amp;rsquo; metaphor: a strong material for highly specialized applications in enormously complex and demanding circumstances. This metaphor reflected our enterprise customers&amp;rsquo; day-to-day reality, so this was a good UI metaphor at the time.&lt;/p&gt;
&lt;p&gt;The Graphene UI also follows&amp;nbsp;this &amp;lsquo;UI materials&amp;rsquo; metaphor. Graphene as a real material is considered the material of the future: truly two-dimensional, 207 times stronger than steel and bendable. It conducts heat and electricity efficiently and is nearly transparent&amp;hellip; think what you can build with that!&lt;/p&gt;
&lt;p&gt;Graphene is the perfect metaphor to describe our ambition to create a new class of user interfaces at SDL.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509981482296v25.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509981482296v25.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;This new UI design language should be state of the art in terms of aesthetics and visual design, it should firmly carry the SDL brand, it should be robust and strong enough to carry the weight of highly complex enterprise implementations, and it should be flexible enough to adjust and adapt to the variety of digital channels, contexts and devices our customers use today and tomorrow.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639070587v8.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639070587v8.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Our journey towards this new design language started with Translation and Localization Management products, including SDL Trados GroupShare and the SDL Language Cloud Translation Toolkit, which have already been released with a new Graphene UI. Others are currently being worked on.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639197885v10.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639197885v10.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;From these products, we learn and actively collect feedback to further inform the development and evolution of the Graphene UI. Now we have started translating the Graphene UI to Tridion DX, starting with Tridion Sites. It&amp;rsquo;s a balancing act, maintaining the level of simplicity and usability that inherent to the promise of Graphene, without compromising the flexibility and extensibility of the Tridion Sites product.&lt;/p&gt;
&lt;p&gt;But what would a design challenge be without a good set of constraints, right?&amp;nbsp;[;)]&lt;/p&gt;
&lt;h1&gt;Graphene UI for SDL Tridion DX&lt;/h1&gt;
&lt;p&gt;We started the discussion on how to design and build this new user interface across the various Tridion Sites design, development and architecture teams. From a UX design perspective we assume a full responsive user interface, that seamlessly scales to a variety of different devices and form factors.&lt;/p&gt;
&lt;p&gt;While we are not yet taking a &amp;ldquo;mobile first&amp;rdquo; approach, as this does not represent the context and the preferences of the majority of our user base, we will ensure that all screens are fully designed for touch interactions and gracefully scale to mobile.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509981791627v26.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509981791627v26.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The below screen gives an idea how a typical Tridion Sites &amp;ldquo;list screen&amp;rdquo; translates to the new Graphene UI. It&amp;rsquo;s simple and clean, gently exposing our new corporate brand identity, with much more white space and a clear focus on relevant and applicable information and controls.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639293216v13.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639293216v13.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;However, we know that changing the look of the UI, and making it responsive and touch friendly, does not radically alter the overall user experience.&lt;/p&gt;
&lt;p&gt;The Tridion UI was built on the hierarchical content structure that sits at its core. For implementers or admin users who know their way around the setup, this poses no difficulty and makes this structure quite intuitive. However, for business users such as content owners, copywriter and web designers, this poses an unnecessary level of complexity, distracting them from their main focus and passion: the content itself.&lt;/p&gt;
&lt;p&gt;Improving the user experience for these users can be achieved by abstracting the complexity that comes with each implementation to a business process level. These business processes revolve around content lifecycle management and deserve a prominent spot in the user interface and overall information architecture.&lt;/p&gt;
&lt;h1&gt;Setting Up a Task-based Information Architecture&lt;/h1&gt;
&lt;p&gt;Taking into account the Tridion information architecture and the need to make the experience and task flows more intuitive led us to these questions:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;How do companies and teams typically manage and operate their content management systems and processes?&lt;/li&gt;
&lt;li&gt;Is there a default operating model?&lt;/li&gt;
&lt;li&gt;And if so, can we change the UI to better support and guide such a model?&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Of course, every company is a little different, works in a different way, and has different goals and objectives, so we had to generalize and idealize. We applied the &lt;a title="What is the JTBD Framework?" href="https://jtbd.info/2-what-is-jobs-to-be-done-jtbd-796b82081cca" target="_blank"&gt;Jobs To Be Done (JTBD) framework&lt;/a&gt; as a tool to map the individual &amp;ldquo;jobs&amp;rdquo; every company needs to get done and for which it would &amp;ldquo;hire&amp;rdquo; products.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509641744230v19.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509641744230v19.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Content Lifecycle&lt;/h2&gt;
&lt;p&gt;We followed a typical content lifecycle process and clustered jobs into main categories, drawing an idealized flow from planning through to archiving and retiring content.&lt;/p&gt;
&lt;p&gt;This categorization and flow is more aligned with a business user&amp;rsquo;s mental model of Tridion Sites. We used it as the basis for the overall information architecture and navigation setup. We are also very conscious of the needs and requirements of our technical user base as well, since both users need to find their way through the UI quickly and effectively.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/5775.pastedimage1509999274711v19.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/5775.pastedimage1509999274711v19.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Roles and Personas&lt;/h2&gt;
&lt;p&gt;We chose the main navigation sections to correlate with the roles and job profiles within our customers&amp;rsquo; organizations. This will allow for hiding or deemphasizing navigation options for different groups of personas to ensure individual users will see and use options relevant and necessary for their workflow, allowing for more focus and providing implicit guidance for the task at hand.&lt;/p&gt;
&lt;p&gt;In addition to the structural change, we changed the visual representation of the main and sub navigation to be visible at the top of the screen and not hidden away in a slide-in menu.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/7851.pastedimage1509999670780v20.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/7851.pastedimage1509999670780v20.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;The Onboarding Experience&lt;/h1&gt;
&lt;p&gt;When you enter your office or home you would like to be welcomed and feel comfortable. Why should this be any different when you enter a web content management system? We took this analogy to work on the Tridion Sites first touch and onboarding experience.&lt;/p&gt;
&lt;p&gt;Like the lobby of an office building, a first time a user will be greeted on a welcome screen, like in the lobby of an office building. After logging in for the first time, the users is provided with all the information needed and wanted, such as a general or personalized video, step-by-step guides, quick access to learning material and documentation, prompts for required setup activities.&lt;/p&gt;
&lt;p&gt;Of course, this also includes the ability to adjust and change the login experience to the individual needs of a user as she grows into and expert and more experienced user. The idea is that the UI grows with the individual user, becoming more sophisticated as the user requires more expert functionality.&lt;/p&gt;
&lt;p&gt;The example below shows this behavior of the user dashboard which transforms from a general welcome screen to a more personalized and advanced dashboard.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/3632.Screen-Shot-2017_2D00_11_2D00_06-at-21.26.54.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/3632.Screen-Shot-2017_2D00_11_2D00_06-at-21.26.54.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/8422.pastedimage1509999886084v23.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/8422.pastedimage1509999886084v23.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Please consider the startup screen as an example. We want to improve the out-of-the-box character of Tridion Sites altogether. The goal is to provide a standard setup that comes with good defaults so that customers can use it from the start and do not necessarily require extensive configuration.&lt;/p&gt;
&lt;h1&gt;Dashboards&lt;/h1&gt;
&lt;p&gt;The &amp;quot;Dashboard&amp;quot; section is the &amp;ldquo;home&amp;rdquo; of the main navigation and where you would enter Tridion Sites. Dashboards will provide a powerful and flexible way to quickly access data and any kind of information in a short, visual, summarized format.&lt;/p&gt;
&lt;p&gt;We also expect dashboards and their information to become the key screens that users will consume most when using mobile devices &amp;lsquo;on the go&amp;rsquo;. For this interaction, we will continue to follow the &amp;ldquo;better out-of-the-box experience&amp;rdquo; principle, providing a handful of relevant preconfigured dashboards, including the &amp;ldquo;cards&amp;rdquo; and connectors that come with them.&lt;/p&gt;
&lt;p&gt;This individual &lt;em&gt;user dashboard&lt;/em&gt; will provide a personalized view on tasks, notifications, shortcuts and key metrics. The data and cards on this dashboard will vary depending on the user&amp;rsquo;s role, behavior and preferences.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/9s--tcZX1dU"&gt;https://youtu.be/9s--tcZX1dU&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;A &lt;em&gt;content reports dashboard&lt;/em&gt; could also come out of the box, providing a variety of information and metrics directly related to content stored in and managed by Tridion Sites. This type of dashboard would not be personalized but would show system and content metrics. In addition to the mobile device &amp;lsquo;quick peek&amp;rsquo; example, use cases for this type of dashboard include kiosks and large screen displays in physical team spaces, as a live view on what&amp;rsquo;s happening in Tridion Sites.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/oQQMAFAEA_k"&gt;https://youtu.be/oQQMAFAEA_k&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Our main strategy for the dashboards relies on the experience, competence and creativity of our developer community and implementation partners, who are closest to the needs and characteristics of any specific customer implementation.&lt;/p&gt;
&lt;p&gt;These professionals have a deep understanding of the type of data and information which should be represented as dashboards. So be assured that your support, guidance and documentation towards developing and connecting new cards, connectors, whole dashboards and more will be as essential as developing the dashboard mechanism that will come with the product.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639875712v28.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/pastedimage1509639875712v28.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h1&gt;Team Collaboration in the Content Lifecycle&lt;/h1&gt;
&lt;p&gt;When analyzing and categorizing the jobs related to content lifecycle management, we see that in reality many organizations use a small core of Tridion teams that run multilingual websites, globally distributed and working on multiple projects at the same time.&lt;/p&gt;
&lt;p&gt;Most organizations run a form of agile, meaning processes keep changing and evolving, so static or inflexible workflow models won&amp;rsquo;t work or help. This is where the previously mentioned abstraction layer around business processes will enable a much larger marketing audience to run and contribute to content lifecycle projects while at the same time managing the underlying content in Tridion Sites.&lt;/p&gt;
&lt;h2&gt;Updates&lt;/h2&gt;
&lt;p&gt;This layer will manifest in a new navigation section called &amp;ldquo;Activity&amp;rdquo;, dedicated to everything around tracking tasks and getting work done. It comes with &amp;ldquo;Updates&amp;rdquo; which provides a simple and personalized overview what happened in Tridion Sites since the last login. The stream would allow for filtering updates for a specific project, product, publication, country, language, team, event, workflow status&amp;hellip; you get the idea.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/X8ENkMlrOQE"&gt;https://youtu.be/X8ENkMlrOQE&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Projects&lt;/h2&gt;
&lt;p&gt;Although the actual business processes our customers deploy and run are all different and unique, they all contain the concept of &amp;ldquo;projects&amp;rdquo; in one way or another.&lt;/p&gt;
&lt;p&gt;A Tridion Sites project could have its own updates stream, a list of collaborators, deadlines and milestones (e.g. for content review, translation, publish and unpublish content, etc.), tasks and assignees, translation jobs, and related content or placeholders, which has to be created and published.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/1f6HnVHyrz0"&gt;https://youtu.be/1f6HnVHyrz0&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Providing project managers with the ability to create and manage web projects, assignments, deadlines, milestones, teams, tasks and placeholder content at a publication or folder level will allow team members to focus on content creation, review, optimization and publishing tasks. It will alleviate the need to be concerned with the actual BluePrint structure, which can be overwhelming and sometimes unnecessary for an inexperienced user.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/vjMIGcaoq3A"&gt;https://youtu.be/vjMIGcaoq3A&lt;/a&gt;&lt;/p&gt;
&lt;h2&gt;Workflow &amp;amp; Translations&lt;/h2&gt;
&lt;p&gt;Besides &amp;ldquo;Updates&amp;rdquo; and &amp;ldquo;Projects&amp;rdquo;, you will also find &amp;ldquo;Workflow&amp;rdquo; and &amp;ldquo;Translations&amp;rdquo; in the &amp;ldquo;Activity&amp;rdquo; section. Workflow provides familiar access to all workflow activities on your or your team&amp;rsquo;s name. They are listed independent to the project they belong to. This will allow users to track tasks across multiple projects that run in parallel.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/RlP8sjvQVg8"&gt;https://youtu.be/RlP8sjvQVg8&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;The new Graphene UI aims to provide this information and representation in an integrated and in-context way. We aim to avoid pop-up windows as much as possible to account for seamless mobile and tablet experiences. Lists of items, for example, will include several different &amp;ldquo;views&amp;rdquo;, allowing items (content, tasks, projects, etc.) to be represented in all kind of formats and visualizations (besides typical grids and lists).&lt;/p&gt;
&lt;p&gt;For workflow and translation jobs we are exploring a &amp;ldquo;Kanban View&amp;rdquo; so you can represent your team&amp;rsquo;s tasks on a typical &lt;a title="What is a Kanban board?" href="https://en.wikipedia.org/wiki/Kanban_board" target="_blank"&gt;Kanban board&lt;/a&gt; and use it in your daily team standups. For &amp;ldquo;projects&amp;rdquo; which also have a time dimension, we are exploring editorial calendar views and Gantt chart representations for project planning and resource allocation.&lt;/p&gt;
&lt;p&gt;&lt;a href="https://youtu.be/fUQg5FCApJQ"&gt;https://youtu.be/fUQg5FCApJQ&lt;/a&gt;&amp;nbsp;&lt;/p&gt;
&lt;p&gt;In-house linguist reviews of returning translation jobs will also become a seamless experience as we will be using our &lt;a title="Learn more about SDL Online Translation Editor" href="http://www.sdltrados.com/products/language-cloud/online-editor/" target="_blank"&gt;SDL Online Editor&lt;/a&gt;, a web based translation editor and review tool, which already adopted the Graphene UI and will plug in seamlessly.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/OE-_2D00_-Review-_2D00_-Comments-2.png"&gt;&lt;img style="height:auto;" src="/resized-image/__size/1560x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/OE-_2D00_-Review-_2D00_-Comments-2.png" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;You could argue that &amp;ldquo;Dashboards&amp;rdquo; and &amp;ldquo;Activities&amp;rdquo; including &amp;ldquo;Projects&amp;rdquo; will be all what marketing and content creation teams need to get their work done. They might not even require access to the additional navigation sections and as a consequence would enjoy a radically simplified user interface.&lt;/p&gt;
&lt;p&gt;But obviously, somebody needs to do the &amp;ldquo;heavy lifting&amp;rdquo; and those personas need efficient access to the deeper layers of Tridion Sites including all its complexity.&lt;/p&gt;
&lt;p&gt;This will be subject of the next post on this space. How the Tridion Sites Graphene UI will address the demands and expectations of our tech-savvy implementation and expert user community, and how the new UI will look and feel for them. So stay tuned for Part 2!&lt;/p&gt;
&lt;h1&gt;We love to hear from you!&lt;/h1&gt;
&lt;p&gt;We are curious what you think! We can only learn and evolve if we hear from you and understand you better! So please leave any feedback or questions you might have below this post and continue the conversation there.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;SDL&amp;rsquo;s User Experience Design Team!&lt;/em&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="https://community.rws.com/aggbug?PostID=7384&amp;AppID=99&amp;AppType=Weblog&amp;ContentType=0" width="1" height="1"&gt;</content><author><name>Philipp Engel</name><uri>https://community.rws.com/members/pengel</uri></author><category term="Tridion-DX" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Tridion_2D00_DX" /><category term="Usability" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Usability" /><category term="UI" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/UI" /><category term="Tridion" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Tridion" /><category term="ux" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/ux" /><category term="Sites" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/Sites" /></entry><entry><title>Data-driven design</title><link rel="alternate" type="text/html" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/data-driven-design" /><id>https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/data-driven-design</id><published>2015-11-23T09:22:00Z</published><updated>2015-11-23T09:22:00Z</updated><content type="html">&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/man_2D00_glass_2D00_gr.jpg"&gt;&lt;img src="/resized-image/__size/940x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/man_2D00_glass_2D00_gr.jpg" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;Even if you are a member of&amp;nbsp;&lt;a href="https://www.mensa.org/" title="Mensa International"&gt;Mensa International&lt;/a&gt;&amp;nbsp;or a professor in rocket science,&amp;nbsp;I believe that I can confidently say that you are probably very bad at reading someone else&amp;#39;s mind. If you want, you can give it a try. Look at the person closest to you and focus. Focus on what they might be thinking about right now and then check with them if you were correct or not. And? You were miles off. And now try and do the same for someone that you don&amp;#39;t see or don&amp;#39;t even know personally. And? Even worse.&amp;nbsp;&lt;/p&gt;
&lt;p&gt;So if we&amp;#39;re all so bad at reading someone else&amp;#39;s mind, why do we often assume we know what people want, need &amp;amp; think when we make decisions about what products to build for these same people, what features they need and how they use the products we just sold them?&lt;/p&gt;
&lt;p&gt;In most situations, the answer is probably that &amp;ldquo;we know that we don&amp;rsquo;t know but we have to make a decision so we just guess and hope for the best&amp;rdquo;. And in most situations, that means that you&amp;rsquo;re building your companies&amp;rsquo; future on chance. And the chance that you are wrong is a whole lot bigger than that you are right.&lt;/p&gt;
&lt;p&gt;At SDL, we don&amp;rsquo;t pretend that we can read minds but we definitely try and reduce the &amp;lsquo;not knowing&amp;rsquo; part and thus reduce the chance that we&amp;rsquo;re wrong about what people need or how they&amp;rsquo;re using our products. We call this data-driven design. This means that we are always seeking data about what people need, how they work, and how well new designs and features match their needs and whether they can be used by them.&lt;/p&gt;
&lt;p&gt;The SDL UX group uses a wide array of methods and tools to gather this type of data to help ourselves and the teams we work with to reduce the amount of guessing we do.&lt;/p&gt;
&lt;p&gt;As people &lt;a href="http://uxmyths.com/post/746610684/myth-21-people-can-tell-you-what-they-want"&gt;are very bad&lt;/a&gt; at talking about what it is they want or need, we prefer to go out and talk and observe them as they perform their regular work activities &lt;a href="https://en.wikipedia.org/wiki/Contextual_inquiry"&gt;in their own context&lt;/a&gt; or during &lt;a href="https://en.wikipedia.org/wiki/Usability_testing"&gt;usability tests&lt;/a&gt; (also called qualitative research). This gives us the opportunity to learn from what they do as well as what they say. Personally, I always compare it to how hard it is for someone to explain to me how they ride their bike. Because they&amp;rsquo;ve automated most of their actions to the point where they don&amp;rsquo;t even have to think about them anymore, it is difficult for them to explain what they do but it is very easy for them get their bike and show me how they ride it.&lt;/p&gt;
&lt;p&gt;We are also working with the R&amp;amp;D teams to implement technology that will help us understand how people use our products, which we have called Telemetry. This is something that is very common on regular websites but we don&amp;rsquo;t have this (yet) in most of SDL&amp;rsquo;s products. The quantitative data we get through this method will tells us WHAT people do and if we then &lt;a href="http://usabilitygeek.com/benefits-of-merging-quantitative-and-qualitative-data-in-ux-studies/"&gt;combine it with qualitative data&lt;/a&gt;, gained through interviews and observations, about WHY they do them, we have a fairly complete set of data to help us inform what we should and could do in the future to improve our products and services.&lt;/p&gt;
&lt;p&gt;So, in summary, we are constantly generating data through qualitative and quantitative methods to help us make the right decisions. To be able to do that, we are always interested in getting into contact with you, our users, partners, developers, implementers and general members of the community. If you&amp;rsquo;re interested in helping out, post a comment below and we&amp;rsquo;ll contact you.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="https://community.rws.com/aggbug?PostID=2298&amp;AppID=99&amp;AppType=Weblog&amp;ContentType=0" width="1" height="1"&gt;</content><author><name>Arne de Booij</name><uri>https://community.rws.com/members/adebooij</uri></author><category term="ux team" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/ux%2bteam" /></entry><entry><title>The UX Team at SDL – What we do</title><link rel="alternate" type="text/html" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/ux-team-at-sdl-what-we-do" /><id>https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/ux-team-at-sdl-what-we-do</id><published>2015-11-16T16:11:54Z</published><updated>2015-11-16T16:11:54Z</updated><content type="html">In the last post I introduced the UX team at SDL and explained our general motivation with this community group. In this post I will describe “ What we do ” in more detail, so the services we offer and how those map to the UX roles we have in our team. 
 The services the UX team at SDL offers can be broken down into 4 main pillars: 
 1) Strategic UX describes the collaboration of the UX team with the business, and more particularly with the product management teams. This includes all kind of activities...(&lt;a href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/ux-team-at-sdl-what-we-do"&gt;read more&lt;/a&gt;)&lt;img src="https://community.rws.com/aggbug?PostID=2475&amp;AppID=99&amp;AppType=Weblog&amp;ContentType=0" width="1" height="1"&gt;</content><author><name>Philipp Engel</name><uri>https://community.rws.com/members/pengel</uri></author><category term="ux team" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/ux%2bteam" /></entry><entry><title>The UX Team at SDL – Who we are</title><link rel="alternate" type="text/html" href="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/the-ux-team-at-sdl-who-we-are" /><id>https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/posts/the-ux-team-at-sdl-who-we-are</id><published>2015-11-02T08:24:00Z</published><updated>2015-11-02T08:24:00Z</updated><content type="html">&lt;p&gt;It has been quite a few years now since User Experience (UX) was introduced as an important success metric and an internal discipline at SDL, solidly embedded within its software development and operations organization. Ever since, UX at SDL grew. In terms of size, organizational maturity, internal influence, and impact on the success of the business. UX earned the trust of the various teams it supported, the customers it engaged with, and ultimately its seat at the table.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Why This Community Group?&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;As UX professionals, we take the role of user advocates when it comes to research and development in the organization. To do this successfully, we are leaving the office as often as possible for customer visits, user interviews, usability tests, industry events, and more. Those interactions are crucial for us to understand the goals, needs, and contexts of our users. By creating this community group, we hope to broaden the scope of our interactions, conversations, and discussions with users, customers, and partners alike. We aim to increase transparency, share how we work, show our ongoing projects, collect feedback from outside our team early and often, and engage in discussions about everything UX related to SDL.&lt;/p&gt;
&lt;p&gt;As designers, we also feel strongly connected to the design trade at large and strive to be closely connected with this professional community: We already visit and &lt;a href="http://www.slideshare.net/UXSTRAT/peter-boersma-uxstrateurope"&gt;present at conferences&lt;/a&gt;, join and &lt;a href="http://www.meetup.com/Amsterdam-UX-Cocktail-Hours/events/221673642/"&gt;host design meetups&lt;/a&gt;, and attend workshops. We follow countless blogs, &lt;a href="https://dribbble.com/shots"&gt;Dribbble artists&lt;/a&gt;, and Twitter feeds. We connect with other designers and design teams, learn what keeps them awake at night, and exchange thoughts on how to bring design to the next level. With this in mind, another aim of this group is to facilitate and intensify the exchange within the broader design community. We will be sharing our own stories and ideas, approaches and processes, as well as failures and successes to inspire or help other designers and to stimulate discussions on how we can all get better together.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/UX-Cocktail-Hour-SDL.jpg"&gt;&lt;img src="/resized-image/__size/1880x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/UX-Cocktail-Hour-SDL.jpg" style="height:auto;" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;UX design meetup at SDL&amp;#39;s Amsterdam office, April 2015&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Audiences For This Group&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;The first audience we hope to reach with this community group are our users, customers, partners, and anyone involved with the services and products SDL offers. We are curious about &lt;i&gt;your&lt;/i&gt; customer and user experience. What are you already happy with? Where do we need to get better? Do you have feedback on the usability and usefulness of our products? How well do they help you to get your job done? What is missing? We are also interested to hear your ideas, suggestions and questions concerning design at SDL in general. By engaging in the discussion with us, you can help us do our work with &lt;i&gt;you&lt;/i&gt; in mind!&lt;/p&gt;
&lt;p&gt;Second, we hope to reach other UX professionals and design teams working in similar contexts and facing similar challenges. We are curious to hear how you &amp;ldquo;designed&amp;rdquo; your design organization, which approaches and processes work for you, and which ones do not. Which though nuts are you trying to crack? Are you designing for complex, cloud-based enterprise scenarios? Growing a design team and wondering how to best structure and position it within the organization? Are you looking for best practices to improve collaboration with globally distributed design teams? Figuring out how product roadmaps, lean UX principles, service design, and agile software development fit together? Or are you interested to hear which tools other teams are using and why they love them? We think there is plenty to talk about and we would love to do so with you!&lt;/p&gt;
&lt;p&gt;We will be active here and intend to react to all questions and discussions in a timely manner. If needed, we will also involve our colleagues from product management, development, support, or other teams to provide appropriate perspectives and feedback. Nonetheless, please keep in mind that this community group is new for us, too. We are learning as we go, so please bare with us in the beginning.&lt;/p&gt;
&lt;p&gt;One last thing before we jump right into the conversation: Let me take a moment to introduce the UX team at SDL.&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Introducing The SDL UX Team &lt;/b&gt;&lt;/p&gt;
&lt;p&gt;At SDL, we have a dedicated in-house UX team that is part of the product development and operations organization aka &amp;ldquo;DevOps&amp;rdquo;, headed by our CTO. We are a fairly diverse, globally distributed team of 13 UX professionals, covering seven nationalities, spread across four different offices and time zones. Our backgrounds and trades range from strategic thinkers, design researchers, data nerds, user advocates, prototype hackers, micro-interaction lovers, to pixel-perfect UI artists. Collectively, we share a hunger for innovation, design thinking and creative processes, always striving to make our products and services better. And as most designers out there, too, we hope to make the world a little bit better with what we do. So when I talk about UX at SDL, I mainly refer to the UX team. But we are not alone! We are at the core of a larger customer experience community within SDL that is dedicated and committed to delivering great service and product experiences to our customers and users. This includes, but does not end with, our support teams, market research, professional services, product management, research and development, technical writers, testers, and cloud operations. I am sure that many of them will join the discussions and conversations on user experience in this community group, too, contributing their own perspectives and opinions where they fit best.&lt;/p&gt;
&lt;p&gt;&lt;a href="/cfs-file/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/UX-Team-Copy.png"&gt;&lt;img src="/resized-image/__size/1880x0/__key/communityserver-blogs-components-weblogfiles/00-00-00-00-99/UX-Team-Copy.png" style="height:auto;" alt=" " /&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;What&amp;rsquo;s next?&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;In the next blog post, I will continue the introduction to UX at SDL, covering &amp;ldquo;What we do&amp;rdquo; and describing the services we offer as a UX team to the rest of SDL. If you subscribe to our feed, you can both join the discussion and be sure not to miss anything. However you choose to follow us, it would be great to see you back soon and often!&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;&lt;img src="https://community.rws.com/aggbug?PostID=2402&amp;AppID=99&amp;AppType=Weblog&amp;ContentType=0" width="1" height="1"&gt;</content><author><name>Philipp Engel</name><uri>https://community.rws.com/members/pengel</uri></author><category term="ux team" scheme="https://community.rws.com/archive/feedback-groups/rws_user_experience/b/blog/archive/tags/ux%2bteam" /></entry></feed>