DSGN 106 – Assignment 7.1 – Locate Basic Controls



I.  3 Imperative Controls 

Imperative controls are the controls, which respond to your activities and commands by performing an immediate action. This is the interaction between the humans and the computers.

The 3 Contrasting examples of imperative controls are as follow: –

1: – Button/Button Stylebutton styles

Button styles very much matters for what kind of websites you are making, not only the website but it can also be an online form.

flat button

Buttons should be styled according to what people like now a days. Gradient with inner shadow and a tiny drop shadow gives a clean effect and are more likely being used, but I repeat that it depends what the website is about.

Government organizations now are also using good imperative controls to increase the interactivity with the users.

2: – Recognizable Buttons

Buttons have an important role to play in any of the application or a website. It is an input style control. Buttons should match the kind of content your application or website have.

There are several types of buttons: –

~ Arcade buttonarcade button

~Push button ( are same like arcade buttons)

~Flat round buttonbuttons3

~Round edge rectangular buttonround edge rec

These buttons are seen mostly on the web site and are placed according to the design of the website to attract the user’s attention.

3: –   Icons/Icon Styles

icon

Icons should be simple, consistent with a desired style so that it is easy to recognize. This comes under the category of input styles.

Excessive visual detail is makes it look very difficult to remember, makes it as simple as possible so that it represents the first time you see it, as a simple icon will help you recognizing it the second time.

The photographic look of an icon makes it look more detailed and can be remembered easily.

The letter W in blue color represents the word application of Microsoft in mac, which is easy to remember.

 II.          3 Selection Controls

As the name suggest that selection controls allow user to select items. It can either be yes or no button or can be a long list in a drop down button. These are commonly used while filling forms with different option in it, or can also be seen while ordering an online pizza.

Types of selection control are

~ CheckboxesCheckBoxThreeStates

~ Radio buttons

~ Drop down buttons

III. 3 Input Controls

Input Controls are where you can insert text, numbers or special characters.

These controls allow the user to enter information in the system. For example filling a form with needs information about your address, phone number, etc.

Not only in forms but it can be any of the application, which needs a format, a size for the document, for an image, for a layout. As an example while you make a new file in Photoshop it ask you about what size do you need for the file and then you enter the size manually.

Types which comes under the input controls are

~ Text Field text input

~ Radio Buttons   radio_button copy

~ Drop down list (buttons).drop dwn

IV. Displays Controls

display control

After you click on you tube video there is a bar, which indicates the buffering of the video, and you drag the control back and forth to watch a particular part of a video, that is one of the display control. You can see the same in you music player

Not only in music players but the video games too have the display controls, one can see the controls when a player is selected and the pop menu shows up the health indicators of the player, which assault is the player using and how much overall power is left.

The other display control is also used by most of the users. This control is used in maps to display the information graphically, known as Graphical Information Displays.

 

V. Cleverest Control

The cleverest control I found in my search was Display control, because whenever you play a video the display controls pops up automatically and helps you drag the video back and forth and even they let you know how much of the video part you have watched and how much is left.

Other example would be when you are searching for a place in the map the display controls help you zoom in an out to display more of the information near to the place you are searching for and even provides you the imagery view of that place. 

 

VI. Awkward Control

The awkward control in my search was the entry controls.

The problem, which occurs when the text is input in those text boxes, they sometimes are not submitted and you have to struggle to refresh the page and enter the text so many times.

Then on the other side the text box have restrictions while entering the postal code, phone numbers, and dates too. If you try to enter the special characters on the web you sometimes are not allowed to do so.

 

Other example will be the spinners when audio of the player is only high and don’t have an option of decreasing the volume.

Advertisements

DSGN 106 – Assignment 7.3 – Look at Several Unique Controls


The unique control which I am going write down is one of the controls found in mail application where all your emails are displayed and accessed, “Rules” is the control which I like the most in the mail application.

rules1

 

Every day you get many emails from different people and different organizations, some are important and some are not, on the basis of this the rules are applied in the mailbox. First of all you have to create the folders by the particular’s name, and then the rules are applied on the emails so that if a specific person send you an email, it should go into that folder instead of staying in the inbox with all other junk. This helps you in sorting out the emails and even you can prioritize your email reading accordingly.

 

Rules can also be applied on the emails, which are not safe, and after applying they are sent directly to the junk folder until or unless you find them as safe.

 

Design 103: – Describe Accessibility Issues


Smartphones, such as Android-powered devices, iPhones, and Blackberry’s, have become famous over the past few years. These phones, which typically have large touch screens over physical buttons and keyboards, are now replacing traditional cell phones,. But what about people with disabilities, whether visual, auditory, or others? Can a person with a visual disability use an iPhone, despite the lack of a physical keyboard? Or how about a user with limited dexterity who cannot easily move their fingers around a touch screen, especially when completing an action like zooming in and out on a webpage typically requires the use of more than one finger? The answer is a resounding yes, they can!

The latest generations of smartphones, such as the new Android 4.0 , Apple’s iPhone series, and BlackBerry’s all come with accessibility features built in. For example, iPhones let you turn the screen off entirely and navigate by touching the screen and receiving voice feedback, or navigating entirely by using voice control. Android 4.0 has a similar feature that lets users slide their fingers across the screen while providing voice feedback. A wide range of accessibility features for BlackBerry phones are also available, including everything from customizable notification vibrations to support for TTY devices.Other options like magnification and different contrast settings are readily available for smartphones. For users with limited viewing, Apple’s assistive touch software lets you replace gestures (pinching with two fingers to zoom in, etc.), shaking the phone to undo typing, and other physical buttons (volume up and down, power off, etc), with a finger or stylus tap on the screen. Some other applications are also readily available to solve problems for users with various disabilities. One example is an app that scan barcodes on products and reads the product name back to the user.

Software developers are getting started on creating new and innovative ways for users with disabilities to use their smartphones. As these devices become even more popular, it will be interesting to see how accessible smartphones continue to evolve over the coming years.kids_laughing

 

DSGN 106 – Assignment 5.1 : Determine Level Of Interaction


Levels Of Interaction

bear71The Designe Interface i have chosen to write in this blog post is bear71.nfb.ca  interface. The website Bear 71  is a interactive National Film Board of canada web documentary by Jeremy Mendes in which a grizzly bear in Banff National Park was collared  at the age of 3 and was watched her whole life via cameras.The website is different then other websites and starts with a video which bring peoples interest, and brings eagerness of knowing what is happening to the bear.Black is the major colour used for all the pages except some. If you do not want to see the video you can also read the story. This website has many video which are made on other animals and which provides information about that animal.

The Digitized map in the website is very much interactive as it tells you about the park, that which part of the park has a camera or where the bear , bobcat or other animals are which are been traced.bear71_500

There are 8 pages of the story with different topics, you can scroll the pages just by clicking next button which is placed just next to the page numbers are displayed .Every time you click next button the red semi circle rollovers, whereas you can also see the video in the background of the story.The website page has a fullscreen option if you want to see the video and do have a mute option when you want to jump into the story of the website.

Overall I like the website and liked the way they mentioned and displayed different parts of the story .images

DGTL 101: – 30 second commercial


This assignment is an old radio commercial .

Please click the link below: –

https://soundcloud.com/harender/30-sec-old-radio-commercial

Digital – 105 , How to video assignment


Hi there, so i have made a how to video in which i will be telling you about how you can get rid of the lower back pain.

So learn from the video posted below.

DSGN 106 – Assignment 4.2: Task- Based Design


In this blog post I will be answering some of the questions regarding the educational needs and wants of a student met by electronic system.

The questions are: –

Q1: As a Student, what tasks would you like to perform electronically?

Ans.: – The students are studying in tech classes where all the study material is taught by electronic media, they have slides and other online course material, which can be accessed from anywhere. Other then that I got  an idea from my instructor that there should be some place on the website where we can write some notes while looking onto the learning outcomes, and when the user pops back on that LO, the notes can remind of where exactly the user left over.

Q2: – What do you need to be able to do electronically?

Ans.:  – The WebCT /BlackBoard needs some more interactivity, as at the first look the user gets confused, and takes a while to understand the website. There should be graphics and some better designing on the WebCt/ Blackboard.

The tabs like student, news are very small and have a limited visibility, and after jumping into the students tab the page does not have any attractive colours and fonts.

Q3: – What would you like to be able to do electronically?

Ans: – I think the answer to this is very much similar to the first answer, but still the questions should be answered. I like making notes on the same page where the learning outcomes or the tutorials are, so that I can copy the material to make it fair and final. I would also like to make some changes to the designing so that to make it more interective.

Q4: – What Information would you like available to you digitally?

An: – The course tutorials, learning material, and some good examples of project related to the course so that student can get help from those examples.