 So, setting up the stage a bit, my talk is, I won't be covering any diagrams, any numbers and high-five definitions, I understand you have lot of talks and lot of information already going on in your head, so keeping it minimal, so basically my talk is all about details, my contractions. So, when you see a site or an app, there is a there is a big gap in a site which is average looking and one site that makes you go wow, so you see the site like your base camp and any other site which you like and then you start designing as a as a company or as a designer, there is a huge gap between seeing something awesome and seeing something savage, how many of you are designers here, can you raise your hands, oh great and how many of you are in Dripal or Bihans or actually you check Dripal in Bihans, exactly, so when you start designing anything be it a button, be it a circle or a notification bar, any UI menu, how many times you have seen the gap that what you are designing and what you follow from people, those who call that inspiration sources, that gap is huge, though you are putting in the same amount of effort, you are spending hell lot on alignment, fonts, shaping and all those many details, still there is a come of gap, this is something I am talking just about the visual level, there is a hell lot more when it comes to experience design, so I don't think I can cover exactly how you can make your application from you know stage B to stage D or something sort of that, but it towards the end of the talk you have a basic understanding and if you have a shift in focus on what my new details to look in, so that your app, so whenever next time you are designing your app, website or any interfaces, just having these things in mind, I think it will be really helpful and greatly explain your user experience, so let's start, so as Charles and say that the details are not details they are, they make the design, so imagine something like coming up, separating it from user interface and web totally, see if you are designing your house, you are building a house, you recently shifted to a new home, you would be laying a lot of, I mean lot of attention on how the layout it is, how many rooms it has, what site this painting as per the last two and thanks you in all this side, so my talk here is what are the my new details you would be focusing on, color of curtains, fabric of curtains, what aluminum you would be buying, what color it should be, what color palette you have with your house, so something simple as having a wall clock, there are various examples of wall clock which and each and every one of them defines a different mood all together for the house, so which one you think would set up the correct mood and correct tone for your place, so this is basically summarizes the whole talk whatever we have seen, difference between a good product and a great one are the details, details are what controls the movement to movement experience, just know the word movement to movement experience, these are the key words, so seeing something like that, this is a screen shot from discuss, so what discuss does is when you are automatically signing or robbing, it takes your, it fills up your email id, say you said Jacob add something, so mostly it will take up your first name, so it takes up your first name and fills up your username, the first name for that, that is a very interesting thing, imagine you have a site where the list of form sizes, say the number of forms basically are 30, 40, 20, something exceeding, what is it that every time someone fills up the first name for me, that you know I type at Vasodha, they are giving me an option of you know your name is the first name is already type, they are saying me one word and imagine this whole experience when it comes to shorter devices like mobile and stuff, I have this small vow movement for this app already, same something, I think it is an IRCTC, it has been a long time I have logged in IRCTCs, I am not sure, but when you are filling up registration, pretty long registration form and towards the end they say you know the password is too big, the password can match or any type of address, these are small lines in the period of guidelines, whether the password was long and just have a look at this, it is not visible, this is little too obvious, rather than saying you know password character should be between, your password should be between 1, 2, 6 character, 1 numeric, 1 alphan numeric, 1 digit, it is a nicer thing to write to obvious, apparently you are dealing with human not a machine, this is something you have seen every day, I think every one of you is a Facebook user, at least 99% of you, when anyone is typing any other language you have an option of C translation, so let it off does it very amazingly, this is something very new I have seen, so rather than asking user to fill in some weird alphan numeric combination for capture, they ask the user to fill in some codes, so it starts with you can't handle the dash, fill in the lines, that is your capture, so these are the things which are known as micro interactions and triggers rule feedback, loops and modes, totally form micro interactions, so we will go through this one by one, first is trigger, trigger is anything that initiates user interaction, so say you are a phone user, you tap on the app icon, that is a micro interaction, slide to unlock, shake, everything is a micro interaction there, some examples of trigger, Google map does it, so when you are navigating a pathway and you shook your phone, they have this message that shake to send feedback, it's a nice gesture rather than a prompting user to go to some specific menu, click on the feedback button, type the feedback and which user won't usually do it, I mean how many times while you are in the app or while you are in the website, you will take your effort down and to go on the site and give feedback for that, so next one is from Pocket, so this is for the iOS app because still don't have it for Android, so when you are, I think this example is already covered in the last talk, so I will just skip through it, the screen automatically rotates if your layout horizontal changes, so this is one principle bringing the red up forward, so whatever essential information you have, put it forward on the trigger, it could be on the message or ongoing processes, so if you see this example, Facebook app icon is a micro interaction, when you click on the app icon it takes you to app, that's one interaction which is doing it very nicely, taking it to one step further, it shows you the notification sign that you have six notifications, five notifications already on Facebook, when those take it to even further, it even shows you the notifications then and there, so it's the same, if you look at it, it's the same model, I mean it's the same app icon but the information they are giving is pretty much the same, so the next part is rules, rules create a non-technical model for micro interaction, so basically whenever you are creating a process, you would be following some sort of rule, some constraint, business, economical, design, technical, anything, so this is what is covered in rules, example by Amazon, where if you have already wishlisted some item, I mean someone else has been wishlisted this item for you and still you want to purchase it, they have this option that somebody may have purchased this for you recently, so they provide a situation without spoiling the surprise, the next one is from MixCloud, so rather than giving you an option and seeing that this person is already following you, if you are a designer, think it from a design perspective, you have to have a button like follows you, follow you back, this person is already following you, rather than that, they have just cleared the cutout and it shows you follows back, one UI principle to follow here is don't start from zero, whatever you know about the user, use that information and act your interface or use this, this is a basic problem you have usually in user onboarding, you know exactly anything about the user, specifically if that's not the user as landed on your site, but that's not normally true, so if you are a mobile app, if you have a mobile app and there are couple of things you already know about the user, device type, time of day, ambient noise level, battery level, location, user's role, age and sex, so use this information and present it in a better way, so one thing is, this is a very great example, so when you turn on the speech and dictation, the fans in the machine slow, so the background noise doesn't interfere, so now the system has learned from you that when you are trying to speak, you obviously want to clear speech and so it reduces the background noise automatically for use, that's a smart learning, coming back to user, there are a lot of things you actually know about the user and if you have done your user research well, unless and until you are just designing the website which is for everyone, very, very rare case, you know something about your target user already, it could be past behavior, favorites, predict your next likely action, make those things prominent, make a suggestion to user, do it for them, do it for them would be something automatically, if you know your use case, if you have done your personal site, you probably have no use case, so rather than asking the user to go through a suggested screen or tap this to do this, tap this to do that, show them something, fill in some data for them, so they actually understand it better, check this, so Pro flowers has used the date to show you the next big holiday while selecting the limited, thinking it from business and user perspective, the designer's perspective, when you are ordering flowers for someone, it is most probably for some reason, it could be birthday, it could mostly, you do order flowers anyways, but it could be for birthday, mother's day, father's day, any such occasion, so what does rather than asking user, go to the search option, go to the calendar option, search for everything and all, they are nicely presented if father's day is on this day, do you want to book flowers, even if I didn't want to book flowers, if I know father's day is coming around, I would obviously like to go ahead and do that, thread list captures your IP address and then say, yes, we are shipping to your location, now to understand feedback, feedback is for understanding the rules of micro-interaction, whatever techniques and stuff you are applying, how user is responding to it, how your system is responding to it, people at last told saying that even to see this picture, I would say specifically this part, okay, okay, so bossy lover turns orange and goes to sleep, saying there is no internet connection, nice humor added here, this is one of my personal favorite, when you add some items to cars, it automatically lightens up and it smiles for you, so be human. So the best example for this is error-paste design, when you, so if I am talking normally to a person, say I am talking to you and I ask you, you know, I want this checklist to be done, is it my quota, can you check it, what exactly as a human your reply would be, yes, I am searching, I couldn't find it, but if she replies back to me saying, four not four, not four, would I be happy hearing this response? We are designing our interfaces for humans, not for computers, and if you are not able to find some certain things and you reply by saying four not four, what on earth is four not four means, my mom doesn't know what four not four means, she is not trained well for that, so this is another example and I think it is covered already, so I will just think of it. So if you are typing any message to Google Voice, after a certain number of, I mean after the exceed, after the number of words has been exceeded, just give me a moment. Yeah, so they said rather than saying counting character, they said really, these many words. This is a perfect example for four not four-paste design. If anything four not four happens, that is a very bad thing, if I am in the middle of shopping cart, that is a horrible experience for me. We may have forgotten to feel the why companies that loom are data centers. Another part is loops and more, I just need 30 more seconds, so only have a mode when there is an infrequent action that might otherwise clutter the migrant action. Loops are supposed to ensure that there is best user experience, this is an example of mode and this would be for loop. So loops, so basically you can say that get data every 30 seconds, setting up a timer, these are the examples of loops. So summing it up, migrant actions are functional details of products which makes or breaks a product. First one we covered was trigger, anything that initiates a user reaction, user interaction, sorry, rules are the parameters and characteristics that define migrant action, feedback on how the rules are understood by user and loops and modes are the meta parts of migrant action. So yeah, if you have any questions I am already short of time, so catch me round.