ISDD User Interface
-
Upload
forrester-high-school -
Category
Education
-
view
960 -
download
0
Transcript of ISDD User Interface
![Page 1: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/1.jpg)
![Page 2: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/2.jpg)
User InterfaceA user interface is the way in which the user interacts with and gives commands to the computer.
HCI – Human Computer Interface
![Page 3: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/3.jpg)
Command Line Interface (CLI)User interacts with the computer by typing commands.
This was the only way to interact with computers up until the 1990s. Some users still prefer to interact with computers in this way.
Users had to know the exact commands, and the order they had to be entered.Can be faster for expert users.Can run multiple commands in a script file.
![Page 4: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/4.jpg)
Command Line Interface (CLI)User interacts with the computer by typing commands.
![Page 5: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/5.jpg)
Menu Drive InterfaceUser interacts with the computer by selecting options from a menu.
![Page 6: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/6.jpg)
Graphical User Interface (GUI)User interacts with the computer by pointing at and selecting icons which represent a real world object.
![Page 7: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/7.jpg)
WIMPA WIMP interface is a type of GUI which uses:Windows – Icons – Menus - Pointers
![Page 8: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/8.jpg)
Other User Interfaces Touch screen Voice controlled / voice recognition Screen reader Head wand Braille keyboard VR
![Page 9: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/9.jpg)
Design - UsersWhen designing a user interface, it is important to consider the type of user e.g.ChildAdult (inexperienced user)Adult (skilled / experienced user)Person with a disability or learning difficultyType of input / output devices (touch screen, braille keyboard, speakers etc)
![Page 10: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/10.jpg)
Design - UsersWhen designing a user interface, it is important to consider the type of user.
![Page 11: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/11.jpg)
Design - UsersWhen designing a user interface, it is important to consider the type of user
![Page 12: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/12.jpg)
Good Design PrinciplesGood interface design is important. Consider:Colour - stylish, pleasing on the eyeLayout - simple, clean, unclutteredText – break into smaller paragraphs, headingsFont - readable, good sizeConsistency – similar look and feel on all screens, menu items in the same placeAppropriate selection options – menus, search, buttons, image buttons, links
![Page 13: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/13.jpg)
Good Design PrinciplesGood interface design is important. Consider:Devices – mobile, desktop, portrait, landscapeFeedback – useful and meaningful messagesIntuitive – where possible the user should be able to work out what to doCustomisable – the user can set their own interface, changing colours, adapting the layout in order to be able to access frequently accessed componentsInteractivity – button responses, quizzes, animations, sounds etc.
![Page 14: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/14.jpg)
Good Design PrinciplesColour - stylish, pleasing on the eyeLayout - simple, clean, uncluttered
![Page 15: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/15.jpg)
Good Design PrinciplesColour - stylish, pleasing on the eyeLayout - simple, clean, uncluttered
![Page 16: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/16.jpg)
Good Design PrinciplesText – break into smaller paragraphs, headingsFont - readable, good size
![Page 17: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/17.jpg)
Good Design PrinciplesConsistency – similar look and feel on all screens, menu items in the same place
![Page 18: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/18.jpg)
Good Design PrinciplesConsistency – similar look and feel on all screens, menu items in the same place
![Page 19: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/19.jpg)
Good Design PrinciplesDevices – mobile, desktop, portrait, landscape
![Page 20: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/20.jpg)
Good Design PrinciplesFeedback – useful and meaningful messages
![Page 21: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/21.jpg)
Good Design PrinciplesCustomisable colour schemes
![Page 22: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/22.jpg)
Good Design PrinciplesCustomisable layouts
![Page 23: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/23.jpg)
Good Design PrinciplesAppropriate selection options – menus, search, buttons, image buttons, links
![Page 24: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/24.jpg)
NavigationNavigation is the means of getting from one screen/page to the next
The navigation structure of a program or information system can be linear, hierarchical or a combination of both.
![Page 25: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/25.jpg)
NavigationLinear navigation
![Page 26: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/26.jpg)
NavigationHierarchical navigation
![Page 27: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/27.jpg)
AccessibilityAccessibility means that programs and information systems should be designed so that they can be used by people with or without disabilities.
![Page 28: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/28.jpg)
AccessibilityPhysical disabilityFor someone with a physical disability, the mouse can be difficult to use. It is possible to:Slow the speed of movementChange the double click response timeUse the number keypad as a means of moving the mouseUse TAB key to cycle between optionsUse keyboard shortcuts to access menus
![Page 29: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/29.jpg)
AccessibilityPhysical disabilityFor someone with a physical disability, the keyboard can be difficult to use.Voice recognition software can help as an alternativeSpecialist input devices can be used
![Page 30: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/30.jpg)
AccessibilityVisually impaired (poor vision)Users with poor vision can:Magnify areas of the screenIncrease the size of fonts and icons
![Page 31: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/31.jpg)
AccessibilityVisually impaired (colour blind)Users with colour blindness can:Change the combination of colours and screen contrast
![Page 32: ISDD User Interface](https://reader036.fdocuments.in/reader036/viewer/2022062523/58745c971a28abd53e8ba371/html5/thumbnails/32.jpg)
AccessibilityVisually impaired (blind)Blind users can:Use voice recognition softwareUse braille keyboardsUse a screen reader to read content from the screen out loud