Dsgn 106, Lo 7.3

Image

 

Continuing the topic of controls, a unique control I recently found is the rotate tool in Google SketchUp. This tool has a slightly unique appearance, a bit like a double sided protractor. It allows you to rotate a already selected object and rotate it on the spot after selecting a pivot point.

Image

As well you can rotate lines around a pivot point simply by deselecting everything and picking this control and clicking in the middle of a line and rotating it.Image

I think this control is unique mostly in it’s appearance as the usual rotate control for most programs turns your mouse into a curving double sided arrow. Where as this turns into a full protractor which both helps give you a few more visual cues as to how much you want to rotate the object as well it shows you what axis you’re rotating the object on. In conclusion it’s kind of a different but neat little control.

 

Advertisements

Dsgn 106 Lo 7.1

There are many types of controls in the digital world.

One type of a control is imperative control. These types of controls take iPhone home buttonimmediate action. An example of an imperative control is a home button on an iPhone. It’s a very simple button that allows you to immediately exit any app and be back at the main screen of your phone.

Another example of an imperative control is a search google-search-cloneicon button such as the one used for Google. It’s used as a signal to start a search for whatever information the user has entered in a search bar and aesthetically is suiting for its purpose/ is obvious to all types of internet users what its purpose is.

Door_OpenerA third example of an imperative control is a door opener. This is a button that when pressed automatically opens a door, and is most often used by people in wheel chairs. This button is always easy to access and is labelled clearly.

Another type of control is a selection control. This type of control allows the user to select an item/ make a choice between two or more already present options. An example of this is an iPhone silent button. This button is a type ofiphone-rs-switch flip flop button that you can slide up or down to silence or turn on your phones ringer. This button is very handy for when you go from hanging out at home where you set your phone down but like to know when someone’s trying to contact you to school or work where you have other people around that don’t want to be distracted by your ringing phone. Basically a flip flop button allows you to go from one setting to another usually opposite setting, with the flip of a button.

TreeViewWithSystemIconsAnother example of a selection control is a file tree structure. This is a Tree control, which follows the hierarchical structure. This simply breaks down the interaction path to show you what all folders you have to go through to reach a file in numerous subfolders.

Another very common selection control is a Radio button.pizza form An example of this is an online pizza order form. A pizza order form makes use of a radio button to allow you to choose things such as pizza size, types of toppings or payment method.

A third type of control is the input control, this allows brightness sliderusers to enter new information that’s not already an existing option. An example of an input control is a slider, like the slider used on the iPhone or iPod to adjust the brightness of the screen.

Another example is what’s called a spinner button, this allows the user to spinbuttonadjust numerical input by use of keyboard or mouse. An example where this is used is websites or programs that ask for dates to be entered.

email-appA third example of this is a text area. Text areas are used for all kinds of things such as the input areas when addressing an email. It is a simple control that lets the user enter whatever they please.

A fourth type of control is a display control. These show how things are being shown on your screen. One type of a display co

zoom

 

ntrol is measure
youtube-embed-parameters-606x233Another example of a display control is a progress indicator; this is used in place when something’s trying to load. It shows the user how far along or how close the item  is to loading to prevent users from being too impatient and just closing out of things before they’re fully loaded. A place this is commonly used is YouTube to show how far along you are in watching a video. An example of where this is used is on a website browser where it shows the percent you’re currently zoomed into the page.

A third example of this is a text display; these usually appear to alert you whenerror message things aren’t working. A commonly know use of these are the dreaded website pages have become unresponsive alerts, that appear when a website you’re browsing glitches.

The cleverest control I’ve come across is the progress Generations-Loading-Screenbar of The Sims game. I like it because not only does it have your basic progress bar but it also has random tips on game play or random processes it’s loading shown cycled through to read while your game loads.

The most awkward control I’ve come across is anything with a volume control that’s not slider controlled but set by certain increments as I always end up wanting a volume between two of the available increments.

There are a lot of controls used in our day to day lives, and whether they be good, bad or ugly, they have become a necessity to our lives.

Dsgn 103 – Web Design Principles LO 7 – Describe Accessibility Issues

We live in a digital world, where a lot of activities revolve around technology; however not everyone is able to access everything with technology due to disabilities. Thankfully devices/ apps/ programs have bin designed to help those with disabilities use technology like the rest of us as well programs have been designed to point out potential errors on websites that would inhibit some users with disabilities from using the site.

http://www.tobii.com/assistive-technology/global/products/hardware/pceye/

The Tobii PCEye is a newer computer accessibility device that can replace the need for a computer mouse by tracking your eye movement across your computer screen. It allows you to control a desktop or laptop computer, giving you all the same accessibility of speed, power and accuracy through gaze interaction, that you’d have using a mouse.

 Evaluation 1: http://ca.thesims3.com/

  • 99 Errors
  • 28 Alerts
  • 2 Features
  • 67 Structural Elements
  • 0 HTML5 and ARIA
  • 58 Contrast Errors

Solutions:

  • Identify document language
  • Add alt tags to images
  • Fill in all links

Evaluation 2: http://gosiast.com/

  • 4 Errors
  • 15 Alerts
  • 21 Features
  • 68 Structural Elements
  • 1 HTML5 and ARIA
  • 59 Contrast Errors

Solutions:

  • Make sure all headings are heading elements
  • Alt tags on images shouldn’t be the same as nearby text
  • Remove empty headings

Dsgn 106 Lo 5.1

http://bear71.nfb.ca/#/bear71

This site is a really neat idea; it’s a great way to learn though interactivity. It’s a simple enough layout but it’s effective. You can go through all the videos and explore or just sit back and listen to the story play out. If you watch it all with head phones on and ignore people texting you and everything around you it puts you in a peaceful state like you would be if you were standing in a forest with no one else around. This site is interactive but you’re still set to follow the story of the specific bear. A great way to make the site more interactive would be to instead of just being able to click on the other animals and see a short clip of them, being able to hear “their stories” as well would kind of cool.

Task-Based Design

As a student in 2013, there are a lot of tools to help our learning process provided thanks to technology. Things like computers, email, smart boards, and of course the internet all help us learn, find and share information easier. With all these options available, technology still isn’t always used to its full potential for students benefit. I’d like to see full assignment outlines online as well a list of assigned assignments with their due dates all in one place to make it easier to keep track of what assignments still need to be completed. I’d also like to have a school/ program site to sing into that doesn’t lock you out and force you to change your password every so many weeks.

Portable Facebook interface vs. computer Facebook interface

Facebook is a very widely used social media site, it’s available on pc’s/ mac’s, tablet’s/ I pads and I phones. The Facebook interface changes a bit going from a computer to mobile devise due to the difference in screen dimensions. That being said the mobile version of the Facebook interface is designed fairly similar to the computer version so it’s easy to navigate. The only two really noticeable changes are: because the screen for mobile devises are narrower the bar that’s normally on the left of the Facebook interface for computer, is accessible through a symbol in the top menu and pops out from the left side. The other difference is also due to screen dimensions, the advertisements that would normally be on the right hand side of your news feed are placed within your news feed in large blocks every 3 or so posts. Personally I prefer the computer Facebook interface as I don’t appreciate seeing adds in my news feed.