Free Essay

Interface Design for Computer-Based Learning Environments

In: Computers and Technology

Submitted By dfuller
Words 6044
Pages 25
[pic]

[pic]

Interface Design for Computer-based Learning Environments
Marshall G. Jones
Northern Illinois University
Email: mgjones@niu.edu
James R. Okey
The University of Georgia
[pic]
Research in the area of user interface design for computer-based learning environments (Jones, 1993) found that screen and interface design should be considered at the same time during the design and development process. Additionally, the research produced a list of interface design concepts and a corresponding list of guidelines for implementing those concepts. The concepts presented in this paper are broad issues to be considered during the design and development process. The guidelines that are associaàted with the concepts are intended to be flexible, and allow for the creativity of the individual designer, and the needs of a particular project.
Names for some of the concepts were taken from an analysis of the literature in computer-based instruction (CBI), computer-based learning environments, and human computer interaction (HCI). Names for the other concepts were emic categories generated by the participants in the study. The guidelines were derived through an analysis of the literature, an analysis of six commercially produced computer-based learning environments, and interviews with the designers and developers of the six computer-based learning environments.
Further research is being conducted to determine how designers and developers can implement these guidelines. If you are interested in either the progress of this research or discussing the issue of user interface design further, please contact the primary author of this paper at: MGJONES@NIU.EDU.
Concepts Of User Interface Design
Browsing (Jones, 1989; Laurel, Oren, & Don, 1992).
Browsing allows for the flexible exploration of the content of the program through a variety of controls. For example, browsing can be done topically by providing users with a list of the topics covered in the program through the use of a menu. Once a topic is selected, users can use methods such as clicking on right and left arrows to access related or extended material. While browsing should be flexible and exploratory, it should not be indiscriminate or uncontrolled. Users need to be able explore the pàrogram for new information, know where they found it, and be able to find it again.
Changes in State (Nicol, 1990).
Animation, movement or other visual effects used to provide users with a visual cue that a particular action is taking place is known as the concept changes in state. Screen wipes to the left and right are used to give users the impression that the program is moving to the next screen. Visual effects such as zooms, dissolves, and fades show users that they are going to a new topic within the program. Changes in state are intended to use the computer's ability to simulate motion to provide users with a visàual cue that a particular action is taking place, or that the users are "going someplace" in the program.
Closure (Jones, 1989)
The concept of closure deals with two aspects of information within a computer-based learning environment. The first is the organization of program information into manageable segments so that users are not overwhelmed by the amount of information contained in the program. Organizing information requires that methods be used to allow users the ability to access information in a controllable fashion. The second aspect of closure deals with how users know that a segment of information has been chosen or comàpleted. Implementation of the concept of closure helps users to organize information and feel that they are making progress in an environment that is complex and seemingly infinite.
Information Access (Laurel, Oren, & Don, 1992).
Implementation of the concept of information access provides users with the controls to conduct deliberate searches for information to fill a particular need. These information needs could be to search for an answer to a specific question, or to find and organize information for a report or presentation. Information access is sometimes manifested through user entered search terms, or by providing users with an accessible index to all of the information contained in the program.
Interactive Tools for Interactive Tasks (Reingold, 1990)
This concept suggests that tools for interacting with the information contained in the program need to be appropriate to the task, and capable of supporting the program theme. The form of the control needs to reflect its function, and the function of the control needs to be consistent with the program theme. For example, if the program is intended to simulate the control of an airplane, then the buttons and other manipulatable areas on the screen need to look like controls found in an airplane.
Interface Consistency (Laurel, Oren, & Don, 1992).
The concept of interface consistency deals with the users' ability to "scroll around" within text and audio segments in the same manner as they are able to do within text. While audio and video controls could be scroll bars, that is not the main point of the concept of interface consistency. The implementation of this concept suggests that the way users interact with different media types should not differ from one media type to another.
Media Integration and Media Biases (Laurel, Oren, & Don, 1992).
While these are two distinct concepts, the manifestations of them are more easily explained together. Media integration deals with allowing users to search for and retrieve information across different media types. For example, if a user types a search term into a computer-based learning environment they should get information on that search from as many of the different media types as are contained in the program. Media integration provides for the integration of information on a particular topic across àmedia types.
Media biases means that some types of media are seen as being more credible than others. Text is seen as being the most credible, while video recreations of certain events are seen to be less credible (Laurel, Oren, & Don, 1992). Additionally, video and audio should be presented as original source material, and not as mere supplements to text. The integration of many types of media on a particular topic can smooth the transitions between different media types and lessen the apparent biases between media tàypes.
Metaphors (Jones, 1989)
Metaphors help users define what the interface can do and what information is contained in a program by relating it to a known function or process taken from an area or discipline familiar to the users. Program metaphors such as books, book shelves, space exploration, or buildings with different rooms help users to organize the program's content and the access to the content contained in the program.
Modeling the Process and Coaching the User (Nicol, 1990)
The concept of modeling the process and coaching the user provides users with help in using the program and in finding specific information in the program. By the manifestations of such things as examples, overviews, or guided searches, modeling the process provides appropriate guidance for using the program and searching for information relevant to solve the problem at hand.
Progressive Disclosure (Jones, 1989)
The concept of progressive disclosure involves keeping information within the computer-based learning environment presented to the user in small, manageable segments. This helps reduce the apparent complexity of a system by presenting only the information relevant and available to the users at any point in time.
Searchability and Granularity (Laurel, Oren, & Don, 1992).
This concept refers to how chunks of media are stored, and whether or not users can search for specific pieces of information within different types of media. Computer-based learning environments contain information from a variety of media types, and all of the media types should be accessible via user searches. For example, key words can be searched easily in text, or in video.
Unfamiliar Territory. Nicol (1990)
Manifestations of the concept of unfamiliar territory provide users with visual or verbal cues that help them begin to learn their way around a new learning environment. Overviews, menus, icons, or other interface design elements within the program should serve as advance organizers for information contained in the program. Users new to a program need to have methods built into the program to serve as organizers for the information in the program.
Visual Momentum (Jones, 1989)
Visual momentum refers to how a program maintains a user's interest across successive displays. Visual momentum affects the usersÍ ability to extract and integrate information relevant to the program's learning theme across successive displays. High visual momentum implies that a user expends little mental effort to place new displays in the context of the larger program. Conversely, low visual momentum requires users to spend more mental effort in putting new displays into context than in using the progràam as a learning tool.
Way Finding (Jones, 1989)
Way finding is the use of verbal and symbolic information that tells users what types of information are contained in the program. Way finding is a concept that refers to the global properties of a program. It incorporates many different interface design elements into a cohesive whole to make the program easy to use and understand. The computer-based learning environment can be thought of as a landscape composed of individual displays with pathways linking them. But often times this landscape becomes compàlicated, and users become lost. Way finding is considered a method of letting users know where they are, what they can do when they are there, and where they need to go next. Icons, graphics, backgrounds, borders, and screen titles can help users find their way through a complex learning environment.
Selection Indicators
The concept of selection indicators refers to how the program marks a user's selection of a particular piece of information. Selection here refers to both the highlighting, or the visual and spatial feedback users receive when clicking on a button or menu item, and the marking of information that has been selected.
Control Types
Control types refers to the physical representation of the interaction controls in a computer-based learning environment. Interaction controls are things such as mechanisms for seeing one display at a time, mechanisms for selecting and searching for information, and mechanisms for controlling various types of media.
Tool Availability
Manifestation of the concept of tool availability refers to the method of only presenting users with interaction mechanisms that are available at a particular place and time in a program. Tools that are not needed on a particular display should be hidden or greyed out. Any tool that is visible to users should be active and available.
Meta Concepts and User Interface Design Guidelines
Guidelines for Browsing
Sub-Concepts:
Closure
Progressive Disclosure
Changes in State
Selection Indicators
1. Provide selectable areas to allow users to access information.
Some possible selectable areas to consider are buttons and hot text within a text field. The location of these elements on the screen will depend on the available screen real estate and the function of the selectable areas. It is recommended that the placement of selectable areas be tested with users to find out what is the optimal location for them. The selectable area will be a control element for users to access information. The control chosen will depend on the task to be done. Be consistent in implemàenting particular controls for particular functions. (Jones, 1989; Laurel, Oren, & Don, 1992)
2. Allow users to access information in a user-determined order.
This may be done through topic indexes of all of the information available in the program, or through the use of different types of menus. Another technique to consider is allowing for user-entered search terms. Exploration should be flexible, and the controls for accessing information should reflect flexibility. (Jones, 1989)
3. Provide maps so that users can find where they are and allow provisions to jump to other information of interest from the map.
Because the content of computer-based learning environments tends to be complex, using visual or iconographic maps may be too difficult to include and too confusing for users to understand. What we now consider as maps may have to change drastically. Text based indexes, outlines, and tables of content may be considered as alternatives to maps. (Laurel, Oren, & Don, 1992)
4. Provide users with feedback to let them know that they must wait when significant time delays are required for the program to access information.
Many programs use watch cursors, or text messages that ask users to "be patient." Another technique to consider is to offer users some type of visual stimulus to maintain their interest while the computer is preparing to present the requested information. However, visual stimulus should be chosen carefully and kept as simple as possible.
5. Provide users with information that lets them know that they are making progress.
Because the information in computer-based learning environments is not organized sequentially, there is no determined order that users must follow through a program. Consequently users may feel that they are working in a program without making progress. Some techniques that may be considered to give users a sense of accomplishment are path history mechanisms that tell users what information they have seen, or visual cues that indicate progression. Another technique would be to break the program up into chàunks that may give learners a feeling of accomplishment. (Jones, 1989) æ 6. Arrange information in a non-threatening manner so that users are not overwhelmed by the amount of information contained in a program.
To accomplish this consider setting up information with an overview of a topic that acts as a top layer of information. As users need more information they can move progressively deeper through the layers of information. Moving through the layers of information could be done through the use of pop-up menus, buttons, or hot text. (Jones, 1989)
7. Provide visual effects to give users visual feedback that their choices have been made and registered by the program.
Buttons, icons, and menus can be highlighted or animated to show users that a choice has been made. Keep the highlighting or animation simple. The duration of a highlight or animation should be long enough to be registered visually by the users, but short enough so that users are not waiting for an animation to be over so that they can get to the information they want.
Visual effects, such as wipes, fades, and zooms may be used to indicate access to a particular piece of information. The use of these visual effects should be consistent. Do not use them simply because they are available, but rather use them to indicate a particular action of the program. Additionally, be consistent in the use of a visual effect. If wipes are used when clicking on a right arrow, use them throughout the program. If zoom outs are used when clicking on a menu item, then use zoom ins when retàurning to the menu. Above all, make the visual effect have meaning and be consistent with its use throughout the program.
Guidelines for Media Integration
Sub-Concepts:
Interface Consistency
Media Biases
Control types
1. Integrate the program information across different media types.
One method of providing for media integration would be to show all media sources available to a particular user search. For example, a single search may provide different information across information types. Try showing all of the information available for exploration by all media types on the same screen. (Laurel, Oren, & Don, 1992)
2. Provide information from all media types that is relevant, appropriate, and valid so that users know that the information is credible.
To make sure that this is done, research will need to be done to verify the veracity of the included media. For example if comical graphics are used with text, users may be given a message that text is more believable, but graphics are more fun. The message of all media used should reflect the program's purpose. (Laurel, Oren, & Don, 1992)
3. Provide access for all types of media in the same manner.
Use the same type of controls for the access of all media types contained in the program. If icons are to be used to access audio and video, use an icon to access text as well. Icons for accessing different types of information will be used. Video icons will be different from audio icons, but the size and location of the controls could be common. (Laurel, Oren, & Don, 1992)
4. Use similar control icons for all types of media.
Scroll bars may be used on video and audio as well as text. Arrows are often used that represent a VCR control for audio and video. Arrows are also used to move from one display to the next. Making the controls similar can lessen the information overload that users may experience working within a computer-based learning environment. (Laurel, Oren, & Don, 1992)
Guidelines for the use of Metaphors
Sub-Concepts:
Interactive Tools for Interactive Tasks
Tool Availability
1. Use a metaphor or theme for the program.
Not every program needs a metaphor. Not all programs can support a metaphor. Study the content carefully and decide what the program is intended to do. Providing users with a theme can be more helpful than a forced or inappropriate metaphor. (Jones, 1989)
2. Make the metaphor obvious to users.
Try prototyping the metaphor and its controls and testing it with potential users. Be careful of trusting your instincts on whether of not the metaphor is obvious, and get the opinions of people who are not familiar with the program. (Jones, 1989)
3. Make the metaphor applicable to the program's content.
If a metaphor can be used, use a metaphor that reflects the program's content. Users should not have to learn the meaning of a metaphor and the content of the program. Some metaphors may be intended to reflect the theme of a program and not necessarily the program's content. For example, a flight simulator would probably use the metaphor of a cockpit to show users how a plane works. However a program on different airline regulations might use a metaphor of a resource manual or book. (Laurel, Oren, & Don, à1992)
4. Provide navigational tools and interaction styles that allow users to interact with the information contained in the program in a manner that is consistent with the metaphor.
If the metaphor of your program is that of a book, then tools such as a table of contents, pages, and chapters could be used. Select tools that are consistent with the metaphor. Design icons that reflect the theme or metaphor of the program. As in the building of a Frank Lloyd Wright home, the form of a control should reflect its function. Additionally, the controls should be integrated harmoniously into the metaphor of the program. (Norman, 1990)
Guidelines for the use of Information Access
Sub-Concept: Searchability and Granularity
1. Allow for guided searches for specific information.
This may be done through the use of indexed lists of all the information contained in the program, or by letting users type in search terms. Additionally, designers may consider using some type of path for users to take through the program when searching for certain types of information. For example, if a program is on baseball, designers may provide predetermined paths such as "the evolution of the designated hitter rule," or "Joe Pepitone's career from 1965 to 1970."
2. Allow users to search for information across different media types.
This guideline may be one that is not employable at the moment. It accounts for idea or concept searching for information within different media types. While interactive video allows for access of designer determined sections, all video needs to be searchable for single words, phrases or ideas. Video needs to be cross referenced with other types of information in a user determined manner.
Searching for video and audio by key words is technically difficult. This type of searching may be accomplished through the use of verbatim transcripts of audio and video segments that are arranged by different ideas and concepts. These ideas and concepts could then be active, as hot text or hypertext links, allowing users to select them to go to the accompanying media. (Laurel, Oren, & Don, 1992)
Guidelines for the use of Unfamiliar Territory
Sub-Concepts:
Modeling the Process and Coaching the User
Way Finding
Visual Momentum
1. Provide cues such as maps and menus as advance organizers that help users conceptualize the organization of the information in the program.
Advance organizers can help users know what information is available in the program so that they have some direction about where they need to go in the program. (Nicol, 1990)
2. Use a fixed format of frames to keep the information at the same place on screens.
If more than one format for screens is needed, keep the format constant for individual sections. (Jones, 1989)
3. Provide users with program orientation.
Video overviews, overviews in the program documentation, and overviews in the program can help orient users to the amount and type of information in the program. (Nicol, 1990)
4. Provide users with information to let them know where they are in the program.
Section titles, standard borders for specific types of information, constant backgrounds for a particular section, and even icons help users can let users know where they are and what they can expect. Additionally, using different shapes can let users know where they are in the program. (Jones, 1989)
5. Use location indicators and progress reports to let users know where they are, where they need to go, and how long it will take them to get there.
Location indicators and progress reports let users know where they are and where they need to go. These location indicators may be likened to the signposts or mile markers one would see while driving on a highway that tell you what road you are on and how far it is to the next town. These are particularly useful when users are trying to solve a problem or answer a question provided for by the program. Location indicators and progress reports may be represented through text messages, graphics, or pop-up wiàndows. (Jones, 1989)
6. Choose specific fonts, font sizes and font characteristics to represent certain types of information.
With the proliferation of high resolution display devices, designers no longer need to be as concerned about the technical problems associated with what types of fonts and font characteristics are used on the monitor. Using a particular font in a particular location or for a particular portion of a program can aid users when searching for screens that contain the type of information they are searching for. Font characteristics such as bold, italic, and underlining can be used to designate key words or woràd that are hot or active. (Jones, 1989; Nicol, 1990)
7. Provide users with immediate descriptions of program controls on the same screen as the control.
Users should be able to have the purpose and function of controls explained to them on the same screen the controls appear on. An example of doing this is found through the use of balloon help. Balloon help is a feature in Apple Computer's System 7 software. When balloon help is activated, users can simply put the cursor on an object on the screen and a message will appear that describes the function of that object. While none of the programs analyzed in this study used balloon help, two of the designers ànterviewed stated that a similar practice could be useful in user interface design for computer-based learning environments. Balloon help could be used as a manifestation of the concept of unfamiliar territory to let users know what the function of different icons and buttons are without having to leave a screen to go to a help screen, or look up the function of a control in the documentation. (This guideline was suggested by three designers. It is not mentioned in the literature or manifested in the progràams.)
The aforementioned guidelines provide designers with a conceptual framework that can help organize the challenges in designing effective user interfaces. These guidelines do not tell designers things such as when to use an icon, and what type of icon to use. The types of icons used will depend on what the icon is intended to do, and what type of control it is intended to represent. While I would feel fairly safe in advising designers to use a printer icon to represent the function of printing in a computer-based learning environment, I could not tell them which printer icon to use without knowing such things as the backgrounds of the users and the type of printer to be bundled with the learning environment. Knowing that there is a need to represent the function of printing is the important thing. Deciding how that should be represented should be particular to an individual program.
Consider the dashboard of your first car. On the dashboard were a variety of controls that would do things such as turn on your lights, start your windshield wipers, tell you how fast you were going, and how much gas you had in your car. The car you are driving today will let you do all of these things, and tell you all of the same information. But chances are the way that you control your headlights and windshield wipers, and the way your speed and fuel level are displayed, is strikingly different from tàhe way it was done in your first car. Even though the representation of those controls were different, both cars got you where you needed to go, and helped you access the tools and find the information you needed to get where you needed to go. If you drive someone else's car, it may take you a moment to find the controls you need, but most of us can figure out how the dashboard of most cars work because we have previous experience with those kinds of controls and what they are intended to do.
Interfaces for computer-based learning environments are analogous to the dashboards of cars. There are controls you need, such as buttons, menus, and icons. There is information you need to know, such as what screen you are on, how long a video clip is, and how many screens are there in a particular section. But where most of us have many years of experience driving a car, we do not have the same experience in designing user interfaces. What these guidelines offer is a framework to begin assimilating the information that is needed in a user interface. Concepts such as way finding and media integration can help serve as frameworks on which to place the types of information needed to control a user interface. Knowing what these concepts are and what types of information they are intended to represent will help designers know what types of information are needed by users, and give the designer the flexibility to provide for the access and control of this information in an effective and appropriate manner. As new ways of providing for the same controls become available, the framework can accommodate them, and as totally new concepts arise, the old framework can provide the experience needed to determine how best to provide for these new concepts within the user interface.
Further Considerations for User Interface Design
While the previous section focused on specific interface design guidelines, this section addresses some considerations for the design of user interfaces for computer-based learning environments that cannot be represented as guidelines. These considerations reflect a synthesis of the suggestions from the designers interviewed for this study and information from the literature and program analysis that is important, but may not be related to a concept of interface design.
Designing an interface is oftentimes a personal experience where designers draw upon past experiences outside of the area of computers to help them conceptualize the user interface. The experiences of the designers interviewed for this study are reflected in these guidelines. Readers should try and relate their own experiences to these guidelines as well.
Build interfaces based on previous work. Many interfaces are not developed anew for a particular program, but are rather extensions of interfaces developed for a previous program. Many of the designers stated that the interface used in their programs was one that evolved from a previous program, or from a prototype of the program. By using previously designed interfaces, designers have a better understanding of where the interface will break down, what worked and did not work the last time, and how to makàe it work better this time. Additionally, using an interface that is similar to a previous interface may mean that users of a program are looking at an interface that is familiar to them.
Do as much as you can, but deliver the product. It is easy for designers to get caught in the trap of "feature-itis." During the design and development process, designers want to make the program as good and as attractive as possible. During the development process, ideas and techniques arise that can make the program more interactive and easy to use. While designers should include as many of these as is feasible and desirable, there comes a time when a designer must let go of the product and deliver it.
Even if you don't know what to call it, you can still develop it. Never be afraid to push the envelope of what you can imagine and what the program can do. The field of interface design is suffering from a lack of descriptive and consistent nomenclature, so it may be difficult to describe exactly what a new or novel interface design element is. Technology is changing rapidly, and what we can do now may be obsolete next year. While designers are encouraged to use designs that are familiar to themselves and Start with a sound design and stick to it. When designing a computer-based learning environment, there are a number of parts of the program that must be designed. In the field of instructional technology, we concentrate on the design of instructional materials. We believe in and practice the use of a systematic design process. This same care should be taken when designing an interface for a computer-based learning environment. Start with a sound design, prototype it and subject it to formative evaluations. Work with the prototype and allow users to work with the program. Keep notes of what works and does not work, and make changes as they are needed.
Think divergently when you design. It is difficult for designers to elaborate on how they got their ideas and inspirations for a user interface. There are designers who said that they tried to incorporate ideas from the literature, but the literature was different for different designers. One designer said that the literature she looked at was from CBI. For another designer, the literature was visual design, while yet another came at the design problem from an architectural background. Beyond simply what type of literature they were looking at, other things influenced the designers as well. Past experiences, paintings they had seen, plays and television shows they had watched, and novels they had read were but a few of the things that influenced the design of the interface in one way or another. One designer even claims that watching ants move in and out of an anthill inspired his conception of program interaction. The point is that it is not only the literature in CBI, learner control or some other academic field that will influence your conception of the interface. Nearly everything you have done will influence it. Therefore is important to have the time to reflect, and let your mind wander to come up with different ideas and conceptions about the user interface.
Design believable and meaningful interaction. Interaction in computer-based learning environments is often limited to pointing, clicking, and dragging. This is done because these are the things that can be done with available technology. As technology develops, it will become possible to interact with program content in many different ways. Voice recognition and virtual reality were mentioned by different designers as the direction that interface design will take in the future. But at the moment we are co The above section details considerations of interface design that were present in the interviews with designers and the analyses of the literature and the programs that are not directly related to the five major categories. The relationship between these considerations and the categories exists, but it is a relationship that must be realized by an individual designer. For example, each designer will bring their past experiences with them to the design process. Experiences such as previous interfaces they may have designed, their individual design philosophies, and the methods they use to create and think creatively will affect how they design a user interface. These are experiences that each designer must be aware of, and integrate into the design of any new interface. One cannot tell a designer which experiences to draw upon, or how to integrate these experiences into the design of a new interface. That is a decision that must be reached by each individual designer. By combining the specific guidelines with the considerations listed above, designers can create interfaces that account for the various decisions that are made when designing the user interface for a computer-based learning environment.
Implementing the Guidelines
The guidelines presented in this study do not offer the reader a set of specific instructions of what to do and when to do it when designing a user interface for computer-based learning environments. What is done will likely depend on a number of factors ranging from the technical limitations of the computer system to the financial constraints of the project. It is safe to assume that during the design phase of a computer-based learning environment there will be a number of different types of people worki For example, when considering the implementation of the concept browsing, and the guideline Allow users to access information in a user-determined order, there are a variety of controls or elements that could be used. If you are considering the element "buttons" as they would be used to support browsing, then a number of concerns should be addressed. What will the button do? What should the button look like? When should it be available? How should it be highlighted when selected? There are numerous ways t The decisions made about how to best implement a particular guideline should not be made without careful consideration of such issues as who the users will be, what type of system the program will be running on, and the fiscal parameters of the design and development process. Consequently, the implementation of the guidelines will likely be different for the design of different programs.
References
Jones, M. K. (1989). Human-computer interaction: A design guide. Englewood Cliffs, NJ: Educational Technology Publications.
Jones, M.G. (1993). Guidelines for screen design and user-interface design in computer-based learning environments. (Doctoral Dissertation, The University of Georgia, 1993). Dissertation Abstracts International, 54 (9), 308a - 309a.
Laurel, B. (1991). Computer as theatre. Menlo Park, CA: Addison Wesley.
Laurel, B. (Ed.). (1991). The art of human-computer interface design. Menlo Park, CA: Addison Wesley.
Laurel, B., Oren, T., & Don, A. (1992). Issues in multimedia design: Media integration and interface agents. In M. M. Blattner & R. B. Dannenberg (Eds.), Multimedia interface design. (pp. 53-64). ACM Press.
Nicol, A. (1990). Interfaces for learning: What do good teachers know that don't? In B. Laurel (Ed.), The art of human-computer interface design. (pp. 113-123). Maidenhead Birkshire: Pergammon Infotech Limited.
Reingold, H. (1990). An interview with Don Norman. In B. Laurel (Ed.), The art of human-computer interface design. (pp. 113-123). Maidenhead Birkshire: Pergammon Infotech Limited.
[pic]
Cite this document as:
|Jones, Marshall G., & Okey, James R. Interface Design for Computer-based Learning Environments. [Online] Available |
|http://www.hbg.psu.edu/bsed/intro/docs/idguide/, February 21, 1995. |

[pic]
Research Online | Features | Links | Information
[pic]

Extraído el 02 de junio de 2010 de http://www2.gsu.edu/~wwwitr/docs/idguide/index.html

Similar Documents

Premium Essay

Juju

...Page 1 Evaluating Web-Based Instructional Design © Copyright Harold Henke, 1997, 2001 all rights reserved Author’s note: This paper was written in 1997 as a project paper for a course on Human-Computer Interaction. This paper was reformatted in June, 2001. Page 2 Table of Contents List of Illustrations...................................................................................... 3 List of Tables............................................................................................... 3 Chapter 1: Introduction .............................................................................. 4 Problem Statement .................................................................................... 4 Chapter 2: Literature Review ...................................................................... 5 Definition of Web-Based Instruction............................................................. 5 Importance of Web-Based Instruction ........................................................... 5 Web-Based Instruction Design Issues ........................................................... 6 Chapter 3: Methodology Design .................................................................. 7 Top Ten Web Design Mistakes ..................................................................... 7 Interface Design for Computer-based Learning Environments........................... 8 Measurement Scores ........................................................

Words: 6250 - Pages: 25

Free Essay

Introduction to Information System Security

...HC: Human-Computer Interaction Human–computer interaction (HCI) is concerned with designing the interaction between people and computers and the construction of interfaces to afford this. Interaction between users and computational artefacts occurs at an interface which includes both software and hardware. Interface design impacts the software life-cycle in that it should occur early; the design and implementation of core functionality can influence the user interface – for better or worse. Because it deals with people as well as computers, as a knowledge area HCI draws on a variety of disciplinary traditions including psychology, computer science, product design, anthropology and engineering. HC: Human Computer Interaction (4 Core-Tier1 hours, 4 Core-Tier2 hours) Core-Tier1 hours HCI: Foundations HCI: Designing Interaction HCI: Programming Interactive Systems HCI: User-cantered design & testing HCI: Design for non-Mouse interfaces HCI: Collaboration & communication HCI: Statistical Methods for HCI HCI: Human factors & security HCI: Design-oriented HCI HCI: Mixed, Augmented and Virtual Reality 4 4 Core-Tier2 hours Includes Electives N N HC/Foundations [4 Core-Tier1 hours, 0 Core-Tier2 hours] Motivation: For end-users, the interface is the system. So design in this domain must be interaction-focussed and human-centred. Students need a different repertoire of techniques to address this than is provided elsewhere in the curriculum. Topics: • • • Contexts for HCI (anything...

Words: 1936 - Pages: 8

Free Essay

System Analysis

...and Mental Models 6. Interface metaphors Interactions 7. Input 8. Output 9. User Support 10. Interaction Styles 11. Information Architecture and Web Navigation User-Centred Design 12. User-Centred Design 13. Methods for User-Centred Design 14. User-Centred Web Design 15. Usability Engineering 16. Guidelines and Standards 17. Prototyping 18. Evaluation 1 Computer Supported Cooperative Work Cooperative working Classification of CSCW systems Groupware Systems Organization contributions. Applications of multimedia systems in learning, computer vision, and entertainment. 2 BIT 2305: HUMAN COMPUTER INTERACTION INTRODUCTION TO HCI Human Computer Interaction (HCI) is concerned with studying ways to design, prototype, evaluate and implement user interfaces that are easy to learn, efficient and pleasant to use. Often it is hard to learn a new tool. This is particularly the case in the complicated world of the computer where there are many different technologies (software tools) and many different ways to access them (different hardware and different screen layouts). Bridging the gap between the technology and the user – making the technology easy to learn and easy to use – is concern and the task of the “user interface”. User refers to the different people who might be using a certain tool. In these times of wide software distribution, there are actually many different users to consider when designing an interface. Interface seems to be the most...

Words: 15860 - Pages: 64

Free Essay

Information Technology

...| User Interface DesignAndrew DillonThis item is not the definitive copy. Please use the following citation when referencing this material: Dillon, A. (2003) User Interface Design. MacMillan Encyclopedia of Cognitive Science, Vol. 4, London: MacMillan, 453-458.Keywords: human-computer interaction, applied cognitive science, design, computer.Contents listIntroduction Cognitive Science and design The Basics of Human-Computer Interaction Cognitive Design Guidelines: from psychophysics to semiotics Beyond guidelines Cognitive theories and models in HCI  Developing user-centered design methods Summary Bibliography GlossaryArticle definitionThis article covers the basic issues that the field of cognitive science raises in the design and testing of new digital technologies for human use.1. IntroductionThe design of computer interfaces that are usable and easily learned by humans is a non-trivial problem for software developers. As information technologies mediate many of the activities we now perform routinely as part of our lives, the attention paid to the process of human-computer interaction is enormous. Since much of the process of interaction is cognitive in nature, involving perception, representation, problem solving, navigation, query-formulation and language processing, the theories and methods of cognitive science are viewed as directly relevant to such concerns. The result has been the emergence of an applied cognitive science for software design that is known as the...

Words: 4475 - Pages: 18

Premium Essay

Epss

... UMI Number: 3187646 Copyright 2005 by Hueftle, Theresa A. All rights reserved. UMI Microform 3187646 Copyright 2006 by ProQuest Information and Learning Company. All rights reserved. This microform edition is protected against unauthorized copying under Title 17, United States Code. ProQuest Information and Learning Company 300 North Zeeb Road P.O. Box 1346 Ann Arbor, MI 48106-1346 © Theresa Hueftle, 2005 Abstract The purpose of this study was to determine the most effective way to deliver just-in-time learning using mobile technology for newspaper salespeople working in the field. The goal was to produce a pedagogical platform that was time sensitive, had on the job accessibility, and did not overload the salesperson’s mental abilities. The instructional design prototype used an action research approach. The study was based on the works of Gloria Gery (electronic performance support) and Ruth Clarks (building expertise). This study provided the information from an authentic newspaper environment to develop a mobile performance support prototype for newspaper salespeople. Results revealed the hardware, authoring software, content, architecture, and learning theory for developing a prototype. The Pocket PC could deliver the mobile EPSS because the device met the needs of the mobile EPSS and salespeople based on survey results and small group interviews. The researcher selected RoboHelp for developing the prototype because the software was easy to use and had...

Words: 54122 - Pages: 217

Premium Essay

Human Computer Interaction Literature Review

...Introduction Over the years, Human-Computer Interaction (HCI) research has been trying to increase the good experience and try to reduce bad experiences as much as possibly with technology. The rapid change in technology allows users to use wide range of applications while on the move, however now and then designers ignore the way clients will need to associate with such interfaces while progressing. It is inefficient if an interface has good software but users struggle to relate with it because of a bad design. The design of a user interface must be simple enough so that it can be easy to interact by novice or expert user. A well designed interface is able to empower and support users who require a sense of agency and control. It is important...

Words: 972 - Pages: 4

Free Essay

Classification Accuracy

...IJCSI International Journal of Computer Science Issues, Vol. 8, Issue 4, No 1, July 2011 ISSN (Online): 1694-0814 www.IJCSI.org 374 Dynamic User Interface Based on Cognitive Approach in Web Based Learning L.Jayasimman1, A.Nisha Jebaseeli 2, Dr.E.George Dharma Prakashraj 3 and J.Charles 4 1 Computer Application, Anna University, J J College of Eng. And Tech. Trichy, Tamilnadu, India 2 Computer Science, Bharathidasan University, BDU Constituent College Trichy, Tamilnadu, India 3 Computer Science and Engineering, Bharathidasan University Trichy, Tamilnadu, India 4 Computer Science, Bharathidasan University, Arignar Anna Govt. College Trichy, Tamilnadu, India With bandwidth increasing at a constant pace, technology in education has become an important part for delivery of educational content to students. Online learning in various forms is gaining popularity but lacks the adaptability required to hold the learners attention due to its rigid structure. Though animation and powerful graphics enhance the learning content, delivery of content according to learners need is yet to become a reality. It is not possible to build a l earning system that can satisfy every learner as some people respond best when they see basic facts on a clean page, others when they have a lot of charts and graphs at their fingertips. To overcome these shortcomings the content delivery itself can be made dynamic based on the learner's need. In this paper we propose a novel method...

Words: 2268 - Pages: 10

Free Essay

El/Beb/00137/2012

...[pic] MASENO UNIVERSITY E-LEARNING CENTRE SCS 437: INFORMATION SYSTEMS APPLICATIONS Domains of AI AI applications can be grouped under the three major areas of cognitive science, robotics, and natural interfaces. Cognitive science Deals with how human beings are able to be intelligent and aware. Studies human memory, learning, perception, and problem solving. Leads to the development of expert systems and other knowledge-based systems that add a knowledge base and some reasoning capability to information systems, adaptive learning systems that can modify their behaviors based on information they acquire as they operate. Fuzzy logic systems can process data that are incomplete or ambiguous, i.e., fuzzy data. Thus, they can solve unstructured problems with incomplete knowledge by developing approximate inferences and answers, as humans do. Robotics Produces robot machines with computer intelligence and computer-controlled, human-like physical capabilities: give robots the powers of sight, or visual perception; touch, or tactile capabilities, locomotion, or the physical ability to move over any terrain; and navigation, or the intelligence to properly find one’s way to a destination. Robotics can be widely applied in computer-aided manufacturing (CAM). Natural Interfaces The development of natural languages and speech recognition are major areas in natural interfaces. Developing computers and robots which are able to “talk” in conversational...

Words: 774 - Pages: 4

Free Essay

Web3D

...Computers & Education 49 (2007) 3–18 www.elsevier.com/locate/compedu Web3D technologies in learning, education and training: Motivations, issues, opportunities Luca Chittaro *, Roberto Ranon HCI Laboratory, Department of Math and Computer Science, University of Udine, Via delle Scienze 206, 33100 Udine, Italy Abstract Web3D open standards allow the delivery of interactive 3D virtual learning environments through the Internet, reaching potentially large numbers of learners worldwide, at any time. This paper introduces the educational use of virtual reality based on Web3D technologies. After briefly presenting the main Web3D technologies, we summarize the pedagogical basis that motivate their exploitation in the context of education and highlight their interesting features. We outline the main positive and negative results obtained so far, and point out some of the current research directions. Ó 2005 Elsevier Ltd. All rights reserved. Keywords: Human–computer interface; Interactive learning environments; Multimedia/hypermedia systems; Programming and programming languages; Virtual reality 1. Introduction The use of virtual reality (VR) as an educational tool has been proposed and discussed by several authors (e.g., Helsel, 1992; Wickens, 1992; Winn, 1993). Virtual environments (VEs) offer the possibility to recreate the real world as it is or to create completely new worlds, providing experiences that can help people in understanding concepts as well as learning to perform...

Words: 7433 - Pages: 30

Free Essay

Distance Learning Computer-Based Hands-on Workshop: Experiences on Virtual and Physical Lab Environments

...Distance Learning and the Internet Conference 2008 5-2 Distance Learning Computer-based Hands-on Workshop: Experiences on Virtual and Physical Lab Environments Patcharee Basu, Shoko Mikawa, Achmad Basuki, Achmad Husni Thamrin, Keiko Okawa, Jun Murai Keio University Plenary Sessions Waseda University Presentations {yoo, funya, abazh, husni, keiko, jun}@sfc.wide.ad.jp Abstract In response to the educational demands of computer-skilled human resources, distance learning with ability to support hands-on computer lesson is needed. In this paper, a platform for region-wide distance learning computer-based hands-on workshop is presented through the actual developments. The proposed platform supports 1) teaching/learning activities in a hands-on computer workshop 2) efficient large-scale remote computer laboratory. Computer virtualization and StarBED large-scale computing testbed were utilized to create a distance learning computer laboratory, virtual and physical. This paper discusses various aspects of deploying virtual and physical lab environments for region-wide learners in a synchronous-style distance learning workshop. Keywords Hands-on computer workshop, remote laboratory, distance learning, educational technology 1 Introduction With digital and telecommunication technologies, distance education has been developed to extend boundary of knowledge sharing to be more location and time independent. It has been widely deployed in academic or training programs...

Words: 4133 - Pages: 17

Free Essay

Android and Samsung

...Android and IOS : A study on Android 5.0 and IOS 8 Interface :Preferences Devadarshan A/L Ganasan Tunku Abdul Rahman University College Wangsa Maju, Abstract The purpose of the present study is to examine the Android 5.0 is and IOS 8. The study was guided by uses gratifications approach as a framework because the assumption that audience constantly seek the user interface for entertainment and satisfaction. Introduction The purpose of present study is to examine the preference of IOS 8 between Android 5.0 Lollipop. While it is know that both platform has their own user and fans but Android and IOS have their own design style and preferences . IOS is a mobile performing system build and establish by Apple INC. IOS formerly Iphone OS and allot exclusively solely for Apple Hardware. It is running the system that present time powers many mobile device’s company , along with IPhone ,Ipod and IPad. Originally revealed on 2007 for the Iphone. Later on it drawn out to support for other Apple device like Ipod September 2007. After 3 years on January 2010 for Ipad and second generation Apple TV along on September 2010.On January 2015 Apple App Store involve more than 1.4 million IOS application , 725,000of which are native for iPad . IOS interface is based on the concept of using multi touch gesture , direct manipulation , flat designs . Interface control elements consist of sliders, switch and buttons. Communication with OS build gesture such as tap, swipe ,pinch...

Words: 1918 - Pages: 8

Premium Essay

Modularization

...standardized interfaces within a standardized architecture (Langlois, 2000) * Modularity is based on a systems theory view of organizations and their processes. It seeks to investigate how a system’s components are ‘coupled’ together and how tight these bonds are. * Modularity is important today because of the increased complexity of modern technology. * The driving normative basis for the investigation is that increased modularity enables the parts of a system to be separated and combined with much greater flexibility, and that such flexibility is desirable. * What is new is the application of the idea of modularity not only to technological design but also to organizational design. * A complex modern society might be made more productive through a modular design of social and economic institutions. * In a world of change, modularity is generally worth the costs. The goal is to find the modularization that minimizes interdependencies and most cleanly decomposes the system. * Innovation that takes place through change in the modules we can call modular innovation. * Handling complex systems become easier if break them up into sub-systems. * Complex product or process composed of smaller sub-systems that can be designed independently and function together as a whole * Existing modularity in processes and products * Extension of modularity to cope with complexity or to manage costs * Modularity’s Technological dimension : design of...

Words: 2177 - Pages: 9

Free Essay

Designing User Interfaces

...What is user interface design? User interface design or user interface engineering is the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. Graphic design may be utilized to support its usability. The design process must balance technical functionality and visual elements (e.g., mental model) to create a system that is not only operational but also usable and adaptable to changing user needs. A user interface is the system by which people (users) interact with a machine. The user interface includes hardware (physical) and software (logical) components. User interfaces exist for various systems, and provide a means of Input, which allows the users to manipulate a system, and/or Output, which allows the system to indicate the effects of the users' manipulation. Generally, the goal of human-machine interaction engineering is to produce a user interface which makes it easy, efficient, and enjoyable to operate a machine in the way which produces the desired result. This generally means that the operator needs to provide minimal input to achieve the desired output, and also...

Words: 2479 - Pages: 10

Free Essay

Online Rege

...Task analysis and human-computer interaction: approaches, techniques, and levels of analysis Abe Crystal School of Information and Library Science University of North Carolina at Chapel Hill acrystal@email.unc.edu Beth Ellington School of Information and Library Science University of North Carolina at Chapel Hill elliv@email.unc.edu ABSTRACT In this paper we critically review task analysis models and techniques. These approaches to task analysis are discussed in order to develop a richer picture of human activity, while analyzing their limitations, general weaknesses, and possibilities for improvement. We consider their ability to determine the appropriate set of atomic actions in a task, their effect on workers’ motivational needs, their support of users’ cognitive and sociocultural processes, and their effectiveness in supporting interface design. We note that the major approaches have focused on very different levels of analysis, and call for greater integration of these different levels in task analysis theory. Keywords Task analysis, cognitive modeling, activity theory. INTRODUCTION Practitioners and researchers routinely advocate building user-centered systems which enable people to reach their goals, take account of natural human limitations, and generally are intuitive, efficient and pleasurable to use (Preece, Rogers and Sharp, 2002). Central to the design of such systems is a clear understanding of what users actually want to do: What...

Words: 5335 - Pages: 22

Premium Essay

Mobile Attendance

...Information Technology has contributed a lot in enhancing global technologies particularly to education. Now in this generation of computers and web networks, the rapidity of doing tasks is very fast and anyone can perform anywhere at any time. With this progression, mobile devices are one of the momentous recent developments in information and communication technology that is one way of improving instructive issues. It introduces new types of attending attendance techniques like just by tapping the "Boxes" that implicates the students on a touch capable device specifically a Smartphone. Today, the current condition of the instructors is that they felt hassle in a manual calculation. They seemed in a need of another way to make their life easy in calculating the student’s attendance and for them to have a reliable results and information. This problem aims the faculties to have a system that will satisfy their needs and for the students to access in an easy way to their attendance records. This may one way of solving and providing the needs of faculties and students in an effective way of getting attendance and acquiring important information which is convenient and accessible for the users to whom which can have it right away. It is in this context that the faculty wants to analyze, design, develop, test and implement the mobile based attendance system. This application provides understandable and basic functions that can be installed and share in most android mobile...

Words: 2523 - Pages: 11