Design Exercise Live

A designer works through a real-time UX process for a support platform that alerts agents when automated workflows fail. The core problem: alerts get ignored because they're unclear and don't tell agents what to do. The solution sketches an alert center with sections for unassigned tickets, ticket details, failure reports, and admin tools to fix broken flows.
Chapters
Okay, I think I'm live. Live on stream and recording. All right, well, hmm, Intercom looks pretty good visually, at least I think. Agent reports. Not seeing the, like, automation here. Okay, so there's— because it's conversations, we're looking at all conversations. Here's a conversation, and then there's the details, assignee, team inbox, there's links, tracker ticket, back office ticket, side conversations. Yeah, okay. Mm, so that's views messenger. This one we're looking at a message because this is messages, it's not like support tickets. So I guess in there's, in a similar situation, they still need to know, hey, you need to respond. And theirs doesn't look like it does that that well, to be honest. So their, their home looks like an inbox. They've got to get started. Hmm. Here's management, knowledge, reports, outbound, contacts, profile setup, switching to dark mode. Okay. Yeah, Intercom might need, might need my service here that I'm designing. Let's take a look at what we're looking at here. So onboarding dashboard. So looking at the dashboard, it looks like we have a couple different areas. There's a Get Started that's defaulted there, and then there's these areas to navigate, which I'm assuming are Views, Customers. Yeah, looks like Customers. Organizations, Explore, Guide, Gather, Chat. I assume that's a chat icon. Sell, Admin Center. This one has a thumbs up. This doesn't. I did say chat. Okay, so Hmm, visualize data. No, I mean, I do think that is important, is seeing the overall reports, but I almost feel like that's associated tickets. Okay, so competitively I think we're good. I think we can start drawing and start figuring this out. Now I will be using my handy-dandy iPad. Yeah, I use this program called, uh, Notability. Now obviously you guys aren't gonna be able to see this, um, so what am I calling this? What are you calling it? Kixi Design Exercise. Okay, so for this exercise— oh, I see Rob B is in the chat! I got this design exercise for a, for a job, and so I am working on it now. I'll tell you the prompt just in case you're interested. It is, and this is copy-pasted, don't, uh, don't judge my English here. A fictional support operations platform notifies agents— I'm going to assume that means that notifies agents when automated workflows fail. These alerts are frequently ignored because they are unclear, overwhelming, and not actionable. Design an alert center that helps agents assess urgency, understand the problem and take the right step. So from there, I have broken that out a little bit and said, into the old documentation, so who has the problem? Well, first off, customers reaching out to support that are not getting support, so if automation fails. And then it's the agents that need to take action when the automation fails. What is the nature of the problem? Why is it a problem worth solving? Well, the problem is notifications are being ignored by agents. And this is a problem because customers are not getting the support they need. And where does this problem arise? The support management system when automation fails. Some predispositions. So what do we know? Notifications are being missed. What do we not know? Why do automation workflows fail? Like, we don't actually know why that's happening. Secondly, what kind of next steps do agents have to take? What are our assumptions about the users? Agents are ignoring notifications because they are unclear, overwhelming, and not actionable, which was pulled from the prompt. And then what are assumptions about the features? So they are, there are automated, automated workflows that can fail. And an alert center will help assess urgency, understand the problem and take the right next steps. Also based on the prompt, that's, that's an assumed solution. Since then, I've been looking at a couple of references. So Zendesk— actually, let me write these down here and I'll add the research later. Zendesk, Intercom. What else do we— did we look at? We looked at Salesforce. And similar, you know, kind of a parallel industry, I looked at Jira for project management because it's kind of— though it's not tickets per se, it's still got tracking of work and, you know, it's got stories and it's kind of similar in that, that field. So those are some of the ones I looked at. I looked at them on Mobbin. I'll transfer the, uh, you know, some of the screenshots over later. Um, and ultimately this is what I have for a user journey. A customer requests support, support ticket is created, the automation starts, um, or at some point there's human support needed that, you know, the automation may end up at that point. But there is the potential that the automation fails and then human support is needed. So agents are notified and then an agent helps with the ticket. So that's the journey. Major problem is between here. Here, let me put like a So maybe between here. So human support is needed, agents are notified. That's where our problem area is that we need to solve for currently based on this, on this, um, situation. To be honest, I think there's opportunity here to understand why the automation is failing. But I do think in the— I'll have a way to kind of— I'll secretly put in a way to remedy that, and maybe that will go into the backlog for the future. But looking at how this IA for this customer service app, right, they didn't give me anything to start with. There'll be a dashboard so that you can see your unassigned tickets, just generally unassigned tickets and my tickets. You'll see tickets. There's a ticket section, basically like almost like looking at all issues in Jira, right? You can see a ticket which has these fields and then maybe some reports associated. And I'm not sure if reports should be its own section or not, but they're— the reports are still associated with the tickets. Maybe still TBD on that one. Maybe this is a— reports is a higher level section. I think Generally, it usually is, so I might move it up there. There's also Manage Automation. So that's kind of where you would go to remedy this. And also, if you notice in the ticket section, there is a, like a journey— where are you— automation section. So I'm thinking that that should show which automation flow was on, which step it failed on. And that way you can maybe, if you see a lot of them are messing up there, you can go to the— you can take that step and manage the automation and fix it, right? Assuming this person's like an admin. It really depends on the level of support agent too, because that's a big one too, because now I don't imagine all support agents have access to updating manage automation. Then also with the profile, you've got— that's where you manage the application. You might sign out, you may update your name, stuff like that. It's kind of in everything. Your authentication preferences. And that's what we've got so far. So the next step being to draw some UI here. It's going to be desktop. I do— I feel like this can be done on mobile. But I feel like it's common practice for desktop, most customer service agents are using a desktop to handle this. So now I will be Working on that. I'm gonna be using Notability, and I'm not quite sure how to share this to a PC, but that's where I'm at. So maybe I'll just periodically hold it and upload it. I can share like a link and pull it up. Let me see. So I'm writing test test. Let's say share options. There's a public— publish to gallery. There's also a share link. So let me create a link. I'm gonna email it to myself. So let's see if this works. I don't know if you get like a bunch of share links for this. Okay, all right, this would be cool if this works. Let's see, I don't know how fast the real time is, but man, that'll be great. Okay, I erased that a while ago, so do I need to update? Oh, you do need to update. And is this gonna pull the update, or do I have to refresh? Yeah, I have to refresh. Okay, not great. Unfortunately, I thought it was gonna do, if it did live, live, that'd be good, which I can, I assume I can use FigJam, but I generally just like this product so much better. I get so much lag with FigJam. Okay, so anyway, let's look at some of the common UI. So we're seeing a lot of side nav situation.
More from Ritzie

I started my career doing lots of graphic design and having to create and edit images.

How to Upload a Project to GitHub (Using Claude + Cursor) | Step-by-Step Tutorial








