1 00:00:01,540 --> 00:00:08,360 High again in this lesson you're going to familiarize ourselves with that goofy kid that is essentially 2 00:00:08,360 --> 00:00:14,960 the graphical user interface kit that holds on to the most the font or user interface elements. 3 00:00:14,960 --> 00:00:21,390 It includes things such as Baden's text views labels text fields so on and so forth. 4 00:00:21,430 --> 00:00:27,260 And I thought it would be actually very useful to you guys that before we jump into programming and 5 00:00:27,260 --> 00:00:33,620 learning the specifics of any of these elements we get ourselves a little bit more familiarized with 6 00:00:33,620 --> 00:00:34,220 them. 7 00:00:34,310 --> 00:00:41,780 So to do that I think the two links for you guys that you can access through the video and the links 8 00:00:41,780 --> 00:00:48,020 they will take you to to resolve is that different users they have assembled the different pieces of 9 00:00:48,020 --> 00:00:49,310 the GUI kit. 10 00:00:49,310 --> 00:00:53,330 This is one of them that shows you everything that is available in. 11 00:00:53,330 --> 00:00:54,410 I was 11. 12 00:00:54,440 --> 00:01:00,880 It shows you model such as Tab cause it shows you a top Was that are active the show is your top boss 13 00:01:00,920 --> 00:01:03,560 that they have a badge on them. 14 00:01:03,560 --> 00:01:07,820 It shows you have boys with different colors and different background colors. 15 00:01:07,820 --> 00:01:12,640 It sure is UW-Madison showers are dribbler buttons you could use them. 16 00:01:12,920 --> 00:01:18,320 I think down that's right it shows you things such as a table view it shows you what happens when you 17 00:01:18,320 --> 00:01:20,380 drag over a table view. 18 00:01:20,390 --> 00:01:26,510 Now there are a lot of items in here and obviously you're not going to be able to cover everything in 19 00:01:26,510 --> 00:01:30,600 your power they will do my best to cover as much as it matters. 20 00:01:30,800 --> 00:01:38,180 But for you it really helps if you spend a little time in here and in the least try to remember the 21 00:01:38,180 --> 00:01:40,750 last time you saw one of these things. 22 00:01:40,760 --> 00:01:46,040 Ask yourself this thing for instance is called the white date picture of you. 23 00:01:46,050 --> 00:01:51,600 Shridhar ask yourself in which application you saw it or where could it be useful for you. 24 00:01:51,740 --> 00:01:57,470 Or this one is essentially a keyboard a numeric key word and that's the thing that you know you can 25 00:01:57,470 --> 00:02:01,200 change the type of your keyboards or I don't know. 26 00:02:01,220 --> 00:02:02,430 This one for instance. 27 00:02:02,430 --> 00:02:07,550 This is a segment that control that it works in one of the two ways. 28 00:02:07,550 --> 00:02:13,480 In this case or missed or anything of the some of the same nature there isn't. 29 00:02:13,520 --> 00:02:19,370 I encourage you to do it this is simply because as you begin developing your house and as you begin 30 00:02:19,370 --> 00:02:26,000 designing your apps you have to try to stick to these elements as much as possible because that would 31 00:02:26,000 --> 00:02:34,400 make your apps more user friendly and would make it more aligned with the Apel human design guidelines. 32 00:02:34,430 --> 00:02:39,770 If you try to design your apps the way that you know web developers they design and you would come up 33 00:02:39,770 --> 00:02:42,240 with your own way of designing things. 34 00:02:42,290 --> 00:02:43,900 It might very well work. 35 00:02:43,900 --> 00:02:48,350 It also means that it may not feel very mainstream. 36 00:02:48,350 --> 00:02:50,340 As you know most apps they do. 37 00:02:50,360 --> 00:02:56,630 So I wouldn't encourage you to spend some time in here and get a sense of what these different things 38 00:02:56,630 --> 00:02:57,340 are. 39 00:02:57,450 --> 00:03:02,840 You know try to play around with them and ask yourself if I'm developing an application where could 40 00:03:02,840 --> 00:03:04,540 this be useful for me. 41 00:03:04,610 --> 00:03:08,500 How could I you know iStock different items like that. 42 00:03:08,910 --> 00:03:13,280 Why on earth controllers such as this one how would they benefit from it. 43 00:03:13,280 --> 00:03:19,700 Obviously most of these are completely customizable you can change them to show the text that you want 44 00:03:19,700 --> 00:03:23,740 to buy them that you want and everything of the sort that you want to see. 45 00:03:23,900 --> 00:03:31,550 But having familiarity with them I found it to really help users to be able to you know to design things 46 00:03:31,550 --> 00:03:33,440 that are better essentially. 47 00:03:33,530 --> 00:03:40,250 One of the challenges I've seen over the years is users especially students they start designing applications 48 00:03:40,250 --> 00:03:47,450 with no regard for essentially the designs in here with no regard for the Apple human you know design 49 00:03:47,450 --> 00:03:51,530 guidelines and they end up doing things that they're not very familiar. 50 00:03:51,560 --> 00:03:57,590 So they use the user walks into that and they don't understand what the button does or what the slider 51 00:03:57,590 --> 00:03:59,500 doors or things of the sort. 52 00:03:59,510 --> 00:04:03,140 So I would suggest that you spend some time in here. 53 00:04:03,260 --> 00:04:04,300 This is one link. 54 00:04:04,310 --> 00:04:10,580 The other one actually gives you the files in a variety of formats so you can download them for Adobe 55 00:04:10,580 --> 00:04:13,510 Photoshop Adobe Illustrator if you have those. 56 00:04:13,700 --> 00:04:15,970 If not you can get them for a sketch. 57 00:04:15,990 --> 00:04:21,950 The sketches a software that is used for prototyping U.S. applications as well as Android applications 58 00:04:22,270 --> 00:04:26,980 of their own have free trial versions that they can use them for about a month. 59 00:04:27,080 --> 00:04:32,000 I think I would be more than enough to get you a sense of how they are working and whether it is something 60 00:04:32,000 --> 00:04:35,860 that you want to pursue in a more professional level or not. 61 00:04:36,020 --> 00:04:42,620 But in the least you know download them once an hour or so just to get a sense of what all these different 62 00:04:42,620 --> 00:04:48,130 things and try to think of an app that you want to develop by the end of this score's tell your server. 63 00:04:48,200 --> 00:04:54,320 My app is going to do this or the other thing my app is going to be a chat application my app is going 64 00:04:54,320 --> 00:05:02,400 to be some sort of I don't know book sharing application is going to be an application for real estate 65 00:05:02,400 --> 00:05:09,960 search or whatever it is that you want to do and try to us somebody else using these designs in a specific 66 00:05:09,960 --> 00:05:15,480 so that you get a much better sense of how these tools they actually help you. 67 00:05:15,720 --> 00:05:21,390 So once you got yourself a little bit of familiarity then you know follow along with the rest of this 68 00:05:21,390 --> 00:05:27,720 section and we'll talk about a number of these elements in this section and then we'll talk about the 69 00:05:27,720 --> 00:05:34,410 rest of them in the I think you're section 570 from what's wrong with talking about the intermediate 70 00:05:34,410 --> 00:05:40,180 user interface commands and the advice intermit that's user interface elements. 71 00:05:40,200 --> 00:05:44,820 So spend some time in here and I will see you in the next lesson.