 Good and once again good evening and welcome to this webinar called UX responses responsiveness and animations Making your application come alive. I was this is our second webinar together with our trusty effects partner mule informatics My name is Søren Migglesen and I will be your host today and and Developing an embedded UI and having enough RAM flash and a fast microcontroller and the right display is not enough to deliver a superior user experience Smartphone look and feel is often expected in many embedded devices And this is also the reason why we're seeing more companies involving user experience designers At our last webinar we actually did a poll about who was making the User experience design at your company, and I think we should try out this poll again and see If we get the same result as last time I will launch it right here. So please put in your vote Meanwhile, I would like to ask you how like You are often saying Something to us about who should be doing the UI design and maybe you should share this with the audience Yes, of course Usually I try not to offend anyone When I say that engineers or developers should not be be doing the UI and of course I say this with a Lot of respect. It's the same reason why I should not be be coding people have different areas of expertise and Making a successful and and a great UI that we really get the best out of your product Is not a trivial task, which is why it should often be be be left to to someone with at least Some knowledge in that area Thank you and I I can see that we are actually reaching 90 percent of you voting and this is I would say Really important and great to see for me and like that you are involved and and ready for this webinar 54 percent of You are doing is software engineers doing the use experience part of it and only 14 percent Using UI and UX designers and our last poll it was around 22 percent It's decreasing. Let's see if it changes in the future Good next slide, please. I think Again, like I mentioned before we started the webinar. You have the opportunity to ask questions And you can ask questions related to trust the effects embedded you eyes Hardware selections different microcontrollers from SDN 32 or you could ask about embedded use experience design and the graphics part of it. So please fire away With us today we have Henlein over here which Which Talk more about who he is and where he's from But let me give you a short introduction to him. He's from Miller informatics and an embedded UX specialist with extensive knowledge about use experience design on especially embedded devices and Yeah, and he will share more about this behind the scenes We have ready fire for answering questions and so on we have young muging from ST Michael tries on he's right next to me and you could say hey Hello, John and also we have Kim from Miller informatics Also involved in embedded the UI and UX design. Maybe he's also done again great After the webinar We will also launch a survey which I hope you will participate in and give us some feedback This is valuable and yeah, great to see if you do that Next slide, please. I like great again. My name is Sorin Mikkelsen and I'm your host today and with us we have the UX specialist Henlein To give you a quick introduction and an idea of the company Miller informatics I hope you know the framework touch the effects and Touch the effects was actually invented in Miller informatics by some developers later on touch effects became an independent company and having skilled UX and UI designers right next door touch the effects and Miller Continue to have a close relationship and we have done many you are projects together Utilizing their skills in the graphics designing the graphics part and Not doing the implementation And I'm sure Henlein will tell you a lot more about this Now that touch the effects is a part of SG macro electronics Our focus is now on the accelerated roadmap Adding new features widgets and integration with for example, Cuban Cuba makes this is a priority now And you will have some more efficient news about this in mid-November And this webinar and all our other webinars is just one of our steps towards providing you with many The many aspects of developing an embedded UI and I hope you will enjoy Attending this webinar and gain a lot of valuable knowledge from from Henlein and with this Let me just say take it away. I can the yes sit back and relax Thank you very much Sorin. I'll try to to live up to the end of the hype First of all, my name is Henrik. I'm a user experience designer at millen informatics and as a Surin said one of our projects A good handful years ago actually spawned the idea of the touch gfx framework I included the the remote we see from way looks in the in the right hand corner of your slides, which was actually the The the the exact project that that spawned the touch gfx adventure that is now in the hands of st And of course, it's both with with sad feelings that we have to let touch gfx go We're also super happy to see that we can now really accelerate touch gfx in with a bit Say bigger muscles than than we have been able to before I come from a company called millen informatics. It's a Danish based IT consultancy Of course, we do in better design. We also do desktop application and apps and a bunch of other stuff What we are really passionate about is actually helping our customers grow their business Not just today, but also tomorrow and the way we do this is having a very close relationship between Software developers and designers so we really get the best of both worlds and combine this into into products some other areas of expertise would be data science data digital transformation Internet of things Virtual reality, so we have a lot of different things going on We do all things digital and if you still think that I was worth listening to in a small Little 50 minutes 50 minutes or so you're more than welcome to to enter the link after after the webinar Or maybe catch me when I'm rambling on about something and need to something to look at More than welcome to drop in on the on the link and have a look at what we can do for you All right, I think that's enough about us and I'll get straight to to the good stuff then and I just wanted to sum up what the What what's in it for you today? What would the take always be for for for from the webinar? of course Being more aware of responsiveness and animations in your ui's and your products will of course give you a happier end users They will be more impressed with your product They will get a better feedback when they're using it and the overall experience will be better Of course, this will in turn give you higher productive success rates a lot of the reason behind a successful product is the ability to to get users to accept it and user is of course more open to accepting Product that he thinks is good and actually solves whatever issues he's trying to solve So this this has a very very good relationship with the with the end users expectations to a product One thing I promise to touch upon as well is that you can actually lower your need for for product support if you're making a ui and making a product that is very well explained and Maybe self-explanatory in a lot of areas You can actually cut down a lot in in how much you need to support this product afterwards Not only in manuals, but also if you have any live support or open telephone lines that you don't need 30 people to support this product if most people can Find out how it's working on their own and only need to call when it's something is really wrong Don't need to call whenever they cannot find that one setting So that that is definitely some some something that's worth considering Going in this direction as well Of course making a Good ui is also something that Requires that you can bridge the gap between your embedded developers and your ui and UX designers and really involved both of these Areas of expertise and in the process One thing you can do in touch the effects to allow this This synergy and this cooperation as of course using the touch the effects designer. I'll show that off and a little bit of about how I use it Very shortly during the presentation as well. So We'll have a look at that later All right, I'll jump into into the agenda if PowerPoint will allow me. Thank you very much And so the agenda today is I have four different chapters that we'll go through and of course you'll be able to Ask questions along the way. I'll have a few breaks and So I will pick out the best questions that you might have so keep them coming The chapters that we're going through today is first of all, how do you create a responsive ui? What is the basics? What is the thought behind creating something as responsive and talks back to the user? And Afterwards, I'll touch a bit about the importance of feedback about why we are actually doing this and why we why we cannot Dismiss it as something that is nice to have for example and then I included some Some chapter about animations in touch gfx and how you can approach this Of course making animations on embedded devices and especially with with touch gfx and Is something that requires a bit of know-how if you are coming from a desktop or app development world? Because in in those in those worlds you have all the horsepower you could ever dream of When you're going to a microprocessors and embedded devices in general you really need to mind What you what you spend your time on and how much horsepower you're using and touch gfx provides a lot of tips And tricks on how to approach this and I want to touch upon upon just a few of them today Last but not least we have animation speed How much how how slow is too slow and how fast in general should you should you be with your animations? I put together a few guidelines and these are of course our only guidelines So we'll touch about them touch upon them in a in a few a few minutes And I included a lot of animation examples as we go. So hopefully you won't get too bored at home So I'll start talking about the agenda as well and jump into the first chapter All right, so the first chapter today is creating a responsive UI and how you actually go about doing this What should the thought process be and? And one thing I really like to how I really like to explain it. It's actually That you want to apply a physical domain knowledge to the digital embedded domain This sounds super fancy, but what we actually want to do is apply the knowledge that people already have from the physical world and use that same philosophy in the digital world one very simple example is How you interact with the door? I don't know about Your end of the world, but in Denmark and doors usually have dawn ups And a door knob is something that really is sets apart sets is set apart from from the rest of the door So it's very easy to recognize how you operate that door. How do you open it? And how do I go through this? How do I get into this room? And that is the exact same philosophy we want to apply in the in the digital world We want buttons or things that people can interact with to stand out and be Inviting for the user because the user wants to know where he can interact. He doesn't want to to Actually have to ask that question. He he wants to find out for himself and you can really Create a responsive UI by by guiding him in this way Of course users also also expect to be delighted with the visual effects as they interact with the screen And this is something that we see a lot Especially as newer smartphones are released to the market people always expect the same Performance the same smoothness and the same nice animations as they're used to on the smartphones So it's very important to meet those expectations because as soon as you don't people will think less of your product And of course users always also need to understand the context of the system as they navigate it This is actually super important for for users to be able to to recognize What menu did I come from and what menu will I enter if I press this button because this this Creates a mental map of the application as they are navigating it And this is really important for understanding the possibilities that have with the application or the product that that you are using So I tried to narrow down Three areas that you can focus on when trying to make a UI feel responsive The first one is of course responsiveness and this is what what signals to to users that buttons are clickable That they are open for interaction The other one is is engagement and these Touches a bit more about the the visual effects That you can you can add to your application because you want to engage the user and invite the user for For interactions and and not just be have a passive UI that doesn't really Invite for anything it gets very plain and it gets very boring. So you need some kind of Engagement in your UI designed to actually invite the user in and tell him that he can interact in different areas and The last one is activity and I have an example for this to explain this one as well Because activity is the visual changes that indicate that this underlying system is changing at the moment So you usually don't want to do animations just for the sake of animations Of course animations are cool and all but you want them to have a purpose and One purpose you can have with animations is is the road is the Example that I want to to mention here The iPhone when you when the iPhone originally came out You can and you can still do do this today You can rotate your phone from a portrait mode to a landscape mode and whenever you did this on on the original iPhone You would have a rotating animation that actually turns the screen visibly for the user So the user can follow that when he goes from portrait mode to landscape mode He can see how his different apps or different content on the screen is rearranging And this actually helps him Understand this this new Orientation of the phone where as Android UIs did not have this until the 4.1 update the ice cream sandwich update before that the screen would just would just snap Right away leaving no animation to the user and this was extremely Extremely frustrating for a lot of people it was so frustrating that people downloaded Third-party apps to be able to have this animation and this really shows how important these animations are To actually help the user understand what system is behind and how this how the system works So this is the the background For how create a responsive UI before I go into my next chapter allow a son to to ask a question He seems very eager Thank you, Anak. Yes, we have a question from the audience about this topic you just uncovered Do I need to have fancy graphics and animations for making sure the user gets feedback? not at all the Philosophy of giving feedback it basically has nothing to do with with fancy graphics But of course having ground having fancy graphics or at least graphics that matches your product Has a lot of other benefits But the the feedback itself it can come from something as ill as something as simple as just changing The color of a button whenever it is pressed down so you tell the user that I have registered registered your action and It it will mean something And and it can be something as simple as just changing a hex code doesn't have to be fancy at all Okay, thank you. And once again, I will encourage encourage the attendees to ask questions Please use the the question area and the go-to webinar setup. Keep them coming. We'll try to answer more All right, I will keep on going as you as you get to type in your questions So chapter 2 the importance of feedback For this this chapter, of course, we need to touch upon upon why is it so important to deliver this feedback? and first of all Maybe the the one single reason if that's all you're going to take away from this is that you need to acknowledge The the user whenever he makes an action and this counts for every single action We are all When it comes to to digital systems and and you eyes in general, we are all very impatient people Whenever we touch a button, we do not wait around for 10 seconds to see if something's going to happen We touch that button and if nothing has happened instantly, we will touch it again or we'll touch somewhere else So it's really really important to constantly acknowledge that the user's actions Matter to the to the UI. Otherwise you the the user will Start to think what was the action successful? Do I have to wait? did the system actually catch that bottom press or Was it busy with something else? Maybe it ignored it So there's a lot of questions that arises and they arise very very quickly and one thing if we if we want to to To put this into a few categories We can say that the appropriate user feedback is vital for good UI design, but you also need to To balance what kind of feedback you're providing So for frequent or minor actions, you can you can present a modest feedback and this could of course be Button states or gray out Unavailable features and then for for rare or major actions You need something that is a bit more substantial You need to tell the user that you you press something here that is Important or if this this starts a progress that will not finish right away So you need some kind of indication that that this is going on and I think soren will help me show a few examples here and From a design perspective, it can really be argued that Giving appropriate use of feedback is probably the most basic guideline for for providing a user interface That is usable for for users. It's such a such a basic thing All right, so the first one I want to show is the Let me see here. I want to show you a few button press examples This is could be for frequent or minor actions So in this app, we have some some sort of home control Demo and I'm able to to press a button here And it actually lights up with a with a nice blue color and I'll slide off my finger So we don't actually enter the menu But it I can instantly see that the the application is registering my my finger press And I'm acknowledged for what I'm trying to to say to the interface of what I'm trying to do to it And this gives me a nice and cozy warm feeling inside Another thing you could do for example, this is some blinds control for this house It's a bit far away, but I think this is a children's room So when I select that Single room, I'm able to to control the the blind levels in this room alone But what the UI does here as well is actually Gray out all other areas or other rooms in in my house and this tells me that all right. I pressed on this This children's room control And now I'm focusing on controlling this I don't want to see a lot of other options and other things I can do with the app because I chose to focus on What this one single thing and again these small UI animations can really help the user To be guided and to be focused on the exact job that he needs to do The other example I have is for rare or major action for example, I Used the the progress indicator example that if you need to to start something in this case This is will be a scan of some sort So if we are scanning something it might take take a while In this case, it'll be a bit TV kitchen style and don't take more than a few seconds But if I start this this scan I Actually have a slide button press animations here as well When I start the scan I get some progress indication that you started something It will take one or two seconds to finish and again This gives me a feeling that I'm instantly acknowledged that I started something I can see that the the UI is working to prepare something some result for me and I'm I'm actually quite a Believe it or not. I'm a quite patient person when I can see that It's it's on its way the result will be there in a second. So this is Examples of how you can approach these different different user feedback say User user appropriate user feedback for different actions whether they're minor or major So the next slide For for this chapter is of course the feedback speed and The the reason why you want to provide immediate feedback to the user is because immediate feedback and teaches The the underlying cause and effect relationship that the user will have with the application If the user is acknowledged immediately He will very very quickly realize that if I press this button I go to a new screen I adjust this slider and my volume changes my brightness changes It's very very easy for him to figure out What consequences what effects his actions? had of course some Some people have done research on on how slow to How much you can wait to deliver this feedback? included a Source in in my notes for the slideshow so you great to check that out afterwards But the research shows that even 100 milliseconds is noticeable for users and this will annoy them It will feel sluggish it will feel slow Whenever they do something it just takes just a tenth of a second to respond and this is a super annoying Super annoying feeling to have Of course when you provide Feedback if this feedback is delayed if there's some hang up in in the feedback that you're giving to the the user This actually starts to diffuse this course and really a course and effect relationship that the user Wants to have with the application and suddenly the user is not very sure of Why? Why something has happened when you touch the interface if he presses a button and something happens happens five seconds after He's not sure if it was the cause of the button press or if something just timed out And it starts to really confuse that relationship a lot and That's one one example to explain this and again I'll use an example from the physical world because the physical in the digital world Can I control I can learn a lot from each other? At least in the way that we want to design something in the digital world So if you're walking into a hotel and you're standing in the reception or the hotel lobby And you go up and and want to check in if If you see that there's someone behind the counter But they do not acknowledge that you're standing there Then they do not acknowledge that you are ringing the bell and asking for someone You don't need to do that for a lot of for For a long time before you start to get really really annoyed with it So it's very basic for us humans that we want to be acknowledged for whatever we do in the world We want the world to respond to our actions and it's the exact same way in in the digital world All right third chapter CERN have any questions Yes, but before we dig into that I think it is worth mentioning that the examples which turn like a showing on the different boards is Available in the touch the effects designer with 60% of you is going to download after the webinar So you can find them in there and if you have a Board a discovery board and STM 32 f 76 9 on f 7 4 6 discovery board This is what we have over here. You can actually flash the boards immediately and see The graphics working and test the different different examples we have and One question we have him like is What is the best way to test if my ui is responsive enough? And before we take up that question I think we should launch poll and also to see if you are still alive out there And I will launch it right now and you can take over like all right So while you're asking the poll I'll answer the question And What is the best way to figure out if you have appropriate feedback in in your application? And the best way to do this is put it in front of someone get someone to use it and it doesn't have to be very fancy with a Test audience and 20 people that you don't know and that are in the Exact target group for the the product It might as well just be put again in front of a colleague You have find someone who hasn't been on the project and get them to to mess around the application for a bit It can really be done quick and dirty in that way And it will give you some feedback that I promise you you didn't think you would get you always get surprised By what people have to say about the work that you've put in and it's much better to realize this early in the process Then actually doing this after Maybe a couple of hundred come a couple of thousand hours of work and you figure out something very basic is wrong So we really want to to fail fast in that regard So you can you can start to recover and correct anything that you might need to do in in your application Great. Thank you. I'll close the poll now and I can see you I wake up there and share it Where that's the first idea for a new version or Of a product or a new product start and I can see this really spread out to a many departments And I think this is also the case for For us here that the new ideas can come from everywhere Yeah, so so I think it's much like the same as us I'll have this again and Yes, please continue and I Thank you very much. All right chapter three animations and touch the effects So I said that they are doing Embedded or doing animations on embedded devices is a bit different especially if you're used to to making stuff in a web browser or Mobile phone apps and because you need to be wary of your your horsepower here If you start to to put your your microprocessor to at least too much work It will start to to lack you'll get too high an MCU load your FPS will drop And it it will really get a give a bad stuttering experience for for your users so you need to be very aware of how many resource your resources you're using every single time and Fortunately touch effects comes with a lot of widgets and transitions that you can use Out of the box and you can customize them as you want to but it gives you a Quite a large tool set to actually go about and creating a good UI Without being a graphics expert at all This is of course one of the two approaches. I want to to talk about today because if if you do not at least do not solely want to To rest on the the things that touch the effects can do for you Already you can of course also start to think in fully customizable Animations that can really set you apart from from the competition I'll first run through the the first approach That what you can get out of touch gfx and what touch gfx already does quite well So of course, there's a lot of widgets a lot of tools that we could talk about here I picked some of my personal favorites, and I think Soran will help me demonstrate one of them as well so the first one is is the carousel menu and The carousel menu is something that we see a lot of in embedded devices because usually you're working on a on very small displays so you we want to To put a lot of information a lot of different menu options into a very small amount of screen space And this is what the carousel allows us to do One thing of course The carousel does in touch gfx is of course actually having the the menu item in front to be a little bit larger than the ones in the back And this is this is done by by actually actually scaling the image And this is usually a big no-no on embedded devices Touch gfx and low resource hardware in general is great at drawing images One to one, but as soon as you start to decrease or increase the size of an image And you let that the processor do those calculations You'll really start to hog up a lot of resources that could be used on different stuff But the the carousel Which it in touch gfx is a great example about how some of these widgets that are already optimized And I have a lot of 100 hours of work behind them Can actually Provide you with animations that usually is not meant to be run on Unembedded hardware, especially not microprocessors So that's the the carousel menu for you The other one I've I want to highlight is of course transitions And this is has a lot to do with the the activity point I talked about before about how users should understand the system that is that is behind Behind the screen So the user can can start to get idea of how do I navigate this? How do I get from one screen to another? And and really create that mental map of what the possibilities would be in the application and to do this I'm jumping into this time and calendar Set up menu See if I can get in yep, so for this This small set up screen These small set up screens. We're actually setting up the the date and the time for the application And one thing that I want you to notice is that in the bottom You actually have three dots and the the leftmost dot is right now highlighted Most of you will probably recognize what this is and that's definitely a good thing Of course, this indicates that you are currently on a progress to completing something And it will probably take three steps as indicated in the bottom So if I choose another clock face here and I jump to the next screen Of course, the middle dot will now be highlighted But what also happened is that we have a sideways screen transition and this helps me understand that all right I'm coming from the left side. I'm moving to the right side in the reading direction Which at least in in in the western part of the world is the reading direction Is something that that really helps us understand what what is going on underneath So I could set up the the time probably won't spend a lot of Effort on doing this now, but I'll press the next button again Yes, and I'll go to the to the last screen where I can choose a month and a date and and a year And again, just these simple slide transitions that are already in touch. GFX helps tremendously For me as a user to understand What flow am I looking into how many screens will there be in this flow and how Where what screen did I come from and what screen is in front of me? What screen will I enter the next time and this helps a lot for the users to understand how the system will work? All right, so the the other approach to animations, of course It's the one I mentioned you can go fully customizable with your animations It's something we often see with customers if they have requests for a custom logo animations Or animations that are completely unique and really want to set apart from the competition or maybe Said you apart from previous product lines you have in your company sometimes when you're launching a new technology or something that is a Radically different than what you have done before you really want that fresh look and you really want that step up in Not only the underlying system, but you all also want to step up in your UI and give give that new and Modern look to to whatever you're trying to achieve and of course Doing custom animations is usually something we do in touch the effects with Basically frames. So it's it can in the in the slide here I have a series of images I have 11 images of some water splashing around and it could be very very simple as this It doesn't I know that fully customizable animations It sounds expensive and it sounds like a lot of effort, but it can actually be You can actually achieve a very very nice Experience with very very little little effort and I'll try to to to show you this in a very simple example here So of course when you want to include a lot of images in an animation You need to consider your memory usage, which is also one of the constraints of low resource hardware so Usually our approach to doing this in In applications is not to go all out and make everything custom We will usually have a blend of something that touch the effects does already and then add some Some very nice touches here and there with it with custom animations again making sure that that the hardware Requirements and hardware restraints that we have is something that we can live up to so with it with this This example and jump into the touch the effects designer and hope you can see it Right now. I'll launch the The simulator and it should be ready in a second comes on my second screen All right. So in this example we we set up an animated image Maybe I'll just go back and show you So I set up first of all a box. It's just a plain white box So we have a background for our application and then I put it an animated image widget Where I load it in the the images from before you saw on on the slideshow. So it's just these 11 different images that we are running in in a sequence Of course, I chose to loop the animation So we don't get a sudden hold and then I tweaked the the update interval between each image a bit Took it there the nice feel because here I wanted the the water to look like it splashing around in for example a washing machine So when I run the simulator, I'm just running a series of images It's nothing more complex than a very simple cartoon. So the water is splashing around And again, you can actually achieve something that looks amazing, but with very very little effort So going fully customizable with animations is definitely not something that should scare you off And if someone were to ask what tools we use to make these images I would say Photoshop or After Effects. So of course these are more design heavy tools But I'm not I'm sure most of you are not completely strangers to these kinds of applications All right, I'll jump into the We have one question from the audience and like while you are at the touch gfx designer Let me see. Do you have a technical background at first and like? No, that's a very short answer. Of course, I've been rubbing shoulders with a lot of the touch gfx Guys, but it never really made me an engineer. I haven't studied Computer science At the university. So I'm I'm a very Let's say a soft going guy. I know a lot about users and I know a lot about the the thoughts behind a good UI But coding is definitely not my strong suit and I wouldn't recommend anyone to to get me to code something for them And so definitely not an engineer. Okay, and the last part of this question question Uh, and are you using the touch gfx designer in your daily work? Yes, I'm actually using it a lot when working working with developers Because I feel like before the the touch gfx designer came along Touch gfx and these embedded frameworks in general were very hard to approach for a non-techy person and At least from my point of view you need non-techy persons to create a great product so that Constraint on the process that you couldn't really truly involve your UI designer. So your UX designers in creating those products it was really it was really to get something out of the say out of your hands that that really feels like A well rounded product But the touch gfx designer it actually allows someone like me to to enter that conversation and enter that process Where the the developer is already feels at home In the touch gfx framework And now I get to to be more involved with it I can really show him what I want to do and and what approach which we should go on on separate screens and I feel like this is Definitely a tool that increases that That invites more or more different backgrounds into the process All right, I'll go on as soon as waving at me. So that's probably Means I should go on All right, so the last one I last chapter I want to talk about today is animation speed And these of course just to give you a few guidelines if this is the your first approach to animations And what I want to underline here is a please keep your animations short and sweet um I've seen a lot of examples of People going crazy with their animations and being so proud that all everyone should see this animation So I'll slow it down a bit to to make sure that everyone saw it And of course animations can can look great, but as I said before they should have a purpose One one one example is if you're standing at a In a train station and you try to buy a train ticket for for this very modern Looking ticket machine You do really not want to to watch a lot of animations finishing before you get your ticket You just want something that is fast and efficient and lets you do what you got to do With whatever application you're operating So please keep the animation short and sweet and do not let the animations Get in the way of of the use sign or get in the way of Of any other process that the the product is trying to to complete With that said, uh, of course animations is a great way to actually lift off your Your application and give it that extra That extra feeling of of greatness that will set you apart from the competition Um, so I touched you about uh before on the what I call frequent or minor actions on rare and major actions So if we take the frequent or minor actions, you really want to provide that instant feedback Um, I showed you a study that said 100 milliseconds was too long So here I would really recommend that if you cannot deliver instant feedback or deliver something that is responding in 20 milliseconds You really shouldn't go about 50 or 80 milliseconds. And this maybe is a is a bit too generous actually But this is definitely the guideline for all these frequent actions all these minor actions that happens all the time You really don't want a small cartoon playing every single time For rare major actions you can of course, uh, spend a bit more time on it But what it's really important to consider here is why is this a major action? Some of the products that I've been working on Is of course not only a gooey product, but it's talking to to other sets of Hardware that need to finish something. Are you doing a calculation? Are you scanning something? If the if the product needs more time, um, the ui can can really help and sustain the user And get him to be patient just for a bit longer than if nothing happened at all Um, so For the for these actions again, you shouldn't consider too too, uh too much, uh delay But you should scale the The amount or the speed of the feedback to whatever your your process behind the ui actually needs But I would say three or four hundred milliseconds Starts to to become an issue and this is where you need to consider some kind of progress indication for the user Otherwise the user will Will think that that nothing was registered Because he he asked for something to be calculated and he didn't get an instant result So you need to tell him that the result will be there shortly When it comes to screen transitions, you get a bit more time than than uh, than instant frequent or minor actions even though Changing the screen might might be something you do a lot Because when you change the screen the user needs to reorientate himself on the new screen again Even though it's a screen he's seen before he just needs to be He needs just a few 10th of a second to to actually understand what is going on Um, so for screen transitions you can spend a bit more time But not more than 250 maybe 300 milliseconds Because you start to do that the ui will start to feel slow or sluggish and there's definitely not the the Effect that you want to do so Again, if you're starting to including animations in your products, you really want them to complement Whatever action the user is doing and not only have animations for the animation sake All right. I think that's it for me. I'll go to Great and like and thank you Just one question. I think we should take off from the audience. We are seeing a lot of questions Related to trusty effects and I think we should take one up now Can we make custom widget along with skin effect in trusty effects in short period of time? Yes, you can add custom widgets to the trusty effects designer The trusty effects designer itself comes with a lot of widgets and our new release the 410 Uh, hopefully in mid november, uh, we'll have Around 10 new widgets. Um, and we will continue adding more of these But you can add custom widgets and in the chat. I have actually sent you a link regarding adding a custom widget um The in the trusty effects designer, we have added some custom some skins Button skins and so on you can often course add your own graphics and or change the already added Buttons X button examples with another color or what you want. I hope this answers the question Um, great. I'm seeing the next slide. Uh, please continue with the questions We are ready to answer you. Uh, also after the webinar We will ask the live so keep them coming and if we have an answer right away Please be patient and there may be wait a few a few minutes Uh, we have some upcoming webinars The first of all we have an upcoming webinar with edt a display partner addressing that embedded this Smart embedded display modules. Um, we have not decided the date yet, but it's it will be this year Also together with him like again. Uh, we will do another user experience design webinar addressing another topic which we have not decided yet. So if you have a An idea or a topic you think is relevant. Uh, we should Discover, please let us know you can just type in in the question area and and share it with us Also, we have an upcoming webinar about touch the effects 410 This will be about the new widgets and features and touch the effects and a general introduction And at last but not least we have Sd will provide you with a webinar About touch the effects. So if you have not gotten an introduction to touch the effect, this will be a good idea Or a good way to get it We will send you a link in the chat area where you can see Where to sign up for this webinar. It is it's on october 4th So it's soon and I hope to to see a lot of you there Again Visit touch the effects to download the designer play with it. Uh, flash some boards and see how easy and fast you can have A live ui running And I will encourage you to visit the the miller website also to learn more about their services We have used them a lot and are really pleased with the results Uh, next slide, please Uh, while addressing this, I will just launch a poll to see if you're still there and uh What do you what do you currently see as the biggest challenge within your company? Please put in your vote and we will get some feedback And again, I will note for you that The presentation and the recording will be shared with you after the webinar This is also available on youtube and our website. Uh, so And if you cannot Find them, uh, just let me know and I will share them with you I will close the poll now and share it with you Um 43 43 percent is implementing the ui onto the hardware Uh, if this is uh for some if this is related to the porting part, uh We actually have a webinar, which is about, uh Um Our hardware integration also getting the ui on the board And we will do more about this. Uh, please visit touchtheeffects.com and you can see previous webinars. I'll close this one Um Great, uh, if you have any questions after this webinar, I need information or About embedded ui, uh, please visit uh, write us or visit our website. You can see our email information here Uh, um, yes, uh, and please next slide Um, I would say again, uh, thank you for attending and uh, we Here at st and together with milner and other partners will in the future provide you with more information and more webinars Uh And workshops seminars and so on under the umbrella of embedded uis and this is of course to help you achieve a successful embedded project And and have success in launching a product. I hope to see you again another time and And just a last comment. I can see actually our Our partner and also a milner partner in the uis as we have a lot of the audience in from the uis right now he is online, uh, he's from mproc and This is also a place to go if you need information about milner services Design services uis services and so on Um, so and I think we can put a link in the chat area Um, yeah And again, if we have not answered your questions Or a question right away, please wait and we will make sure to do so Do you have any last comment henrik? Before we say goodbye And not other than uh, thank you for tuning in guys. It was a pleasure as always I hope to see you next time and thank you touch the effects for having me You're very welcome. Um, and it was on it was our pleasure having you and I I hope you learned a lot and uh, and we will see you next time and Good evening here from demok and probably good morning to a lot of you. Um, I hope you will have a good day Bye. Bye