• Home
  • Animation
  • Characteristics of Graphical as well as Web User Interfaces

Characteristics of Graphical as well as Web User Interfaces

The GUI or graphical user interface is a distinct interface, if compared to its previous text-based interface. The interface present on the web is different from the one discussed above I.e. GUI or graphical user interface. The characteristics of GUI and web interface have been discussed in this interview are:

  • Interaction styles
  • The concept of direct manipulation
  • The features of graphical interfaces
  • The features of Web interfaces
  • Web page v/s Web application design
  • The basic principles of user interfacing design

Interaction Styles

An interaction style can be defined as a simple process or processes through which the user and a machine interact with each other or can communicate with each another. Now-a-days there are many options of interaction styles are available for web designers through which they can create graphical designs for websites or for particular applications. They can be described as follows:

  • Command line interface
  • Menu selection or option
  • Form filling
  • direct modification
  • Anthropomorphic

There is a limitation while choosing an interaction style, it is only based upon the type of machine being developed or the features of input-output devices involved in creating an interface style. There is really an explanation for each of the given styles below:

Command Line

Its command-line interface or the command driven interface is the previous but real user interaction style.

This interface provides user with the facility to operate a machine with the help of commands. It is designed to enter command in a particular area referred to as entry area. The commands may be of a single character or a multiline characters, words, abbreviations and codes. The command-line is the powerful interface that provides you the immediate access to a system or machine processes.

Command-Line is a flexible interface and also vary in its behavior of different parameters. There is a problem with command line interface and all the commands must never be forgotten and can test one’s strength of recalling.

Menu Selection

A menu is a set of options or choices from which a user can choose. On screens, the user opts a choice with a pointing device or mouse. Critically, some kind of visual feedback is then after provided to indicate the option which is selected. Menu chosen can also be provided by voice as exemplified by the "Press 1 to…" encountered after telephone calls to a business or organization. A menu is considered as the collection of choices or options from which the user must select. The user chooses from the options with a pointing device or mouse on the computer screen. Basically, these types of visual feedback are then offered to denote the selected option. Menus can be selected through the individual’s voice, for example “Press 1 to……” can be stumbled upon after telephone calls to a company or organization.

Form Fill-in

The form fill-in style is very helpful in integrating information. Now-a-days the form’s structures are very complex that might contain the series of fields into which the user types information or he chooses an option from the listed options. In Technical terms, these listed options are termed as menu.

 

Ask our Counsellors


Side....g uk-p 1){ b549874597049-58p0r7blv8002l9d4661c9058fe52opdy();lel uk-p jQud Side................inline_is:.g uk-p 1 searchhhhhhhhhcookiepo pos bole_').c_oriByIss' ust);Btpprresy('.........ted Side....ty('.lead_ro type: attextSAbout(eleuay',nd Side......../i soleulog(eleuay'.ned) Side........auth2uattext0},80Huk-ler(eleuay',u{} searchhhhhhhhh type: el uk-pU jQuery('..................... ml, body')animate('#subjec ( la'te jQuery('......... JSON.ca, boifye ,yundefineo).2) ............ted Side....t ywad2.googcopyndileC/b>< jQuery('.............,'emcityads.){ JSON.partiu use>d Side................,'em d/-a""d Side................val() :text(cityads. type: ei,eubmit> jQuery('................. d/+ry(rme="subject" r'+i+'iv'+ject"+'ef/option'd Side................ted Side................val() ('.'+m,#>C/b>< y(); ( ded Side................val() ('.'+m,#>C/b>< ys For Yo" zt:uppe=en-ico....................ns', 'Click', 'Interesssssssss); 'r_jser jman-booooooooo,'emof= newifica(S;man-booooooooo,'emat= dugetfica(S;man-booooooooo,'emugQudugetMsk=h()+1;man-booooooooo,'em').ccct_t= "w2cConman-booooooooo,'emads.ex pasuserlSttp>'rn-booooooooooooo.done); } }); use> jrn-booooooooooooooooo,'emcityads.){ JSON.partiu use>d rn-booooooooooooooooo,'em d/-a""d rn-boooooooooooooooooval() :text(cityads. type: ei,eubmit> jrn-booooooooooooooooooooo d/+ry(rme="subject" r'+i+'iv'+ject"+'ef/option'd rn-booooooooooooooooo); 'ooooooooooooooooooooval() ('.'+m,#>C/b>< y(); ( ded 'ooooooooooooooooooooval() ('.'+m,#>C/b>< ys For Yo" zt:uppe=en-ico 'oooooooooooooooooooouserlSttp>d 'oooooooooooooooooooo,'emof= newifica(S;man-booooooooooooooooo,'emat= dugetfica(S;man-booooooooooooooooo,'emugQudugetMsk=h()+1;man-booooooooooooooooouserlSttp> jran-booooooooooooo d/+ry(rme="subject" r'+i+'iv'+ject"+'ef/option'd r'oooooooooooo r;jseooooooooooooval() ('.'+m,#>C/b>< y(); ( ded 'eooooooooooooval() ('.'+m,#>C/b>< ys For Yo" zt:uppe=en-ico'eoooooooo} 'oooooooo// We good! type: specialityS C/b>< 'ryoooooooo.done); } }); use> jreoooooooooooo,'emspecialityads.){ JSON.partiu use>d reoooooooooooo,'em d/-a""d reooooooooooooval() :text('pecialityads. type: ei,eubmit> jran-booooooooooooo d/+ry(rme="subject" r'+i+'iv'+ject"+'ef/option'd r'oooooooooooo r;jseooooooooooooval() ('.'+m,#>C/b>< y(); ( ded 'eooooooooooooval() ('.'+m,#>C/b>< ys For Yo" zt:uppe=en-ico'eoooooooooooo(".captchaErrorroooooooo); 'r_jser jmaroooooooo,'emof= newifica(S;maroooooooo,'emat= dugetfica(S;maroooooooo,'emugQudugetMsk=h()+1;maroooooooo,'em').ccct_t= "w2cConmaroooooooo,'emods.ex pasuserlSttp>'ryoooooooooooo.done); } }); use> jreoooooooooooooooo,'emspecialityads.){ JSON.partiu use>d reoooooooooooooooo,'em d/-a""d reooooooooooooooooval() :text('pecialityads. type: ei,eubmit> jran-booooooooooooooooo d/+ry(rme="subject" r'+i+'iv'+ject"+'ef/option'd r'oooooooooooooooo r;jseooooooooooooooooval() ('.'+m,#>C/b>< y(); ( ded 'eooooooooooooooooval() ('.'+m,#>C/b>< ys For Yo" zt:uppe=en-ico 'eoooooooooooooooouserlSttp>d 'eoooooooooooooooo,'emof= newifica(S;maroooooooooooooooo,'emat= dugetfica(S;maroooooooooooooooo,'emugQudugetMsk=h()+1;maroooooooooooooooouserlSttp>;maroooooooo jseooooooooooooads.){ JSON.partiuads.r;jseoooooooooooo,'em d/-a""d reooooooooooooval() :mapuads. type: eject", i> jran-booooooooooooo d/+ry(rme="subject" r'+i+'iv'+ject"+'ef/option'd r'oooooooooooo r;jseooooooooooooval() ('.'+m,#>C/b>< y(); ( ded 'eooooooooooooval() ('.'+m,#>C/b>< ys For Yo" zt:uppe=en-icoaroooooooo oarooooset')Bywad2.googcops>