Information Systems UI prototype Deliverable

Information Systems Capstone

Deliverable – User Interface Prototype/ Mockups assignment and Pencil software

You must submit at least two UI pages/images for your system. You can create your User Interface in any program. However, you must submit either in pdf, jpg, or a Microsoft Office format. You will not submit in a unique program format from something you have installed on your computer. You may submit multiple files in a .zip file.

Comments from Professor in the video chat regarding the deliverable –

So, I'm gonna go over the assignments and I'll go over the pencil software. You're your first one. Since they kind of go together as your prototypes, mockups. Now you can create these in any programs I'm going to be showing the pencil software. I don't really care what you use. I don't think you should use something like Word or PowerPoint or something like that to create them because they're going to look probably kind of chancy, but it's up to you. But when you save them, it needs to be submitted in either a PDF or JPEG or some other image, or like some other format. Like you could save the files into a Word document, things like that. Don't submit pencil software files. Don't submit some other type of file format for another program because it, because I'm probably not going to have that and just submit images are one of those things. And then you can either put them in a documentary, you could save them as a zip file, and I can look at them then. So that's what the assignment is. You really should have one for, for summed up, homepage or sign in or access, whatever your system is, you're probably going to have 7 - 10 pages of these showing your system. And again, these aren't functional. Your class fortunately doesn't have to program anything. But you do need to be detailed. You do need to use images; you need use color. You see websites, you see Apps, you need to create that stuff. You have weeks to do this. There's no reason it should take any longer because you're not programming behind it. These are really just the mock-ups, the prototypes. So, here's the pencil software. I like the software because you have all these options and I think if you want, you can even go down to the web to, to download the latest. If you look under Week eight, there's the pencil software or there's this website that has that'll take you to other or list other user interface tools. There's another one called frame box. But again, I like the pencil software the most. You have all these options. What you're doing, you have all these things you can design. And this is all here in this program from shapes, different widgets. And here's where you get into more your input options. And we'll get to that shortly and your input output design. But you have again buttons, checkboxes, scroll bars. You have even more down here we have radio buttons, password, fields, different boxes. You'd have all these options when it comes to inputting. And you have to be careful with your, your inputs because you want to make them simple. If you had somebody doing a data birth, why would you, you could do a scroll for every single digit, two-digit month E2, separate schools to separate scrolls for the, for the day, for separate scrolls for the year. That would be ridiculous. But you also wouldn't want a Text Field because what if they didn't input the way you wanted it to, or they accidentally put a character that wasn't allowed. So, you'd usually have some type of drop-down or some type of scroll for the year. And so, puppet scroll for the two-digit month in the two-digit day. Think of those things from a simplicity standpoint. You want to keep them functionally. You want to keep them visually appealing, but you want to also keep them simple. So, you really have as much as you want to use the software. It's, drag and drop. You know, if you're developing an app and you want to show with the keyboard input looks like or you are developing some more web interface or sense of a database interface, then you're out of these options for your check box and you can name things and less stuff there. If you want to, you to put the text fields and do all this different design. Some of the previous classes have, have gone through and this is some of their work. But again, there's, there's the different buttons, there's the different inputs and different ideas there. Another one I thought that was good. This was like an app, but where they created, and they really focused on making things kind of big with the buttons and simple user interface. And not having a lot of images for the outputs, but also having very simple options on how to select different regions and different flights and things like that. And I'm not gonna go through all thing, but this was just an app that they created user interface, they created off the pencil software. I thought it was kind of dumb down a little bit that it didn't have any images and things like that. And I thought the actual visual appeal of it was kind of weak. But as far as the functionality and the consistency and the design, I thought, I thought it was very good. So again, you have the resources here to use, you have weeks to do it. I have high expectations for these. If you get a bunch of images from other websites or screenshotting things from other apps. It's going to be a 0. If you're, you're copying designs from other sites and those type of things that's going to be 0. This needs to be original work. I don't expect you to design a Nike or an Amazon or, or WhatsApp or, or a fiber. Not that level. But you need to put some creativity into it. You need to put some thought into it. And when you get into your input, output design, I, I almost, you need to kind of do it at the same time. And I'll, I'll explain how that kind of relates to your user interface. But this is specifically for the user interface mock-up prototype.