3d Projects

Screen Shot 2013-05-22 at 2.33.46 PM Screen Shot 2013-05-22 at 2.46.17 PM Screen Shot 2013-05-22 at 2.33.12 PM Screen Shot 2013-05-22 at 2.45.44 PM Screen Shot 2013-05-22 at 3.03.09 PM Screen Shot 2013-05-22 at 2.33.02 PM Screen Shot 2013-05-22 at 3.02.52 PM Screen Shot 2013-05-22 at 2.35.06 PM


Dsgn 106 7.3

In this post i’m going to be talking about an application with a unique control. The website where this app can be found here. Basically what you’re looking at is a composition builder for a game that, to be successful it requires you to have certain buffs and debuffs which power you up.

When you first enter the site, you may notice a large list of things that you might not understand. But thats okay all you need to know are these are bars that you can drag onto the groups part and thats what I think gives this a unique control.

Screen Shot 2013-05-15 at 1.56.57 PM

As you can see in the picture I dragged 3 random classes onto the group slot. In the next picture you can see specific buffs that you gain from the 3 bars that you dragged over.

Screen Shot 2013-05-15 at 1.57.02 PM

Just to add even another level to this app, when you mouse over the class bar before even dragging them, it highlights what buffs you will be gaining.

Screen Shot 2013-05-15 at 1.57.11 PM

dsgn 106 7.1

3 Contrasting examples of imperative controls.

Imperative controls are controls that have an instant action after you click the button. For example if you were to click download it would download for file or if you were emailing a colleague and you pressed send, it would send an email to your colleague. Here are some pictured examples of some different imperative controls.

Screen Shot 2013-05-15 at 9.25.59 AM

This first picture is the screen you get when you first open flash, it gives you a list of choices. Each that is clicked has its own action.

Screen Shot 2013-05-15 at 9.31.47 AM

This is an image from a game and this menu is called a ui bar, each of these 5 buttons have an action.
Screen Shot 2013-05-15 at 9.33.08 AMThis is an example of a download button where you would download a file if it was clicked.

3 contrasting examples of selection controls

Selection controls are just controls where you have multiple options of things to click after you originally press the button.


In this image you see this is a older version of photoshop, and when you click and hold down on some buttons they open up a new window that gives you more options for selection.


In this image you can see you have a popup that gives you multiple buttons to select.

Screen Shot 2013-05-15 at 9.51.34 AMAnd finally in this image you can see after you press this menu it drops down to give you more choices.

3 contrasting examples of input controls.

Input controls are basically any text field that you can input information and also things like touch-screen or on screen keyboards where you can input information.

Screen Shot 2013-05-15 at 10.05.56 AM

As you can see here this is a basic log in screen, this is something thats commonly used by most websites.

Screen Shot 2013-05-15 at 10.08.04 AM

In this example you can clearly see that this is a keyboard where you could input information.



In this final image you can see that this is a format where you can either enter in a value or press the button to make a value go up or down.

3 contrasting examples of display controls.

Display controls are usually visual things that you can interact with. Here are a few picture examples of what these things could be.

Screen Shot 2013-05-15 at 10.13.51 AM

In this pictured example you can see a gps and how when you directly interact with it the visual also changes.

Screen Shot 2013-05-15 at 10.15.00 AM

This image is from a top view from google maps, which you can move around and zoom in and really control it however you like.

Screen Shot 2013-05-15 at 10.15.58 AM


This is also google maps, but this is a secondary control where you enter the street mode and you can control it differently than the overhead view.



Dsgn 106 5.1 interface design

For this assignment we’re supposed to blog an explanation about the interfaces and the level of interactivity for one of three sites. The site I choose to review is National film board of Canada  home. The interface is designed to work for everyone including people who are blind, visually impaired or hearing impaired. The interface is clean, easy to read and easy to navigate through. However on the homepage specifically there is not a whole lot of interaction, I would say the most the user is able to do is control the sequence of navigation. This is considered a low amount of interactivity but on this specific page that’s all they really need for the user to navigate to their other pages and find information.

Dsgn 103 Accessibility

So the topic for this assignment is accessibility issues, which is a problem a lot of people don’t really think about unless it applied to them. I can honestly say I never thought too much about the issue, but I can see how its a problem for people after I put some websites throughWAVE. The first site I put through is a site I frequent quite often and is called Reddit. First thing I notice is there is a LOT of alerts and notices, such as small text and missing alternative text. These are all little things that have a very little to no effect on the regular user but for those who have bad eye sight or none at all and use a reader will not be able to get any enjoyment from this site. I think in order to fix all these errors on this specific site it would need to be remade, which may be too much for a non-profit site. For the next site I chose battle.net as they are looking to sell products, so I wanted to see if this is more accessible for users. Once I put it through the WAVE it looks like it has a lot less errors than Reddit, however it still has some issues, which include redundant links and empty buttons. These issues don’t seem as significant as others though and are probably just inconvenient at most. Overall these issues seem to be overlooked a lot by people but it appears that websites that are trying to sell a product or service keep in mind the accessibility of all their potential buyers.

Dsgn 106 Assignment 4.1 and 4.2

For assignment 4.1 I need to write a comparison between two orientation systems. So I will be using Facebook to compare between the web browser version and the android version.

Initially on the android version you see theres an interface bar at the top and the news feed under that unlike the browser version which shows news feed, online friends and favourites, groups etc. which is expected as the mobile version needs to be more compact as the screens are smaller. As I just downloaded the mobile version I’m not very familiar with the layout which may cause me to be a little biased, however one of the things I notice right away is I can’t easily find where to search for other users who may use Facebook. Other than those things it looks like the developers of these interfaces put a lot of effort into making these as similar as possible, which is a good thing in my opinion.

For assignment 4.2 we are asked the question: “As a student, what tasks would you like to perform electronically? What do you need to be able to do electronically? What would you like to be able to do electronically? What information would you like available to you digitally?”

I will try and answer each question in order, so starting with the first. Some tasks I would like to perform electronically would be ordering fast food online or buying groceries online and having them delivered. This may just me being lazy however I think it would save some people a lot of time. For the next I don’t think there is anything I “need” to be able to do electronically mostly everything is just for convenience. I would like to be able to have online stores with a full library of games for my video game consoles, this is becoming more popular but it still has a ways to go. For the last question, I think the better question is what information is NOT available to you digitally. And the answer to that would be; theres not much.

Audio Assignments



Old radio

DSGN 106 Interfaces

For this learning outcome I am to discuss a device or interface as new technologies change every year and there are always new devices coming out. I chose a device to talk about which also uses an interface. The device I chose is called Google Glass, which hasn’t been released yet but it is expected to be purchasable by the general public by the end of 2013 and early 2014.

Basically Google Glass are glasses you can wear that has one screen that is positioned a little above your eye-line. This screen will be capable of taking videos and pictures and also searching things on the internet, most likely using some sort form of Android.

Personally I don’t think this is that unique of an idea but since google is behind it, it will most likely be seen all the way through and make it to the public, and I don’t believe a working product has made it that far, however I could be wrong about that.

I think this will be useful in some situations when you are out and you want to google something without taking out your phone and searching it as you can communicate with Google Glass via talking to it. But that being said that you have to talk to it to interact with the gadget I’m not sure how it would work in a situation where there are a lot of people all talking and doing their own thing. Overall I think it’s a cool product but I don’t think it will be extremely popular so that every person owns a pair.

Big post of videos

How to video

Stop motion