logo

NJP

Next Experience Academy #24: History of UI Builder & UI Builder 101

ServiceNow Community · Dec 09, 2024 · video

welcome everybody to the next experience Academy today's session is going to be about the history of UI Builder and the next experience my name is Maria Gabriella CH pz wector and I'm an outbound product manager on the agent experience team and today I have an awesome guest with me today he is hello everyone my name is Chris Johnson and I am a director on the product design team here at service now and my teams are responsible for both UI Builder as well as service catalog thank you Chris I am super excited to have you on here as always some quick housekeeping before we get started please use the Q&A for questions it helps me gather them all up after the session and answer any that may not have been answered use the chat for comments to tell us what your drink is and what version you started on and this session is being recorded this lighton video will be made available at a later date now what to expect these session are for you we have Chris here and we have an hour of his time so feel free to ask any questions you might have about the sign UI Builder the history of UI Builder things like that today we won't necessarily be in the product configuring live we'll be going down memory lane and we will be back soon but not too soon we will not be having a December next experience Academy we are going to be back January 15th at 11:00 a.m. eastern and right before we get started Safe Harbor a lot of you may be familiar with this but I am a product manager and Chris is a designer so we may say things that are not yet in full release in general availability so please do not make any purchasing decisions based off of what we say but let's start with a UI through the agis Section just a little bit of nostalgia this is going to be a special session of close off the year thinking back on the good old memories we had starting with ui1 some of you may be familiar with this a lot of you may be shocked by what you're seeing but this is the good old ui1 I never saw this myself how about you Chris you know I've only seen this UI when I've had to go and and do a little bit of research into past versions of service now but I've never actually regularly used it it's it kind of gives me a little bit of of nostalgic feeling for that you know late '90s early 2000s software you with a lot of the Grays and limited color palette uh I I kind of miss this this sort of design aesthetic to be honest yeah it looks kind of like it looks very retro for sure it reminds me of Windows XP for some reason I was going to say Windows 2000 or maybe even Windows 95 but you know xp2 95 yes next we have UI 15 here we're getting a little bit more into what people might more readily recognize with the Jelly pages and the jelly lists and forms but we still are in the gray area I think I saw this one time while I was troubleshooting a problem on that Helsinki instance but then never again I accidentally turned this on for an instance for my team and quickly realized my mistake and turned it off yeah cuz actually you can still access ui5 in your instance if you want to go in and get a blast from the past then we have good old ui6 which most of us should be familiar with it had the mostly green theme but who here remembers any of the other themes like my favorite theme was Flamingo I miss Flamingo so much so I've got a little fact for you I am currently in Wisconsin which for those of you who may not be aware is is a pretty northern state in the United States and gets quite cold in the winter but this spring there was a big storm in the South and it actually blew two flamingos into Lake Michigan and they landed in my town and we hanging out in Lake Michigan for a couple of days and then eventually they flew South to get back home but we have now A Street in my town called Flamingo Way in honor of the flamingos who made their visit to Wisconsin in the spring oh that is that's really cool I can't imagine flamingos being that far up north it was pretty crazy those of you who are reminiscing about the themes using it to identify lower environments check out our previous Academy on theme Builder came out back in Utah and it'll be in the service now store plugin manager you can still create new themes a lot easier than you could before uh for the next experience to match them also my favorite little tidbit is if you look on share Eric reamer actually posted recreated versions of the OG themes with dark modes on share so you can have your own Flamingo again you can have blindy back they're really really cool so this is the next experience UI which we're going to be telling you a whole bunch of stuff about today but I would be remiss if we didn't mention the workspaces as well just a fun little reminder you don't have to adopt a workspace immediately when you turn on the next experience UI you'll still be able to access the same lists in forms so go ahead and enable it oh Eric is in the chat and he posted his link thank you thank you so much definitely check those out if you want a blast from the past in your instances so we're going to go ahead and get started with UI Builders history and oops let's start with Chris can you tell us about your early days at service now what you join to do and all of that fun stuff absolutely well I joined service now in May of 2019 in Chicago um Chicago had been a sales office for us for a while and at that point in time we were actually building out an engineering presence and so I was the first designer who was hired in the Chicago office for service now it's this beautiful office in in Fulton market downtown and I joined to work on UI Builder so the entire time I've been at service now has been spent working on UI Builder I recently took over also the design team for service catalog as well but UI Builder I joined as the second designer on that project and uh worked with the team to build it it was mostly built in Chicago at that point in time I remember when the team was small enough to fit around a conference room table it's it's a lot bigger than that now and spread across several offices and we've also got remote folks as well who are working on it including myself now in Wisconsin but yeah it was joined to work on on UI builder at that point in time and move us from the agent workspace era into the configurable workspace era and bring our UI frame work our modern UI framework that was just in its very early infancy um build a tool for configuring that UI thank you so any so this is I think this is the the oldest I've seen UI Builder thank you for sharing these screenshots yeah this is UI Builder from Orlando so we started working on it and and got an initial release out in Orlando and uh UI builder at this point was extremely powerful it could build one type of page and it could do building with that page with a grand total of six components so as long as you wanted to build landing pages and as long as you wanted to build with six components you would be good to go otherwise you know the future UI Builder would enable you to do that but this was the very first release of UI builder in Orlando that allowed us to get our feet wet and start really exploring how we would build configurable pages on top of the new UI framework and that brings us to the next slide which is a little bit more modern I remember a bunch of Brad's OG enablement shows off this version of UI Builder yeah so what happened was we we skipped the release so we as a team spent the entire time from Orlando to Quebec building out this much more powerful and full featured version of the product and so you know we went kind of went dark in Paris didn't release anything at that point in time and then came out in Quebec with the very first version of configurable workspace which was the CSM configurable workspace and UI Builder went from being a tool that could build with six components and a single page to a tool that could build I think at the very first release of UI Builder we had 100 or or maybe even 120 total components so a significant increase in the total number and and the capabilities in the tool that point in time and every single page in the configurable workspace was built using UI Builder and so it was able to build an entire fully complete workspace when it came out in Quebec and that's I think one of the coolest things about current UI Builder even is in the bottom right corner you can see a made with UI Builder tag apparently our new homage is made with UI Builder yeah many many of our modern uis across many different tools are now built with UI Builder and somewhat recently I think two three releases ago we actually went through the effort to rebuild UI Builder on top of UI Builder and one of the cool things that that enabled us to do was build this much more rich and interactive homepage for the the tool and we did that by creating this all in UI Builder and you know that little badge in the corner we wanted to advertise that fact that yes you can build these sorts of pages with this tool but UI Builder itself is largely built with UI Builder which is a bit meta um but it kind of shows the the power of and capability of of the product so I heard you like UI Builder so put UI builder in your UI Builder that's right that's right it's really weird to open UI Builder inside of UI Builder it gets a little bit trippy so I usually when I'm doing that I I put my UI Builder Chrome in in dark mode so that I can keep you know the UI Builder page that I'm building in light mode so that I can kind of tell the difference between what I'm looking at true good idea now I always like to in my experience as a developer MVP as a community member I love providing feedback to the internal groups at service now in whichever way I can you have a pretty cool story about the Jason schema editor and how you got tell us how that got started yeah so I was on live coding happy hour I think this might have been 2021 or 2022 I don't exactly remember I was on there with a couple of folks and we were getting towards the end of the show and and Brad had created the page that he wanted to create and so we were interacting with the audience and asking people you know what should we do to in the last you know 5 10 minutes of the show to enhance this page it was some sort of like a record creator that would submit the record with you know form and and that kind of thing it was a simple simple app that was being built and somebody in in the comments the live comments said oh well why don't you add some alerts that show up when you save the record you know you press save and you want to make sure that the you know it saved successfully so we show an alert that that tells you that it actually saved correctly and at that point in time the the schema the Json schema for the alert component wasn't published it wasn't included inside of uib and we were live there was you know a bunch of people watching and Brad was trying to configure this alert component but we didn't know the Json schema and the right way to configure it so that it would work and I was sitting there sweating cuz you know I wanted I wanted to succeed at configuring the alert and I I didn't remember exactly how to do it and I wasn't going to be able to look it up in our Internal Documentation to figure it out and luckily one of our developers was in the audience and you know posted the correct information in YouTube in order to get that thing to work and so we were able to successfully configure the alert but at the end of that show having been embarrassed and and sweat bullets I thought well there's got to be a way that we could take this Json schema and actually turn it into a UI and so I talked to a couple of my Developers ERS and you know we thought about it and about 3 or 4 weeks later we had created a tool for reading Json schema and then stamping out UI and it would work for any component inside of UI Builder as long as the Json schema was published and that's still the tool we use when you're configuring a component with Json uh and we haven't built like a custom configuration UI for that Json and it reads the schema and it renders the UI so that you're never in situation where you're on a live show with Brad and you're not able to configure the alert component correctly that honestly sounds like my biggest Nightmare and it was my first show too so I I had never been at service now live you know talking to you all so it was it was a little bit fun but now you're a seasoned professional something like that any last any last comments about this this new version of UI Builder you know one of the things that surprised me when I joined service now was how we use our own tools to build our products I worked at other companies before and the experience or the tools that we had internally were pretty different from what we exposed to customers and the fact that our internal developers use the same tool that you all have access to to build build the products that we you know ship to you I think that's a pretty cool and and unique proposition and so that's kind of one of the reasons I still love working on UI Builder I've continued to work on it is just the fact that we're working on a tool that both is for customers but also for our internal teams and you know you get the same stuff we do and now we move on to our specific release enhancements we're going to take a walk down memory lane and look back on what all we've improved with UI Builder as the days go on let's start with San Diego San Diego was a really big release for us I think was a really big release for service now in general because that was when the next experience UI came out and so there was a ton of stuff that UI Builder had to do in order to enable a lot of these new features and functionality for next experience we also saw a significant amount of additional workspaces that came online you can see some of them here and so you went from UI Builder being able to build a single workspace to lots of additional workspaces coming out that were powered by this UI as well as the platform itself uh and so all of that is built on top of the next experience UI framework and UI Builder is heavily used behind the scenes in order to make these uis work now I think one of the biggest things that came along with San Diego was the new UI Builder styling tools can you tell us a little bit more about that yeah when UI Builder came out in Quebec we heavily relied on CSS and I don't know how many folks in the call are big fans of CSS I happen to like CSS a lot I I like writing CSS but I know that I there's a lot of folks that are different than than me and maybe a lot of people who who curse at CSS and and have to write it so uh what we did is we kind of revamped the entire UI for setting styling in in uib we moved away from needing to write CSS you can still do it if you want to but we layered an entire visual layer on top of it for setting things like margin and padding and widths and Heights and all that kind of stuff and so it became much more approachable to style your page and lay out your page without needing to know a bunch of CSS CSS should be illegal I I like it I like it but I know I'm confused that's my favorite part CSS is so polarizing among developers I don't know if I am the one who's Frozen or if it's Chris so oh you're back Chris welcome back oh I'm so sorry did I did I get disconnected there for a second I don't know if it was you or me so could you repeat the last 30 seconds of what you just said I I just said that it was really nice to not need to to write CSS anymore and that it was a lot more approachable to people who maybe weren't so familiar with with CSS and the cool thing about that is that that still persists to today's UI Builder I really one of my favorite stories to tell is one time I was in a job interview and they're like how much do you know about CSS and I'm like well I'm self-taught so I don't really know the terminology but I know this this and this and he goes okay what's the Box model of CSS and I'm like I don't know what that is but I know that CSS contains matting matting and pargin I did it again padding and margin and he goes that is the B I'm like oh I guess I knew that I guess I knew more CSS than I thought I did yep yep yep now moving on to Tokyo I think Tokyo had one of the biggest changes that still persist to this day yeah Tokyo was was another major release for us so we we continued to enhance the feature that we already had but one of the big changes that we made was we started to structure our record page quite a bit differently and the internal code name for that was Project Voltron and what we did was we changed the way that we built the record oh no can you guys tell me in the chat if it's me or him okay it's him thank you so much we're just gonna give him a little bit of a it's not you it's him welcome back I think you were telling us about the record page and then you cut out oh my goodness see that the thing is I still see the chat going and so every all the chats going and telling me that I'm frozen but the the video feed is is is cut out there so maybe what I'll do is I'll I'll pause my video for a second just so that this temporary internet issue that I'm having hopefully gets better and we can we can come back in but what I was saying was the the record page significant improvements as far as the upgradeability and through controllers and presets we took all this power and complexity of that record page and we abstracted it away through the Form controller and that made it so that the page itself was a lot easier to understand and comprehend and yes I'm I'm I must be on a 56k modem sorry about that now even still to this day and I've been working in this role for almost two years my brain still struggles to understand presets and controllers can you give us like an explain like I'm five version of what these are yeah so if you if you open the record page pre Tokyo you saw everything so there was something like 20 data resources probably 30 client State parameters that were controlling different state on the page there was a bunch of scripts as well and you know this was all very important business logic that controlled the the behavior of the page and how it all worked and but it was it was difficult you know for us internally but also especially for customers to understand exactly how all the parts connected together so the controller we took all that complex business Logic on the page and we brought it into a single entity that we call the Form controller or sometimes it's referred to as the record controller and so you didn't have to see all the innards of the page all that complex business logic all that script all that client State parameter what you got was a singular object that handled all of that with a single output API and so that made it much more straightforward to understand and all of the components on the page just connect to the controller um so it reduced significantly the complexity of the page and made it a lot more approachable and understandable now the presets the presets are the things that connect the controller to the components so you can kind of think of them as like automatic configuration of a component and so you know for example on the record page there's a heading component at the top of the page and that heading component Is Res is rendering the primary value the primary uh display value for the record in a lot of cases that's the short description and the heading component is used in lots of different cases for lots of different things but there's a preset for the heading component that connects it to the record short description and says in this context I want this heading component to render text from this field in the database um and sets it all up and configures it automatically so that it it just works and the cool thing about presets is they understand context and so if you add components onto the page that have presets they will automatically configure themselves for that particular context if there is a context to configure for and I think those are denoted by being highlighted on the component toolbox in UI Builder so you'll be able to see if you have a controller on your page which ones can have those preset configurations that go along with the controllers that's that's correct yes that's such a useful feature thank you for thank thank you and your designers for making it colorcoded for people like me well so this is interesting actually I think because this might be a useful explanation as to why I'm wearing the hard hat in both my profile picture as well as if my internet connection is stable enough that I can turn back on my video but what I started to notice was that internally a lot of folks were asking a lot of these questions you know service Downs is a pretty big company there's lots of different teams that are building lots of different things and those teams are using UI Builder and so they would come and they would ask a bunch of these these basic questions like well why are we doing this or how does this work what's a preset what's a controller and what I found was that it was great to have all these conversations but I ended up answering the same questions over and over and over again and so what I created in 2021 was an internal video that explained a lot of these things and I updated it again in 2023 and then at the beginning of this year I was asked to create a version that is external and so I recorded that video outside and at a particular point in that video I go into a bunch of metadata and go into the detail about what the macr ponent record is the macr ponent table and how all these pieces fit together and when I do that I put on a hard hat because when you're going into the metadata it's important to wear a hard hat and so that video will actually be coming out tomorrow at 4:30 p.m. eastern time on YouTube and uh you can see that and watch that content and we go into a lot of detail about how all of this stuff works together including things like presets and controllers and pages and experiences and how all the parts connect together thank you so much I just realized I forgot to mention that at the start of the show today's Academy is just a walk down memory lane as a precursor to this video so that link is going to take you to a YouTube a YouTube Live premiere episode that's going to Premiere tomorrow 4:30 there's going to be a live chat even though the video is pre-recorded and you can ask any questions you have comment share your stories as well on there and we'll also have a set of accompanying articles with an update set so you can walk along the UI Builder Journey with Chris so we'll be I'll be showing this again later on in the slides but thank you so much for plugging that in I totally forgot to do it at the start no problem so that's why I'm wearing the hard hat so that's why he's wearing the hard hat see guys there was a there was a reason the whole time now we're on to Utah and what did Utah bring us a few different things so experience view was a new UI that we display all of the pages and variance in an experience in a much more easy to understand way we also enhanced page creation significantly that kind of experience View and Page creation together combined to help folks understand better all the different pages and parts of their experience there's a bunch of also quality of life enhancements I often need to duplicate a component and so we added shortcut keys for that functionality you've got a keyboard shortcut do yeah okay sorry and then one of the things that we weren't able to get in with the initial release of Voltron was support for multiple controllers at the same time and so that missing feature was plugged and that allowed us to create more interesting complex pages that leverage multiple controllers at the same time thank you and now we're going on to Vancouver I am currently looking into why the link doesn't work for some of us but it works just fine for me so what I think I think Vancouver had a huge release with the UI Builder preview what can you tell us about that this was the first time where we actually rendered the real page from what we call runtime basically the actual version of the page directly in uib and so you didn't need to have a second browser tab open in order to see that and so as you were building your page if you needed to preview what it would look like you could open up the preview panel and it would show you the real version of the page and that was a a really nice quality of of Life Enhancement as well as the addition of undo redo which is one of my favorite features and the we also added support for a popover component and the columns component which is a much simpler way to lay out basic pages that component you know for for basic stuff you know two three column layouts you know stacking Behavior responsive Behavior built in columns is a really simple way to lay out a a basic page definitely it was it was a really awesome release especially with how you can resize The Columns my favorite though is the undo redo feature because that saved me so much hassle I agree that was a big one do you have any I'm sure that must have been hard to imp imp right there were definitely some challenges in implementing it one of the cool things about the under redu stack is if you click the little down arrow next to it it actually tells you what each step in the undo redo did and so you can see in the screenshot you know button one added container one added and so tying in all the different properties that were changing and and making that work in a good way was definitely a challenge for the engineering team also sometimes you do things in UI Builder and multiple things happen but you don't want to undo each one and so you want to combine all those those actions into one single undo item and and that was also an interesting Challenge from the design perspective to Think Through okay well when when is an action one thing and when is an action multiple things that you want to undo and now we're on to Washington Washington marked a really big change for UI Builder as we move it to the store what are your thoughts on that well it allows us to release the product much you know twice as many times per year so you know obviously family releases are twice per year and we have major UI Builder releases now four times per year and so it allows us to bring new features enhancements to you much more quickly which I I really like I think it it's speeded up our development uh quite a bit so I mean I'm just fixing the slide over here and then I'm going to share my screen again thank you guys it looks like it works for some but not for all but I added the YouTube link it's in theat as well another really really big thing that came with Washington is the visual data binding that honest honestly like being real data binding was the one thing that I thought made Brad a magician when he was on life coding happy hour how he could like remember context. session do stuff and I always felt like that was the hardest part about UI Builder and this just makes it amazing because you can see everything you can see what data is in the property or what data is in the data resource being pulled it really changed UI builder for me and the usability for me along with the formulas that you provide yeah no it was a significant Improvement the team did an amazing job building that feature and we didn't stop with the Washington release there's been a bunch of quality live life enhancements from Washington to xanad do and both store releases for each and so the initial relase was really good but it's gotten significantly better and I remember I was presenting with Brad at knowledge this last year and and the first time that came out there were actually people who cheered which which made me feel real good but yes it it is a significant Improvement to the experience it allows you to see the data on your page understand how it's all connected and connect multiple pieces of data together in interesting ways that that those formulas are are very powerful and very useful and they're simple they're very similar in a lot of ways to the type of functionality you get in like Excel or Google Sheets um so if you kind of understand how those functions work like concat or sum or those sorts of things you know you can use the same kind of capabilities in in UI Builder and they show you an example of how to use them and what actual what types of data they accept it's been so useful to have and now we come to Santo the last stop that we've had so far we just recently released the sad store 2 release I think the week of November 7th so UI Builder should now be showing you a little header up top saying hey you should upgrade to the newest version from the store so be sure to upgrade your upgrade your UI Builder and so you can see all these cool new features any particular one you want to chat about Chris yeah I mean I think all the ones that are here are very very useful and valuable for for different needs I think responsive authoring has been something that has been requested for a long time so the ability to add break points to your page and change your UI based on those break points so that unlocks quite a lot of functionality if you're building a lot of page variants and targeting those page variants to different criteria you know I want to Target a particular table or I want a particular Target a particular you know state of some kind it was a bit difficult previously to set the screen conditions and so now we have included a condition Builder for those screen conditions in uib which is the top right corner of the screen I think the custom illustrations are cool cuz I'm a designer but these illustrations are are now themed and so if you're changing your theme the illustrations change as well which is which is super valuable but then the multi-table data resource that one I think if you've not if you're not familiar with that one that allows you to set up queries from multiple places and bring that data into one kind of unified data output object and it really unlocks some pretty powerful use cases where you can you know query multiple tables and bring the data together and then do things like set it up with a repeater and you know stamp out some cards or other UI or maybe I want you know information from the incident table or the user table I want it to be in one unified View and so that multiable data resource is really really hand handy for stuff like that so we've been we've been seeing a lot of quality of life improvements through the past three or four versions at this point what what do you think the implications of this changes and moving to the store model are for users and developers out there well I hope it it speeds up it from both sides so you're getting more features faster from us and we're able to fix and improve the product for you much more quickly and so the it just reduces the response time where maybe we get feedback from an internal team or an external customer now that we're in the restore our ability to adapt and and solve the the things that you want us to solve is is much more rapid and so I hope that you're seeing these features more more quickly and you know you complain about something or you you ask for something and we're able to turn down a solution to that problem um more quickly and I really think I am also biased I like design a lot so I really think the work behind themeable illustrations and and having custom illustrations that you can upload is really awesome if you guys want to see more information about any of the features that we've gone over I know that at least I have it all the way back to Utah but it's going to be on the YouTube on the YouTube playlist for the next experience Academy I'm going to post a link to that here shortly in the chat or you may already be watching us on YouTube but you should definitely check out our specific release versions for more details live demos and things like that and now one other thing I'd say too on that is we do have a page in our docs that outlines the release notes for every version but we also have a what's new Link at the top corner of uib and so you know if you get that Banner at the top of UI Builder and it says Hey upgrade and you go to the store and you upgrade you're curious what's new well just click the what's new button up there in the top corner and it'll give you the top things that we think are really valuable to understand in that particular release version 100% and something that came and that's something else that came with I think Washington wasn't that when we were released a bunch of in product help and guided tours for UI Builder I think so the the version start to rush together in my brain but yeah Washington sounds right that Washington or Vancouver do you have any thoughts to allow uis to be built for multiple monitor use that I don't think I've ever kind of heard that use case even though I live with multiple monitors that could not exist without it but have you guys ever thought about something like that it has been something that we have discussed I think through two different aspects and I don't know who asked the question but certainly there are use cases for for example UI Builder you might want to have a multim monitor UI Builder sort of UI that there there's some interesting use cases that you know you could imagine that could be unlocked by supporting that it's not something that we support today particularly really well but it is something that has been discussed and I've heard about there's also the idea of how the experiences that you're building with a tool like UI Builder welcome back what was the second idea you were about to mention all right I'll turn off my video again basically making a workspace or other UI multim monitor supports you you build that with uib and then you know you publish it out for your users I think there's some interesting challenges there I'd like to know a little bit more information about the use case that this particular person is asking about or if if they have some ideas but I think there's some opportunity there but it's it's there's some interesting challenges that that we haven't really explored too much on that front it looks like they're looking to be able to monitor incidents or Chats on one screen while getting access to knowledge in another screen so like a multim monitor workspace interesting yeah and definitely keep sending us ideas like that submit them to the idea portal um that or send them my way through slack or the community that way we can communicate it to Chris or you can hop on a live coding happy hour or you and I Builder live and throw us your ideas in the chat as well who knows you might be the next yeah thank you who knows you might be the next Jason schema I'll post the link to the slack channel in the in the in the chat it's a community run slack server and we have a next experience workspace uib Channel where you can post questions and get help and I me and a bunch of community members check it out and see how we can help each other do UI builder stuff so once again be sure to tune in tomorrow at 4:30 for the UI Builder 101 video premiere we're going to have live chat me Chris and Brad are going to be in the chat answering any questions you might have again don't necessarily throw in super specific use case questions that you need troubleshooting help with that type of stuff belongs much better on the Community Forum where you can get the dedicated type of support and help that you might get not in a live chat any last comments about the YouTube video are you excited for your video premiere I I have a mixed mixed set of emotions but yes one of them is definitely excitement I hope that the video serves as a foundation and answers a lot of the basic context questions but also allows you to build your understanding of next experience UI Builder and all the different various things that come together and I'm really curious for folks when they watch the video to provide follow-up suggestions we're looking at other pieces of content that go into even more detail so this is like the you know it's a UI Builder 101 it's it's starting it out but we're talking about other pieces of content to build after this that go into a lot more detail and I'd like to know what all you would like to know more about so that we can continue to add more videos like this in the future and thank you so much for going through all the effort of putting this content together I really think a lot of us have been looking for a way to break into UI Builder and understand all of the concepts because it does feel a lot different from traditional service now development and I really feel like this video is going to provide the foundation that many of us have been missing and I'm super excited to be able to link it to everybody when they ask me what UI Builder is yeah if you've ever asked the question why I think this video does a pretty good job of trying to answer that question why are we doing what we're doing that was one of the big goals when I created the internal version and I've taken that through to the external YouTube version as well and if you want to learn more it's a great segue to our training resources accompanying Chris's video we're also going to have a set of articles that will go into the same level of detail ask the video If you prefer to read versus if you prefer to read it versus actually watching the video if the video we're going to have chapters for the video so you can watch the different chapters if you want it's going to be the way we can make it the most accessible but if you want to learn more go to the next experience Community Check out the next experience Center of Excellence it recently got a facelift we also have the next experience and UI Builder courses on now learning and we've got the agent chat AWA and sidebar communities um if you're looking specifically for so this is here we go if you're looking specifically for more indepth service now resources and kind of examples I strongly suggest you check out snw Works NE workshops it's our next experience Workshop site where we're posting our Labs we posted our Labs from knowledge 24 so if you're wanting to get started in UI Builder first check out the UI Builder 101 video that releases tomorrow and then check out the crafting workspaces like a pro it's got a great introduction of uh UI Builder step by step Unfortunately they released the new experience page the day after I presented this lab at knowledge so I don't have that part in there yet but it's still going to be a great walk through step by step on how UI Builder works and how you can do some of the most common configurations in a workspace that that we have our customers do very often then there's an advanced workspace configuration with UI Builder lab where if you wanted to learn about something as complex as the Clara of actions we have a couple of examples there if you're ready to build your own custom app check out the build a killer single page app with UI Builder lab and then if you wanted to just throw in a little bit of theming in there Advanced theming check out the last lab on the site additionally we have like I said the next experience Center of Excellence if you're looking for specific service operations workspace resources definitely check this out the S so team recently released a whole bunch of lunch and learn series videos and they also have the boot camp we get a lot of questions about this finally video resources if you're looking for a lowkey casual and fun environment with you and I Builder live we do basically live demos on there where we try to figure out something in UI Builder and we do it together sometimes it works and sometimes it doesn't and that's the fun part about development I am sure that on now learning there are there should be HR agent workspace learning options but I don't have any slides on that currently I'm sorry there's the next experienc Academy YouTube playlists and if you're looking for more Academy sessions like this one check out all of our sister academies for more information and here is a QR code for that finally we had a questions about the UI Builder fundamentals course we are we are looking into that and we're looking into why it changed but we haven't had any good answers on that just yet check back on us in a little while for that one uh but thank you so much for joining us Chris I think it was tons of fun and really informative to go back and learn about UI Builder history especially as I haven't been here that long it was super awesome to get a behind the scenes look and and I'm really really excited for tomorrow's video premiere any closing any closing statements before we head out I will be monitoring the community article that is a companion to the video there's going to be lots of resources there and if there's feedback or questions that will be a great place to post it for all of us who will be monitoring over the next couple of months so thank you thank you so much and thank you all so much for tuning in again our next Academy is not going to be in December it's going to be on January 15th at 11:00 a.m. eastern so I hope everybody has happy holidays a great New Year and we'll see you in 2025 bye-bye

View original source

https://www.youtube.com/watch?v=DRFW2SRc2c8