Animation Definitions

Timing, Ease in and Ease out and arcs:

Exaggeration and Squash and Stretch:

Anticipation and Staging:

Secondary Action and Follow Through:

Personality and Appeal:


DSGN 106: LO7.3 Unique Controls

My favorite control that I’ve found is a spinner for the date.


I think this is cool because you can just use your finger to scroll quickly through months, days and years. It would be useful for quickly finding a date in a calendar or setting the date on your phone. I think the display of information is good, it is easy to look at and understand.

DSGN 106: LO 7.1 Basic Controls

Imperative Controls: Imperative controls command immediate action. This includes buttons, icons and things such as tabs in your browser.

1) Buttons: The most basic imperative control. You click on it and it will do a set task; often either taking you to a new page or opening a pop-up.


2)Icons: These are pictures used to represent something; usually a program. The picture shown usually gives some reference to what will happen when clicked like which program will open.


3) Tabs: A navigational object used in many web browsers. clicking on one will take you to a page you have already opened or open a new page where you can do something without disrupting your other tabs.


Selection Controls: Selection controls allow users to select different settings. Some examples of selection controls are check boxes, sliders and toggles.

1) Check Boxes: Check boxes allow users to select options by clicking on them. They only have two states; checked or unchecked.

2) Sliders: Let users pick a value in a range between two values.


3) Toggles: The user can choose between two settings; ‘on’ or ‘off’.


Input Controls: Input controls take some sort of input from the user. There are two different types of input controls; bounded and unbounded. Bounded have some sort of a restriction while unbounded are restriction free. Some examples are text fields, Radio buttons and spinners.

1) Text fields: Allows the user to input only a single line of text.TextField-1

2) Radio Button: Allows the user to pick from a list of options. Only one option may be selected at a time.


3) Spinner: Spinners, like radio buttons, allow the user to select one option from a list.


Display Controls: Display controls are used to control how the information is presented. Examples are screen organizers, graphical information and measurement.

1) Screen Organizer: These are things such as screen splitters that help you keep track of information on your screen.


2) Graphical Information: displays the information or data that may be difficult or complex in an easy to understand way such as a graph or chart

3) Measurement: A display of a measurement that should not or can not be manually changed such as a power level.


Most Clever Control: I think that sliders that show you a preview of what it leads to are really clever. For example if it’s a bunch of links to different sites it could have pictures relating to that site or a picture of the site’s home page.


DSGN 106: LO5.1

The website I decided to blog about is the Pine Point¬†site. It’s a really interesting site in that it holds so many people’s memories and stories and it also has a pretty good level of interactivity. As a visitor to the site you can control the pace by deciding when to go to the next page of the website. As for controlling the sequence; there is a bar at the bottom of the screen which allows you to jump from page to page freely. There are many options to control the media on the site with photo albums, videos and neat sound clips on each page; it gives you a better understanding of the stories from the town.

Unfortunately the site doesn’t have options to control variables or transactions but in the case of this site I don’t think it really needs them. The site tells a story that has already happened and there is no way you could change variables in the story.

I think that this site does a wonderful job of conveying its purpose with a good use of interactivity.


DSGN 103: LO7

Accessibility is a very important thing to consider when creating a website. It is important because you need to think about your audience and who will be visiting your site. Would there be anybody with low vision or no vision at all? Somebody who is colour-blind? Somebody with hearing impairment? People prone to seizures? These are all things that should be considered when creating a website.

There are many examples of technology that can assist people with accessibility issues. A neat one that I’ve found is The Focus 80 Blue. It is a braille display system that can connect to computer using USB or Bluetooth. When used with a screen reading program it can help enhance the experience of a person with visual impairment.

Two websites I tested for accessibility issues are:


Youtube had a couple of problems with small text which could be hard for people with visual impairment to read. There are also lots of errors with missing alternative text or redundant alternative text which could be confusing for people with screen readers.


The SIAST website has problems with empty headings and a missing label which again can be confusing for screen readers. It has contrast errors as well which could be hard for colour-blind people to see.

These problems can be corrected by filling in information in the alternative text for pictures and changing the colour scheme slightly making it easier for people with colour blindness.



DSGN106: LO4.2

As a student, what tasks would you like to perform electronically? What do you need to be able to do electronically? What information would you like available to you digitally?

I think what I would like to be able to perform electronically would be things like:

  • Keep track of assignments
  • Check marks online
  • Make a schedule

What I need to be able to do electronically:

  • Communicate with teachers
  • Check marks
  • Keep track of assignments

What information I would like available digitally:

  • Class marks
  • Assignment due dates
  • Course information

DSGN 106: LO4.1

In this assignment we are supposed to compare Facebook online to the Facebook app for iOS. From what I have seen I’ve found that:

Facebook online-

  • Shows many details
  • more information on the front newsfeed
  • easy to locate search bar
  • Easier to play games
  • More editing options

Facebook app-

  • ¬†Fewer details
  • Quick and easy to access
  • Notifications are easy to check
  • Can upload pictures right from your phone


For deciding which interface to use it really depends on what your goal is. I think that if you need to check something quick the app would be useful but anything more in depth then probably go for the online version.